:root {
  /* blue */
  --blue-custom-300: #3276AD;
  --blue-custom-200: #33B5E5;
  --blue-custom-50: #E6F7FD;
  --blue-custom-trans: linear-gradient(
    40deg,
    rgba(50,118,173,0.25),
    rgba(51,181,229,0.25)
  );

  /* maroon */
  --maroon-custom-300: #8B0000;
  --maroon-custom-200: #A52A2A;
  --maroon-custom-50: #F9EBEB;
  --maroon-custom-trans: linear-gradient(
    40deg,
    rgba(128,0,0,0.25),
    rgba(165,42,42,0.25)
  );

  /* red */
  --red-custom-300: #D15955;
  --red-custom-200: #FF6B6B;
  --red-custom-50: #FFF0F0;
  --red-custom-trans: linear-gradient(
    40deg,
    rgba(209,89,85,0.25),
    rgba(255,107,107,0.25)
  );

  /* blue-red */
  --blue-red-custom-300: #3276AD;
  --blue-red-custom-200: #FF6B6B;
  --blue-red-custom-50: #F4F8FB;
  --blue-red-custom-trans: linear-gradient(
    40deg,
    rgba(50,118,173,0.25),
    rgba(255,107,107,0.25)
  );

  /* teal */
  --teal-custom-300: #088888;
  --teal-custom-200: #00AFB9;
  --teal-custom-50: #E6F7F8;
  --teal-custom-trans: linear-gradient(
    40deg,
    rgba(8,136,136,0.25),
    rgba(0,175,185,0.25)
  );

  /* orange */
  --orange-custom-300: #F25C54;
  --orange-custom-200: #F4845F;
  --orange-custom-50: #FEF2F1;
  --orange-custom-trans: linear-gradient(
    40deg,
    rgba(242,92,84,0.25),
    rgba(244,132,95,0.25)
  );

  /* teal-orange */
  --teal-orange-custom-300: #008082;
  --teal-orange-custom-200: #F4845F;
  --teal-orange-custom-50: #F0F9F9;
  --teal-orange-custom-trans: linear-gradient(
    40deg,
    rgba(0,128,130,0.25),
    rgba(244,132,95,0.25)
  );

  /* purple */
  --purple-custom-300: #65559E;
  --purple-custom-200: #858AE3;
  --purple-custom-50: #F2F1F9;
  --purple-custom-trans: linear-gradient(
    40deg,
    rgba(101,85,158,0.25),
    rgba(133,138,227,0.25)
  );

  /* purple-pink */
  --purple-pink-custom-300: #8967B3;
  --purple-pink-custom-200: #CB80AB;
  --purple-pink-custom-50: #F7F2FA;
  --purple-pink-custom-trans: linear-gradient(
    40deg,
    rgba(137,103,179,0.25),
    rgba(203,128,171,0.25)
  );

  /* pink */
  --pink-custom-300: #C44569;
  --pink-custom-200: #CF6A87;
  --pink-custom-50: #F9EFF2;
  --pink-custom-trans: linear-gradient(
    40deg,
    rgba(196,69,105,0.25),
    rgba(207,106,135,0.25)
  );

  /* yellow */
  --yellow-custom-300: #FFD32A;
  --yellow-custom-200: #FFDD59;
  --yellow-custom-50: #FFFBEA;
  --yellow-custom-trans: linear-gradient(
    40deg,
    rgba(255,211,42,0.25),
    rgba(255,221,89,0.25)
  );

  /* light */
  --light-custom-300: #d2d3db;
  --light-custom-200: #fafafa;
  --light-custom-50: #ffffff;
  --light-custom-trans: linear-gradient(
    40deg,
    rgba(210,211,219,0.25),
    rgba(250,250,250,0.25)
  );
}


#modalChangeSkin { z-index: 1060 !important; }
#modalChangeSkin .modal-dialog { width: 80px; }
.btn-change-skin {
  z-index: 1040;
  position: fixed;
  bottom: 40px;
  right: 0;
  transform: translateY(-50%);
  padding: 10px 15px;
  color: white;
  border: none;
  border-radius: 10px 0 0 10px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
.btn-skin {
  display: inline-block;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;  
  border: none;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.2s ease;
  color: #3d3d3d;
}
.btn-skin:hover { transform: scale(1.05) !important; }
.icon-change-skin { animation: spin 3s linear infinite; }
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body.login-page.custom-blue-skin {
  --login-overlay-color: var(--blue-custom-trans);
}
body.login-page.custom-red-skin {
  --login-overlay-color: var(--red-custom-trans);
}
body.login-page.custom-blue-red-skin {
  --login-overlay-color: var(--blue-red-custom-trans);
}
body.login-page.custom-teal-skin {
  --login-overlay-color: var(--teal-custom-trans);
}
body.login-page.custom-orange-skin {
  --login-overlay-color: var(--orange-custom-trans);
}
body.login-page.custom-teal-orange-skin {
  --login-overlay-color: var(--teal-orange-custom-trans);
}
body.login-page.custom-purple-skin {
  --login-overlay-color: var(--purple-custom-trans);
}
body.login-page.custom-pink-skin {
  --login-overlay-color: var(--pink-custom-trans);
}
body.login-page.custom-purple-pink-skin {
  --login-overlay-color: var(--purple-pink-custom-trans);
}
body.login-page.custom-maroon-skin {
  --login-overlay-color: var(--maroon-custom-trans);
}

body.login-page-2.custom-blue-skin {
  --login-2-overlay-color: var(--blue-custom-trans);
}
body.login-page-2.custom-red-skin {
  --login-2-overlay-color: var(--red-custom-trans);
}
body.login-page-2.custom-blue-red-skin {
  --login-2-overlay-color: var(--blue-red-custom-trans);
}
body.login-page-2.custom-teal-skin {
  --login-2-overlay-color: var(--teal-custom-trans);
}
body.login-page-2.custom-orange-skin {
  --login-2-overlay-color: var(--orange-custom-trans);
}
body.login-page-2.custom-teal-orange-skin {
  --login-2-overlay-color: var(--teal-orange-custom-trans);
}
body.login-page-2.custom-purple-skin {
  --login-2-overlay-color: var(--purple-custom-trans);
}
body.login-page-2.custom-pink-skin {
  --login-2-overlay-color: var(--pink-custom-trans);
}
body.login-page-2.custom-purple-pink-skin {
  --login-2-overlay-color: var(--purple-pink-custom-trans);
}
body.login-page-2.custom-maroon-skin {
  --login-2-overlay-color: var(--maroon-custom-trans);
}

.text-custom-blue { color: var(--blue-custom-300) !important; }
.text-custom-red { color: var(--red-custom-300) !important; }
.text-custom-blue-red { color: var(--blue-red-custom-300) !important; }
.text-custom-maroon { color: var(--maroon-custom-300) !important; }
.text-custom-pink { color: var(--pink-custom-300) !important; }
.text-custom-purple { color: var(--purple-custom-300) !important; }
.text-custom-purple-pink { color: var(--purple-pink-custom-300) !important; }
.text-custom-teal { color: var(--teal-custom-300) !important; }
.text-custom-orange { color: var(--orange-custom-300) !important; }
.text-custom-teal-orange { color: var(--teal-orange-custom-300) !important; }

.custom-blue-skin .info-position:hover {
  color: var(--blue-custom-300) !important;
}
.custom-blue-skin .md-tabs-light .nav-link.active {
  background-color: var(--blue-custom-300) !important;
}
.custom-blue-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--blue-custom-300) !important;
  color: #ffffff !important;
}
.custom-blue-skin .rgba-custom {
  background: var(--blue-custom-trans) !important;
}
.btn-blue-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--blue-custom-300), var(--blue-custom-200)) !important;
}
.btn-blue-default {
  color: white !important;
  background-color: var(--blue-custom-300) !important;
}
.custom-blue-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--blue-custom-300) !important;
}
.custom-blue-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--blue-custom-300), var(--blue-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--blue-custom-300), var(--blue-custom-200)) !important;
  background: linear-gradient(40deg, var(--blue-custom-300), var(--blue-custom-200)) !important; 
  color: #fff;
}
.custom-blue-skin .nav-link.custom-colour:hover,
.custom-blue-skin .nav-link.custom-colour.active {
  color: var(--blue-custom-300);
}
.custom-blue-skin .btn-default.py-2 {
  border: 2px solid var(--blue-custom-300) !important;
}
.custom-blue-skin .dropdown-item:hover,
.custom-blue-skin .dropdown-item:active {
  background-color: var(--blue-custom-200) !important;
  color: #fff;
}
.custom-blue-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--blue-custom-300) !important;}
.custom-blue-skin .border-custom { border-color: var(--blue-custom-300) !important; }
.custom-blue-skin .text-custom { color: var(--blue-custom-300) !important; }
.custom-blue-skin .custom-color { background-color: var(--blue-custom-300) !important; }
.custom-blue-skin .custom-color-2 { background-color: var(--blue-custom-200) !important; }
.custom-blue-skin .custom-color-3 { background-color: var(--blue-custom-50) !important; }
.custom-blue-skin .text-menu-custom { color: var(--blue-custom-300) !important; }
.custom-blue-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--blue-custom-300), var(--blue-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--blue-custom-300), var(--blue-custom-200)) !important;
  background: linear-gradient(40deg, var(--blue-custom-300), var(--blue-custom-200)) !important; 
} 
.custom-blue-skin .pagination .page-item.active .page-link { background-color: var(--blue-custom-300) !important; }
.custom-blue-skin .pagination .page-item.active .page-link:hover { background-color: var(--blue-custom-300); }
.custom-blue-skin .tox-edit-area::before{ border: 2px solid var(--blue-custom-300) !important; }
.custom-blue-skin .border-bottom-custom { border-bottom: 5px solid var(--blue-custom-300) !important; }
.custom-blue-skin .border-top-custom { border-top: 5px solid var(--blue-custom-300) !important; }
.custom-blue-skin .border-top-bottom-custom {
	border-top: 5px solid var(--blue-custom-300) !important;
	border-bottom: 5px solid var(--blue-custom-300) !important;
} 
.custom-blue-skin .border-left-custom { border-left: 8px solid var(--blue-custom-300) !important; }
.custom-blue-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--blue-custom-300), var(--blue-custom-200));
  background: -o-linear-gradient(50deg, var(--blue-custom-300), var(--blue-custom-200));
  background: linear-gradient(40deg, var(--blue-custom-300), var(--blue-custom-200)); 
  color: #fff;
}
.custom-blue-skin .btn-default {
  background-color: var(--blue-custom-300) !important;
  color: #fff;
}
.custom-blue-skin .btn-default:hover {
  background-color: var(--blue-custom-200) !important;
  color: #fff;
}
.custom-blue-skin .btn-default:focus, .custom-blue-skin .btn-default:active, .custom-blue-skin .btn-default.active { background-color: var(--blue-custom-300); }
.custom-blue-skin .btn-default.dropdown-toggle { background-color: var(--blue-custom-300) !important; }
.custom-blue-skin .btn-default.dropdown-toggle:hover, .custom-blue-skin .btn-default.dropdown-toggle:focus { background-color: var(--blue-custom-300) !important; }
.custom-blue-skin .btn-default:not([disabled]):not(.disabled):active, .custom-blue-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-blue-skin .btn-default.dropdown-toggle { background-color: var(--blue-custom-300) !important; }
.custom-blue-skin .btn-outline-default {
  border: 2px solid var(--blue-custom-300) !important;
  background-color: transparent !important;
  color: var(--blue-custom-300) !important;
}
.custom-blue-skin .btn-outline-default:hover,
.custom-blue-skin .btn-outline-default:focus,
.custom-blue-skin .btn-outline-default:active,
.custom-blue-skin .btn-outline-default:active:focus,
.custom-blue-skin .btn-outline-default.active {
  border-color: var(--blue-custom-200) !important;
  color: var(--blue-custom-200) !important;
}
.custom-blue-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-blue-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-blue-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--blue-custom-300) !important;
}
.custom-blue-skin .btn-default2 {
  background-color: var(--blue-custom-200) !important;
  color: #fff;
}
.custom-blue-skin .btn-default2:hover {
  background-color: var(--blue-custom-300) !important;
  color: #fff;
}
.custom-blue-skin .btn-default2:focus, .custom-blue-skin .btn-default2:active, .custom-blue-skin .btn-default2.active { background-color: var(--blue-custom-200); }
.custom-blue-skin .btn-default2.dropdown-toggle { background-color: var(--blue-custom-200) !important; }
.custom-blue-skin .btn-default2.dropdown-toggle:hover, .custom-blue-skin .btn-default2.dropdown-toggle:focus { background-color: var(--blue-custom-200) !important; }
.custom-blue-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-blue-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-blue-skin .btn-default2.dropdown-toggle { background-color: var(--blue-custom-200) !important; }
.custom-blue-skin .btn-outline-default2 {
  border: 2px solid var(--blue-custom-200) !important;
  background-color: transparent !important;
  color: var(--blue-custom-200) !important;
}
.custom-blue-skin .btn-outline-default2:hover,
.custom-blue-skin .btn-outline-default2:focus,
.custom-blue-skin .btn-outline-default2:active,
.custom-blue-skin .btn-outline-default2:active:focus,
.custom-blue-skin .btn-outline-default2.active {
  border-color: var(--blue-custom-200) !important;
  color: var(--blue-custom-200) !important;
}
.custom-blue-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-blue-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-blue-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--blue-custom-200) !important;
}
.custom-blue-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--blue-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300);
}
.custom-blue-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-blue-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--blue-custom-200) !important;
}
.custom-blue-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--blue-custom-300) !important;
}
.custom-blue-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--blue-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300);
}
.custom-blue-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--blue-custom-300) !important;
}
.custom-blue-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--blue-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300);
}
.custom-blue-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--blue-custom-300) !important;
  border: 1px solid var(--blue-custom-300) !important;
}
.custom-blue-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-blue-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--blue-custom-300);
  border: 1px solid var(--blue-custom-300) !important;
}
.custom-blue-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--blue-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--blue-custom-300);
  box-shadow: 0px 0px 0px 1px var(--blue-custom-300);
}
.custom-blue-skin .form-check-input[type="radio"]:checked + label:after,
.custom-blue-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-blue-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-blue-skin label.btn input[type="radio"]:checked + label:after,
.custom-blue-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-blue-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--blue-custom-300);
}
.custom-blue-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-blue-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-blue-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--blue-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300); 
}
.custom-blue-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--blue-custom-300) !important;
  box-shadow: none !important;
}
.custom-blue-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-blue-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--blue-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-custom-300); 
}
.custom-blue-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--blue-custom-300); }
.custom-blue-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-blue-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-blue-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--blue-custom-300); 
}
.custom-blue-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--blue-custom-300); }
.custom-blue-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-blue-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-blue-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--blue-custom-300); 
}
.custom-blue-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-blue-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-blue-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--blue-custom-200);
}
.custom-blue-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--blue-custom-200); }
.custom-blue-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--blue-custom-200); }
.custom-blue-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--blue-custom-300), var(--blue-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--blue-custom-300), var(--blue-custom-200)) !important;
  background: linear-gradient(40deg, var(--blue-custom-300), var(--blue-custom-200)) !important; 
}
.custom-blue-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-blue-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--blue-custom-200);
}
.custom-blue-skin .picker__box .picker__header .picker__date-display { background-color: var(--blue-custom-300); }
.custom-blue-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--blue-custom-300); }
.custom-blue-skin .picker__box .picker__table .picker__day--selected,
.custom-blue-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-blue-skin .picker__box .picker__table .picker--focused {
  background-color: var(--blue-custom-300);
}
.custom-blue-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--blue-custom-300); }
.custom-blue-skin button.dt-button:active:not(.disabled), 
.custom-blue-skin button.dt-button.active:not(.disabled), 
.custom-blue-skin div.dt-button:active:not(.disabled), 
.custom-blue-skin div.dt-button.active:not(.disabled), 
.custom-blue-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--blue-custom-300) !important;
  border: 1px solid var(--blue-custom-300) !important;
}
.custom-blue-skin .nav-pills-custom .nav-link.active,
.custom-blue-skin .nav-pills-custom .show > .nav-link {
  color: var(--blue-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-blue-skin .nav-pills-custom .nav-link.active,
  .custom-blue-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--blue-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-blue-skin .nav-pills-custom .nav-link.active,
  .custom-blue-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--blue-custom-300);
  }
}
.custom-blue-skin .nav-pills-custom-bg .nav-link.active,
.custom-blue-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--blue-custom-200);
	/* border-left: 4px solid var(--blue-custom-200) !important; */
}
.custom-blue-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--blue-custom-200); }
.custom-blue-skin .nav-pills-custom-2 .nav-link.active,
.custom-blue-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--blue-custom-300) !important;
  /* border-left: 4px solid var(--blue-custom-300) !important; */
}

.custom-teal-skin .info-position:hover {
  color: var(--teal-custom-300) !important;
}
.custom-teal-skin .md-tabs-light .nav-link.active {
  background-color: var(--teal-custom-300) !important;
}
.custom-teal-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--teal-custom-300) !important;
  color: #ffffff !important;
}
.custom-teal-skin .rgba-custom {
  background: var(--teal-custom-trans) !important;
}
.btn-teal-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--teal-custom-300), var(--teal-custom-200)) !important;
}
.btn-teal-default {
  color: white !important;
  background-color: var(--teal-custom-300) !important;
}
.custom-teal-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--teal-custom-300) !important;
}
.custom-teal-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--teal-custom-300), var(--teal-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--teal-custom-300), var(--teal-custom-200)) !important;
  background: linear-gradient(40deg, var(--teal-custom-300), var(--teal-custom-200)) !important; 
  color: #fff;
}
.custom-teal-skin .nav-link.custom-colour:hover,
.custom-teal-skin .nav-link.custom-colour.active {
  color: var(--teal-custom-300);
}
.custom-teal-skin .btn-default.py-2 {
  border: 2px solid var(--teal-custom-300) !important;
}
.custom-teal-skin .dropdown-item:hover,
.custom-teal-skin .dropdown-item:active {
  background-color: var(--teal-custom-200) !important;
  color: #fff;
}
.custom-teal-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--teal-custom-300) !important;}
.custom-teal-skin .border-custom { border-color: var(--teal-custom-300) !important; }
.custom-teal-skin .text-custom { color: var(--teal-custom-300) !important; }
.custom-teal-skin .custom-color { background-color: var(--teal-custom-300) !important; }
.custom-teal-skin .custom-color-2 { background-color: var(--teal-custom-200) !important; }
.custom-teal-skin .custom-color-3 { background-color: var(--teal-custom-50) !important; }
.custom-teal-skin .text-menu-custom { color: var(--teal-custom-300) !important; }
.custom-teal-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--teal-custom-300), var(--teal-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--teal-custom-300), var(--teal-custom-200)) !important;
  background: linear-gradient(40deg, var(--teal-custom-300), var(--teal-custom-200)) !important; 
} 
.custom-teal-skin .pagination .page-item.active .page-link { background-color: var(--teal-custom-300) !important; }
.custom-teal-skin .pagination .page-item.active .page-link:hover { background-color: var(--teal-custom-300); }
.custom-teal-skin .tox-edit-area::before{ border: 2px solid var(--teal-custom-300) !important; }
.custom-teal-skin .border-bottom-custom { border-bottom: 5px solid var(--teal-custom-300) !important; }
.custom-teal-skin .border-top-custom { border-top: 5px solid var(--teal-custom-300) !important; }
.custom-teal-skin .border-top-bottom-custom {
	border-top: 5px solid var(--teal-custom-300) !important;
	border-bottom: 5px solid var(--teal-custom-300) !important;
} 
.custom-teal-skin .border-left-custom { border-left: 8px solid var(--teal-custom-300) !important; }
.custom-teal-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--teal-custom-300), var(--teal-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--teal-custom-300), var(--teal-custom-200)) !important;
  background: linear-gradient(40deg, var(--teal-custom-300), var(--teal-custom-200)) !important; 
  color: #fff;
}
.custom-teal-skin .btn-default {
  background-color: var(--teal-custom-300) !important;
  color: #fff;
}
.custom-teal-skin .btn-default:hover {
  background-color: var(--teal-custom-200) !important;
  color: #fff;
}
.custom-teal-skin .btn-default:focus, .custom-teal-skin .btn-default:active, .custom-teal-skin .btn-default.active { background-color: var(--teal-custom-300); }
.custom-teal-skin .btn-default.dropdown-toggle { background-color: var(--teal-custom-300) !important; }
.custom-teal-skin .btn-default.dropdown-toggle:hover, .custom-teal-skin .btn-default.dropdown-toggle:focus { background-color: var(--teal-custom-300) !important; }
.custom-teal-skin .btn-default:not([disabled]):not(.disabled):active, .custom-teal-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-teal-skin .btn-default.dropdown-toggle { background-color: var(--teal-custom-300) !important; }
.custom-teal-skin .btn-outline-default {
  border: 2px solid var(--teal-custom-300) !important;
  background-color: transparent !important;
  color: var(--teal-custom-300) !important;
}
.custom-teal-skin .btn-outline-default:hover,
.custom-teal-skin .btn-outline-default:focus,
.custom-teal-skin .btn-outline-default:active,
.custom-teal-skin .btn-outline-default:active:focus,
.custom-teal-skin .btn-outline-default.active {
  border-color: var(--teal-custom-200) !important;
  color: var(--teal-custom-200) !important;
}
.custom-teal-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-teal-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-teal-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--teal-custom-300) !important;
}
.custom-teal-skin .btn-default2 {
  background-color: var(--teal-custom-200) !important;
  color: #fff;
}
.custom-teal-skin .btn-default2:hover {
  background-color: var(--teal-custom-300) !important;
  color: #fff;
}
.custom-teal-skin .btn-default2:focus, .custom-teal-skin .btn-default2:active, .custom-teal-skin .btn-default2.active { background-color: var(--teal-custom-200); }
.custom-teal-skin .btn-default2.dropdown-toggle { background-color: var(--teal-custom-200) !important; }
.custom-teal-skin .btn-default2.dropdown-toggle:hover, .custom-teal-skin .btn-default2.dropdown-toggle:focus { background-color: var(--teal-custom-200) !important; }
.custom-teal-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-teal-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-teal-skin .btn-default2.dropdown-toggle { background-color: var(--teal-custom-200) !important; }
.custom-teal-skin .btn-outline-default2 {
  border: 2px solid var(--teal-custom-200) !important;
  background-color: transparent !important;
  color: var(--teal-custom-200) !important;
}
.custom-teal-skin .btn-outline-default2:hover,
.custom-teal-skin .btn-outline-default2:focus,
.custom-teal-skin .btn-outline-default2:active,
.custom-teal-skin .btn-outline-default2:active:focus,
.custom-teal-skin .btn-outline-default2.active {
  border-color: var(--teal-custom-200) !important;
  color: var(--teal-custom-200) !important;
}
.custom-teal-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-teal-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-teal-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--teal-custom-200) !important;
}
.custom-teal-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--teal-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300);
}
.custom-teal-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-teal-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--teal-custom-200) !important;
}
.custom-teal-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--teal-custom-300) !important;
}
.custom-teal-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--teal-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300);
}
.custom-teal-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--teal-custom-300) !important;
}
.custom-teal-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--teal-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300);
}
.custom-teal-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--teal-custom-300) !important;
  border: 1px solid var(--teal-custom-300) !important;
}
.custom-teal-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-teal-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--teal-custom-300);
  border: 1px solid var(--teal-custom-300) !important;
}
.custom-teal-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--teal-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--teal-custom-300);
  box-shadow: 0px 0px 0px 1px var(--teal-custom-300);
}
.custom-teal-skin .form-check-input[type="radio"]:checked + label:after,
.custom-teal-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-teal-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-teal-skin label.btn input[type="radio"]:checked + label:after,
.custom-teal-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-teal-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--teal-custom-300);
}
.custom-teal-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-teal-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-teal-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--teal-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300); 
}
.custom-teal-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--teal-custom-300) !important;
  box-shadow: none !important;
}
.custom-teal-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-teal-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--teal-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-custom-300); 
}
.custom-teal-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--teal-custom-300); }
.custom-teal-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-teal-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-teal-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--teal-custom-300); 
}
.custom-teal-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--teal-custom-300); }
.custom-teal-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-teal-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-teal-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--teal-custom-300); 
}
.custom-teal-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-teal-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-teal-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--teal-custom-200);
}
.custom-teal-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--teal-custom-200); }
.custom-teal-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--teal-custom-200); }
.custom-teal-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--teal-custom-300), var(--teal-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--teal-custom-300), var(--teal-custom-200)) !important;
  background: linear-gradient(40deg, var(--teal-custom-300), var(--teal-custom-200)) !important; 
}
.custom-teal-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-teal-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--teal-custom-200);
}
.custom-teal-skin .picker__box .picker__header .picker__date-display { background-color: var(--teal-custom-300); }
.custom-teal-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--teal-custom-300); }
.custom-teal-skin .picker__box .picker__table .picker__day--selected,
.custom-teal-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-teal-skin .picker__box .picker__table .picker--focused {
  background-color: var(--teal-custom-300);
}
.custom-teal-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--teal-custom-300); }
.custom-teal-skin button.dt-button:active:not(.disabled), 
.custom-teal-skin button.dt-button.active:not(.disabled), 
.custom-teal-skin div.dt-button:active:not(.disabled), 
.custom-teal-skin div.dt-button.active:not(.disabled), 
.custom-teal-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--teal-custom-300) !important;
  border: 1px solid var(--teal-custom-300) !important;
}
.custom-teal-skin .nav-pills-custom .nav-link.active,
.custom-teal-skin .nav-pills-custom .show > .nav-link {
  color: var(--teal-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-teal-skin .nav-pills-custom .nav-link.active,
  .custom-teal-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--teal-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-teal-skin .nav-pills-custom .nav-link.active,
  .custom-teal-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--teal-custom-300);
  }
}
.custom-teal-skin .nav-pills-custom-bg .nav-link.active,
.custom-teal-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--teal-custom-200);
	/* border-left: 4px solid var(--teal-custom-200) !important; */
}
.custom-teal-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--teal-custom-200); }
.custom-teal-skin .nav-pills-custom-2 .nav-link.active,
.custom-teal-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--teal-custom-300) !important;
  /* border-left: 4px solid var(--teal-custom-300) !important; */
}

.custom-red-skin .md-tabs-light .nav-link.active {
  background-color: var(--red-custom-300) !important;
}
.custom-red-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--red-custom-300) !important;
  color: #ffffff !important;
}
.custom-red-skin .rgba-custom {
  background: var(--red-custom-trans) !important;
}
.btn-red-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--red-custom-300), var(--red-custom-200)) !important;
}
.btn-red-default {
  color: white !important;
  background-color: var(--red-custom-300) !important;
}
.custom-red-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--red-custom-300) !important;
}
.custom-red-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--red-custom-300), var(--red-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--red-custom-300), var(--red-custom-200)) !important;
  background: linear-gradient(40deg, var(--red-custom-300), var(--red-custom-200)) !important; 
  color: #fff;
}
.custom-red-skin .nav-link.custom-colour:hover,
.custom-red-skin .nav-link.custom-colour.active {
  color: var(--red-custom-300);
}
.custom-red-skin .btn-default.py-2 {
  border: 2px solid var(--red-custom-300) !important;
}
.custom-red-skin .dropdown-item:hover,
.custom-red-skin .dropdown-item:active {
  background-color: var(--red-custom-200) !important;
  color: #fff;
}
.custom-red-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--red-custom-300) !important;}
.custom-red-skin .border-custom { border-color: var(--red-custom-300) !important; }
.custom-red-skin .text-custom { color: var(--red-custom-300) !important; }
.custom-red-skin .custom-color { background-color: var(--red-custom-300) !important; }
.custom-red-skin .custom-color-2 { background-color: var(--red-custom-200) !important; }
.custom-red-skin .custom-color-3 { background-color: var(--red-custom-50) !important; }
.custom-red-skin .text-menu-custom { color: var(--red-custom-300) !important; }
.custom-red-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--red-custom-300), var(--red-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--red-custom-300), var(--red-custom-200)) !important;
  background: linear-gradient(40deg, var(--red-custom-300), var(--red-custom-200)) !important; 
} 
.custom-red-skin .pagination .page-item.active .page-link { background-color: var(--red-custom-300) !important; }
.custom-red-skin .pagination .page-item.active .page-link:hover { background-color: var(--red-custom-300); }
.custom-red-skin .tox-edit-area::before{ border: 2px solid var(--red-custom-300) !important; }
.custom-red-skin .border-bottom-custom { border-bottom: 5px solid var(--red-custom-300) !important; }
.custom-red-skin .border-top-custom { border-top: 5px solid var(--red-custom-300) !important; }
.custom-red-skin .border-top-bottom-custom {
	border-top: 5px solid var(--red-custom-300) !important;
	border-bottom: 5px solid var(--red-custom-300) !important;
} 
.custom-red-skin .border-left-custom { border-left: 8px solid var(--red-custom-300) !important; }
.custom-red-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--red-custom-300), var(--red-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--red-custom-300), var(--red-custom-200)) !important;
  background: linear-gradient(40deg, var(--red-custom-300), var(--red-custom-200)) !important; 
  color: #fff;
}
.custom-red-skin .btn-default {
  background-color: var(--red-custom-300) !important;
  color: #fff;
}
.custom-red-skin .btn-default:hover {
  background-color: var(--red-custom-200) !important;
  color: #fff;
}
.custom-red-skin .btn-default:focus, .custom-red-skin .btn-default:active, .custom-red-skin .btn-default.active { background-color: var(--red-custom-300); }
.custom-red-skin .btn-default.dropdown-toggle { background-color: var(--red-custom-300) !important; }
.custom-red-skin .btn-default.dropdown-toggle:hover, .custom-red-skin .btn-default.dropdown-toggle:focus { background-color: var(--red-custom-300) !important; }
.custom-red-skin .btn-default:not([disabled]):not(.disabled):active, .custom-red-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-red-skin .btn-default.dropdown-toggle { background-color: var(--red-custom-300) !important; }
.custom-red-skin .btn-outline-default {
  border: 2px solid var(--red-custom-300) !important;
  background-color: transparent !important;
  color: var(--red-custom-300) !important;
}
.custom-red-skin .btn-outline-default:hover,
.custom-red-skin .btn-outline-default:focus,
.custom-red-skin .btn-outline-default:active,
.custom-red-skin .btn-outline-default:active:focus,
.custom-red-skin .btn-outline-default.active {
  border-color: var(--red-custom-200) !important;
  color: var(--red-custom-200) !important;
}
.custom-red-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-red-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-red-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--red-custom-300) !important;
}
.custom-red-skin .btn-default2 {
  background-color: var(--red-custom-200) !important;
  color: #fff;
}
.custom-red-skin .btn-default2:hover {
  background-color: var(--red-custom-300) !important;
  color: #fff;
}
.custom-red-skin .btn-default2:focus, .custom-red-skin .btn-default2:active, .custom-red-skin .btn-default2.active { background-color: var(--red-custom-200); }
.custom-red-skin .btn-default2.dropdown-toggle { background-color: var(--red-custom-200) !important; }
.custom-red-skin .btn-default2.dropdown-toggle:hover, .custom-red-skin .btn-default2.dropdown-toggle:focus { background-color: var(--red-custom-200) !important; }
.custom-red-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-red-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-red-skin .btn-default2.dropdown-toggle { background-color: var(--red-custom-200) !important; }
.custom-red-skin .btn-outline-default2 {
  border: 2px solid var(--red-custom-200) !important;
  background-color: transparent !important;
  color: var(--red-custom-200) !important;
}
.custom-red-skin .btn-outline-default2:hover,
.custom-red-skin .btn-outline-default2:focus,
.custom-red-skin .btn-outline-default2:active,
.custom-red-skin .btn-outline-default2:active:focus,
.custom-red-skin .btn-outline-default2.active {
  border-color: var(--red-custom-200) !important;
  color: var(--red-custom-200) !important;
}
.custom-red-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-red-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-red-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--red-custom-200) !important;
}
.custom-red-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--red-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--red-custom-300);
}
.custom-red-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-red-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--red-custom-200) !important;
}
.custom-red-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--red-custom-300) !important;
}
.custom-red-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--red-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--red-custom-300);
}
.custom-red-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--red-custom-300) !important;
}
.custom-red-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--red-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--red-custom-300);
}
.custom-red-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--red-custom-300) !important;
  border: 1px solid var(--red-custom-300) !important;
}
.custom-red-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-red-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--red-custom-300);
  border: 1px solid var(--red-custom-300) !important;
}
.custom-red-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--red-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--red-custom-300);
  box-shadow: 0px 0px 0px 1px var(--red-custom-300);
}
.custom-red-skin .form-check-input[type="radio"]:checked + label:after,
.custom-red-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-red-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-red-skin label.btn input[type="radio"]:checked + label:after,
.custom-red-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-red-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--red-custom-300);
}
.custom-red-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-red-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-red-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--red-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--red-custom-300); 
}
.custom-red-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--red-custom-300) !important;
  box-shadow: none !important;
}
.custom-red-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-red-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--red-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--red-custom-300); 
}
.custom-red-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--red-custom-300); }
.custom-red-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-red-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-red-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--red-custom-300); 
}
.custom-red-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--red-custom-300); }
.custom-red-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-red-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-red-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--red-custom-300); 
}
.custom-red-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-red-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-red-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--red-custom-200);
}
.custom-red-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--red-custom-200); }
.custom-red-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--red-custom-200); }
.custom-red-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--red-custom-300), var(--red-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--red-custom-300), var(--red-custom-200)) !important;
  background: linear-gradient(40deg, var(--red-custom-300), var(--red-custom-200)) !important; 
}
.custom-red-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-red-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--red-custom-200);
}
.custom-red-skin .picker__box .picker__header .picker__date-display { background-color: var(--red-custom-300); }
.custom-red-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--red-custom-300); }
.custom-red-skin .picker__box .picker__table .picker__day--selected,
.custom-red-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-red-skin .picker__box .picker__table .picker--focused {
  background-color: var(--red-custom-300);
}
.custom-red-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--red-custom-300); }
.custom-red-skin button.dt-button:active:not(.disabled), 
.custom-red-skin button.dt-button.active:not(.disabled), 
.custom-red-skin div.dt-button:active:not(.disabled), 
.custom-red-skin div.dt-button.active:not(.disabled), 
.custom-red-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--red-custom-300) !important;
  border: 1px solid var(--red-custom-300) !important;
}
.custom-red-skin .nav-pills-custom .nav-link.active,
.custom-red-skin .nav-pills-custom .show > .nav-link {
  color: var(--red-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-red-skin .nav-pills-custom .nav-link.active,
  .custom-red-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--red-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-red-skin .nav-pills-custom .nav-link.active,
  .custom-red-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--red-custom-300);
  }
}
.custom-red-skin .nav-pills-custom-bg .nav-link.active,
.custom-red-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--red-custom-200);
	/* border-left: 4px solid var(--red-custom-200) !important; */
}
.custom-red-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--red-custom-200); }
.custom-red-skin .nav-pills-custom-2 .nav-link.active,
.custom-red-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--red-custom-300) !important;
  /* border-left: 4px solid var(--red-custom-300) !important; */
}

.custom-purple-skin .md-tabs-light .nav-link.active {
  background-color: var(--purple-custom-300) !important;
}
.custom-purple-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--purple-custom-300) !important;
  color: #ffffff !important;
}
.custom-purple-skin .rgba-custom {
  background: var(--purple-custom-trans) !important;
}
.btn-purple-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--purple-custom-300), var(--purple-custom-200)) !important;
}
.btn-purple-default {
  color: white !important;
  background-color: var(--purple-custom-300) !important;
}
.custom-purple-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--purple-custom-300) !important;
}
.custom-purple-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--purple-custom-300), var(--purple-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--purple-custom-300), var(--purple-custom-200)) !important;
  background: linear-gradient(40deg, var(--purple-custom-300), var(--purple-custom-200)) !important; 
  color: #fff;
}
.custom-purple-skin .nav-link.custom-colour:hover,
.custom-purple-skin .nav-link.custom-colour.active {
  color: var(--purple-custom-300);
}
.custom-purple-skin .btn-default.py-2 {
  border: 2px solid var(--purple-custom-300) !important;
}
.custom-purple-skin .dropdown-item:hover,
.custom-purple-skin .dropdown-item:active {
  background-color: var(--purple-custom-200) !important;
  color: #fff;
}
.custom-purple-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--purple-custom-300) !important;}
.custom-purple-skin .border-custom { border-color: var(--purple-custom-300) !important; }
.custom-purple-skin .text-custom { color: var(--purple-custom-300) !important; }
.custom-purple-skin .custom-color { background-color: var(--purple-custom-300) !important; }
.custom-purple-skin .custom-color-2 { background-color: var(--purple-custom-200) !important; }
.custom-purple-skin .custom-color-3 { background-color: var(--purple-custom-50) !important; }
.custom-purple-skin .text-menu-custom { color: var(--purple-custom-300) !important; }
.custom-purple-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--purple-custom-300), var(--purple-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--purple-custom-300), var(--purple-custom-200)) !important;
  background: linear-gradient(40deg, var(--purple-custom-300), var(--purple-custom-200)) !important; 
} 
.custom-purple-skin .pagination .page-item.active .page-link { background-color: var(--purple-custom-300) !important; }
.custom-purple-skin .pagination .page-item.active .page-link:hover { background-color: var(--purple-custom-300); }
.custom-purple-skin .tox-edit-area::before{ border: 2px solid var(--purple-custom-300) !important; }
.custom-purple-skin .border-bottom-custom { border-bottom: 5px solid var(--purple-custom-300) !important; }
.custom-purple-skin .border-top-custom { border-top: 5px solid var(--purple-custom-300) !important; }
.custom-purple-skin .border-top-bottom-custom {
	border-top: 5px solid var(--purple-custom-300) !important;
	border-bottom: 5px solid var(--purple-custom-300) !important;
} 
.custom-purple-skin .border-left-custom { border-left: 8px solid var(--purple-custom-300) !important; }
.custom-purple-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--purple-custom-300), var(--purple-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--purple-custom-300), var(--purple-custom-200)) !important;
  background: linear-gradient(40deg, var(--purple-custom-300), var(--purple-custom-200)) !important; 
  color: #fff;
}
.custom-purple-skin .btn-default {
  background-color: var(--purple-custom-300) !important;
  color: #fff;
}
.custom-purple-skin .btn-default:hover {
  background-color: var(--purple-custom-200) !important;
  color: #fff;
}
.custom-purple-skin .btn-default:focus, .custom-purple-skin .btn-default:active, .custom-purple-skin .btn-default.active { background-color: var(--purple-custom-300); }
.custom-purple-skin .btn-default.dropdown-toggle { background-color: var(--purple-custom-300) !important; }
.custom-purple-skin .btn-default.dropdown-toggle:hover, .custom-purple-skin .btn-default.dropdown-toggle:focus { background-color: var(--purple-custom-300) !important; }
.custom-purple-skin .btn-default:not([disabled]):not(.disabled):active, .custom-purple-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-purple-skin .btn-default.dropdown-toggle { background-color: var(--purple-custom-300) !important; }
.custom-purple-skin .btn-outline-default {
  border: 2px solid var(--purple-custom-300) !important;
  background-color: transparent !important;
  color: var(--purple-custom-300) !important;
}
.custom-purple-skin .btn-outline-default:hover,
.custom-purple-skin .btn-outline-default:focus,
.custom-purple-skin .btn-outline-default:active,
.custom-purple-skin .btn-outline-default:active:focus,
.custom-purple-skin .btn-outline-default.active {
  border-color: var(--purple-custom-200) !important;
  color: var(--purple-custom-200) !important;
}
.custom-purple-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-purple-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-purple-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--purple-custom-300) !important;
}
.custom-purple-skin .btn-default2 {
  background-color: var(--purple-custom-200) !important;
  color: #fff;
}
.custom-purple-skin .btn-default2:hover {
  background-color: var(--purple-custom-300) !important;
  color: #fff;
}
.custom-purple-skin .btn-default2:focus, .custom-purple-skin .btn-default2:active, .custom-purple-skin .btn-default2.active { background-color: var(--purple-custom-200); }
.custom-purple-skin .btn-default2.dropdown-toggle { background-color: var(--purple-custom-200) !important; }
.custom-purple-skin .btn-default2.dropdown-toggle:hover, .custom-purple-skin .btn-default2.dropdown-toggle:focus { background-color: var(--purple-custom-200) !important; }
.custom-purple-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-purple-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-purple-skin .btn-default2.dropdown-toggle { background-color: var(--purple-custom-200) !important; }
.custom-purple-skin .btn-outline-default2 {
  border: 2px solid var(--purple-custom-200) !important;
  background-color: transparent !important;
  color: var(--purple-custom-200) !important;
}
.custom-purple-skin .btn-outline-default2:hover,
.custom-purple-skin .btn-outline-default2:focus,
.custom-purple-skin .btn-outline-default2:active,
.custom-purple-skin .btn-outline-default2:active:focus,
.custom-purple-skin .btn-outline-default2.active {
  border-color: var(--purple-custom-200) !important;
  color: var(--purple-custom-200) !important;
}
.custom-purple-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-purple-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-purple-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--purple-custom-200) !important;
}
.custom-purple-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--purple-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300);
}
.custom-purple-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-purple-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--purple-custom-200) !important;
}
.custom-purple-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--purple-custom-300) !important;
}
.custom-purple-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--purple-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300);
}
.custom-purple-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--purple-custom-300) !important;
}
.custom-purple-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--purple-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300);
}
.custom-purple-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--purple-custom-300) !important;
  border: 1px solid var(--purple-custom-300) !important;
}
.custom-purple-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-purple-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--purple-custom-300);
  border: 1px solid var(--purple-custom-300) !important;
}
.custom-purple-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--purple-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--purple-custom-300);
  box-shadow: 0px 0px 0px 1px var(--purple-custom-300);
}
.custom-purple-skin .form-check-input[type="radio"]:checked + label:after,
.custom-purple-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-purple-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-purple-skin label.btn input[type="radio"]:checked + label:after,
.custom-purple-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-purple-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--purple-custom-300);
}
.custom-purple-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-purple-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-purple-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--purple-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300); 
}
.custom-purple-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--purple-custom-300) !important;
  box-shadow: none !important;
}
.custom-purple-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-purple-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--purple-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-custom-300); 
}
.custom-purple-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--purple-custom-300); }
.custom-purple-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-purple-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-purple-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--purple-custom-300); 
}
.custom-purple-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--purple-custom-300); }
.custom-purple-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-purple-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-purple-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--purple-custom-300); 
}
.custom-purple-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-purple-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-purple-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--purple-custom-200);
}
.custom-purple-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--purple-custom-200); }
.custom-purple-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--purple-custom-200); }
.custom-purple-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--purple-custom-300), var(--purple-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--purple-custom-300), var(--purple-custom-200)) !important;
  background: linear-gradient(40deg, var(--purple-custom-300), var(--purple-custom-200)) !important; 
}
.custom-purple-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-purple-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--purple-custom-200);
}
.custom-purple-skin .picker__box .picker__header .picker__date-display { background-color: var(--purple-custom-300); }
.custom-purple-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--purple-custom-300); }
.custom-purple-skin .picker__box .picker__table .picker__day--selected,
.custom-purple-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-purple-skin .picker__box .picker__table .picker--focused {
  background-color: var(--purple-custom-300);
}
.custom-purple-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--purple-custom-300); }
.custom-purple-skin button.dt-button:active:not(.disabled), 
.custom-purple-skin button.dt-button.active:not(.disabled), 
.custom-purple-skin div.dt-button:active:not(.disabled), 
.custom-purple-skin div.dt-button.active:not(.disabled), 
.custom-purple-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--purple-custom-300) !important;
  border: 1px solid var(--purple-custom-300) !important;
}
.custom-purple-skin .nav-pills-custom .nav-link.active,
.custom-purple-skin .nav-pills-custom .show > .nav-link {
  color: var(--purple-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-purple-skin .nav-pills-custom .nav-link.active,
  .custom-purple-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--purple-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-purple-skin .nav-pills-custom .nav-link.active,
  .custom-purple-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--purple-custom-300);
  }
}
.custom-purple-skin .nav-pills-custom-bg .nav-link.active,
.custom-purple-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--purple-custom-200);
	/* border-left: 4px solid var(--purple-custom-200) !important; */
}
.custom-purple-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--purple-custom-200); }
.custom-purple-skin .nav-pills-custom-2 .nav-link.active,
.custom-purple-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--purple-custom-300) !important;
  /* border-left: 4px solid var(--purple-custom-300) !important; */
}

.custom-purple-pink-skin .md-tabs-light .nav-link.active {
  background-color: var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--purple-pink-custom-300) !important;
  color: #ffffff !important;
}
.custom-purple-pink-skin .rgba-custom {
  background: var(--purple-pink-custom-trans) !important;
}
.btn-purple-pink-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important;
}
.btn-purple-pink-default {
  color: white !important;
  background-color: var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important;
  background: linear-gradient(40deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important; 
  color: #fff;
}
.custom-purple-pink-skin .nav-link.custom-colour:hover,
.custom-purple-pink-skin .nav-link.custom-colour.active {
  color: var(--purple-pink-custom-300);
}
.custom-purple-pink-skin .btn-default.py-2 {
  border: 2px solid var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .dropdown-item:hover,
.custom-purple-pink-skin .dropdown-item:active {
  background-color: var(--purple-pink-custom-200) !important;
  color: #fff;
}
.custom-purple-pink-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--purple-pink-custom-300) !important;}
.custom-purple-pink-skin .border-custom { border-color: var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .text-custom { color: var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .custom-color { background-color: var(--purple-pink-custom-300) !important; }
.custom-purple-skin .custom-color-2 { background-color: var(--purple-custom-200) !important; }
.custom-purple-skin .custom-color-3 { background-color: var(--purple-custom-50) !important; }
.custom-purple-pink-skin .text-menu-custom { color: var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important;
  background: linear-gradient(40deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important; 
} 
.custom-purple-pink-skin .pagination .page-item.active .page-link { background-color: var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .pagination .page-item.active .page-link:hover { background-color: var(--purple-pink-custom-300); }
.custom-purple-pink-skin .tox-edit-area::before{ border: 2px solid var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .border-bottom-custom { border-bottom: 5px solid var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .border-top-custom { border-top: 5px solid var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .border-top-bottom-custom {
	border-top: 5px solid var(--purple-pink-custom-300) !important;
	border-bottom: 5px solid var(--purple-pink-custom-300) !important;
} 
.custom-purple-pink-skin .border-left-custom { border-left: 8px solid var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important;
  background: linear-gradient(40deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important; 
  color: #fff;
}
.custom-purple-pink-skin .btn-default {
  background-color: var(--purple-pink-custom-300) !important;
  color: #fff;
}
.custom-purple-pink-skin .btn-default:hover {
  background-color: var(--purple-pink-custom-200) !important;
  color: #fff;
}
.custom-purple-pink-skin .btn-default:focus, .custom-purple-pink-skin .btn-default:active, .custom-purple-pink-skin .btn-default.active { background-color: var(--purple-pink-custom-300); }
.custom-purple-pink-skin .btn-default.dropdown-toggle { background-color: var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .btn-default.dropdown-toggle:hover, .custom-purple-pink-skin .btn-default.dropdown-toggle:focus { background-color: var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .btn-default:not([disabled]):not(.disabled):active, .custom-purple-pink-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-purple-pink-skin .btn-default.dropdown-toggle { background-color: var(--purple-pink-custom-300) !important; }
.custom-purple-pink-skin .btn-outline-default {
  border: 2px solid var(--purple-pink-custom-300) !important;
  background-color: transparent !important;
  color: var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .btn-outline-default:hover,
.custom-purple-pink-skin .btn-outline-default:focus,
.custom-purple-pink-skin .btn-outline-default:active,
.custom-purple-pink-skin .btn-outline-default:active:focus,
.custom-purple-pink-skin .btn-outline-default.active {
  border-color: var(--purple-pink-custom-200) !important;
  color: var(--purple-pink-custom-200) !important;
}
.custom-purple-pink-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-purple-pink-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-purple-pink-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .btn-default2 {
  background-color: var(--purple-pink-custom-200) !important;
  color: #fff;
}
.custom-purple-pink-skin .btn-default2:hover {
  background-color: var(--purple-pink-custom-300) !important;
  color: #fff;
}
.custom-purple-pink-skin .btn-default2:focus, .custom-purple-pink-skin .btn-default2:active, .custom-purple-pink-skin .btn-default2.active { background-color: var(--purple-pink-custom-200); }
.custom-purple-pink-skin .btn-default2.dropdown-toggle { background-color: var(--purple-pink-custom-200) !important; }
.custom-purple-pink-skin .btn-default2.dropdown-toggle:hover, .custom-purple-pink-skin .btn-default2.dropdown-toggle:focus { background-color: var(--purple-pink-custom-200) !important; }
.custom-purple-pink-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-purple-pink-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-purple-pink-skin .btn-default2.dropdown-toggle { background-color: var(--purple-pink-custom-200) !important; }
.custom-purple-pink-skin .btn-outline-default2 {
  border: 2px solid var(--purple-pink-custom-200) !important;
  background-color: transparent !important;
  color: var(--purple-pink-custom-200) !important;
}
.custom-purple-pink-skin .btn-outline-default2:hover,
.custom-purple-pink-skin .btn-outline-default2:focus,
.custom-purple-pink-skin .btn-outline-default2:active,
.custom-purple-pink-skin .btn-outline-default2:active:focus,
.custom-purple-pink-skin .btn-outline-default2.active {
  border-color: var(--purple-pink-custom-200) !important;
  color: var(--purple-pink-custom-200) !important;
}
.custom-purple-pink-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-purple-pink-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-purple-pink-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--purple-pink-custom-200) !important;
}
.custom-purple-pink-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--purple-pink-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300);
}
.custom-purple-pink-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-purple-pink-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--purple-pink-custom-200) !important;
}
.custom-purple-pink-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--purple-pink-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300);
}
.custom-purple-pink-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--purple-pink-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300);
}
.custom-purple-pink-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--purple-pink-custom-300) !important;
  border: 1px solid var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-purple-pink-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--purple-pink-custom-300);
  border: 1px solid var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--purple-pink-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--purple-pink-custom-300);
  box-shadow: 0px 0px 0px 1px var(--purple-pink-custom-300);
}
.custom-purple-pink-skin .form-check-input[type="radio"]:checked + label:after,
.custom-purple-pink-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-purple-pink-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-purple-pink-skin label.btn input[type="radio"]:checked + label:after,
.custom-purple-pink-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-purple-pink-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--purple-pink-custom-300);
}
.custom-purple-pink-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-purple-pink-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--purple-pink-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300); 
}
.custom-purple-pink-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--purple-pink-custom-300) !important;
  box-shadow: none !important;
}
.custom-purple-pink-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-purple-pink-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--purple-pink-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--purple-pink-custom-300); 
}
.custom-purple-pink-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--purple-pink-custom-300); }
.custom-purple-pink-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-purple-pink-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-purple-pink-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--purple-pink-custom-300); 
}
.custom-purple-pink-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--purple-pink-custom-300); }
.custom-purple-pink-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-purple-pink-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-purple-pink-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--purple-pink-custom-300); 
}
.custom-purple-pink-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-purple-pink-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-purple-pink-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--purple-pink-custom-200);
}
.custom-purple-pink-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--purple-pink-custom-200); }
.custom-purple-pink-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--purple-pink-custom-200); }
.custom-purple-pink-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important;
  background: linear-gradient(40deg, var(--purple-pink-custom-300), var(--purple-pink-custom-200)) !important; 
}
.custom-purple-pink-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-purple-pink-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--purple-pink-custom-200);
}
.custom-purple-pink-skin .picker__box .picker__header .picker__date-display { background-color: var(--purple-pink-custom-300); }
.custom-purple-pink-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--purple-pink-custom-300); }
.custom-purple-pink-skin .picker__box .picker__table .picker__day--selected,
.custom-purple-pink-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-purple-pink-skin .picker__box .picker__table .picker--focused {
  background-color: var(--purple-pink-custom-300);
}
.custom-purple-pink-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--purple-pink-custom-300); }
.custom-purple-pink-skin button.dt-button:active:not(.disabled), 
.custom-purple-pink-skin button.dt-button.active:not(.disabled), 
.custom-purple-pink-skin div.dt-button:active:not(.disabled), 
.custom-purple-pink-skin div.dt-button.active:not(.disabled), 
.custom-purple-pink-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--purple-pink-custom-300) !important;
  border: 1px solid var(--purple-pink-custom-300) !important;
}
.custom-purple-pink-skin .nav-pills-custom .nav-link.active,
.custom-purple-pink-skin .nav-pills-custom .show > .nav-link {
  color: var(--purple-pink-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-purple-pink-skin .nav-pills-custom .nav-link.active,
  .custom-purple-pink-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--purple-pink-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-purple-pink-skin .nav-pills-custom .nav-link.active,
  .custom-purple-pink-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--purple-pink-custom-300);
  }
}
.custom-purple-pink-skin .nav-pills-custom-bg .nav-link.active,
.custom-purple-pink-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--purple-pink-custom-200);
	/* border-left: 4px solid var(--purple-pink-custom-200) !important; */
}
.custom-purple-pink-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--purple-pink-custom-200); }
.custom-purple-pink-skin .nav-pills-custom-2 .nav-link.active,
.custom-purple-pink-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--purple-pink-custom-300) !important;
  /* border-left: 4px solid var(--purple-pink-custom-300) !important; */
}

.custom-blue-red-skin .info-position:hover {
  color: var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .md-tabs-light .nav-link.active {
  background-color: var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--blue-red-custom-300) !important;
  color: #ffffff !important;
}
.custom-blue-red-skin .rgba-custom {
  background: var(--blue-red-custom-trans) !important;
}
.btn-blue-red-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important;
}
.btn-blue-red-default {
  color: white !important;
  background-color: var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important;
  background: linear-gradient(40deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important; 
  color: #fff;
}
.custom-blue-red-skin .nav-link.custom-colour:hover,
.custom-blue-red-skin .nav-link.custom-colour.active {
  color: var(--blue-red-custom-300);
}
.custom-blue-red-skin .btn-default.py-2 {
  border: 2px solid var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .dropdown-item:hover,
.custom-blue-red-skin .dropdown-item:active {
  background-color: var(--blue-red-custom-200) !important;
  color: #fff;
}

.custom-blue-red-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--blue-red-custom-300) !important;}
.custom-blue-red-skin .border-custom { border-color: var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .text-custom { color: var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .custom-color { background-color: var(--blue-red-custom-300) !important; }
.custom-blue-skin .custom-color-2 { background-color: var(--blue-custom-200) !important; }
.custom-blue-skin .custom-color-3 { background-color: var(--blue-custom-50) !important; }
.custom-blue-red-skin .text-menu-custom { color: var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important;
  background: linear-gradient(40deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important; 
} 
.custom-blue-red-skin .pagination .page-item.active .page-link { background-color: var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .pagination .page-item.active .page-link:hover { background-color: var(--blue-red-custom-300); }
.custom-blue-red-skin .tox-edit-area::before{ border: 2px solid var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .border-bottom-custom { border-bottom: 5px solid var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .border-top-custom { border-top: 5px solid var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .border-top-bottom-custom {
	border-top: 5px solid var(--blue-red-custom-300) !important;
	border-bottom: 5px solid var(--blue-red-custom-300) !important;
} 
.custom-blue-red-skin .border-left-custom { border-left: 8px solid var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important;
  background: linear-gradient(40deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important; 
  color: #fff;
}
.custom-blue-red-skin .btn-default {
  background-color: var(--blue-red-custom-300) !important;
  color: #fff;
}
.custom-blue-red-skin .btn-default:hover {
  background-color: var(--blue-red-custom-200) !important;
  color: #fff;
}
.custom-blue-red-skin .btn-default:focus, .custom-blue-red-skin .btn-default:active, .custom-blue-red-skin .btn-default.active { background-color: var(--blue-red-custom-300); }
.custom-blue-red-skin .btn-default.dropdown-toggle { background-color: var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .btn-default.dropdown-toggle:hover, .custom-blue-red-skin .btn-default.dropdown-toggle:focus { background-color: var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .btn-default:not([disabled]):not(.disabled):active, .custom-blue-red-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-blue-red-skin .btn-default.dropdown-toggle { background-color: var(--blue-red-custom-300) !important; }
.custom-blue-red-skin .btn-outline-default {
  border: 2px solid var(--blue-red-custom-300) !important;
  background-color: transparent !important;
  color: var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .btn-outline-default:hover,
.custom-blue-red-skin .btn-outline-default:focus,
.custom-blue-red-skin .btn-outline-default:active,
.custom-blue-red-skin .btn-outline-default:active:focus,
.custom-blue-red-skin .btn-outline-default.active {
  border-color: var(--blue-red-custom-200) !important;
  color: var(--blue-red-custom-200) !important;
}
.custom-blue-red-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-blue-red-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-blue-red-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .btn-default2 {
  background-color: var(--blue-red-custom-200) !important;
  color: #fff;
}
.custom-blue-red-skin .btn-default2:hover {
  background-color: var(--blue-red-custom-300) !important;
  color: #fff;
}
.custom-blue-red-skin .btn-default2:focus, .custom-blue-red-skin .btn-default2:active, .custom-blue-red-skin .btn-default2.active { background-color: var(--blue-red-custom-200); }
.custom-blue-red-skin .btn-default2.dropdown-toggle { background-color: var(--blue-red-custom-200) !important; }
.custom-blue-red-skin .btn-default2.dropdown-toggle:hover, .custom-blue-red-skin .btn-default2.dropdown-toggle:focus { background-color: var(--blue-red-custom-200) !important; }
.custom-blue-red-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-blue-red-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-blue-red-skin .btn-default2.dropdown-toggle { background-color: var(--blue-red-custom-200) !important; }
.custom-blue-red-skin .btn-outline-default2 {
  border: 2px solid var(--blue-red-custom-200) !important;
  background-color: transparent !important;
  color: var(--blue-red-custom-200) !important;
}
.custom-blue-red-skin .btn-outline-default2:hover,
.custom-blue-red-skin .btn-outline-default2:focus,
.custom-blue-red-skin .btn-outline-default2:active,
.custom-blue-red-skin .btn-outline-default2:active:focus,
.custom-blue-red-skin .btn-outline-default2.active {
  border-color: var(--blue-red-custom-200) !important;
  color: var(--blue-red-custom-200) !important;
}
.custom-blue-red-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-blue-red-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-blue-red-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--blue-red-custom-200) !important;
}
.custom-blue-red-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--blue-red-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300);
}
.custom-blue-red-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-blue-red-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--blue-red-custom-200) !important;
}
.custom-blue-red-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--blue-red-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300);
}
.custom-blue-red-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--blue-red-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300);
}
.custom-blue-red-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--blue-red-custom-300) !important;
  border: 1px solid var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-blue-red-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--blue-red-custom-300);
  border: 1px solid var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--blue-red-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--blue-red-custom-300);
  box-shadow: 0px 0px 0px 1px var(--blue-red-custom-300);
}
.custom-blue-red-skin .form-check-input[type="radio"]:checked + label:after,
.custom-blue-red-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-blue-red-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-blue-red-skin label.btn input[type="radio"]:checked + label:after,
.custom-blue-red-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-blue-red-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--blue-red-custom-300);
}
.custom-blue-red-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-blue-red-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-blue-red-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--blue-red-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300); 
}
.custom-blue-red-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--blue-red-custom-300) !important;
  box-shadow: none !important;
}
.custom-blue-red-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-blue-red-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--blue-red-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--blue-red-custom-300); 
}
.custom-blue-red-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--blue-red-custom-300); }
.custom-blue-red-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-blue-red-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-blue-red-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--blue-red-custom-300); 
}
.custom-blue-red-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--blue-red-custom-300); }
.custom-blue-red-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-blue-red-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-blue-red-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--blue-red-custom-300); 
}
.custom-blue-red-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-blue-red-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-blue-red-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--blue-red-custom-200);
}
.custom-blue-red-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--blue-red-custom-200); }
.custom-blue-red-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--blue-red-custom-200); }
.custom-blue-red-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important;
  background: linear-gradient(40deg, var(--blue-red-custom-300), var(--blue-red-custom-200)) !important; 
}
.custom-blue-red-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-blue-red-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--blue-red-custom-200);
}
.custom-blue-red-skin .picker__box .picker__header .picker__date-display { background-color: var(--blue-red-custom-300); }
.custom-blue-red-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--blue-red-custom-300); }
.custom-blue-red-skin .picker__box .picker__table .picker__day--selected,
.custom-blue-red-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-blue-red-skin .picker__box .picker__table .picker--focused {
  background-color: var(--blue-red-custom-300);
}
.custom-blue-red-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--blue-red-custom-300); }
.custom-blue-red-skin button.dt-button:active:not(.disabled), 
.custom-blue-red-skin button.dt-button.active:not(.disabled), 
.custom-blue-red-skin div.dt-button:active:not(.disabled), 
.custom-blue-red-skin div.dt-button.active:not(.disabled), 
.custom-blue-red-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--blue-red-custom-300) !important;
  border: 1px solid var(--blue-red-custom-300) !important;
}
.custom-blue-red-skin .nav-pills-custom .nav-link.active,
.custom-blue-red-skin .nav-pills-custom .show > .nav-link {
  color: var(--blue-red-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-blue-red-skin .nav-pills-custom .nav-link.active,
  .custom-blue-red-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--blue-red-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-blue-red-skin .nav-pills-custom .nav-link.active,
  .custom-blue-red-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--blue-red-custom-300);
  }
}
.custom-blue-red-skin .nav-pills-custom-bg .nav-link.active,
.custom-blue-red-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--blue-red-custom-200);
	/* border-left: 4px solid var(--blue-red-custom-200) !important; */
}
.custom-blue-red-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--blue-red-custom-200); }
.custom-blue-red-skin .nav-pills-custom-2 .nav-link.active,
.custom-blue-red-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--blue-red-custom-300) !important;
  /* border-left: 4px solid var(--blue-red-custom-300) !important; */
}

.custom-yellow-skin .white { color: #1a1a1a !important; font-weight: 400 !important; }
.custom-yellow-skin .text-white { color: #1a1a1a !important; font-weight: 500 !important; }
.custom-yellow-skin .white-text { color: #1a1a1a !important; font-weight: 500 !important; }
.custom-yellow-skin .btn-outline-white {
  border: 1px solid #333333 !important;
  background-color: transparent !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-yellow-skin .section-title  {
  color: #1a1a1a !important;
  font-weight: 500 !important;
}
.custom-yellow-skin .menu-title,
.custom-yellow-skin .div-menu-icon {
  color: #1a1a1a !important;
}
.custom-yellow-skin .navbar a {
  color: #1a1a1a !important;
}
.custom-yellow-skin .fa-solid {
  font-weight: 900 !important;
}
.custom-yellow-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--yellow-custom-300) !important;}
.custom-yellow-skin .border-custom { border-color: #333333 !important; }
.custom-yellow-skin .text-custom { color: #333333 !important; }
.custom-yellow-skin .custom-color { background-color: var(--yellow-custom-300) !important; }
.custom-yellow-skin .custom-color-2 { background-color: var(--yellow-custom-200) !important; }
.custom-yellow-skin .custom-color-3 { background-color: var(--yellow-custom-50) !important; }
.custom-yellow-skin .text-menu-custom { color: #333333 !important; }
.custom-yellow-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--yellow-custom-300), var(--yellow-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--yellow-custom-300), var(--yellow-custom-200)) !important;
  background: linear-gradient(40deg, var(--yellow-custom-300), var(--yellow-custom-200)) !important; 
} 
.custom-yellow-skin .pagination .page-item.active .page-link { background-color: var(--yellow-custom-300) !important; }
.custom-yellow-skin .pagination .page-item.active .page-link:hover { background-color: var(--yellow-custom-300); }
.custom-yellow-skin .tox-edit-area::before{ border: 2px solid var(--yellow-custom-300) !important; }
.custom-yellow-skin .border-bottom-custom { border-bottom: 5px solid var(--yellow-custom-300) !important; }
.custom-yellow-skin .border-top-custom { border-top: 5px solid var(--yellow-custom-300) !important; }
.custom-yellow-skin .border-top-bottom-custom {
	border-top: 5px solid var(--yellow-custom-300) !important;
	border-bottom: 5px solid var(--yellow-custom-300) !important;
} 
.custom-yellow-skin .border-left-custom { border-left: 8px solid var(--yellow-custom-300) !important; }
.custom-yellow-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--yellow-custom-300), var(--yellow-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--yellow-custom-300), var(--yellow-custom-200)) !important;
  background: linear-gradient(40deg, var(--yellow-custom-300), var(--yellow-custom-200)) !important; 
  color: #1a1a1a !important;
}
.custom-yellow-skin .btn-default {
  background-color: var(--yellow-custom-300) !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-yellow-skin .btn-default:hover {
  background-color: var(--yellow-custom-200) !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-yellow-skin .btn-default:focus, .custom-yellow-skin .btn-default:active, .custom-yellow-skin .btn-default.active { background-color: var(--yellow-custom-300); }
.custom-yellow-skin .btn-default.dropdown-toggle { background-color: var(--yellow-custom-300) !important; }
.custom-yellow-skin .btn-default.dropdown-toggle:hover, .custom-yellow-skin .btn-default.dropdown-toggle:focus { background-color: var(--yellow-custom-300) !important; }
.custom-yellow-skin .btn-default:not([disabled]):not(.disabled):active, .custom-yellow-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-yellow-skin .btn-default.dropdown-toggle { background-color: var(--yellow-custom-300) !important; }
.custom-yellow-skin .btn-outline-default {
  border: 1px solid #333333 !important;
  background-color: transparent !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-yellow-skin .btn-outline-default:hover,
.custom-yellow-skin .btn-outline-default:focus,
.custom-yellow-skin .btn-outline-default:active,
.custom-yellow-skin .btn-outline-default:active:focus,
.custom-yellow-skin .btn-outline-default.active {
  border-color: var(--yellow-custom-300) !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-yellow-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-yellow-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-yellow-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--yellow-custom-300) !important;
}
.custom-yellow-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--yellow-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300);
}
.custom-yellow-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-yellow-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--yellow-custom-200) !important;
  color: #1a1a1a !important;
}
.custom-yellow-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: #1a1a1a !important;
}
.custom-yellow-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--yellow-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300);
}
.custom-yellow-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: #1a1a1a !important;
}
.custom-yellow-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--yellow-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300);
}
.custom-yellow-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--yellow-custom-300) !important;
  border: 1px solid var(--yellow-custom-300) !important;
}
.custom-yellow-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-yellow-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--yellow-custom-300);
  border: 1px solid var(--yellow-custom-300) !important;
}
.custom-yellow-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--yellow-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--yellow-custom-300);
  box-shadow: 0px 0px 0px 1px var(--yellow-custom-300);
}
.custom-yellow-skin .form-check-input[type="radio"]:checked + label:after,
.custom-yellow-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-yellow-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-yellow-skin label.btn input[type="radio"]:checked + label:after,
.custom-yellow-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-yellow-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--yellow-custom-300);
}
.custom-yellow-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-yellow-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-yellow-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--yellow-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300); 
}
.custom-yellow-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--yellow-custom-300) !important;
  box-shadow: none !important;
}
.custom-yellow-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-yellow-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--yellow-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--yellow-custom-300); 
}
.custom-yellow-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--yellow-custom-300); }
.custom-yellow-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-yellow-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-yellow-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: #1a1a1a; 
}
.custom-yellow-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--yellow-custom-300); }
.custom-yellow-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-yellow-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-yellow-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: #1a1a1a; 
}
.custom-yellow-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-yellow-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-yellow-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--yellow-custom-200);
  color: #1a1a1a !important; 
}
.custom-yellow-skin .side-nav .collapsible > li a.collapsible-header:hover { 
  background-color: var(--yellow-custom-200); 
  color: #1a1a1a !important; 
}
.custom-yellow-skin .side-nav .collapsible li .collapsible-header:hover { 
  background-color: var(--yellow-custom-200); 
  color: #1a1a1a !important; 
}
.custom-yellow-skin .side-nav .collapsible li .collapsible-body a:hover { 
  background-color: var(--yellow-custom-200); 
  color: #1a1a1a !important; 
}
.custom-yellow-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background-color: var(--yellow-custom-200); 
  color: #1a1a1a !important; 
}
.custom-yellow-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--yellow-custom-200);
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  color: #1a1a1a !important; 
}
.custom-yellow-skin .picker__box .picker__header .picker__date-display { background-color: var(--yellow-custom-300); }
.custom-yellow-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--yellow-custom-300); }
.custom-yellow-skin .picker__box .picker__table .picker__day--selected,
.custom-yellow-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-yellow-skin .picker__box .picker__table .picker--focused {
  background-color: var(--yellow-custom-300);
  color: #1a1a1a !important; 
}
.custom-yellow-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--yellow-custom-300); }
.custom-yellow-skin button.dt-button:active:not(.disabled), 
.custom-yellow-skin button.dt-button.active:not(.disabled), 
.custom-yellow-skin div.dt-button:active:not(.disabled), 
.custom-yellow-skin div.dt-button.active:not(.disabled), 
.custom-yellow-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--yellow-custom-300) !important;
  border: 1px solid var(--yellow-custom-300) !important;
}
.custom-yellow-skin .nav-pills-custom .nav-link.active,
.custom-yellow-skin .nav-pills-custom .show > .nav-link {
  color: var(--yellow-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-yellow-skin .nav-pills-custom .nav-link.active,
  .custom-yellow-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--yellow-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-yellow-skin .nav-pills-custom .nav-link.active,
  .custom-yellow-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--yellow-custom-300);
  }
}
.custom-yellow-skin .nav-pills-custom-bg .nav-link.active,
.custom-yellow-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--yellow-custom-200);
	/* border-left: 4px solid var(--yellow-custom-200) !important; */
}
.custom-yellow-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--yellow-custom-200); }
.custom-yellow-skin .nav-pills-custom-2 .nav-link.active,
.custom-yellow-skin .nav-pills-custom-2 .show > .nav-link {
  color: #1a1a1a !important;
  /* border-left: 4px solid var(--yellow-custom-300) !important; */
}
.custom-yellow-skin .table-striped tbody tr:nth-of-type(even) { background-color: var(--yellow-custom-100); }


.custom-pink-skin .info-position:hover {
  color: var(--pink-custom-300) !important;
}
.custom-pink-skin .md-tabs-light .nav-link.active {
  background-color: var(--pink-custom-300) !important;
}
.custom-pink-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--pink-custom-300) !important;
  color: #ffffff !important;
}
.custom-pink-skin .rgba-custom {
  background: var(--pink-custom-trans) !important;
}
.btn-pink-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--pink-custom-300), var(--pink-custom-200)) !important;
}
.btn-pink-default {
  color: white !important;
  background-color: var(--pink-custom-300) !important;
}
.custom-pink-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--pink-custom-300) !important;
}
.custom-pink-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--pink-custom-300), var(--pink-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--pink-custom-300), var(--pink-custom-200)) !important;
  background: linear-gradient(40deg, var(--pink-custom-300), var(--pink-custom-200)) !important; 
  color: #fff;
}
.custom-pink-skin .nav-link.custom-colour:hover,
.custom-pink-skin .nav-link.custom-colour.active {
  color: var(--pink-custom-300);
}
.custom-pink-skin .btn-default.py-2 {
  border: 2px solid var(--pink-custom-300) !important;
}
.custom-pink-skin .dropdown-item:hover,
.custom-pink-skin .dropdown-item:active {
  background-color: var(--pink-custom-200) !important;
  color: #fff;
}
.custom-pink-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--pink-custom-300) !important;}
.custom-pink-skin .border-custom { border-color: var(--pink-custom-300) !important; }
.custom-pink-skin .text-custom { color: var(--pink-custom-300) !important; }
.custom-pink-skin .custom-color { background-color: var(--pink-custom-300) !important; }
.custom-pink-skin .custom-color-2 { background-color: var(--pink-custom-200) !important; }
.custom-pink-skin .custom-color-3 { background-color: var(--pink-custom-50) !important; }
.custom-pink-skin .text-menu-custom { color: var(--pink-custom-300) !important; }
.custom-pink-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--pink-custom-300), var(--pink-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--pink-custom-300), var(--pink-custom-200)) !important;
  background: linear-gradient(40deg, var(--pink-custom-300), var(--pink-custom-200)) !important; 
} 
.custom-pink-skin .pagination .page-item.active .page-link { background-color: var(--pink-custom-300) !important; }
.custom-pink-skin .pagination .page-item.active .page-link:hover { background-color: var(--pink-custom-300); }
.custom-pink-skin .tox-edit-area::before{ border: 2px solid var(--pink-custom-300) !important; }
.custom-pink-skin .border-bottom-custom { border-bottom: 5px solid var(--pink-custom-300) !important; }
.custom-pink-skin .border-top-custom { border-top: 5px solid var(--pink-custom-300) !important; }
.custom-pink-skin .border-top-bottom-custom {
	border-top: 5px solid var(--pink-custom-300) !important;
	border-bottom: 5px solid var(--pink-custom-300) !important;
} 
.custom-pink-skin .border-left-custom { border-left: 8px solid var(--pink-custom-300) !important; }
.custom-pink-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--pink-custom-300), var(--pink-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--pink-custom-300), var(--pink-custom-200)) !important;
  background: linear-gradient(40deg, var(--pink-custom-300), var(--pink-custom-200)) !important; 
  color: #fff;
}
.custom-pink-skin .btn-default {
  background-color: var(--pink-custom-300) !important;
  color: #fff;
}
.custom-pink-skin .btn-default:hover {
  background-color: var(--pink-custom-200) !important;
  color: #fff;
}
.custom-pink-skin .btn-default:focus, .custom-pink-skin .btn-default:active, .custom-pink-skin .btn-default.active { background-color: var(--pink-custom-300); }
.custom-pink-skin .btn-default.dropdown-toggle { background-color: var(--pink-custom-300) !important; }
.custom-pink-skin .btn-default.dropdown-toggle:hover, .custom-pink-skin .btn-default.dropdown-toggle:focus { background-color: var(--pink-custom-300) !important; }
.custom-pink-skin .btn-default:not([disabled]):not(.disabled):active, .custom-pink-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-pink-skin .btn-default.dropdown-toggle { background-color: var(--pink-custom-300) !important; }
.custom-pink-skin .btn-outline-default {
  border: 2px solid var(--pink-custom-300) !important;
  background-color: transparent !important;
  color: var(--pink-custom-300) !important;
}
.custom-pink-skin .btn-outline-default:hover,
.custom-pink-skin .btn-outline-default:focus,
.custom-pink-skin .btn-outline-default:active,
.custom-pink-skin .btn-outline-default:active:focus,
.custom-pink-skin .btn-outline-default.active {
  border-color: var(--pink-custom-200) !important;
  color: var(--pink-custom-200) !important;
}
.custom-pink-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-pink-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-pink-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--pink-custom-300) !important;
}
.custom-pink-skin .btn-default2 {
  background-color: var(--pink-custom-200) !important;
  color: #fff;
}
.custom-pink-skin .btn-default2:hover {
  background-color: var(--pink-custom-300) !important;
  color: #fff;
}
.custom-pink-skin .btn-default2:focus, .custom-pink-skin .btn-default2:active, .custom-pink-skin .btn-default2.active { background-color: var(--pink-custom-200); }
.custom-pink-skin .btn-default2.dropdown-toggle { background-color: var(--pink-custom-200) !important; }
.custom-pink-skin .btn-default2.dropdown-toggle:hover, .custom-pink-skin .btn-default2.dropdown-toggle:focus { background-color: var(--pink-custom-200) !important; }
.custom-pink-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-pink-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-pink-skin .btn-default2.dropdown-toggle { background-color: var(--pink-custom-200) !important; }
.custom-pink-skin .btn-outline-default2 {
  border: 2px solid var(--pink-custom-200) !important;
  background-color: transparent !important;
  color: var(--pink-custom-200) !important;
}
.custom-pink-skin .btn-outline-default2:hover,
.custom-pink-skin .btn-outline-default2:focus,
.custom-pink-skin .btn-outline-default2:active,
.custom-pink-skin .btn-outline-default2:active:focus,
.custom-pink-skin .btn-outline-default2.active {
  border-color: var(--pink-custom-200) !important;
  color: var(--pink-custom-200) !important;
}
.custom-pink-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-pink-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-pink-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--pink-custom-200) !important;
}
.custom-pink-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--pink-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300);
}
.custom-pink-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-pink-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--pink-custom-200) !important;
}
.custom-pink-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--pink-custom-300) !important;
}
.custom-pink-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--pink-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300);
}
.custom-pink-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--pink-custom-300) !important;
}
.custom-pink-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--pink-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300);
}
.custom-pink-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--pink-custom-300) !important;
  border: 1px solid var(--pink-custom-300) !important;
}
.custom-pink-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-pink-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--pink-custom-300);
  border: 1px solid var(--pink-custom-300) !important;
}
.custom-pink-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--pink-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--pink-custom-300);
  box-shadow: 0px 0px 0px 1px var(--pink-custom-300);
}
.custom-pink-skin .form-check-input[type="radio"]:checked + label:after,
.custom-pink-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-pink-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-pink-skin label.btn input[type="radio"]:checked + label:after,
.custom-pink-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-pink-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--pink-custom-300);
}
.custom-pink-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-pink-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-pink-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--pink-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300); 
}
.custom-pink-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--pink-custom-300) !important;
  box-shadow: none !important;
}
.custom-pink-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-pink-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--pink-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--pink-custom-300); 
}
.custom-pink-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--pink-custom-300); }
.custom-pink-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-pink-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-pink-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--pink-custom-300); 
}
.custom-pink-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--pink-custom-300); }
.custom-pink-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-pink-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-pink-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--pink-custom-300); 
}
.custom-pink-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-pink-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-pink-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--pink-custom-200);
}
.custom-pink-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--pink-custom-200); }
.custom-pink-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--pink-custom-200); }
.custom-pink-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--pink-custom-300), var(--pink-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--pink-custom-300), var(--pink-custom-200)) !important;
  background: linear-gradient(40deg, var(--pink-custom-300), var(--pink-custom-200)) !important; 
}
.custom-pink-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-pink-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--pink-custom-200);
}
.custom-pink-skin .picker__box .picker__header .picker__date-display { background-color: var(--pink-custom-300); }
.custom-pink-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--pink-custom-300); }
.custom-pink-skin .picker__box .picker__table .picker__day--selected,
.custom-pink-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-pink-skin .picker__box .picker__table .picker--focused {
  background-color: var(--pink-custom-300);
}
.custom-pink-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--pink-custom-300); }
.custom-pink-skin button.dt-button:active:not(.disabled), 
.custom-pink-skin button.dt-button.active:not(.disabled), 
.custom-pink-skin div.dt-button:active:not(.disabled), 
.custom-pink-skin div.dt-button.active:not(.disabled), 
.custom-pink-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--pink-custom-300) !important;
  border: 1px solid var(--pink-custom-300) !important;
}
.custom-pink-skin .nav-pills-custom .nav-link.active,
.custom-pink-skin .nav-pills-custom .show > .nav-link {
  color: var(--pink-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-pink-skin .nav-pills-custom .nav-link.active,
  .custom-pink-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--pink-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-pink-skin .nav-pills-custom .nav-link.active,
  .custom-pink-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--pink-custom-300);
  }
}
.custom-pink-skin .nav-pills-custom-bg .nav-link.active,
.custom-pink-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--pink-custom-200);
	/* border-left: 4px solid var(--pink-custom-200) !important; */
}
.custom-pink-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--pink-custom-200); }
.custom-pink-skin .nav-pills-custom-2 .nav-link.active,
.custom-pink-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--pink-custom-300) !important;
  /* border-left: 4px solid var(--pink-custom-300) !important; */
}

.custom-orange-skin .info-position:hover {
  color: var(--orange-custom-300) !important;
}
.custom-orange-skin .md-tabs-light .nav-link.active {
  background-color: var(--orange-custom-300) !important;
}
.custom-orange-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--orange-custom-300) !important;
  color: #ffffff !important;
}
.custom-orange-skin .rgba-custom {
  background: var(--orange-custom-trans) !important;
}
.btn-orange-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--orange-custom-300), var(--orange-custom-200)) !important;
}
.btn-orange-default {
  color: white !important;
  background-color: var(--orange-custom-300) !important;
}
.custom-orange-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--orange-custom-300) !important;
}
.custom-orange-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--orange-custom-300), var(--orange-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--orange-custom-300), var(--orange-custom-200)) !important;
  background: linear-gradient(40deg, var(--orange-custom-300), var(--orange-custom-200)) !important; 
  color: #fff;
}
.custom-orange-skin .nav-link.custom-colour:hover,
.custom-orange-skin .nav-link.custom-colour.active {
  color: var(--orange-custom-300);
}
.custom-orange-skin .btn-default.py-2 {
  border: 2px solid var(--orange-custom-300) !important;
}
.custom-orange-skin .dropdown-item:hover,
.custom-orange-skin .dropdown-item:active {
  background-color: var(--orange-custom-200) !important;
  color: #fff;
}
.custom-orange-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--orange-custom-300) !important;}
.custom-orange-skin .border-custom { border-color: var(--orange-custom-300) !important; }
.custom-orange-skin .text-custom { color: var(--orange-custom-300) !important; }
.custom-orange-skin .custom-color { background-color: var(--orange-custom-300) !important; }
.custom-orange-skin .custom-color-2 { background-color: var(--orange-custom-200) !important; }
.custom-orange-skin .custom-color-3 { background-color: var(--orange-custom-50) !important; }
.custom-orange-skin .text-menu-custom { color: var(--orange-custom-300) !important; }
.custom-orange-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--orange-custom-300), var(--orange-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--orange-custom-300), var(--orange-custom-200)) !important;
  background: linear-gradient(40deg, var(--orange-custom-300), var(--orange-custom-200)) !important; 
} 
.custom-orange-skin .pagination .page-item.active .page-link { background-color: var(--orange-custom-300) !important; }
.custom-orange-skin .pagination .page-item.active .page-link:hover { background-color: var(--orange-custom-300); }
.custom-orange-skin .tox-edit-area::before{ border: 2px solid var(--orange-custom-300) !important; }
.custom-orange-skin .border-bottom-custom { border-bottom: 5px solid var(--orange-custom-300) !important; }
.custom-orange-skin .border-top-custom { border-top: 5px solid var(--orange-custom-300) !important; }
.custom-orange-skin .border-top-bottom-custom {
	border-top: 5px solid var(--orange-custom-300) !important;
	border-bottom: 5px solid var(--orange-custom-300) !important;
} 
.custom-orange-skin .border-left-custom { border-left: 8px solid var(--orange-custom-300) !important; }
.custom-orange-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--orange-custom-300), var(--orange-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--orange-custom-300), var(--orange-custom-200)) !important;
  background: linear-gradient(40deg, var(--orange-custom-300), var(--orange-custom-200)) !important; 
  color: #fff;
}
.custom-orange-skin .btn-default {
  background-color: var(--orange-custom-300) !important;
  color: #fff;
}
.custom-orange-skin .btn-default:hover {
  background-color: var(--orange-custom-200) !important;
  color: #fff;
}
.custom-orange-skin .btn-default:focus, .custom-orange-skin .btn-default:active, .custom-orange-skin .btn-default.active { background-color: var(--orange-custom-300); }
.custom-orange-skin .btn-default.dropdown-toggle { background-color: var(--orange-custom-300) !important; }
.custom-orange-skin .btn-default.dropdown-toggle:hover, .custom-orange-skin .btn-default.dropdown-toggle:focus { background-color: var(--orange-custom-300) !important; }
.custom-orange-skin .btn-default:not([disabled]):not(.disabled):active, .custom-orange-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-orange-skin .btn-default.dropdown-toggle { background-color: var(--orange-custom-300) !important; }
.custom-orange-skin .btn-outline-default {
  border: 2px solid var(--orange-custom-300) !important;
  background-color: transparent !important;
  color: var(--orange-custom-300) !important;
}
.custom-orange-skin .btn-outline-default:hover,
.custom-orange-skin .btn-outline-default:focus,
.custom-orange-skin .btn-outline-default:active,
.custom-orange-skin .btn-outline-default:active:focus,
.custom-orange-skin .btn-outline-default.active {
  border-color: var(--orange-custom-200) !important;
  color: var(--orange-custom-200) !important;
}
.custom-orange-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-orange-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-orange-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--orange-custom-300) !important;
}
.custom-orange-skin .btn-default2 {
  background-color: var(--orange-custom-200) !important;
  color: #fff;
}
.custom-orange-skin .btn-default2:hover {
  background-color: var(--orange-custom-300) !important;
  color: #fff;
}
.custom-orange-skin .btn-default2:focus, .custom-orange-skin .btn-default2:active, .custom-orange-skin .btn-default2.active { background-color: var(--orange-custom-200); }
.custom-orange-skin .btn-default2.dropdown-toggle { background-color: var(--orange-custom-200) !important; }
.custom-orange-skin .btn-default2.dropdown-toggle:hover, .custom-orange-skin .btn-default2.dropdown-toggle:focus { background-color: var(--orange-custom-200) !important; }
.custom-orange-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-orange-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-orange-skin .btn-default2.dropdown-toggle { background-color: var(--orange-custom-200) !important; }
.custom-orange-skin .btn-outline-default2 {
  border: 2px solid var(--orange-custom-200) !important;
  background-color: transparent !important;
  color: var(--orange-custom-200) !important;
}
.custom-orange-skin .btn-outline-default2:hover,
.custom-orange-skin .btn-outline-default2:focus,
.custom-orange-skin .btn-outline-default2:active,
.custom-orange-skin .btn-outline-default2:active:focus,
.custom-orange-skin .btn-outline-default2.active {
  border-color: var(--orange-custom-200) !important;
  color: var(--orange-custom-200) !important;
}
.custom-orange-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-orange-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-orange-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--orange-custom-200) !important;
}
.custom-orange-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--orange-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300);
}
.custom-orange-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-orange-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--orange-custom-200) !important;
}
.custom-orange-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--orange-custom-300) !important;
}
.custom-orange-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--orange-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300);
}
.custom-orange-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--orange-custom-300) !important;
}
.custom-orange-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--orange-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300);
}
.custom-orange-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--orange-custom-300) !important;
  border: 1px solid var(--orange-custom-300) !important;
}
.custom-orange-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-orange-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--orange-custom-300);
  border: 1px solid var(--orange-custom-300) !important;
}
.custom-orange-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--orange-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--orange-custom-300);
  box-shadow: 0px 0px 0px 1px var(--orange-custom-300);
}
.custom-orange-skin .form-check-input[type="radio"]:checked + label:after,
.custom-orange-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-orange-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-orange-skin label.btn input[type="radio"]:checked + label:after,
.custom-orange-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-orange-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--orange-custom-300);
}
.custom-orange-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-orange-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-orange-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--orange-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300); 
}
.custom-orange-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--orange-custom-300) !important;
  box-shadow: none !important;
}
.custom-orange-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-orange-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--orange-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--orange-custom-300); 
}
.custom-orange-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--orange-custom-300); }
.custom-orange-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-orange-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-orange-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--orange-custom-300); 
}
.custom-orange-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--orange-custom-300); }
.custom-orange-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-orange-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-orange-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--orange-custom-300); 
}
.custom-orange-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-orange-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-orange-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--orange-custom-200);
}
.custom-orange-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--orange-custom-200); }
.custom-orange-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--orange-custom-200); }
.custom-orange-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--orange-custom-300), var(--orange-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--orange-custom-300), var(--orange-custom-200)) !important;
  background: linear-gradient(40deg, var(--orange-custom-300), var(--orange-custom-200)) !important; 
}
.custom-orange-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-orange-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--orange-custom-200);
}
.custom-orange-skin .picker__box .picker__header .picker__date-display { background-color: var(--orange-custom-300); }
.custom-orange-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--orange-custom-300); }
.custom-orange-skin .picker__box .picker__table .picker__day--selected,
.custom-orange-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-orange-skin .picker__box .picker__table .picker--focused {
  background-color: var(--orange-custom-300);
}
.custom-orange-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--orange-custom-300); }
.custom-orange-skin button.dt-button:active:not(.disabled), 
.custom-orange-skin button.dt-button.active:not(.disabled), 
.custom-orange-skin div.dt-button:active:not(.disabled), 
.custom-orange-skin div.dt-button.active:not(.disabled), 
.custom-orange-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--orange-custom-300) !important;
  border: 1px solid var(--orange-custom-300) !important;
}
.custom-orange-skin .nav-pills-custom .nav-link.active,
.custom-orange-skin .nav-pills-custom .show > .nav-link {
  color: var(--orange-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-orange-skin .nav-pills-custom .nav-link.active,
  .custom-orange-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--orange-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-orange-skin .nav-pills-custom .nav-link.active,
  .custom-orange-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--orange-custom-300);
  }
}
.custom-orange-skin .nav-pills-custom-bg .nav-link.active,
.custom-orange-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--orange-custom-200);
	/* border-left: 4px solid var(--orange-custom-200) !important; */
}
.custom-orange-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--orange-custom-200); }
.custom-orange-skin .nav-pills-custom-2 .nav-link.active,
.custom-orange-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--orange-custom-300) !important;
  /* border-left: 4px solid var(--orange-custom-300) !important; */
}

.custom-teal-orange-skin .info-position:hover {
  color: var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .md-tabs-light .nav-link.active {
  background-color: var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--teal-orange-custom-300) !important;
  color: #ffffff !important;
}
.custom-teal-orange-skin .rgba-custom {
  background: var(--teal-orange-custom-trans) !important;
}
.btn-teal-orange-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important;
}
.btn-teal-orange-default {
  color: white !important;
  background-color: var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important;
  background: linear-gradient(40deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important; 
  color: #fff;
}
.custom-teal-orange-skin .nav-link.custom-colour:hover,
.custom-teal-orange-skin .nav-link.custom-colour.active {
  color: var(--teal-orange-custom-300);
}
.custom-teal-orange-skin .btn-default.py-2 {
  border: 2px solid var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .dropdown-item:hover,
.custom-teal-orange-skin .dropdown-item:active {
  background-color: var(--teal-orange-custom-200) !important;
  color: #fff;
}
.custom-teal-orange-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--teal-orange-custom-300) !important;}
.custom-teal-orange-skin .border-custom { border-color: var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .text-custom { color: var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .custom-color { background-color: var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .custom-color-2 { background-color: var(--teal-orange-custom-200) !important; }
.custom-teal-orange-skin .custom-color-3 { background-color: var(--teal-orange-custom-50) !important; }
.custom-teal-orange-skin .text-menu-custom { color: var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important;
  background: linear-gradient(40deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important; 
} 
.custom-teal-orange-skin .pagination .page-item.active .page-link { background-color: var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .pagination .page-item.active .page-link:hover { background-color: var(--teal-orange-custom-300); }
.custom-teal-orange-skin .tox-edit-area::before{ border: 2px solid var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .border-bottom-custom { border-bottom: 5px solid var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .border-top-custom { border-top: 5px solid var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .border-top-bottom-custom {
	border-top: 5px solid var(--teal-orange-custom-300) !important;
	border-bottom: 5px solid var(--teal-orange-custom-300) !important;
} 
.custom-teal-orange-skin .border-left-custom { border-left: 8px solid var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important;
  background: linear-gradient(40deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important; 
  color: #fff;
}
.custom-teal-orange-skin .btn-default {
  background-color: var(--teal-orange-custom-300) !important;
  color: #fff;
}
.custom-teal-orange-skin .btn-default:hover {
  background-color: var(--teal-orange-custom-200) !important;
  color: #fff;
}
.custom-teal-orange-skin .btn-default:focus, .custom-teal-orange-skin .btn-default:active, .custom-teal-orange-skin .btn-default.active { background-color: var(--teal-orange-custom-300); }
.custom-teal-orange-skin .btn-default.dropdown-toggle { background-color: var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .btn-default.dropdown-toggle:hover, .custom-teal-orange-skin .btn-default.dropdown-toggle:focus { background-color: var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .btn-default:not([disabled]):not(.disabled):active, .custom-teal-orange-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-teal-orange-skin .btn-default.dropdown-toggle { background-color: var(--teal-orange-custom-300) !important; }
.custom-teal-orange-skin .btn-outline-default {
  border: 2px solid var(--teal-orange-custom-300) !important;
  background-color: transparent !important;
  color: var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .btn-outline-default:hover,
.custom-teal-orange-skin .btn-outline-default:focus,
.custom-teal-orange-skin .btn-outline-default:active,
.custom-teal-orange-skin .btn-outline-default:active:focus,
.custom-teal-orange-skin .btn-outline-default.active {
  border-color: var(--teal-orange-custom-200) !important;
  color: var(--teal-orange-custom-200) !important;
}
.custom-teal-orange-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-teal-orange-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-teal-orange-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .btn-default2 {
  background-color: var(--teal-orange-custom-200) !important;
  color: #fff;
}
.custom-teal-orange-skin .btn-default2:hover {
  background-color: var(--teal-orange-custom-300) !important;
  color: #fff;
}
.custom-teal-orange-skin .btn-default2:focus, .custom-teal-orange-skin .btn-default2:active, .custom-teal-orange-skin .btn-default2.active { background-color: var(--teal-orange-custom-200); }
.custom-teal-orange-skin .btn-default2.dropdown-toggle { background-color: var(--teal-orange-custom-200) !important; }
.custom-teal-orange-skin .btn-default2.dropdown-toggle:hover, .custom-teal-orange-skin .btn-default2.dropdown-toggle:focus { background-color: var(--teal-orange-custom-200) !important; }
.custom-teal-orange-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-teal-orange-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-teal-orange-skin .btn-default2.dropdown-toggle { background-color: var(--teal-orange-custom-200) !important; }
.custom-teal-orange-skin .btn-outline-default2 {
  border: 2px solid var(--teal-orange-custom-200) !important;
  background-color: transparent !important;
  color: var(--teal-orange-custom-200) !important;
}
.custom-teal-orange-skin .btn-outline-default2:hover,
.custom-teal-orange-skin .btn-outline-default2:focus,
.custom-teal-orange-skin .btn-outline-default2:active,
.custom-teal-orange-skin .btn-outline-default2:active:focus,
.custom-teal-orange-skin .btn-outline-default2.active {
  border-color: var(--teal-orange-custom-200) !important;
  color: var(--teal-orange-custom-200) !important;
}
.custom-teal-orange-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-teal-orange-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-teal-orange-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--teal-orange-custom-200) !important;
}
.custom-teal-orange-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--teal-orange-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300);
}
.custom-teal-orange-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-teal-orange-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--teal-orange-custom-200) !important;
}
.custom-teal-orange-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--teal-orange-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300);
}
.custom-teal-orange-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--teal-orange-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300);
}
.custom-teal-orange-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--teal-orange-custom-300) !important;
  border: 1px solid var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-teal-orange-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--teal-orange-custom-300);
  border: 1px solid var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--teal-orange-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--teal-orange-custom-300);
  box-shadow: 0px 0px 0px 1px var(--teal-orange-custom-300);
}
.custom-teal-orange-skin .form-check-input[type="radio"]:checked + label:after,
.custom-teal-orange-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-teal-orange-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-teal-orange-skin label.btn input[type="radio"]:checked + label:after,
.custom-teal-orange-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-teal-orange-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--teal-orange-custom-300);
}
.custom-teal-orange-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-teal-orange-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--teal-orange-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300); 
}
.custom-teal-orange-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--teal-orange-custom-300) !important;
  box-shadow: none !important;
}
.custom-teal-orange-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-teal-orange-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--teal-orange-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--teal-orange-custom-300); 
}
.custom-teal-orange-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--teal-orange-custom-300); }
.custom-teal-orange-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-teal-orange-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-teal-orange-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--teal-orange-custom-300); 
}
.custom-teal-orange-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--teal-orange-custom-300); }
.custom-teal-orange-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-teal-orange-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-teal-orange-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--teal-orange-custom-300); 
}
.custom-teal-orange-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-teal-orange-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-teal-orange-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--teal-orange-custom-200);
}
.custom-teal-orange-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--teal-orange-custom-200); }
.custom-teal-orange-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--teal-orange-custom-200); }
.custom-teal-orange-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important;
  background: linear-gradient(40deg, var(--teal-orange-custom-300), var(--teal-orange-custom-200)) !important; 
}
.custom-teal-orange-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-teal-orange-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--teal-orange-custom-200);
}
.custom-teal-orange-skin .picker__box .picker__header .picker__date-display { background-color: var(--teal-orange-custom-300); }
.custom-teal-orange-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--teal-orange-custom-300); }
.custom-teal-orange-skin .picker__box .picker__table .picker__day--selected,
.custom-teal-orange-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-teal-orange-skin .picker__box .picker__table .picker--focused {
  background-color: var(--teal-orange-custom-300);
}
.custom-teal-orange-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--teal-orange-custom-300); }
.custom-teal-orange-skin button.dt-button:active:not(.disabled), 
.custom-teal-orange-skin button.dt-button.active:not(.disabled), 
.custom-teal-orange-skin div.dt-button:active:not(.disabled), 
.custom-teal-orange-skin div.dt-button.active:not(.disabled), 
.custom-teal-orange-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--teal-orange-custom-300) !important;
  border: 1px solid var(--teal-orange-custom-300) !important;
}
.custom-teal-orange-skin .nav-pills-custom .nav-link.active,
.custom-teal-orange-skin .nav-pills-custom .show > .nav-link {
	color: var(--teal-orange-custom-300) !important;
	border-left: 3px solid var(--teal-orange-custom-300);
}
.custom-teal-orange-skin .nav-pills-custom-bg .nav-link.active,
.custom-teal-orange-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--teal-orange-custom-200);
	/* border-left: 4px solid var(--teal-orange-custom-200) !important; */
}
.custom-teal-orange-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--teal-orange-custom-200); }
.custom-teal-orange-skin .nav-pills-custom-2 .nav-link.active,
.custom-teal-orange-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--teal-orange-custom-300) !important;
  /* border-left: 4px solid var(--teal-orange-custom-300) !important; */
}

.custom-maroon-skin .info-position:hover {
  color: var(--maroon-custom-300) !important;
}
.custom-maroon-skin .md-tabs-light .nav-link.active {
  background-color: var(--maroon-custom-300) !important;
}
.custom-maroon-skin .md-tabs.md-tabs-light .nav-link:hover {
  background-color: var(--maroon-custom-300) !important;
  color: #ffffff !important;
}
.custom-maroon-skin .rgba-custom {
  background: var(--maroon-custom-trans) !important;
}
.btn-maroon-custom {
  color: white !important;
  background: -webkit-linear-gradient(50deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important;
}
.btn-maroon-default {
  color: white !important;
  background-color: var(--maroon-custom-300) !important;
}
.custom-maroon-skin .md-tabs-custom .nav-link.active, .md-tabs-custom .nav-item.open .nav-link {
  background-color: var(--maroon-custom-300) !important;
}
.custom-maroon-skin .login-footer {
  background: -webkit-linear-gradient(50deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important;
  background: linear-gradient(40deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important; 
  color: #fff;
}
.custom-maroon-skin .nav-link.custom-colour:hover,
.custom-maroon-skin .nav-link.custom-colour.active {
  color: var(--maroon-custom-300);
}
.custom-maroon-skin .btn-default.py-2 {
  border: 2px solid var(--maroon-custom-300) !important;
}
.custom-maroon-skin .dropdown-item:hover,
.custom-maroon-skin .dropdown-item:active {
  background-color: var(--maroon-custom-200) !important;
  color: #fff;
}
.custom-maroon-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--maroon-custom-300) !important;}
.custom-maroon-skin .border-custom { border-color: var(--maroon-custom-300) !important; }
.custom-maroon-skin .text-custom { color: var(--maroon-custom-300) !important; }
.custom-maroon-skin .custom-color { background-color: var(--maroon-custom-300) !important; }
.custom-maroon-skin .custom-color-2 { background-color: var(--maroon-custom-200) !important; }
.custom-maroon-skin .custom-color-3 { background-color: var(--maroon-custom-50) !important; }
.custom-maroon-skin .text-menu-custom { color: var(--maroon-custom-300) !important; }
.custom-maroon-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important;
  background: linear-gradient(40deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important; 
} 
.custom-maroon-skin .pagination .page-item.active .page-link { background-color: var(--maroon-custom-300) !important; }
.custom-maroon-skin .pagination .page-item.active .page-link:hover { background-color: var(--maroon-custom-300); }
.custom-maroon-skin .tox-edit-area::before{ border: 2px solid var(--maroon-custom-300) !important; }
.custom-maroon-skin .border-bottom-custom { border-bottom: 5px solid var(--maroon-custom-300) !important; }
.custom-maroon-skin .border-top-custom { border-top: 5px solid var(--maroon-custom-300) !important; }
.custom-maroon-skin .border-top-bottom-custom {
	border-top: 5px solid var(--maroon-custom-300) !important;
	border-bottom: 5px solid var(--maroon-custom-300) !important;
} 
.custom-maroon-skin .border-left-custom { border-left: 8px solid var(--maroon-custom-300) !important; }
.custom-maroon-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important;
  background: linear-gradient(40deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important; 
  color: #fff;
}
.custom-maroon-skin .btn-default {
  background-color: var(--maroon-custom-300) !important;
  color: #fff;
}
.custom-maroon-skin .btn-default:hover {
  background-color: var(--maroon-custom-200) !important;
  color: #fff;
}
.custom-maroon-skin .btn-default:focus, .custom-maroon-skin .btn-default:active, .custom-maroon-skin .btn-default.active { background-color: var(--maroon-custom-300); }
.custom-maroon-skin .btn-default.dropdown-toggle { background-color: var(--maroon-custom-300) !important; }
.custom-maroon-skin .btn-default.dropdown-toggle:hover, .custom-maroon-skin .btn-default.dropdown-toggle:focus { background-color: var(--maroon-custom-300) !important; }
.custom-maroon-skin .btn-default:not([disabled]):not(.disabled):active, .custom-maroon-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-maroon-skin .btn-default.dropdown-toggle { background-color: var(--maroon-custom-300) !important; }
.custom-maroon-skin .btn-outline-default {
  border: 2px solid var(--maroon-custom-300) !important;
  background-color: transparent !important;
  color: var(--maroon-custom-300) !important;
}
.custom-maroon-skin .btn-outline-default:hover,
.custom-maroon-skin .btn-outline-default:focus,
.custom-maroon-skin .btn-outline-default:active,
.custom-maroon-skin .btn-outline-default:active:focus,
.custom-maroon-skin .btn-outline-default.active {
  border-color: var(--maroon-custom-200) !important;
  color: var(--maroon-custom-200) !important;
}
.custom-maroon-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-maroon-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-maroon-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--maroon-custom-300) !important;
}
.custom-maroon-skin .btn-default2 {
  background-color: var(--maroon-custom-200) !important;
  color: #fff;
}
.custom-maroon-skin .btn-default2:hover {
  background-color: var(--maroon-custom-300) !important;
  color: #fff;
}
.custom-maroon-skin .btn-default2:focus, .custom-maroon-skin .btn-default2:active, .custom-maroon-skin .btn-default2.active { background-color: var(--maroon-custom-200); }
.custom-maroon-skin .btn-default2.dropdown-toggle { background-color: var(--maroon-custom-200) !important; }
.custom-maroon-skin .btn-default2.dropdown-toggle:hover, .custom-maroon-skin .btn-default2.dropdown-toggle:focus { background-color: var(--maroon-custom-200) !important; }
.custom-maroon-skin .btn-default2:not([disabled]):not(.disabled):active, .custom-maroon-skin .btn-default2:not([disabled]):not(.disabled).active, .show>.custom-maroon-skin .btn-default2.dropdown-toggle { background-color: var(--maroon-custom-200) !important; }
.custom-maroon-skin .btn-outline-default2 {
  border: 2px solid var(--maroon-custom-200) !important;
  background-color: transparent !important;
  color: var(--maroon-custom-200) !important;
}
.custom-maroon-skin .btn-outline-default2:hover,
.custom-maroon-skin .btn-outline-default2:focus,
.custom-maroon-skin .btn-outline-default2:active,
.custom-maroon-skin .btn-outline-default2:active:focus,
.custom-maroon-skin .btn-outline-default2.active {
  border-color: var(--maroon-custom-200) !important;
  color: var(--maroon-custom-200) !important;
}
.custom-maroon-skin .btn-outline-default2:not([disabled]):not(.disabled):active,
.custom-maroon-skin .btn-outline-default2:not([disabled]):not(.disabled).active,
.show>.custom-maroon-skin .btn-outline-default2.dropdown-toggle {
  border-color: var(--maroon-custom-200) !important;
}
.custom-maroon-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--maroon-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300);
}
.custom-maroon-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-maroon-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--maroon-custom-200) !important;
}
.custom-maroon-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: var(--maroon-custom-300) !important;
}
.custom-maroon-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--maroon-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300);
}
.custom-maroon-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: var(--maroon-custom-300) !important;
}
.custom-maroon-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--maroon-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300);
}
.custom-maroon-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--maroon-custom-300) !important;
  border: 1px solid var(--maroon-custom-300) !important;
}
.custom-maroon-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-maroon-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--maroon-custom-300);
  border: 1px solid var(--maroon-custom-300) !important;
}
.custom-maroon-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--maroon-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--maroon-custom-300);
  box-shadow: 0px 0px 0px 1px var(--maroon-custom-300);
}
.custom-maroon-skin .form-check-input[type="radio"]:checked + label:after,
.custom-maroon-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-maroon-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-maroon-skin label.btn input[type="radio"]:checked + label:after,
.custom-maroon-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-maroon-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--maroon-custom-300);
}
.custom-maroon-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-maroon-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-maroon-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--maroon-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300); 
}
.custom-maroon-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--maroon-custom-300) !important;
  box-shadow: none !important;
}
.custom-maroon-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-maroon-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--maroon-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--maroon-custom-300); 
}
.custom-maroon-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--maroon-custom-300); }
.custom-maroon-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-maroon-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-maroon-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: var(--maroon-custom-300); 
}
.custom-maroon-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--maroon-custom-300); }
.custom-maroon-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-maroon-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-maroon-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: var(--maroon-custom-300); 
}
.custom-maroon-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-maroon-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-maroon-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--maroon-custom-200);
}
.custom-maroon-skin .side-nav .collapsible > li a.collapsible-header:hover { background-color: var(--maroon-custom-200); }
.custom-maroon-skin .side-nav .collapsible li .collapsible-header:hover { background-color: var(--maroon-custom-200); }
.custom-maroon-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background: -webkit-linear-gradient(50deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important;
  background: linear-gradient(40deg, var(--maroon-custom-300), var(--maroon-custom-200)) !important; 
}
.custom-maroon-skin .side-nav .collapsible li .collapsible-body a:hover,
.custom-maroon-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--maroon-custom-200);
}
.custom-maroon-skin .picker__box .picker__header .picker__date-display { background-color: var(--maroon-custom-300); }
.custom-maroon-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--maroon-custom-300); }
.custom-maroon-skin .picker__box .picker__table .picker__day--selected,
.custom-maroon-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-maroon-skin .picker__box .picker__table .picker--focused {
  background-color: var(--maroon-custom-300);
}
.custom-maroon-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--maroon-custom-300); }
.custom-maroon-skin button.dt-button:active:not(.disabled), 
.custom-maroon-skin button.dt-button.active:not(.disabled), 
.custom-maroon-skin div.dt-button:active:not(.disabled), 
.custom-maroon-skin div.dt-button.active:not(.disabled), 
.custom-maroon-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--maroon-custom-300) !important;
  border: 1px solid var(--maroon-custom-300) !important;
}
.custom-maroon-skin .nav-pills-custom .nav-link.active,
.custom-maroon-skin .nav-pills-custom .show > .nav-link {
  color: var(--maroon-custom-300) !important;
}
@media (max-width: 991px) {
  .custom-maroon-skin .nav-pills-custom .nav-link.active,
  .custom-maroon-skin .nav-pills-custom .show > .nav-link {
    border-left: 0 !important;
    border-bottom: 3px solid var(--maroon-custom-300);
  }
}
@media (min-width: 992px) {
  .custom-maroon-skin .nav-pills-custom .nav-link.active,
  .custom-maroon-skin .nav-pills-custom .show > .nav-link {
    border-bottom: 0 !important;
    border-left: 3px solid var(--maroon-custom-300);
  }
}
.custom-maroon-skin .nav-pills-custom-bg .nav-link.active,
.custom-maroon-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--maroon-custom-200);
	/* border-left: 4px solid var(--maroon-custom-200) !important; */
}
.custom-maroon-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--maroon-custom-200); }
.custom-maroon-skin .nav-pills-custom-2 .nav-link.active,
.custom-maroon-skin .nav-pills-custom-2 .show > .nav-link {
  color: var(--maroon-custom-300) !important;
  /* border-left: 4px solid var(--maroon-custom-300) !important; */
}

.custom-light-skin .white { color: #1a1a1a !important; font-weight: 400 !important; }
.custom-light-skin .text-white { color: #1a1a1a !important; font-weight: 500 !important; }
.custom-light-skin .white-text { color: #1a1a1a !important; font-weight: 500 !important; }
.custom-light-skin .btn-outline-white {
  border: 1px solid #333333 !important;
  background-color: transparent !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-light-skin .section-title  {
  color: #1a1a1a !important;
  font-weight: 500 !important;
}
.custom-light-skin .menu-title,
.custom-light-skin .div-menu-icon {
  color: #1a1a1a !important;
}
.custom-light-skin .navbar a {
  color: #1a1a1a !important;
}
.custom-light-skin .fa-solid {
  font-weight: 900 !important;
}
.custom-light-skin .carousel-enhanced-wrapper .carousel-indicators li.active { background-color: var(--light-custom-300) !important;}
.custom-light-skin .border-custom { border-color: #333333 !important; }
.custom-light-skin .text-custom { color: #333333 !important; }
.custom-light-skin .custom-color { background-color: var(--light-custom-300) !important; }
.custom-light-skin .custom-color-2 { background-color: var(--light-custom-200) !important; }
.custom-light-skin .custom-color-3 { background-color: var(--light-custom-50) !important; }
.custom-light-skin .text-menu-custom { color: #333333 !important; }
.custom-light-skin .custom-gradient {
  background: -webkit-linear-gradient(50deg, var(--light-custom-300), var(--light-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--light-custom-300), var(--light-custom-200)) !important;
  background: linear-gradient(40deg, var(--light-custom-300), var(--light-custom-200)) !important; 
} 
.custom-light-skin .pagination .page-item.active .page-link { background-color: var(--light-custom-300) !important; }
.custom-light-skin .pagination .page-item.active .page-link:hover { background-color: var(--light-custom-300); }
.custom-light-skin .tox-edit-area::before{ border: 2px solid var(--light-custom-300) !important; }
.custom-light-skin .border-bottom-custom { border-bottom: 5px solid var(--light-custom-300) !important; }
.custom-light-skin .border-top-custom { border-top: 5px solid var(--light-custom-300) !important; }
.custom-light-skin .border-top-bottom-custom {
	border-top: 5px solid var(--light-custom-300) !important;
	border-bottom: 5px solid var(--light-custom-300) !important;
} 
.custom-light-skin .border-left-custom { border-left: 8px solid var(--light-custom-300) !important; }
.custom-light-skin .navbar {
  background: -webkit-linear-gradient(50deg, var(--light-custom-300), var(--light-custom-200)) !important;
  background: -o-linear-gradient(50deg, var(--light-custom-300), var(--light-custom-200)) !important;
  background: linear-gradient(40deg, var(--light-custom-300), var(--light-custom-200)) !important; 
  color: #1a1a1a !important;
}
.custom-light-skin .btn-default {
  background-color: var(--light-custom-300) !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-light-skin .btn-default:hover {
  background-color: var(--light-custom-200) !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-light-skin .btn-default:focus, .custom-light-skin .btn-default:active, .custom-light-skin .btn-default.active { background-color: var(--light-custom-300); }
.custom-light-skin .btn-default.dropdown-toggle { background-color: var(--light-custom-300) !important; }
.custom-light-skin .btn-default.dropdown-toggle:hover, .custom-light-skin .btn-default.dropdown-toggle:focus { background-color: var(--light-custom-300) !important; }
.custom-light-skin .btn-default:not([disabled]):not(.disabled):active, .custom-light-skin .btn-default:not([disabled]):not(.disabled).active, .show>.custom-light-skin .btn-default.dropdown-toggle { background-color: var(--light-custom-300) !important; }
.custom-light-skin .btn-outline-default {
  border: 1px solid #333333 !important;
  background-color: transparent !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-light-skin .btn-outline-default:hover,
.custom-light-skin .btn-outline-default:focus,
.custom-light-skin .btn-outline-default:active,
.custom-light-skin .btn-outline-default:active:focus,
.custom-light-skin .btn-outline-default.active {
  border-color: var(--light-custom-300) !important;
  color: #333333 !important;
  font-weight: 500 !important;
}
.custom-light-skin .btn-outline-default:not([disabled]):not(.disabled):active,
.custom-light-skin .btn-outline-default:not([disabled]):not(.disabled).active,
.show>.custom-light-skin .btn-outline-default.dropdown-toggle {
  border-color: var(--light-custom-300) !important;
}
.custom-light-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: var(--light-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--light-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--light-custom-300);
}
.custom-light-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.custom-light-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
	background-color: var(--light-custom-200) !important;
  color: #1a1a1a !important;
}
.custom-light-skin .form-check-input.checkbox-custom[type="checkbox"]:checked + label:before {
  color: #1a1a1a !important;
}
.custom-light-skin .form-check-input.checkbox-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--light-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--light-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--light-custom-300);
}
.custom-light-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:checked + label:before {
  color: #1a1a1a !important;
}
.custom-light-skin .form-check-input.checkbox-sm-custom[type="checkbox"]:focus + label:before {
  border: 1px solid var(--light-custom-300) !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--light-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--light-custom-300);
}
.custom-light-skin .form-check-input[type="checkbox"]:checked + label:before {
  background-color: var(--light-custom-300) !important;
  border: 1px solid var(--light-custom-300) !important;
}
.custom-light-skin .form-check-input[type="checkbox"]:disabled:checked + label:before, 
.custom-light-skin label.btn input[type="checkbox"]:disabled:checked + label:before {
  border-color: var(--light-custom-300);
  border: 1px solid var(--light-custom-300) !important;
}
.custom-light-skin .form-check-input[type="checkbox"]:focus:not(:checked) + label:before {
  border-color: var(--light-custom-300);
  -webkit-box-shadow: 0px 0px 0px 1px var(--light-custom-300);
  box-shadow: 0px 0px 0px 1px var(--light-custom-300);
}
.custom-light-skin .form-check-input[type="radio"]:checked + label:after,
.custom-light-skin .form-check-input[type="radio"].with-gap:checked + label:before,
.custom-light-skin .form-check-input[type="radio"].with-gap:checked + label:after,
.custom-light-skin label.btn input[type="radio"]:checked + label:after,
.custom-light-skin label.btn input[type="radio"].with-gap:checked + label:before,
.custom-light-skin label.btn input[type="radio"].with-gap:checked + label:after {
  border: 6px solid var(--light-custom-300);
}
.custom-light-skin .md-outline input[type=text]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=password]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=email]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=url]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=time]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=date]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=datetime-local]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=tel]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=number]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=search-md]:focus:not([readonly]),
.custom-light-skin .md-outline input[type=search]:focus:not([readonly]),
.custom-light-skin .md-outline textarea:focus:not([readonly]) {
  border-color: var(--light-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--light-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--light-custom-300); 
}
.custom-light-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus:not([readonly]) {
  border-bottom-color: var(--light-custom-300) !important;
  box-shadow: none !important;
}
.custom-light-skin .md-form.md-outline.md-outline-light input.mdb-autocomplete:focus.invalid {
  border-bottom-color: #f44336 !important;
  box-shadow: none !important;
}
.custom-light-skin .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
  border-color: var(--light-custom-300);
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--light-custom-300);
  box-shadow: inset 0px 0px 0px 0px var(--light-custom-300); 
}
.custom-light-skin .modal-dialog.modal-notify.modal-secondary .modal-header { background-color: var(--light-custom-300); }
.custom-light-skin .modal-dialog.modal-notify.modal-secondary .fas, 
.custom-light-skin .modal-dialog.modal-notify.modal-secondary .fab, 
.custom-light-skin .modal-dialog.modal-notify.modal-secondary .far {
  color: #1a1a1a; 
}
.custom-light-skin .modal-dialog.modal-notify.modal-secondary .badge { background-color: var(--light-custom-300); }
.custom-light-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fas, 
.custom-light-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .fab, 
.custom-light-skin .modal-dialog.modal-notify.modal-secondary .btn.btn-outline-info .far {
  color: #1a1a1a; 
}
.custom-light-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover,
.custom-light-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus,
.custom-light-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
  background-color: var(--light-custom-200);
  color: #1a1a1a !important; 
}
.custom-light-skin .side-nav .collapsible > li a.collapsible-header:hover { 
  background-color: var(--light-custom-200); 
  color: #1a1a1a !important; 
}
.custom-light-skin .side-nav .collapsible li .collapsible-header:hover { 
  background-color: var(--light-custom-200); 
  color: #1a1a1a !important; 
}
.custom-light-skin .side-nav .collapsible li .collapsible-body a:hover { 
  background-color: var(--light-custom-200); 
  color: #1a1a1a !important; 
}
.custom-light-skin .side-nav .collapsible > li a.collapsible-header.active { 
  background-color: var(--light-custom-200); 
  color: #1a1a1a !important; 
}
.custom-light-skin .side-nav .collapsible li .collapsible-body a.active {
  background-color: var(--light-custom-200);
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  color: #1a1a1a !important; 
}
.custom-light-skin .picker__box .picker__header .picker__date-display { background-color: var(--light-custom-300); }
.custom-light-skin .picker__box .picker__table .picker__day.picker__day--today { color: var(--light-custom-300); }
.custom-light-skin .picker__box .picker__table .picker__day--selected,
.custom-light-skin .picker__box .picker__table .picker__day--selected:hover,
.custom-light-skin .picker__box .picker__table .picker--focused {
  background-color: var(--light-custom-300);
  color: #1a1a1a !important; 
}
.custom-light-skin .picker__box .picker__footer .picker__button--today:before { border-top: 0.66em solid var(--light-custom-300); }
.custom-light-skin button.dt-button:active:not(.disabled), 
.custom-light-skin button.dt-button.active:not(.disabled), 
.custom-light-skin div.dt-button:active:not(.disabled), 
.custom-light-skin div.dt-button.active:not(.disabled), 
.custom-light-skin a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled) {
  background-color: var(--light-custom-300) !important;
  border: 1px solid var(--light-custom-300) !important;
}
.custom-light-skin .nav-pills-custom .nav-link.active,
.custom-light-skin .nav-pills-custom .show > .nav-link {
	color: var(--light-custom-300) !important;
	border-left: 3px solid var(--light-custom-300);
}
.custom-light-skin .nav-pills-custom-bg .nav-link.active,
.custom-light-skin .nav-pills-custom-bg .show > .nav-link {
	background-color: var(--light-custom-200);
	/* border-left: 4px solid var(--light-custom-200) !important; */
}
.custom-light-skin .nav-pills-custom-bg .nav-link:hover { background-color: var(--light-custom-200); }
.custom-light-skin .nav-pills-custom-2 .nav-link.active,
.custom-light-skin .nav-pills-custom-2 .show > .nav-link {
  color: #1a1a1a !important;
  /* border-left: 4px solid var(--light-custom-300) !important; */
}
.custom-light-skin .table-striped tbody tr:nth-of-type(even) { background-color: var(--light-custom-100); }