/* --------------------------------------------------- */
/* ############### BOOTSTRAP OVERRIDES ############### */
/* --------------------------------------------------- */
/* ------------------------------------------ */
/* ############### 3.1 Alerts ############### */
/* ------------------------------------------ */
.alert {
  border-width: 0;
  border-radius: 0;
  padding: 15px 20px;
  position: relative;
}
.alert .close {
  opacity: .25;
}

.alert-icon {
  opacity: .95;
  line-height: 0;
  margin-right: 10px;
  position: relative;
}

/* ------------------------------------------- */
/* ############### 3.2 Buttons ############### */
/* ------------------------------------------- */
.btn, .sp-container button {
  border-radius: 0;
}
.btn.rounded-circle, .sp-container button.rounded-circle {
  border-radius: 100%;
}

.btn:active, .sp-container button:active {
  box-shadow: none;
}

.btn-indigo {
  color: #fff;
  background-color: #6610f2;
  border-color: #5b0cdd;
}
.btn-indigo:hover {
  color: #fff;
  background-color: #560bd0;
  border-color: #4709ac;
}
.btn-indigo:focus, .btn-indigo.focus {
  box-shadow: 0 0 0 3px rgba(91, 12, 221, 0.5);
}
.btn-indigo.disabled, .btn-indigo:disabled {
  background-color: #6610f2;
  border-color: #5b0cdd;
}
.btn-indigo:active, .btn-indigo.active, .show > .btn-indigo.dropdown-toggle {
  background-color: #560bd0;
  background-image: none;
  border-color: #4709ac;
}

.btn-purple {
  color: #fff;
  background-color: #6f42c1;
  border-color: #643ab0;
}
.btn-purple:hover {
  color: #fff;
  background-color: #5e37a6;
  border-color: #4e2d89;
}
.btn-purple:focus, .btn-purple.focus {
  box-shadow: 0 0 0 3px rgba(100, 58, 176, 0.5);
}
.btn-purple.disabled, .btn-purple:disabled {
  background-color: #6f42c1;
  border-color: #643ab0;
}
.btn-purple:active, .btn-purple.active, .show > .btn-purple.dropdown-toggle {
  background-color: #5e37a6;
  background-image: none;
  border-color: #4e2d89;
}

.btn-pink {
  color: #fff;
  background-color: #e83e8c;
  border-color: #e5277e;
}
.btn-pink:hover {
  color: #fff;
  background-color: #e41c78;
  border-color: #c21766;
}
.btn-pink:focus, .btn-pink.focus {
  box-shadow: 0 0 0 3px rgba(229, 39, 126, 0.5);
}
.btn-pink.disabled, .btn-pink:disabled {
  background-color: #e83e8c;
  border-color: #e5277e;
}
.btn-pink:active, .btn-pink.active, .show > .btn-pink.dropdown-toggle {
  background-color: #e41c78;
  background-image: none;
  border-color: #c21766;
}

.btn-teal {
  color: #fff;
  background-color: #1CAF9A;
  border-color: #189987;
}
.btn-teal:hover {
  color: #fff;
  background-color: #178e7d;
  border-color: #116d60;
}
.btn-teal:focus, .btn-teal.focus {
  box-shadow: 0 0 0 3px rgba(24, 153, 135, 0.5);
}
.btn-teal.disabled, .btn-teal:disabled {
  background-color: #1CAF9A;
  border-color: #189987;
}
.btn-teal:active, .btn-teal.active, .show > .btn-teal.dropdown-toggle {
  background-color: #178e7d;
  background-image: none;
  border-color: #116d60;
}

.btn-outline-light {
  color: #adb5bd;
  background-color: transparent;
  background-image: none;
  border-color: #adb5bd;
}
.btn-outline-light:hover {
  color: #fff;
  background-color: #adb5bd;
  border-color: #adb5bd;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 3px rgba(173, 181, 189, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #adb5bd;
  background-color: transparent;
}
.btn-outline-light:active, .btn-outline-light.active, .show > .btn-outline-light.dropdown-toggle {
  color: #fff;
  background-color: #adb5bd;
  border-color: #adb5bd;
}

.btn-outline-indigo {
  color: #6610f2;
  background-color: transparent;
  background-image: none;
  border-color: #6610f2;
}
.btn-outline-indigo:hover {
  color: #fff;
  background-color: #6610f2;
  border-color: #6610f2;
}
.btn-outline-indigo:focus, .btn-outline-indigo.focus {
  box-shadow: 0 0 0 3px rgba(102, 16, 242, 0.5);
}
.btn-outline-indigo.disabled, .btn-outline-indigo:disabled {
  color: #6610f2;
  background-color: transparent;
}
.btn-outline-indigo:active, .btn-outline-indigo.active, .show > .btn-outline-indigo.dropdown-toggle {
  color: #fff;
  background-color: #6610f2;
  border-color: #6610f2;
}

.btn-outline-purple {
  color: #6f42c1;
  background-color: transparent;
  background-image: none;
  border-color: #6f42c1;
}
.btn-outline-purple:hover {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.btn-outline-purple:focus, .btn-outline-purple.focus {
  box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.5);
}
.btn-outline-purple.disabled, .btn-outline-purple:disabled {
  color: #6f42c1;
  background-color: transparent;
}
.btn-outline-purple:active, .btn-outline-purple.active, .show > .btn-outline-purple.dropdown-toggle {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}

.btn-outline-pink {
  color: #e83e8c;
  background-color: transparent;
  background-image: none;
  border-color: #e83e8c;
}
.btn-outline-pink:hover {
  color: #fff;
  background-color: #e83e8c;
  border-color: #e83e8c;
}
.btn-outline-pink:focus, .btn-outline-pink.focus {
  box-shadow: 0 0 0 3px rgba(232, 62, 140, 0.5);
}
.btn-outline-pink.disabled, .btn-outline-pink:disabled {
  color: #e83e8c;
  background-color: transparent;
}
.btn-outline-pink:active, .btn-outline-pink.active, .show > .btn-outline-pink.dropdown-toggle {
  color: #fff;
  background-color: #e83e8c;
  border-color: #e83e8c;
}

.btn-outline-teal {
  color: #1CAF9A;
  background-color: transparent;
  background-image: none;
  border-color: #1CAF9A;
}
.btn-outline-teal:hover {
  color: #fff;
  background-color: #1CAF9A;
  border-color: #1CAF9A;
}
.btn-outline-teal:focus, .btn-outline-teal.focus {
  box-shadow: 0 0 0 3px rgba(28, 175, 154, 0.5);
}
.btn-outline-teal.disabled, .btn-outline-teal:disabled {
  color: #1CAF9A;
  background-color: transparent;
}
.btn-outline-teal:active, .btn-outline-teal.active, .show > .btn-outline-teal.dropdown-toggle {
  color: #fff;
  background-color: #1CAF9A;
  border-color: #1CAF9A;
}

.btn-warning {
  color: #fff !important;
}

.btn-oblong {
  border-radius: 50px;
}

.btn-with-icon {
  padding: 0;
  display: inline-block;
  border-width: 0;
}
.btn-with-icon > div {
  position: relative;
  display: flex;
}
.btn-with-icon > div > span {
  display: flex;
  height: 100%;
  align-items: center;
}
.btn-with-icon > div > span.icon {
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
}

.btn-icon {
  display: inline-block;
  padding: 0;
}
.btn-icon > div {
  display: flex;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
}

.btn-group {
  direction: ltr;
}

/* ----------------------------------------- */
/* ############### 3.3 Cards ############### */
/* ----------------------------------------- */
.card {
  border-radius: 0;
}

.card-header,
.card-footer {
  border-color: #dee2e6;
  padding-left: 15px;
  padding-right: 15px;
}

.card-header {
  border-bottom: 0;
}
.card-header:first-child {
  border-radius: 0;
}

.card-title {
  color: #212529;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

.card-body {
  padding: 20px;
}

.card-body-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #2b333e;
}

.card-footer {
  border-top-width: 0;
  border-radius: 0;
}

/** ACCORDION **/
.accordion .card {
  border: 0;
  border-radius: 0;
}
.accordion .card + .card {
  margin-top: 1px;
}
.accordion .card-header {
  padding: 0;
  background-color: transparent;
  border-bottom-width: 0;
  min-height: 0;
}
.accordion .card-header a {
  display: block;
  padding: 15px 20px;
  font-size: 14px;
}
.accordion .card-header a, .accordion .card-header a:hover, .accordion .card-header a:focus {
  background-color: #0866C6;
  color: #fff;
}
.accordion .card-header a.collapsed {
  background-color: #dee2e6;
  color: #868e96;
}
.accordion .card-header a.collapsed:hover, .accordion .card-header a.collapsed:focus {
  background-color: #ced4da;
  color: #343a40;
}
.accordion .card-body {
  padding: 20px;
  background-color: #e9ecef;
}

.card-deck-xs .card:not(:last-child),
.card-deck-xs .card:not(:first-child) {
  margin-left: 5px;
  margin-right: 5px;
}
.card-deck-xs .card:first-child {
  margin-left: 0;
}
.card-deck-xs .card:last-child {
  margin-right: 0;
}

.card-deck-sm .card:not(:last-child),
.card-deck-sm .card:not(:first-child) {
  margin-left: 10px;
  margin-right: 10px;
}
.card-deck-sm .card:first-child {
  margin-left: 0;
}
.card-deck-sm .card:last-child {
  margin-right: 0;
}

.card-deck-lg .card:not(:last-child),
.card-deck-lg .card:not(:first-child) {
  margin-left: 20px;
  margin-right: 20px;
}
.card-deck-lg .card:first-child {
  margin-left: 0;
}
.card-deck-lg .card:last-child {
  margin-right: 0;
}

@media (max-width: 799px) {
  .card-deck {
    display: block;
  }
  .card-deck .card:not(:last-child), .card-deck .card:not(:first-child) {
    margin-left: 0;
    margin-right: 0;
  }
  .card-deck .card + .card {
    margin-top: 20px;
  }
}

.card-columns .card {
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .card-columns {
    column-count: 3;
  }
}
@media (min-width: 576px) {
  .card-columns.column-count-2 {
    column-count: 2;
  }
}
@media (min-width: 480px) {
  .card-columns.column-count-4 {
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .card-columns.column-count-4 {
    column-count: 3;
  }
}
@media (min-width: 992px) {
  .card-columns.column-count-4 {
    column-count: 4;
  }
}
@media (min-width: 480px) {
  .card-columns.column-count-5 {
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .card-columns.column-count-5 {
    column-count: 3;
  }
}
@media (min-width: 992px) {
  .card-columns.column-count-5 {
    column-count: 4;
  }
}
@media (min-width: 1200px) {
  .card-columns.column-count-5 {
    column-count: 5;
  }
}
@media (min-width: 480px) {
  .card-columns.column-count-6 {
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .card-columns.column-count-6 {
    column-count: 3;
  }
}
@media (min-width: 992px) {
  .card-columns.column-count-6 {
    column-count: 4;
  }
}
@media (min-width: 1200px) {
  .card-columns.column-count-6 {
    column-count: 6;
  }
}

.card-columns-sm {
  margin-top: -10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}
.card-columns-sm .card {
  margin-top: 10px;
  margin-bottom: 0;
}

.card-columns-md {
  margin-top: -20px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
}
.card-columns-md .card {
  margin-top: 20px;
}

.card-columns-lg {
  margin-top: -30px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
}
.card-columns-lg .card {
  margin-top: 30px;
}

.card-item-img {
  margin-bottom: 0;
}
.card-item-img img {
  opacity: 0.2;
  transition: all 0.2s ease-in-out;
}
.card-item-img:hover img, .card-item-img:focus img {
  opacity: 0.5;
}

.card-header-tabs .nav-link.active, .card-header-tabs .nav-link.active:hover, .card-header-tabs .nav-link.active:focus {
  background-color: #fff;
  border: 1px solid #dee2e6;
  color: #343a40;
  border-radius: 0;
}
.card-header-tabs .nav-link:hover, .card-header-tabs .nav-link:focus {
  border-color: transparent;
}
@media (min-width: 480px) {
  .card-header-tabs .nav-link.active, .card-header-tabs .nav-link.active:hover, .card-header-tabs .nav-link.active:focus {
    background-color: #fff;
    border-bottom-color: #fff;
    color: #343a40;
  }
}

/* -------------------------------------------- */
/* ############### 3.4 Carousel ############### */
/* -------------------------------------------- */
.carousel-control-prev,
.carousel-control-next {
  z-index: 100;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none;
}
.carousel-control-prev-icon::before,
.carousel-control-next-icon::before {
  font-family: 'Ionicons';
  font-size: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.carousel-control-prev-icon::before {
  content: '\f3d2';
  left: 20px;
}

.carousel-control-next-icon::before {
  content: '\f3d3';
  right: 20px;
}

.control-top-left .carousel-control-prev,
.control-top-left .carousel-control-next,
.control-top-right .carousel-control-prev,
.control-top-right .carousel-control-next,
.control-bottom-left .carousel-control-prev,
.control-bottom-left .carousel-control-next,
.control-bottom-right .carousel-control-prev,
.control-bottom-right .carousel-control-next {
  width: 40px;
  height: 55px;
}

.control-top-left .carousel-control-next,
.control-bottom-left .carousel-control-next {
  left: 40px;
  right: auto;
}
.control-top-left .carousel-control-prev-icon::before,
.control-bottom-left .carousel-control-prev-icon::before {
  left: 20px;
}
.control-top-left .carousel-control-next-icon::before,
.control-bottom-left .carousel-control-next-icon::before {
  right: 20px;
}

.control-top-right .carousel-control-prev,
.control-bottom-right .carousel-control-prev {
  right: 40px;
  left: auto;
}

.control-bottom-left .carousel-control-prev,
.control-bottom-left .carousel-control-next,
.control-bottom-right .carousel-control-prev,
.control-bottom-right .carousel-control-next {
  top: auto;
  bottom: 0;
}

.carousel-indicators {
  bottom: 5px;
}
.carousel-indicators li {
  cursor: pointer;
  width: 8px;
  height: 8px;
  border-radius: 50px;
}

.indicators-top-center,
.indicators-top-left,
.indicators-top-right {
  top: 5px;
  bottom: auto;
  margin: 1rem 1rem 0;
}

.indicators-top-left,
.indicators-bottom-left {
  justify-content: flex-start;
}

.indicators-top-right,
.indicators-bottom-right {
  justify-content: flex-end;
}

.indicators-bottom-left,
.indicators-bottom-right {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* ------------------------------------------ */
/* ############### 3.6 Custom ############### */
/* ------------------------------------------ */
a {
  transition: all 0.2s ease-in-out;
}

a:focus,
a:active {
  outline: none !important;
}

p {
  margin-bottom: 20px;
}

.square-8 {
  display: inline-block;
  width: 8px;
  height: 8px;
}

.square-10 {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.more {
  color: #fff;
  opacity: .2;
  display: inline-block;
  padding: 2px 5px;
}
.more i {
  line-height: 0;
}
.more:hover, .more:focus {
  color: #fff;
  opacity: .5;
}

.dropdown-menu {
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16);
}

.form-control-inverse {
  border: 0;
  background-color: #252c35;
  color: rgba(255, 255, 255, 0.6);
}
.form-control-inverse:focus {
  background-color: #21272f;
  color: rgba(255, 255, 255, 0.6);
}

.overlay {
  position: relative;
}

.overlay-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.row-sm {
  margin-left: -10px;
  margin-right: -10px;
}
.row-sm > div {
  padding-left: 10px;
  padding-right: 10px;
}

.row-xs {
  margin-left: -5px;
  margin-right: -5px;
}
.row-xs > div {
  padding-left: 5px;
  padding-right: 5px;
}

.input-group-addon {
  border-radius: 0;
}

.img-option {
  display: flex;
  margin-bottom: 15px;
  position: relative;
  flex-direction: row;
}
.img-option .img-option-link {
  display: block;
  color: #fff;
  background-color: #000;
  opacity: .65;
}
.img-option .img-option-link div {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 576px) {
  .img-option .img-option-link div {
    width: 60px;
    height: 60px;
  }
}
.img-option .img-option-link i {
  font-size: 20px;
  line-height: 0;
}
@media (min-width: 576px) {
  .img-option .img-option-link i {
    font-size: 24px;
  }
}
.img-option .img-option-link:hover, .img-option .img-option-link:focus {
  opacity: 1;
}

.img-option-sm .img-option-link div {
  width: 40px;
  height: 40px;
}
.img-option-sm .img-option-link i {
  font-size: 18px;
}

.list-group-striped .list-group-item:nth-child(even) {
  background-color: #f8f9fa;
}

.iconwrap {
  display: inline-block;
  line-height: 0;
  border: 1px solid transparent;
  text-align: center;
}
.iconwrap .fa,
.iconwrap .icon {
  display: inline-block;
  position: relative;
  top: -.5px;
}
.iconwrap.icon-16 {
  padding: 6px;
}
.iconwrap.icon-16 .fa,
.iconwrap.icon-16 .icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.iconwrap.icon-18 {
  padding: 8px;
}
.iconwrap.icon-18 .fa,
.iconwrap.icon-18 .icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.iconwrap.icon-20 {
  padding: 8px;
}
.iconwrap.icon-20 .fa,
.iconwrap.icon-20 .icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.iconwrap.icon-24 {
  padding: 10px;
}
.iconwrap.icon-24 .fa,
.iconwrap.icon-24 .icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.iconwrap.icon-28 {
  padding: 10px;
}
.iconwrap.icon-28 .fa,
.iconwrap.icon-28 .icon {
  font-size: 28px;
  width: 28px;
  height: 28px;
}
.iconwrap.icon-32 {
  padding: 12px;
}
.iconwrap.icon-32 .fa,
.iconwrap.icon-32 .icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.iconwrap.icon-36 {
  padding: 12px;
}
.iconwrap.icon-36 .fa,
.iconwrap.icon-36 .icon {
  font-size: 36px;
  width: 36px;
  height: 36px;
}
.iconwrap.icon-40 {
  padding: 14px;
}
.iconwrap.icon-40 .fa,
.iconwrap.icon-40 .icon {
  font-size: 40px;
  width: 40px;
  height: 40px;
}
.iconwrap.icon-44 {
  padding: 14px;
}
.iconwrap.icon-44 .fa,
.iconwrap.icon-44 .icon {
  font-size: 44px;
  width: 44px;
  height: 44px;
}
.iconwrap.icon-48 {
  padding: 16px;
}
.iconwrap.icon-48 .fa,
.iconwrap.icon-48 .icon {
  font-size: 48px;
  width: 48px;
  height: 48px;
}

.icon.tx-size-64 {
  line-height: 0;
}
.icon.tx-size-64::before {
  line-height: 45px;
}

/* ------------------------------------------------ */
/* ############### 3.5 Custom Forms ############### */
/* ------------------------------------------------ */
/* Checkbox */
.ckbox {
  font-weight: normal;
  position: relative;
  display: block;
  line-height: 18px;
}
.ckbox span {
  padding-left: 6px;
}
.ckbox span:empty {
  float: left;
}
.ckbox span:before, .ckbox span:after {
  line-height: 18px;
  position: absolute;
}
.ckbox span:before {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  top: 1px;
  left: 0;
}
.ckbox span:after {
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  content: '\f00c';
  font-family: 'FontAwesome';
  font-size: 9px;
  text-align: center;
  color: #fff;
  background-color: #0866C6;
  line-height: 17px;
  display: none;
}
.ckbox input[type='checkbox'] {
  opacity: 0;
  margin: 0 5px 0 0;
}
.ckbox input[type='checkbox']:checked + span:after {
  display: block;
}
.ckbox input[type='checkbox'][disabled] + span,
.ckbox input[type='checkbox'][disabled] + span:before,
.ckbox input[type='checkbox'][disabled] + span:after {
  opacity: .75;
}

.ckbox-inline {
  display: inline-block;
}

/* Radio Box */
.rdiobox {
  font-weight: normal;
  position: relative;
  display: block;
  line-height: 18px;
}
.rdiobox span {
  padding-left: 6px;
}
.rdiobox span:before, .rdiobox span:after {
  line-height: 18px;
  position: absolute;
}
.rdiobox span:before {
  content: '';
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-radius: 50px;
  top: 2px;
  left: 0;
}
.rdiobox span:after {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50px;
  top: 7px;
  left: 5px;
  display: none;
}
.rdiobox input[type='radio'] {
  opacity: 0;
  margin: 0 5px 0 0;
}
.rdiobox input[type='radio']:checked + span:before {
  border-color: transparent;
  background-color: #0866C6;
}
.rdiobox input[type='radio']:checked + span:after {
  display: block;
}
.rdiobox input[type='radio'][disabled] + span,
.rdiobox input[type='radio'][disabled] + span:before,
.rdiobox input[type='radio'][disabled] + span:after {
  opacity: .75;
}

.rdiobox-inline {
  display: inline-block;
}

/* Inside input group */
.input-group-addon .ckbox, .input-group-addon .ckbox input,
.input-group-addon .rdiobox,
.input-group-addon .rdiobox input {
  margin: 0;
}

/* File Browser */
.custom-file {
  direction: ltr;
}

.custom-file-control, .custom-file-control::before {
  border-radius: 0;
}

.custom-file-control-primary::before {
  background-color: #0866C6;
  color: #fff;
}

.custom-file-control-inverse::before {
  background-color: #343a40;
  color: #fff;
}

/* ----------------------------------------- */
/* ############### 3.8 Forms ############### */
/* ----------------------------------------- */
.form-control, .dataTables_filter input {
  border-radius: 0;
}

/* #################### VALIDATION #################### */
.is-valid:focus, input.parsley-success:focus,
textarea.parsley-success:focus, .is-valid:active, input.parsley-success:active,
textarea.parsley-success:active,
.is-invalid:focus,
input.parsley-error:focus,
textarea.parsley-error:focus,
.is-invalid:active,
input.parsley-error:active,
textarea.parsley-error:active {
  box-shadow: none !important;
}

.is-warning, .is-warning:focus, .is-warning:active {
  border-color: #F49917;
}

/* #################### INPUT FORM STYLES #################### */
.fc-outline, .fc-outline:focus, .fc-outline:active,
.fc-outline-dark,
.fc-outline-dark:focus,
.fc-outline-dark:active {
  background-color: transparent;
}

.fc-outline:focus, .fc-outline:active {
  border-color: #adb5bd;
}

.fc-outline-dark {
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.fc-outline-dark:focus, .fc-outline-dark:active {
  border-color: rgba(255, 255, 255, 0.75);
  color: rgba(255, 255, 255, 0.75);
}

.fc-focus-primary:focus, .fc-focus-primary:active {
  border-color: #0866C6;
}

.fc-focus-success:focus, .fc-focus-success:active {
  border-color: #23BF08;
}

.fc-focus-warning:focus, .fc-focus-warning:active {
  border-color: #F49917;
}

.fc-focus-danger:focus, .fc-focus-danger:active {
  border-color: #dc3545;
}

.fc-focus-info:focus, .fc-focus-info:active {
  border-color: #5B93D3;
}

.fc-focus-indigo:focus, .fc-focus-indigo:active {
  border-color: #6610f2;
}

.fc-focus-purple:focus, .fc-focus-purple:active {
  border-color: #6f42c1;
}

.fc-focus-teal:focus, .fc-focus-teal:active {
  border-color: #1CAF9A;
}

.fc-focus-pink:focus, .fc-focus-pink:active {
  border-color: #e83e8c;
}

.fc-focus-orange:focus, .fc-focus-orange:active {
  border-color: #f27510;
}

/* ------------------------------------------------- */
/* ############### 3.7 Form Layoyuts ############### */
/* ------------------------------------------------- */
.form-layout-footer .btn, .form-layout-footer .sp-container button, .sp-container .form-layout-footer button {
  padding: 12px 20px;
}

/***** FORM LAYOUT 2 & 3 *****/
.form-layout-2 .form-group,
.form-layout-3 .form-group {
  position: relative;
  border: 1px solid #ced4da;
  padding: 20px 20px;
  margin-bottom: 0;
  height: 100%;
  transition: all 0.2s ease-in-out;
}
.form-layout-2 .form-group-active,
.form-layout-3 .form-group-active {
  background-color: #f8f9fa;
}
.form-layout-2 .form-control-label,
.form-layout-3 .form-control-label {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  display: block;
}
.form-layout-2 .form-control, .form-layout-2 .dataTables_filter input, .dataTables_filter .form-layout-2 input,
.form-layout-3 .form-control,
.form-layout-3 .dataTables_filter input,
.dataTables_filter .form-layout-3 input {
  border: 0;
  padding: 0;
  background-color: transparent;
  color: #343a40;
  border-radius: 0;
  font-weight: 500;
}
.form-layout-2 .select2-container--default .select2-selection--single,
.form-layout-3 .select2-container--default .select2-selection--single {
  background-color: transparent;
  border-color: transparent;
  height: auto;
}
.form-layout-2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-layout-3 .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  font-weight: 500;
}
.form-layout-2 .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-layout-3 .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
}

/***** FORM LAYOUT 5 *****/
.form-layout-5 {
  padding: 30px;
}
.form-layout-5 .form-control-label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.form-layout-5 .form-control-label span {
  display: inline-block;
}
@media (min-width: 576px) {
  .form-layout-5 .form-control-label {
    justify-content: flex-end;
  }
}


/* ----------------------------------------------- */
/* ############### 3.10 Navigation ############### */
/* ----------------------------------------------- */
.nav-tabs .nav-link {
  border-radius: 0;
}

.nav-tabs-for-dark .nav-link {
  color: rgba(255, 255, 255, 0.8);
}
.nav-tabs-for-dark .nav-link.active {
  border-color: transparent;
}
.nav-tabs-for-dark .nav-link:hover, .nav-tabs-for-dark .nav-link:focus {
  color: #fff;
}

.nav-gray-600 .nav-link {
  color: #868e96;
}
.nav-gray-600 .nav-link:hover, .nav-gray-600 .nav-link:focus {
  color: #343a40;
  background-color: transparent;
}
.nav-gray-600 .nav-link.active, .nav-gray-600 .nav-link.active:hover, .nav-gray-600 .nav-link.active:focus {
  color: #343a40;
  background-color: transparent;
}

.nav-gray-700 .nav-link {
  color: #495057;
}
.nav-gray-700 .nav-link:hover, .nav-gray-700 .nav-link:focus {
  color: #212529;
  background-color: transparent;
}
.nav-gray-700 .nav-link.active, .nav-gray-700 .nav-link.active:hover, .nav-gray-700 .nav-link.active:focus {
  color: #212529;
  background-color: transparent;
}

.nav-white-800 .nav-link {
  color: rgba(255, 255, 255, 0.8);
}
.nav-white-800 .nav-link:hover, .nav-white-800 .nav-link:focus {
  color: #fff;
  background-color: transparent;
}
.nav-white-800 .nav-link.active, .nav-white-800 .nav-link.active:hover, .nav-white-800 .nav-link.active:focus {
  color: #fff;
  background-color: transparent;
}

.nav-pills .nav-link {
  color: #495057;
}
.nav-pills .nav-link:hover, .nav-pills .nav-link:focus {
  color: #343a40;
  background-color: transparent;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  color: #fff;
  background-color: #0866C6;
}
.nav-pills .nav-link {
  border-radius: 0;
}

.nav-pills-for-dark .nav-link {
  color: rgba(255, 255, 255, 0.7);
}
.nav-pills-for-dark .nav-link:hover, .nav-pills-for-dark .nav-link:focus {
  color: #fff;
  background-color: transparent;
}
.nav-pills-for-dark .nav-link.active, .nav-pills-for-dark .nav-link.active:hover, .nav-pills-for-dark .nav-link.active:focus {
  color: #fff;
  background-color: #0866C6;
}

.nav.active-primary .nav-link.active {
  color: #0866C6;
}

.nav.active-success .nav-link.active {
  color: #23BF08;
}

.nav.active-warning .nav-link.active {
  color: #F49917;
}

.nav.active-danger .nav-link.active {
  color: #dc3545;
}

.nav.active-info .nav-link.active {
  color: #5B93D3;
}

.nav.active-indigo .nav-link.active {
  color: #6610f2;
}

.nav.active-purple .nav-link.active {
  color: #6f42c1;
}

.nav.active-pink .nav-link.active {
  color: #e83e8c;
}

.nav.active-teal .nav-link.active {
  color: #1CAF9A;
}

.nav.active-orange .nav-link.active {
  color: #f27510;
}

/* ----------------------------------------------- */
/* ############### 3.11 Pagination ############### */
/* ----------------------------------------------- */
.pagination .page-item + .page-item {
  padding-left: 3px;
  margin: 0;
}
.pagination .page-item .page-link {
  color: #495057;
  padding: 11px 0;
  width: 35px;
  height: 40px;
  text-align: center;
  border-radius: 0;
}
.pagination .page-item .page-link:hover, .pagination .page-item .page-link:focus {
  background-color: #e9ecef;
}
.pagination .active .page-link, .pagination .active .page-link:hover, .pagination .active .page-link:focus {
  color: #fff;
  background-color: #0866C6;
  border-color: transparent;
}

.pagination-basic .page-item .page-link {
  border: 0;
  width: 35px;
  height: 40px;
  text-align: center;
  padding: 11px 0;
  background-color: #e9ecef;
}
.pagination-basic .page-item .page-link:hover, .pagination-basic .page-item .page-link:focus {
  background-color: #dee2e6;
}
.pagination-basic .active .page-link, .pagination-basic .active .page-link:hover, .pagination-basic .active .page-link:focus {
  border: 0;
  background-color: #0866C6;
}
.pagination-basic .disabled .page-link {
  background-color: transparent;
}

.pagination-dark .page-item.disabled .page-link {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.2);
}
.pagination-dark .page-item.active .page-link {
  border-color: transparent;
  background-color: #fff;
  color: #343a40;
}
.pagination-dark .page-item .page-link {
  color: rgba(255, 255, 255, 0.5);
  border: 0;
  width: 35px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.pagination-dark .page-item .page-link:hover, .pagination-dark .page-item .page-link:focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.pagination-primary .page-link {
  color: #868e96;
}
.pagination-primary .page-link:hover, .pagination-primary .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-primary .active .page-link, .pagination-primary .active .page-link:hover, .pagination-primary .active .page-link:focus {
  background-color: #0866C6;
  color: #fff;
  border-color: transparent;
}
.pagination-primary.pagination-dark .active .page-link {
  background-color: #0866C6;
  color: #fff;
}

.pagination-success .page-link {
  color: #868e96;
}
.pagination-success .page-link:hover, .pagination-success .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-success .active .page-link, .pagination-success .active .page-link:hover, .pagination-success .active .page-link:focus {
  background-color: #23BF08;
  color: #fff;
  border-color: transparent;
}
.pagination-success.pagination-dark .active .page-link {
  background-color: #23BF08;
  color: #fff;
}

.pagination-warning .page-link {
  color: #868e96;
}
.pagination-warning .page-link:hover, .pagination-warning .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-warning .active .page-link, .pagination-warning .active .page-link:hover, .pagination-warning .active .page-link:focus {
  background-color: #F49917;
  color: #fff;
  border-color: transparent;
}
.pagination-warning.pagination-dark .active .page-link {
  background-color: #F49917;
  color: #fff;
}

.pagination-danger .page-link {
  color: #868e96;
}
.pagination-danger .page-link:hover, .pagination-danger .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-danger .active .page-link, .pagination-danger .active .page-link:hover, .pagination-danger .active .page-link:focus {
  background-color: #dc3545;
  color: #fff;
  border-color: transparent;
}
.pagination-danger.pagination-dark .active .page-link {
  background-color: #dc3545;
  color: #fff;
}

.pagination-info .page-link {
  color: #868e96;
}
.pagination-info .page-link:hover, .pagination-info .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-info .active .page-link, .pagination-info .active .page-link:hover, .pagination-info .active .page-link:focus {
  background-color: #5B93D3;
  color: #fff;
  border-color: transparent;
}
.pagination-info.pagination-dark .active .page-link {
  background-color: #5B93D3;
  color: #fff;
}

.pagination-inverse .page-link {
  color: #868e96;
}
.pagination-inverse .page-link:hover, .pagination-inverse .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-inverse .active .page-link, .pagination-inverse .active .page-link:hover, .pagination-inverse .active .page-link:focus {
  background-color: #343a40;
  color: #fff;
  border-color: transparent;
}
.pagination-inverse.pagination-dark .active .page-link {
  background-color: #343a40;
  color: #fff;
}

.pagination-indigo .page-link {
  color: #868e96;
}
.pagination-indigo .page-link:hover, .pagination-indigo .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-indigo .active .page-link, .pagination-indigo .active .page-link:hover, .pagination-indigo .active .page-link:focus {
  background-color: #6610f2;
  color: #fff;
  border-color: transparent;
}
.pagination-indigo.pagination-dark .active .page-link {
  background-color: #6610f2;
  color: #fff;
}

.pagination-purple .page-link {
  color: #868e96;
}
.pagination-purple .page-link:hover, .pagination-purple .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-purple .active .page-link, .pagination-purple .active .page-link:hover, .pagination-purple .active .page-link:focus {
  background-color: #6f42c1;
  color: #fff;
  border-color: transparent;
}
.pagination-purple.pagination-dark .active .page-link {
  background-color: #6f42c1;
  color: #fff;
}

.pagination-pink .page-link {
  color: #868e96;
}
.pagination-pink .page-link:hover, .pagination-pink .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-pink .active .page-link, .pagination-pink .active .page-link:hover, .pagination-pink .active .page-link:focus {
  background-color: #e83e8c;
  color: #fff;
  border-color: transparent;
}
.pagination-pink.pagination-dark .active .page-link {
  background-color: #e83e8c;
  color: #fff;
}

.pagination-orange .page-link {
  color: #868e96;
}
.pagination-orange .page-link:hover, .pagination-orange .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-orange .active .page-link, .pagination-orange .active .page-link:hover, .pagination-orange .active .page-link:focus {
  background-color: #f27510;
  color: #fff;
  border-color: transparent;
}
.pagination-orange.pagination-dark .active .page-link {
  background-color: #f27510;
  color: #fff;
}

.pagination-teal .page-link {
  color: #868e96;
}
.pagination-teal .page-link:hover, .pagination-teal .page-link:focus {
  color: #343a40;
  background-color: #e9ecef;
}
.pagination-teal .active .page-link, .pagination-teal .active .page-link:hover, .pagination-teal .active .page-link:focus {
  background-color: #1CAF9A;
  color: #fff;
  border-color: transparent;
}
.pagination-teal.pagination-dark .active .page-link {
  background-color: #1CAF9A;
  color: #fff;
}

.pagination-circle .page-item + .page-item {
  margin-left: 5px;
}
.pagination-circle .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #dee2e6;
  border-radius: 100%;
}
.pagination-circle .page-item span.page-link {
  border: 0;
}
.pagination-circle .page-item.active .page-link, .pagination-circle .page-item.active .page-link:hover, .pagination-circle .page-item.active .page-link:focus {
  border-color: transparent;
}
.pagination-circle.pagination-dark .page-item .page-link {
  border-color: rgba(255, 255, 255, 0.2);
}
.pagination-circle.pagination-dark .active .page-link {
  border-color: transparent;
}

.pagination-rounded .page-item + .page-item {
  padding-left: 8px;
}
.pagination-rounded .page-item .page-link {
  background-color: transparent;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}
.pagination-rounded .active .page-link, .pagination-rounded .active .page-link:hover, .pagination-rounded .active .page-link:focus {
  border-color: transparent;
  background-color: #0866C6;
}
.pagination-rounded.pagination-dark .page-item .page-link {
  border-color: rgba(255, 255, 255, 0.1);
}
.pagination-rounded.pagination-dark .page-item span.page-link {
  border: 0;
}

.pagination-circle .page-item span.page-link,
.pagination-rounded .page-item span.page-link {
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
.pagination-circle .page-item.disabled .page-link,
.pagination-rounded .page-item.disabled .page-link {
  background-color: transparent;
}

.pagination-dark .page-link {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
.pagination-dark .page-link:hover, .pagination-dark .page-link:focus {
  background-color: #343a40;
}

/* ########## RTL SUPPORT ########## */
.rtl .pagination {
  padding: 0;
}
.rtl .pagination .page-item + .page-item {
  padding-left: 0;
  padding-right: 3px;
}

/* -------------------------------------------- */
/* ############### 3.12 Popover ############### */
/* -------------------------------------------- */
.popover {
  font-size: 12px;
  padding: 0;
  border-radius: 0;
}

.popover-header {
  text-transform: uppercase;
  font-size: 12px;
  color: #343a40;
  letter-spacing: 0.5px;
  padding: 12px 15px;
  background-color: #fff;
  border-color: #dee2e6;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.popover-header::before {
  display: none !important;
}

.popover-body {
  padding: 15px;
}
.popover-body p:last-child {
  margin-bottom: 0;
}

/* --------------------------------------------- */
/* ############### 3.13 Progress ############### */
/* --------------------------------------------- */
.progress,
.progress-bar {
  border-radius: 0;
}

.progress-bar {
  height: 15px;
  font-size: 11px;
}

.progress-bar-xs {
  height: 5px;
}

.progress-bar-sm {
  height: 10px;
}

.progress-bar-lg {
  height: 20px;
}

/* -------------------------------------------- */
/* ############### 3.15 Toltips ############### */
/* -------------------------------------------- */
.tooltip-inner {
  padding: 8px 15px;
  font-size: 13px;
  border-radius: 0;
}

/* ------------------------------------------- */
/* ############### 3.14 Tables ############### */
/* ------------------------------------------- */
.table {
  border-collapse: separate;
  border-spacing: 0;
}
.table th,
.table td {
  border-top-color: #dee2e6;
  color: #000000;
}
.table th.valign-middle,
.table td.valign-middle {
  vertical-align: middle;
}
.table thead > tr > th,
.table thead > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td {
  border-top: 0;
  border-bottom: 0;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #dee2e6;
  color: #343a40;
  letter-spacing: 0.5px;
}
.table thead.bg-primary > tr > th,
.table thead.bg-primary > tr > td,
.table tfoot.bg-primary > tr > th,
.table tfoot.bg-primary > tr > td {
  background-color: #0866C6;
  color: #fff;
}
.table thead.bg-success > tr > th,
.table thead.bg-success > tr > td,
.table tfoot.bg-success > tr > th,
.table tfoot.bg-success > tr > td {
  background-color: #23BF08;
  color: #fff;
}
.table thead.bg-warning > tr > th,
.table thead.bg-warning > tr > td,
.table tfoot.bg-warning > tr > th,
.table tfoot.bg-warning > tr > td {
  background-color: #F49917;
  color: #fff;
}
.table thead.bg-danger > tr > th,
.table thead.bg-danger > tr > td,
.table tfoot.bg-danger > tr > th,
.table tfoot.bg-danger > tr > td {
  background-color: #dc3545;
  color: #fff;
}
.table thead.bg-info > tr > th,
.table thead.bg-info > tr > td,
.table tfoot.bg-info > tr > th,
.table tfoot.bg-info > tr > td {
  background-color: #5B93D3;
  color: #fff;
}
.table thead.bg-indigo > tr > th,
.table thead.bg-indigo > tr > td,
.table tfoot.bg-indigo > tr > th,
.table tfoot.bg-indigo > tr > td {
  background-color: #6610f2;
  color: #fff;
}
.table thead.bg-purple > tr > th,
.table thead.bg-purple > tr > td,
.table tfoot.bg-purple > tr > th,
.table tfoot.bg-purple > tr > td {
  background-color: #6f42c1;
  color: #fff;
}
.table thead.bg-teal > tr > th,
.table thead.bg-teal > tr > td,
.table tfoot.bg-teal > tr > th,
.table tfoot.bg-teal > tr > td {
  background-color: #1CAF9A;
  color: #fff;
}
.table thead.bg-orange > tr > th,
.table thead.bg-orange > tr > td,
.table tfoot.bg-orange > tr > th,
.table tfoot.bg-orange > tr > td {
  background-color: #f27510;
  color: #fff;
}
.table thead.bg-pink > tr > th,
.table thead.bg-pink > tr > td,
.table tfoot.bg-pink > tr > th,
.table tfoot.bg-pink > tr > td {
  background-color: #e83e8c;
  color: #fff;
}
.table thead.bg-gray-800 > tr > th,
.table thead.bg-gray-800 > tr > td,
.table tfoot.bg-gray-800 > tr > th,
.table tfoot.bg-gray-800 > tr > td {
  background-color: #343a40;
  color: #fff;
}
.table thead.bg-gray-500 > tr > th,
.table thead.bg-gray-500 > tr > td,
.table tfoot.bg-gray-500 > tr > th,
.table tfoot.bg-gray-500 > tr > td {
  background-color: #adb5bd;
  color: #fff;
}
.table tbody > tr > th {
  color: #343a40;
  font-weight: 500;
}
.table .ckbox span::before,
.table .rdiobox span::before {
  border-color: transparent;
}
.table.table-primary {
  background-color: #d0e6fd;
}
.table.table-primary thead > tr > th,
.table.table-primary thead > tr > td,
.table.table-primary tfoot > tr > th,
.table.table-primary tfoot > tr > td {
  background-color: #0866C6;
  color: #fff;
}
.table.table-success {
  background-color: #d1fdc9;
}
.table.table-success thead > tr > th,
.table.table-success thead > tr > td,
.table.table-success tfoot > tr > th,
.table.table-success tfoot > tr > td {
  background-color: #23BF08;
  color: #fff;
}
.table.table-warning {
  background-color: #fdefda;
}
.table.table-warning thead > tr > th,
.table.table-warning thead > tr > td,
.table.table-warning tfoot > tr > th,
.table.table-warning tfoot > tr > td {
  background-color: #F49917;
  color: #fff;
}
.table.table-danger {
  background-color: #fae3e5;
}
.table.table-danger thead > tr > th,
.table.table-danger thead > tr > td,
.table.table-danger tfoot > tr > th,
.table.table-danger tfoot > tr > td {
  background-color: #dc3545;
  color: #fff;
}
.table.table-info {
  background-color: #e8f0f9;
}
.table.table-info thead > tr > th,
.table.table-info thead > tr > td,
.table.table-info tfoot > tr > th,
.table.table-info tfoot > tr > td {
  background-color: #5B93D3;
  color: #fff;
}
.table.table-indigo {
  background-color: #e8dbfd;
}
.table.table-indigo thead > tr > th,
.table.table-indigo thead > tr > td,
.table.table-indigo tfoot > tr > th,
.table.table-indigo tfoot > tr > td {
  background-color: #6610f2;
  color: #fff;
}
.table.table-purple {
  background-color: #eae3f6;
}
.table.table-purple thead > tr > th,
.table.table-purple thead > tr > td,
.table.table-purple tfoot > tr > th,
.table.table-purple tfoot > tr > td {
  background-color: #6f42c1;
  color: #fff;
}
.table.table-teal {
  background-color: #d2f8f2;
}
.table.table-teal thead > tr > th,
.table.table-teal thead > tr > td,
.table.table-teal tfoot > tr > th,
.table.table-teal tfoot > tr > td {
  background-color: #1CAF9A;
  color: #fff;
}
.table.table-pink {
  background-color: #fce7f0;
}
.table.table-pink thead > tr > th,
.table.table-pink thead > tr > td,
.table.table-pink tfoot > tr > th,
.table.table-pink tfoot > tr > td {
  background-color: #e83e8c;
  color: #fff;
}
.table.table-orange {
  background-color: #fdeadb;
}
.table.table-orange thead > tr > th,
.table.table-orange thead > tr > td,
.table.table-orange tfoot > tr > th,
.table.table-orange tfoot > tr > td {
  background-color: #f27510;
  color: #fff;
}

.table-bordered {
  border: 0;
}
.table-bordered thead tr th,
.table-bordered thead tr td,
.table-bordered tfoot tr th,
.table-bordered tfoot tr td {
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 0;
}
.table-bordered thead tr th:first-child,
.table-bordered thead tr td:first-child,
.table-bordered tfoot tr th:first-child,
.table-bordered tfoot tr td:first-child {
  border-left: 0;
}
.table-bordered tbody tr th,
.table-bordered tbody tr td {
  border: 1px solid #fff;
  border-right: 0;
  border-bottom: 0;
  vertical-align:middle;
}
.table-bordered tbody tr th:first-child,
.table-bordered tbody tr td:first-child {
  border-left: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8f9fa;
}

.table-white thead tr th,
.table-white thead tr td,
.table-white tbody tr th,
.table-white tbody tr td {
  background-color: #fff;
  border-color: #e9ecef;
}

/* ---------------------------------------------------- */
/* ############### CUSTOM VENDOR STYLES ############### */
/* ---------------------------------------------------- */

/* ------------------------------------------- */
/* ############### 4.11 Morris ############### */
/* ------------------------------------------- */
.morris-hover.morris-default-style {
  border-radius: 3px;
  border-width: 1px;
}

/* -------------------------------------------- */
/* ############### 4.12 Parsley ############### */
/* -------------------------------------------- */
input.parsley-error:focus,
textarea.parsley-error:focus {
  box-shadow: none !important;
}

input.parsley-success:focus,
textarea.parsley-success:focus {
  box-shadow: none !important;
}

.parsley-checkbox.parsley-error {
  display: inline-block;
  padding: 10px;
  border: 1px solid #dc3545;
}
.parsley-checkbox.parsley-success {
  display: inline-block;
  padding: 10px;
  border: 1px solid #23BF08;
}

.parsley-errors-list {
  color: #dc3545;
  list-style: none;
  font-size: 12px;
  padding: 0;
  margin-bottom: 0;
}
.parsley-errors-list li {
  margin: 5px 0 0;
}

/***** CUSTOM STYLED ERROR MESSAGE *****/
.parsley-style-1 .parsley-input.parsley-error .form-control, .parsley-style-1 .parsley-input.parsley-error .dataTables_filter input, .dataTables_filter .parsley-style-1 .parsley-input.parsley-error input {
  background-color: #fef9f9;
  border-color: #dc3545;
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.parsley-style-1 .parsley-input.parsley-success .form-control, .parsley-style-1 .parsley-input.parsley-success .dataTables_filter input, .dataTables_filter .parsley-style-1 .parsley-input.parsley-success input {
  border-color: #23BF08;
}
.parsley-style-1 .parsley-checkbox.parsley-error {
  border: 1px solid #dc3545;
  background-color: #fef9f9;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.parsley-style-1 .parsley-select.parsley-error .select2-container--default .select2-selection--single {
  background-color: #fef9f9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.parsley-style-1 .parsley-errors-list.filled {
  background-color: #dc3545;
  color: #fff;
  padding: 7px 10px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.parsley-style-1 .parsley-errors-list.filled li:first-child {
  margin-top: 0;
}


/* ---------------------------------------------- */
/* ############### 4.20 TagsInput ############### */
/* ---------------------------------------------- */
.bootstrap-tagsinput {
  border-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 6px 5px;
  min-height: 40px;
  display: block;
  border-radius: 3px;
}
.bootstrap-tagsinput .label {
  background-color: #5B93D3;
  color: #fff;
  font-size: 0.875rem;
  padding: 2px 8px;
  margin-top: 6px;
  display: inline-block;
  border-radius: 2px;
}
.bootstrap-tagsinput input {
  padding-top: 8px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  opacity: .75;
}
.bootstrap-tagsinput .tag [data-role="remove"]::after {
  content: '\f2d7';
  font-family: 'Ionicons';
  font-size: 11px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover, .bootstrap-tagsinput .tag [data-role="remove"]:focus, .bootstrap-tagsinput .tag [data-role="remove"]:active {
  opacity: 1;
  box-shadow: none;
}

.link-active { background-color:#666666; }