/* --------------------color-variable----------------- */

:root{
  --lighttone-color: rgba(201,17,56,1.0);
  --midtone-color: rgba(148,148,148,1.0);
  --darktone-color: rgba(25,46,76,1.0);
  --white-color: rgb(255,255,255);
  --black-color: rgb(0,0,0);
  --lightgrey-color: rgb(238,238,238);
  --midgrey-color: rgb(128,128,128);
  --darkgrey-color: rgb(53,53,53);
  --brightred-color: rgb(204,0,0);
  --darkred-color: rgb(102,0,0);
  /*filter: brightness(0.8);*/
  

body {
  background-color:var(--white-color) !important;
  color:var(--black-color);
}

body .card-body {
  color:var(--black-color);
}

h1, h2, h3, h4, h5 {
  color:var(--darktone-color) !important;
}

h1, h2, h3, h4 {
  border-color:var(--lighttone-color) !important;
}

a {
  color:var(--lighttone-color) /*!important*/;}

.badge-warning a {
  color:var(--black-color) !important;}

caption {
  color:var(--midtone-color) !important;}

.img-thumbnail {
  background-color:var(--white-color) !important;}

kbd {
  color:var(--white-color) !important;}

.table .table {
    background-color:var(--white-color) !important;}

.table-active,
.table-active > th,
.table-active > td {
  background-color:var(--lighttone-color) !important;}

.table .thead-dark th {
  color:var(--white-color) !important;}

.table .thead-light th {
  background-color:var(--midgrey-color) !important;}

.table-dark {
  color:var(--white-color) !important;}

.form-control {
    color:var(--darktone-color) !important;
    background-color:var(--white-color) !important;
    border-color:var(--midtone-color) !important; /* james input border */ }

  .form-control:focus {
    color:var(--darktone-color) !important;
    background-color:var(--white-color) !important;
    border-color:var(--lighttone-color) !important;}
  .form-control::-webkit-input-placeholder {
    color:var(--midgrey-color) !important;}
  .form-control:-ms-input-placeholder {
    color:var(--midgrey-color) !important;}
  .form-control::-ms-input-placeholder {
    color:var(--midgrey-color) !important;}
  .form-control::placeholder {
    color:var(--midgrey-color) !important;}

select.form-control:focus::-ms-value {
  color:var(--darktone-color) !important;
  background-color:var(--white-color) !important;}

.form-check-input:disabled ~ .form-check-label {
    color:var(--midgrey-color) !important;}

.valid-tooltip {
  color:var(--white-color) !important;}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow:var(--white-color) !important;
  box-shadow:var(--white-color) !important;}

.invalid-tooltip {
  color:var(--white-color) !important;}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow:var(--white-color) !important;
  box-shadow:var(--white-color) !important;}

.btn-primary {
  color:var(--white-color) !important;
  border-color:var(--lighttone-color) !important;}
  .btn-primary:hover {
    color:var(--white-color) !important;
    border-color:var(--midtone-color) !important;}
  .btn-primary.disabled, .btn-primary:disabled {
    color:var(--white-color) !important;
    border-color:var(--lighttone-color) !important;}
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-success {
  color:var(--white-color) !important;}
  .btn-success:hover {
    color:var(--white-color) !important;}
  .btn-success.disabled, .btn-success:disabled {
    color:var(--white-color) !important;}
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-info {
  color:var(--white-color) !important;
  border-color:var(--darktone-color) !important;}
  .btn-info:hover {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--midtone-color) !important;}
  .btn-info.disabled, .btn-info:disabled {
    color:var(--white-color) !important;
    border-color:var(--darktone-color) !important;}
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-danger {
  color:var(--white-color) !important;}
  .btn-danger:hover {
    color:var(--white-color) !important;}
  .btn-danger.disabled, .btn-danger:disabled {
    color:var(--white-color) !important;}
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-dark {
  color:var(--white-color) !important;}
  .btn-dark:hover {
    color:var(--white-color) !important;}
  .btn-dark.disabled, .btn-dark:disabled {
    color:var(--white-color) !important;}
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-outline-primary {
  color:var(--lighttone-color) !important;
  border-color:var(--lighttone-color) !important;}
  .btn-outline-primary:hover {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color:var(--lighttone-color) !important;}
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}

  .btn-outline-success:hover {
    color:var(--white-color) !important;}
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-outline-info {
  color:var(--darktone-color) !important;
  border-color:var(--darktone-color) !important;}
  .btn-outline-info:hover {
    color:var(--white-color) !important;
    background-color:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;}
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color:var(--darktone-color) !important;}
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color:var(--white-color) !important;
    background-color:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;}

  .btn-outline-danger:hover {
    color:var(--white-color) !important;}
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color:var(--white-color) !important;}

  .btn-outline-dark:hover {
    color:var(--white-color) !important;}
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-link {
  color:var(--lighttone-color) !important;}

.dropdown-menu {
  background-color:var(--white-color) !important;}
  .dropdown-item.active, .dropdown-item:active {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;}

.input-group-text {
  color:var(--midtone-color) !important;
  border-color:var(--midtone-color) !important;}

  .custom-control-input:checked ~ .custom-control-label::before {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;}
  .custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow:0 0 0 1px var(--white-color) !important, 0 0 0 0.2rem rgba(88, 103, 221, 0.25);
    box-shadow:0 0 0 1px var(--white-color) !important, 0 0 0 0.2rem rgba(88, 103, 221, 0.25); }
  .custom-control-input:active ~ .custom-control-label::before {
    color:var(--white-color) !important;}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color:var(--lighttone-color) !important;}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color:var(--lighttone-color) !important;}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color:var(--lighttone-color) !important;}

.custom-select {
  color:var(--darktone-color) !important;
  background:var(--white-color) !important url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  border-color:var(--midtone-color) !important;}
    .custom-select:focus::-ms-value {
      color:var(--darktone-color) !important;
      background-color:var(--white-color) !important;}

.custom-file-label {
  color:var(--darktone-color) !important;
  background-color:var(--white-color) !important;
  border-color:var(--midtone-color) !important;}
  .custom-file-label::after {
    color:var(--darktone-color) !important;
    border-left:1px solid var(--midtone-color) !important;}

    outline:none; }
    .custom-range:focus::-webkit-slider-thumb {
      -webkit-box-shadow:0 0 0 1px var(--white-color) !important, 0 0 0 0.2rem rgba(88, 103, 221, 0.25);
      box-shadow:0 0 0 1px var(--white-color) !important, 0 0 0 0.2rem rgba(88, 103, 221, 0.25); }
    .custom-range:focus::-moz-range-thumb {
      box-shadow:0 0 0 1px var(--white-color) !important, 0 0 0 0.2rem rgba(88, 103, 221, 0.25); }
    .custom-range:focus::-ms-thumb {
      box-shadow:0 0 0 1px var(--white-color) !important, 0 0 0 0.2rem rgba(88, 103, 221, 0.25); }
  .custom-range::-webkit-slider-thumb {
    background-color:var(--lighttone-color) !important;}
  .custom-range::-moz-range-thumb {
    background-color:var(--lighttone-color) !important;}
  .custom-range::-ms-thumb {
    background-color:var(--lighttone-color) !important;}

  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color:var(--darktone-color) !important;
    background-color:var(--white-color) !important;
    border-color:#dee2e6 #dee2e6 var(--white-color) !important;}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color:var(--white-color) !important;
  background-color:var(--lighttone-color) !important;}

.navbar-dark .navbar-brand {
  color:var(--white-color) !important;}
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color:var(--white-color) !important;}

.navbar-dark .navbar-nav .nav-link {
  color:var(--lighttone-color) !important;}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color:var(--white-color) !important;}

.navbar-dark .navbar-toggler {
  color:var(--lighttone-color) !important;}

.navbar-dark .navbar-text {
  color:var(--lighttone-color) !important;}
  .navbar-dark .navbar-text a {
    color:var(--white-color) !important;}
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color:var(--white-color) !important;}

.card {
  background-color:var(--white-color) !important;
  border-color:var(--midtone-color) !important;}

.card-header {
  background-color:var(--lighttone-color) !important;
  border-color:var(--midtone-color) !important;
  color:var(--white-color) !important;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
    color:var(--white-color) !important;
   text-shadow:
       1px 1px 2px rgba(0,0,0,0.8),
     -1px -1px 1px rgba(0,0,0,0.1),  
      1px -1px 1px rgba(0,0,0,0.1),
      -1px 1px 1px rgba(0,0,0,0.1),
       1px 1px 1px rgba(0,0,0,0.1); }

.card-header .text-muted {
  color:var(--white-color) !important;}

.card-footer {
  background-color:var(--white-color) !important;
  border-top:var(--midtone-color) !important;}

.card-footer h6 {
  color:rgba(0,0,0,0.2) !important;}

.page-link {
  position:relative;
  display:block;
  padding:0.5rem 0.75rem;
  margin-left:-1px;
  line-height:1.25;
  color:var(--lighttone-color) !important;
  background-color:var(--white-color) !important;
  border-color:var(--midtone-color) !important;}
  .page-link:hover {
    background-color:var(--midtone-color) !important;
    border-color:var(--midtone-color) !important;}

.page-item.active .page-link {
  color:var(--white-color) !important;
  background-color:var(--lighttone-color) !important;
  border-color:var(--lighttone-color) !important;}

.page-item.disabled .page-link {
  background-color:var(--white-color) !important;
  border-color:var(--midtone-color) !important;}

.badge-primary {
  color:var(--white-color) !important;
  background-color:var(--lighttone-color) !important;}
  .badge-primary[href]:hover, .badge-primary[href]:focus {
    color:var(--white-color) !important;
    background-color:var(--midtone-color) !important;}

.badge-success {
  color:var(--white-color) !important;}
  .badge-success[href]:hover, .badge-success[href]:focus {
    color:var(--white-color) !important;}

.badge-info {
  color:var(--white-color) !important;
  background-color:var(--darktone-color) !important;}
  .badge-info[href]:hover, .badge-info[href]:focus {
    color:var(--white-color) !important;
    background-color:var(--midtone-color) !important;}

.badge-danger {
  color:var(--white-color) !important;}
  .badge-danger[href]:hover, .badge-danger[href]:focus {
    color:var(--white-color) !important;}

.badge-dark {
  color:var(--white-color) !important;}
  .badge-dark[href]:hover, .badge-dark[href]:focus {
    color:var(--white-color) !important;}

.alert-warning {
  background-color:var(--white-color) !important1d3;
  border-color:#ffebc1; }

.progress-bar {
  color:var(--white-color) !important;
  background-color:var(--lighttone-color) !important;}

.list-group-item-action {
  color:var(--darktone-color) !important;}
  .list-group-item-action:hover, .list-group-item-action:focus {
    color:var(--darktone-color) !important;
    background-color:var(--midtone-color) !important;}

.list-group-item {
  background-color:var(--white-color) !important;
  border-color:var(--midtone-color) !important;}
  .list-group-item.disabled, .list-group-item:disabled {
    background-color:var(--white-color) !important;}
  .list-group-item.active {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}

  .list-group-item-primary.list-group-item-action.active {
    color:var(--white-color) !important;}

  .list-group-item-secondary.list-group-item-action.active {
    color:var(--white-color) !important;}

  .list-group-item-success.list-group-item-action.active {
    color:var(--white-color) !important;}

  .list-group-item-info.list-group-item-action.active {
    color:var(--white-color) !important;}

  .list-group-item-warning.list-group-item-action.active {
    color:var(--white-color) !important;}

  .list-group-item-danger.list-group-item-action.active {
    color:var(--white-color) !important;}

  .list-group-item-light.list-group-item-action.active {
    color:var(--white-color) !important;}

  .list-group-item-dark.list-group-item-action.active {
    color:var(--white-color) !important;}

.close {
  color:var(--black-color) !important;
  text-shadow:0 1px 0 var(--white-color) !important;}
    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
      color:var(--black-color) !important;}

.modal-content {
  background-color:var(--white-color) !important;
  border-color:var(--midtone-color) !important;}

.modal-backdrop {
  background-color:var(--black-color) !important;}

.modal-header {
  border-color:var(--midtone-color) !important;}

.modal-footer {
  border-top:var(--midtone-color) !important;}
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      border-top-color:var(--white-color) !important;}

    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      border-right-color:var(--white-color) !important;}

    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      border-bottom-color:var(--white-color) !important;}

    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      border-left-color:var(--white-color) !important;}

.tooltip-inner {
  background-color:var(--white-color) !important;}

.popover {
  background-color:var(--white-color) !important;
  border-color:var(--white-color) !important;}

  .bs-popover-top .arrow::after,
  .bs-popover-auto[x-placement^="top"] .arrow::after {
    border-top-color:var(--white-color) !important;}

  .bs-popover-right .arrow::after,
  .bs-popover-auto[x-placement^="right"] .arrow::after {
    border-right-color:var(--white-color) !important;}

  .bs-popover-bottom .arrow::after,
  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color:var(--white-color) !important;}
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-color:var(--white-color) !important;}

  .bs-popover-left .arrow::after,
  .bs-popover-auto[x-placement^="left"] .arrow::after {
    border-left-color:var(--white-color) !important;}

.popover-header {
  background-color:var(--white-color) !important;}

.popover-body {
  color:var(--midtone-color) !important;}

.carousel-control-prev,
.carousel-control-next {
  color:var(--white-color) !important;}
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color:var(--white-color) !important;}

.carousel-indicators {
    background-color:var(--lighttone-color) !important;}
  .carousel-indicators .active {
    background-color:var(--white-color) !important;}

.carousel-caption {
  color:var(--white-color) !important;}

.bg-primary {
  background-color:var(--lighttone-color) !important;}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color:var(--midtone-color) !important;}

.bg-info {
  background-color:var(--darktone-color) !important;}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color:var(--midtone-color) !important;}

.bg-white {
  background-color:var(--white-color) !important;}

.border-primary {
  border-color:var(--lighttone-color) !important;}

.border-info {
  border-color:var(--darktone-color) !important;}

.border-white {
  border-color:var(--white-color) !important;}

.text-white {
  color:var(--white-color) !important;}

.text-primary {
  color:var(--lighttone-color) !important;}

a.text-primary:hover, a.text-primary:focus {
  color:var(--midtone-color) !important;}

.text-info {
  color:var(--darktone-color) !important;}

a.text-info:hover, a.text-info:focus {
  color:var(--midtone-color) !important;}

.text-muted {
  color:var(--midtone-color) !important;}

.text-white-50 {
  color:var(--lighttone-color) !important;}

@media print {
  .badge {
    border-color:var(--black-color) !important;}
    .table td,
    .table th {
      background-color:var(--white-color) !important;} }

.form-control[readonly] {
  background-color:var(--white-color) !important;}

.input-group i {
  color:var(--midtone-color) !important;}

.tooltip.tooltip-dark .tooltip-inner {
  color:var(--white-color) !important;}

.tooltip.tooltip-brand .tooltip-inner {
  color:var(--white-color) !important;
  background:var(--lighttone-color) !important;}

.tooltip.tooltip-brand.bs-tooltip-top .arrow::before, .tooltip.tooltip-brand.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color:var(--lighttone-color) !important;}

.tooltip.tooltip-brand.bs-tooltip-right .arrow::before, .tooltip.tooltip-brand.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color:var(--lighttone-color) !important/*rtl:ignore*/; }

.tooltip.tooltip-brand.bs-tooltip-bottom .arrow::before, .tooltip.tooltip-brand.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color:var(--lighttone-color) !important;}

.tooltip.tooltip-brand.bs-tooltip-left .arrow::before, .tooltip.tooltip-brand.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color:var(--lighttone-color) !important/*rtl:ignore*/; }

  .popover .popover-header {
    border-color:var(--midtone-color) !important;}

    .dropdown-menu > li > a > i,
    .dropdown-menu > .dropdown-item > i {
      color:var(--midtone-color) !important;}
    .dropdown-menu > li > a:hover:not(.active),
    .dropdown-menu > .dropdown-item:hover:not(.active) {
      color:var(--lighttone-color) !important;}
      .dropdown-menu > li > a:hover:not(.active) > i,
      .dropdown-menu > .dropdown-item:hover:not(.active) > i {
        color:var(--lighttone-color) !important;}
  .dropdown-menu .dropdown-divider {
    border-top:var(--midtone-color) !important;}

  .show > .btn.btn-clean, .btn.btn-clean.active, .btn.btn-clean:active, .btn.btn-clean:hover {
    color:var(--lighttone-color) !important;}
    .show > .btn.btn-clean i, .btn.btn-clean.active i, .btn.btn-clean:active i, .btn.btn-clean:hover i {
      color:var(--lighttone-color) !important;}

.btn.btn-default {
  color:var(--midtone-color) !important;}
  .show > .btn.btn-default, .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:hover {
    color:var(--white-color) !important;
    background:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}
    .show > .btn.btn-default i, .btn.btn-default.active i, .btn.btn-default:active i, .btn.btn-default:hover i {
      color:var(--white-color) !important;}

.btn-brand {
  color:var(--white-color) !important;
  background-color:var(--lighttone-color) !important;
  border-color:var(--lighttone-color) !important;}
  .btn-brand:hover {
    color:var(--white-color) !important;}
  .btn-brand.disabled, .btn-brand:disabled {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}
  .btn-brand:not(:disabled):not(.disabled):active, .btn-brand:not(:disabled):not(.disabled).active,
  .show > .btn-brand.dropdown-toggle {
    color:var(--white-color) !important;}
    .btn-brand + .btn.dropdown-toggle:before {
      border-left:1px solid var(--white-color) !important;}

.btn-light {
  background-color:var(--white-color) !important;
  border-color:var(--white-color) !important;}
  .btn-light:focus, .btn-light.focus {
    -webkit-box-shadow:0 0 0 0.2rem var(--lighttone-color) !important;
    box-shadow:0 0 0 0.2rem var(--lighttone-color) !important;}
  .btn-light.disabled, .btn-light:disabled {
    background-color:var(--white-color) !important;
    border-color:var(--white-color) !important;}
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      -webkit-box-shadow:0 0 0 0.2rem var(--lighttone-color) !important;
      box-shadow:0 0 0 0.2rem var(--lighttone-color) !important;}

.btn-dark {
  color:var(--white-color) !important;}
  .btn-dark:hover {
    color:var(--white-color) !important;}
  .btn-dark.disabled, .btn-dark:disabled {
    color:var(--white-color) !important;}
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color:var(--white-color) !important;}
    .btn-dark + .btn.dropdown-toggle:before {
      border-left:1px solid var(--white-color) !important;}

.btn-accent {
  color:var(--white-color) !important;}
  .btn-accent:hover {
    color:var(--white-color) !important;}
  .btn-accent.disabled, .btn-accent:disabled {
    color:var(--white-color) !important;}
  .btn-accent:not(:disabled):not(.disabled):active, .btn-accent:not(:disabled):not(.disabled).active,
  .show > .btn-accent.dropdown-toggle {
    color:var(--white-color) !important;}
    .btn-accent + .btn.dropdown-toggle:before {
      border-left:1px solid var(--white-color) !important;}

.btn-focus {
  color:var(--white-color) !important;}
  .btn-focus:hover {
    color:var(--white-color) !important;}
  .btn-focus.disabled, .btn-focus:disabled {
    color:var(--white-color) !important;}
  .btn-focus:not(:disabled):not(.disabled):active, .btn-focus:not(:disabled):not(.disabled).active,
  .show > .btn-focus.dropdown-toggle {
    color:var(--white-color) !important;}
    .btn-focus + .btn.dropdown-toggle:before {
      border-left:1px solid var(--white-color) !important;}

.btn-primary {
  color:var(--white-color) !important;
  border-color:var(--lighttone-color) !important;}
  .btn-primary:hover {
    color:var(--white-color) !important;
    border-color:var(--midtone-color) !important;}
  .btn-primary.disabled, .btn-primary:disabled {
    color:var(--white-color) !important;
    border-color:var(--lighttone-color) !important;}
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color:var(--white-color) !important;}
    .btn-primary + .btn.dropdown-toggle:before {
      border-left:1px solid var(--white-color) !important;}

.btn-success {
  color:var(--white-color) !important;}
  .btn-success:hover {
    color:var(--white-color) !important;}
  .btn-success.disabled, .btn-success:disabled {
    color:var(--white-color) !important;}
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color:var(--white-color) !important;}
    .btn-success + .btn.dropdown-toggle:before {
      border-left:1px solid var(--white-color) !important;}

.btn-info {
  color:var(--white-color) !important;
  background-color:var(--darktone-color) !important;
  border-color:var(--darktone-color) !important;}
  .btn-info:hover {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--midtone-color) !important;}
  .btn-info.disabled, .btn-info:disabled {
    color:var(--white-color) !important;
    background-color:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;}
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color:var(--white-color) !important;
    background-color:var(--midtone-color) !important;}
    .btn-info + .btn.dropdown-toggle:before {
      border-left:1px solid var(--white-color) !important;}

.btn-danger {
  color:var(--white-color) !important;}
  .btn-danger:hover {
    color:var(--white-color) !important;}
  .btn-danger.disabled, .btn-danger:disabled {
    color:var(--white-color) !important;}
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color:var(--white-color) !important;}
    .btn-danger + .btn.dropdown-toggle:before {
      border-left:1px solid var(--white-color) !important;}

  .show > .btn-secondary.dropdown-toggle, .btn-secondary:focus, .btn-secondary.active, .btn-secondary:active, .btn-secondary:hover {
    border-color:var(--midtone-color) !important;}

.btn-outline-brand {
  color:var(--lighttone-color) !important;
  border-color:var(--lighttone-color) !important;}
  .btn-outline-brand:hover {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}
  .btn-outline-brand.disabled, .btn-outline-brand:disabled {
    color:var(--lighttone-color) !important;}
  .btn-outline-brand:not(:disabled):not(.disabled):active, .btn-outline-brand:not(:disabled):not(.disabled).active,
  .show > .btn-outline-brand.dropdown-toggle {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}

.btn-outline-light {
  color:var(--white-color) !important;
  border-color:var(--white-color) !important;}
  .btn-outline-light:hover {
    background-color:var(--white-color) !important;
    border-color:var(--white-color) !important;}
  .btn-outline-light:focus, .btn-outline-light.focus {
    -webkit-box-shadow:0 0 0 0.2rem var(--lighttone-color) !important;
    box-shadow:0 0 0 0.2rem var(--lighttone-color) !important;}
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color:var(--white-color) !important;
    background-color:transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    background-color:var(--white-color) !important;
    border-color:var(--white-color) !important;}
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      -webkit-box-shadow:0 0 0 0.2rem var(--lighttone-color) !important;
      box-shadow:0 0 0 0.2rem var(--lighttone-color) !important;}

  .btn-outline-dark:hover {
    color:var(--white-color) !important;}
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color:var(--white-color) !important;}

  .btn-outline-accent:hover {
    color:var(--white-color) !important;}
  .btn-outline-accent:not(:disabled):not(.disabled):active, .btn-outline-accent:not(:disabled):not(.disabled).active,
  .show > .btn-outline-accent.dropdown-toggle {
    color:var(--white-color) !important;}

  .btn-outline-focus:hover {
    color:var(--white-color) !important;}
  .btn-outline-focus:not(:disabled):not(.disabled):active, .btn-outline-focus:not(:disabled):not(.disabled).active,
  .show > .btn-outline-focus.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-outline-primary {
  color:var(--lighttone-color) !important;
  border-color:var(--lighttone-color) !important;}
  .btn-outline-primary:hover {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color:var(--lighttone-color) !important;
    background-color:transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color:var(--white-color) !important;
    background-color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}

  .btn-outline-success:hover {
    color:var(--white-color) !important;}
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-outline-info {
  color:var(--darktone-color) !important;
  border-color:var(--darktone-color) !important;}
  .btn-outline-info:hover {
    color:var(--white-color) !important;
    background-color:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;}
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color:var(--darktone-color) !important;}
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color:var(--white-color) !important;
    background-color:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;}

  .btn-outline-danger:hover {
    color:var(--white-color) !important;}
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color:var(--white-color) !important;}

.btn-hover-brand {
  color:var(--lighttone-color) !important;}
  .show > .btn-hover-brand, .btn-hover-brand.active, .btn-hover-brand:active, .btn-hover-brand:hover {
    color:var(--white-color) !important;
    background:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}

  .show > .btn-outline-hover-brand, .btn-outline-hover-brand.active, .btn-outline-hover-brand:active, .btn-outline-hover-brand:hover {
    color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}

.btn-hover-light {
  color:var(--white-color) !important;}
  .show > .btn-hover-light, .btn-hover-light.active, .btn-hover-light:active, .btn-hover-light:hover {
    background:var(--white-color) !important;
    border-color:var(--white-color) !important;}

  .show > .btn-outline-hover-light, .btn-outline-hover-light.active, .btn-outline-hover-light:active, .btn-outline-hover-light:hover {
    color:var(--white-color) !important;
    border-color:var(--white-color) !important;}

  .show > .btn-hover-dark, .btn-hover-dark.active, .btn-hover-dark:active, .btn-hover-dark:hover {
    color:var(--white-color) !important;}

  .show > .btn-hover-accent, .btn-hover-accent.active, .btn-hover-accent:active, .btn-hover-accent:hover {
    color:var(--white-color) !important;}

  .show > .btn-hover-focus, .btn-hover-focus.active, .btn-hover-focus:active, .btn-hover-focus:hover {
    color:var(--white-color) !important;}

.btn-hover-primary {
  color:var(--lighttone-color) !important;}
  .show > .btn-hover-primary, .btn-hover-primary.active, .btn-hover-primary:active, .btn-hover-primary:hover {
    color:var(--white-color) !important;
    background:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}

  .show > .btn-outline-hover-primary, .btn-outline-hover-primary.active, .btn-outline-hover-primary:active, .btn-outline-hover-primary:hover {
    color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}

  .show > .btn-hover-success, .btn-hover-success.active, .btn-hover-success:active, .btn-hover-success:hover {
    color:var(--white-color) !important;}

.btn-hover-info {
  color:var(--darktone-color) !important;}
  .show > .btn-hover-info, .btn-hover-info.active, .btn-hover-info:active, .btn-hover-info:hover {
    color:var(--white-color) !important;
    background:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;}

  .show > .btn-outline-hover-info, .btn-outline-hover-info.active, .btn-outline-hover-info:active, .btn-outline-hover-info:hover {
    color:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;}

  .show > .btn-hover-danger, .btn-hover-danger.active, .btn-hover-danger:active, .btn-hover-danger:hover {
    color:var(--white-color) !important;}

.btn-font-brand {
  color:var(--lighttone-color) !important;}

.show > .btn-font-hover-brand, .btn-font-hover-brand.active, .btn-font-hover-brand:active, .btn-font-hover-brand:hover {
  color:var(--lighttone-color) !important;}

.btn-font-light {
  color:var(--white-color) !important;}

.show > .btn-font-hover-light, .btn-font-hover-light.active, .btn-font-hover-light:active, .btn-font-hover-light:hover {
  color:var(--white-color) !important;}

.btn-font-primary {
  color:var(--lighttone-color) !important;}

.show > .btn-font-hover-primary, .btn-font-hover-primary.active, .btn-font-hover-primary:active, .btn-font-hover-primary:hover {
  color:var(--lighttone-color) !important;}

.btn-font-info {
  color:var(--darktone-color) !important;}

.show > .btn-font-hover-info, .btn-font-hover-info.active, .btn-font-hover-info:active, .btn-font-hover-info:hover {
  color:var(--darktone-color) !important;}

.btn.btn-label {
  color:var(--lighttone-color) !important;}

  a.btn.btn-label:focus, a.btn.btn-label:hover, a.btn.btn-label.active,
  button.btn.btn-label:focus,
  button.btn.btn-label:hover,
  button.btn.btn-label.active,
  input.btn.btn-label:focus,
  input.btn.btn-label:hover,
  input.btn.btn-label.active {
    background-color:var(--lighttone-color) !important;
    color:var(--white-color) !important;}

.btn.btn-label-brand {
  color:var(--lighttone-color) !important;}

  a.btn.btn-label-brand:focus, a.btn.btn-label-brand:hover, a.btn.btn-label-brand.active,
  button.btn.btn-label-brand:focus,
  button.btn.btn-label-brand:hover,
  button.btn.btn-label-brand.active,
  input.btn.btn-label-brand:focus,
  input.btn.btn-label-brand:hover,
  input.btn.btn-label-brand.active {
    background-color:var(--lighttone-color) !important;
    color:var(--white-color) !important;}

.btn.btn-label-light {
  color:var(--white-color) !important;}

  a.btn.btn-label-light:focus, a.btn.btn-label-light:hover, a.btn.btn-label-light.active,
  button.btn.btn-label-light:focus,
  button.btn.btn-label-light:hover,
  button.btn.btn-label-light.active,
  input.btn.btn-label-light:focus,
  input.btn.btn-label-light:hover,
  input.btn.btn-label-light.active {
    background-color:var(--white-color) !important;}

  a.btn.btn-label-dark:focus, a.btn.btn-label-dark:hover, a.btn.btn-label-dark.active,
  button.btn.btn-label-dark:focus,
  button.btn.btn-label-dark:hover,
  button.btn.btn-label-dark.active,
  input.btn.btn-label-dark:focus,
  input.btn.btn-label-dark:hover,
  input.btn.btn-label-dark.active {
    color:var(--white-color) !important;}

  a.btn.btn-label-accent:focus, a.btn.btn-label-accent:hover, a.btn.btn-label-accent.active,
  button.btn.btn-label-accent:focus,
  button.btn.btn-label-accent:hover,
  button.btn.btn-label-accent.active,
  input.btn.btn-label-accent:focus,
  input.btn.btn-label-accent:hover,
  input.btn.btn-label-accent.active {
    color:var(--white-color) !important;}

  a.btn.btn-label-focus:focus, a.btn.btn-label-focus:hover, a.btn.btn-label-focus.active,
  button.btn.btn-label-focus:focus,
  button.btn.btn-label-focus:hover,
  button.btn.btn-label-focus.active,
  input.btn.btn-label-focus:focus,
  input.btn.btn-label-focus:hover,
  input.btn.btn-label-focus.active {
    color:var(--white-color) !important;}

.btn.btn-label-primary {
  color:var(--lighttone-color) !important;}

  a.btn.btn-label-primary:focus, a.btn.btn-label-primary:hover, a.btn.btn-label-primary.active,
  button.btn.btn-label-primary:focus,
  button.btn.btn-label-primary:hover,
  button.btn.btn-label-primary.active,
  input.btn.btn-label-primary:focus,
  input.btn.btn-label-primary:hover,
  input.btn.btn-label-primary.active {
    background-color:var(--lighttone-color) !important;
    color:var(--white-color) !important;}

  a.btn.btn-label-success:focus, a.btn.btn-label-success:hover, a.btn.btn-label-success.active,
  button.btn.btn-label-success:focus,
  button.btn.btn-label-success:hover,
  button.btn.btn-label-success.active,
  input.btn.btn-label-success:focus,
  input.btn.btn-label-success:hover,
  input.btn.btn-label-success.active {
    color:var(--white-color) !important;}

.btn.btn-label-info {
  color:var(--darktone-color) !important;}

  a.btn.btn-label-info:focus, a.btn.btn-label-info:hover, a.btn.btn-label-info.active,
  button.btn.btn-label-info:focus,
  button.btn.btn-label-info:hover,
  button.btn.btn-label-info.active,
  input.btn.btn-label-info:focus,
  input.btn.btn-label-info:hover,
  input.btn.btn-label-info.active {
    background-color:var(--darktone-color) !important;
    color:var(--white-color) !important;}

  a.btn.btn-label-danger:focus, a.btn.btn-label-danger:hover, a.btn.btn-label-danger.active,
  button.btn.btn-label-danger:focus,
  button.btn.btn-label-danger:hover,
  button.btn.btn-label-danger.active,
  input.btn.btn-label-danger:focus,
  input.btn.btn-label-danger:hover,
  input.btn.btn-label-danger.active {
    color:var(--white-color) !important;}

  .btn.btn-icon.btn-brand i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-brand:focus i, .btn.btn-icon.btn-brand:hover i, .btn.btn-icon.btn-brand.active i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-dark i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-dark:focus i, .btn.btn-icon.btn-dark:hover i, .btn.btn-icon.btn-dark.active i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-accent i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-accent:focus i, .btn.btn-icon.btn-accent:hover i, .btn.btn-icon.btn-accent.active i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-focus i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-focus:focus i, .btn.btn-icon.btn-focus:hover i, .btn.btn-icon.btn-focus.active i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-primary i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-primary:focus i, .btn.btn-icon.btn-primary:hover i, .btn.btn-icon.btn-primary.active i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-success i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-success:focus i, .btn.btn-icon.btn-success:hover i, .btn.btn-icon.btn-success.active i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-info i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-info:focus i, .btn.btn-icon.btn-info:hover i, .btn.btn-icon.btn-info.active i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-danger i {
    color:var(--white-color) !important;}
  .btn.btn-icon.btn-danger:focus i, .btn.btn-icon.btn-danger:hover i, .btn.btn-icon.btn-danger.active i {
    color:var(--white-color) !important;}

    .modal .modal-content .modal-header .modal-title small {
      color:var(--midtone-color) !important;}
  .modal .modal-content .modal-header .close {
    color:var(--midtone-color) !important;}
    .modal .modal-content .modal-header .close:hover {
      color:var(--lighttone-color) !important;}

.modal .modal-content .modal-header .close span {
  color:var(--midtone-color) !important;}

  .alert.alert-brand {
    background:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;
    color:var(--white-color) !important;}
    .alert.alert-brand .alert-icon i {
      color:var(--white-color) !important;}
    .alert.alert-brand .alert-text {
      color:var(--white-color) !important;}
      .alert.alert-brand .alert-text hr {
        border-top-color:var(--white-color) !important;}
    .alert.alert-brand .alert-close i {
      color:var(--white-color) !important;}
  .alert.alert-outline-brand {
    border-color:var(--lighttone-color) !important;
    color:var(--lighttone-color) !important;}
    .alert.alert-outline-brand .alert-icon i {
      color:var(--lighttone-color) !important;}
    .alert.alert-outline-brand .alert-text {
      color:var(--lighttone-color) !important;}
    .alert.alert-outline-brand .alert-close i {
      color:var(--lighttone-color) !important;}
  .alert.alert-light {
    background:var(--white-color) !important;
    border-color:var(--white-color) !important;}
  .alert.alert-outline-light {
    border-color:var(--white-color) !important;
    color:var(--white-color) !important;}
    .alert.alert-outline-light .alert-icon i {
      color:var(--white-color) !important;}
    .alert.alert-outline-light .alert-text {
      color:var(--white-color) !important;}
    .alert.alert-outline-light .alert-close i {
      color:var(--white-color) !important;}
  .alert.alert-dark {
    color:var(--white-color) !important;}
    .alert.alert-dark .alert-icon i {
      color:var(--white-color) !important;}
    .alert.alert-dark .alert-text {
      color:var(--white-color) !important;}
      .alert.alert-dark .alert-text hr {
        border-top-color:var(--white-color) !important;
        opacity:0.4; }
    .alert.alert-dark .alert-close i {
      color:var(--white-color) !important;}
  .alert.alert-accent {
    color:var(--white-color) !important;}
    .alert.alert-accent .alert-icon i {
      color:var(--white-color) !important;}
    .alert.alert-accent .alert-text {
      color:var(--white-color) !important;}
      .alert.alert-accent .alert-text hr {
        border-top-color:var(--white-color) !important;}
    .alert.alert-accent .alert-close i {
      color:var(--white-color) !important;}
  .alert.alert-focus {
    color:var(--white-color) !important;}
    .alert.alert-focus .alert-icon i {
      color:var(--white-color) !important;}
    .alert.alert-focus .alert-text {
      color:var(--white-color) !important;}
      .alert.alert-focus .alert-text hr {
        border-top-color:var(--white-color) !important;}
    .alert.alert-focus .alert-close i {
      color:var(--white-color) !important;}
  .alert.alert-primary {
    background:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;
    color:var(--white-color) !important;}
    .alert.alert-primary .alert-icon i {
      color:var(--white-color) !important;}
    .alert.alert-primary .alert-text {
      color:var(--white-color) !important;}
      .alert.alert-primary .alert-text hr {
        border-top-color:var(--white-color) !important;}
    .alert.alert-primary .alert-close i {
      color:var(--white-color) !important;}
  .alert.alert-outline-primary {
    border-color:var(--lighttone-color) !important;
    color:var(--lighttone-color) !important;}
    .alert.alert-outline-primary .alert-icon i {
      color:var(--lighttone-color) !important;}
    .alert.alert-outline-primary .alert-text {
      color:var(--lighttone-color) !important;}
    .alert.alert-outline-primary .alert-close i {
      color:var(--lighttone-color) !important;}
  .alert.alert-success {
    color:var(--white-color) !important;}
    .alert.alert-success .alert-icon i {
      color:var(--white-color) !important;}
    .alert.alert-success .alert-text {
      color:var(--white-color) !important;}
      .alert.alert-success .alert-text hr {
        border-top-color:var(--white-color) !important;}
    .alert.alert-success .alert-close i {
      color:var(--white-color) !important;}
  .alert.alert-info {
    background:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;
    color:var(--white-color) !important;}
    .alert.alert-info .alert-icon i {
      color:var(--white-color) !important;}
    .alert.alert-info .alert-text {
      color:var(--white-color) !important;}
      .alert.alert-info .alert-text hr {
        border-top-color:var(--white-color) !important;}
    .alert.alert-info .alert-close i {
      color:var(--white-color) !important;}
  .alert.alert-outline-info {
    border-color:var(--darktone-color) !important;
    color:var(--darktone-color) !important;}
    .alert.alert-outline-info .alert-icon i {
      color:var(--darktone-color) !important;}
    .alert.alert-outline-info .alert-text {
      color:var(--darktone-color) !important;}
    .alert.alert-outline-info .alert-close i {
      color:var(--darktone-color) !important;}
  .alert.alert-danger {
    color:var(--white-color) !important;}
    .alert.alert-danger .alert-icon i {
      color:var(--white-color) !important;}
    .alert.alert-danger .alert-text {
      color:var(--white-color) !important;}
      .alert.alert-danger .alert-text hr {
        border-top-color:var(--white-color) !important;}
    .alert.alert-danger .alert-close i {
      color:var(--white-color) !important;}
  .alert.alert-secondary .alert-icon i {
    color:var(--midtone-color) !important;}
    .accordion .card .card-header .card-title {
      color:var(--lighttone-color) !important;}
    .accordion.accordion-light .card .card-header .card-title {
      color:var(--lighttone-color) !important;}
      .accordion.accordion-light .card .card-header .card-title:after {
        color:var(--lighttone-color) !important;}

      .accordion.accordion-outline .card .card-header .card-title:after {
        color:var(--lighttone-color) !important;}

.nav-tabs.nav-tabs-line {
  border-color:var(--midtone-color) !important;}
    .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link i,
    .nav-tabs.nav-tabs-line a.nav-link i {
      color:var(--midtone-color) !important;}
    .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active,
    .nav-tabs.nav-tabs-line a.nav-link:hover,
    .nav-tabs.nav-tabs-line a.nav-link.active {
      border-color:var(--lighttone-color) !important;}
      .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active > i,
      .nav-tabs.nav-tabs-line a.nav-link:hover > i,
      .nav-tabs.nav-tabs-line a.nav-link.active > i {
        color:var(--midtone-color) !important;}
  .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover,
  .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover {
    border-color:var(--lighttone-color) !important;}
  .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active,
  .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover,
  .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active {
    color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}
  .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav.nav-tabs .nav-link:hover,
  .nav-tabs.nav-tabs-line.nav-tabs-line-light a.nav-link:hover {
    border-color:var(--white-color) !important;}
  .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav.nav-tabs .nav-link.active,
  .nav-tabs.nav-tabs-line.nav-tabs-line-light a.nav-link:hover,
  .nav-tabs.nav-tabs-line.nav-tabs-line-light a.nav-link.active {
    color:var(--white-color) !important;
    border-color:var(--white-color) !important;}
  .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link:hover,
  .nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link:hover {
    border-color:var(--lighttone-color) !important;}
  .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link.active,
  .nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link:hover,
  .nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link.active {
    color:var(--lighttone-color) !important;
    border-color:1var(--lighttone-color) !important;}
  .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link:hover,
  .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link:hover {
    border-color:1var(--darktone-color) !important;}
  .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link.active,
  .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link:hover,
  .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link.active {
    color:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;}

.nav-pills.nav-tabs-btn a.nav-link.active .nav-link-icon i {
  color:var(--white-color) !important;}

.nav-pills.nav-tabs-btn a.nav-link.active .nav-link-title {
  color:var(--white-color) !important;}

.nav-pills.nav-tabs-btn a.nav-link .nav-link-title {
  color:var(--midtone-color) !important;}

.nav-pills.nav-tabs-btn.nav-pills-btn-brand a.nav-link.active {
  background-color:var(--lighttone-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-brand a.nav-link.active .nav-link-icon i {
    color:var(--white-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-brand a.nav-link.active .nav-link-title {
    color:var(--white-color) !important;}

.nav-pills.nav-tabs-btn.nav-pills-btn-light a.nav-link.active {
  background-color:var(--white-color) !important;}

  .nav-pills.nav-tabs-btn.nav-pills-btn-dark a.nav-link.active .nav-link-icon i {
    color:var(--white-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-dark a.nav-link.active .nav-link-title {
    color:var(--white-color) !important;}

  .nav-pills.nav-tabs-btn.nav-pills-btn-accent a.nav-link.active .nav-link-icon i {
    color:var(--white-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-accent a.nav-link.active .nav-link-title {
    color:var(--white-color) !important;}

  .nav-pills.nav-tabs-btn.nav-pills-btn-focus a.nav-link.active .nav-link-icon i {
    color:var(--white-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-focus a.nav-link.active .nav-link-title {
    color:var(--white-color) !important;}

.nav-pills.nav-tabs-btn.nav-pills-btn-primary a.nav-link.active {
  background-color:var(--lighttone-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-primary a.nav-link.active .nav-link-icon i {
    color:var(--white-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-primary a.nav-link.active .nav-link-title {
    color:var(--white-color) !important;}

  .nav-pills.nav-tabs-btn.nav-pills-btn-success a.nav-link.active .nav-link-icon i {
    color:var(--white-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-success a.nav-link.active .nav-link-title {
    color:var(--white-color) !important;}

.nav-pills.nav-tabs-btn.nav-pills-btn-info a.nav-link.active {
  background-color:var(--darktone-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-info a.nav-link.active .nav-link-icon i {
    color:var(--white-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-info a.nav-link.active .nav-link-title {
    color:var(--white-color) !important;}

  .nav-pills.nav-tabs-btn.nav-pills-btn-danger a.nav-link.active .nav-link-icon i {
    color:var(--white-color) !important;}
  .nav-pills.nav-tabs-btn.nav-pills-btn-danger a.nav-link.active .nav-link-title {
    color:var(--white-color) !important;}

.progress {
  background-color:var(--midtone-color) !important;}

  .pagination.pagination--grid .page-item.active .page-link, .pagination.pagination--grid .page-item:hover .page-link, .pagination.pagination--grid .page-item:focus .page-link {
    background-color:var(--lighttone-color) !important;
    color:var(--white-color) !important;}

.k-font-brand {
  color:var(--lighttone-color) !important;}

.k-font-inverse-brand {
  color:var(--white-color) !important;}

.k-bg-brand {
  background-color:var(--lighttone-color) !important;}

.k-bg-fill-brand {
  background-color:var(--lighttone-color) !important;
  color:var(--white-color) !important;}

.k-font-light {
  color:var(--white-color) !important;}

.k-bg-light {
  background-color:var(--white-color) !important;}

.k-bg-fill-light {
  background-color:var(--white-color) !important;}

.k-font-inverse-dark {
  color:var(--white-color) !important;}

.k-bg-fill-dark {
  color:var(--white-color) !important;}

.k-font-inverse-accent {
  color:var(--white-color) !important;}

.k-bg-fill-accent {
  color:var(--white-color) !important;}

.k-font-inverse-focus {
  color:var(--white-color) !important;}

.k-bg-fill-focus {
  color:var(--white-color) !important;}

.k-font-primary {
  color:var(--lighttone-color) !important;}

.k-font-inverse-primary {
  color:var(--white-color) !important;}

.k-bg-primary {
  background-color:var(--lighttone-color) !important;}

.k-bg-fill-primary {
  background-color:var(--lighttone-color) !important;
  color:var(--white-color) !important;}

.k-font-inverse-success {
  color:var(--white-color) !important;}

.k-bg-fill-success {
  color:var(--white-color) !important;}

.k-font-info {
  color:var(--darktone-color) !important;}

.k-font-inverse-info {
  color:var(--white-color) !important;}

.k-bg-info {
  background-color:var(--darktone-color) !important;}

.k-bg-fill-info {
  background-color:var(--darktone-color) !important;
  color:var(--white-color) !important;}

.k-font-inverse-danger {
  color:var(--white-color) !important;}

.k-bg-fill-danger {
  color:var(--white-color) !important;}

.k-label-font-color-2 {
  color:var(--midtone-color) !important;}

.k-label-bg-color-2 {
  background-color:var(--midtone-color) !important;}

.k-datatable > .k-datatable__table {
  background-color:var(--white-color) !important;}
    .k-datatable > .k-datatable__table > .k-datatable__head .k-datatable__row > .k-datatable__cell .k-checkbox.k-checkbox--solid > input:checked ~ span,
    .k-datatable > .k-datatable__table > .k-datatable__body .k-datatable__row > .k-datatable__cell .k-checkbox.k-checkbox--solid > input:checked ~ span,
    .k-datatable > .k-datatable__table > .k-datatable__foot .k-datatable__row > .k-datatable__cell .k-checkbox.k-checkbox--solid > input:checked ~ span {
      background:var(--lighttone-color) !important;}
    .k-datatable > .k-datatable__table > .k-datatable__body .k-datatable__toggle-detail i {
      color:var(--lighttone-color) !important;}
    .k-datatable > .k-datatable__table > .k-datatable__body .k-datatable__toggle-detail:hover i, .k-datatable > .k-datatable__table > .k-datatable__body .k-datatable__toggle-detail.k-datatable__toggle-detail--active i {
      color:var(--lighttone-color) !important;}
  .k-datatable > .k-datatable__table > .k-datatable__head .k-datatable__row > .k-datatable__cell > span > i {
    color:var(--lighttone-color) !important;}

    .k-datatable > .k-datatable__pager > .k-datatable__pager-nav > li > .k-datatable__pager-link.k-datatable__pager-link--first:hover, .k-datatable > .k-datatable__pager > .k-datatable__pager-nav > li > .k-datatable__pager-link.k-datatable__pager-link--prev:hover, .k-datatable > .k-datatable__pager > .k-datatable__pager-nav > li > .k-datatable__pager-link.k-datatable__pager-link--next:hover, .k-datatable > .k-datatable__pager > .k-datatable__pager-nav > li > .k-datatable__pager-link.k-datatable__pager-link--last:hover {
      background:var(--lighttone-color) !important;
      color:var(--white-color) !important;}
  .k-datatable > .k-datatable__pager > .k-datatable__pager-nav > li > .k-datatable__pager-link:hover {
    background:var(--lighttone-color) !important;
    color:var(--white-color) !important;}
  .k-datatable > .k-datatable__pager > .k-datatable__pager-nav > li > .k-datatable__pager-link.k-datatable__pager-link--active {
    background:var(--lighttone-color) !important;
    color:var(--white-color) !important;}

  .k-datatable > .k-datatable__pager > .k-datatable__pager-nav > li > .k-pager-input:focus {
    background:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}

  .k-datatable > .k-datatable__pager > .k-datatable__pager-info .k-datatable__pager-size .btn.dropdown-toggle i {
    color:var(--white-color) !important;}

.k-datatable > .k-datatable__pager > .k-datatable__pager-info .k-datatable__pager-size .btn.dropdown-toggle:focus,
.k-datatable > .k-datatable__pager > .k-datatable__pager-info .k-datatable__pager-size .btn.dropdown-toggle:hover,
.k-datatable > .k-datatable__pager > .k-datatable__pager-info .k-datatable__pager-size.show > .btn.dropdown-toggle {
  color:var(--white-color) !important;
  background:var(--lighttone-color) !important;}
  .k-datatable > .k-datatable__pager > .k-datatable__pager-info .k-datatable__pager-size .btn.dropdown-toggle:focus i,
  .k-datatable > .k-datatable__pager > .k-datatable__pager-info .k-datatable__pager-size .btn.dropdown-toggle:hover i,
  .k-datatable > .k-datatable__pager > .k-datatable__pager-info .k-datatable__pager-size.show > .btn.dropdown-toggle i {
    color:var(--white-color) !important;}

.k-datatable.k-datatable--subtable > .k-datatable__table > .k-datatable__body .k-datatable__toggle-subtable > i {
  color:var(--lighttone-color) !important;}

.k-datatable.k-datatable--default > .k-datatable__table > .k-datatable__head .k-datatable__row > .k-datatable__cell.k-datatable__cell--sorted > span,
.k-datatable.k-datatable--default > .k-datatable__table > .k-datatable__foot .k-datatable__row > .k-datatable__cell.k-datatable__cell--sorted > span {
  color:var(--lighttone-color) !important;}

.k-portlet {
  background-color:var(--white-color) !important;}
  .k-portlet .k-portlet__head {
    border-color:var(--midtone-color) !important;}
        .k-portlet .k-portlet__head .k-portlet__head-label .k-portlet__head-title small {
          color:var(--midtone-color) !important;}
      .k-portlet .k-portlet__head .k-portlet__head-label .k-portlet__head-icon {
        color:var(--midtone-color) !important;}
  .k-portlet .k-portlet__foot {
    border-top:var(--midtone-color) !important;}
    .k-portlet .k-portlet__foot.k-portlet__foot--top {
      border-color:var(--midtone-color) !important;}
  .k-portlet.k-portlet--bordered {
    border-color:var(--midtone-color) !important;}
  .k-portlet.k-portlet--solid-brand {
    background:var(--lighttone-color) !important;}
    .k-portlet.k-portlet--solid-brand .k-portlet__head {
      color:var(--white-color) !important;}
      .k-portlet.k-portlet--solid-brand .k-portlet__head .k-portlet__head-title {
        color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-brand .k-portlet__wrapper,
    .k-portlet.k-portlet--solid-brand .k-portlet__body {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-brand .k-portlet__foot {
      color:var(--white-color) !important;}
  .k-portlet.k-portlet--solid-light {
    background:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-dark .k-portlet__head {
      color:var(--white-color) !important;}
      .k-portlet.k-portlet--solid-dark .k-portlet__head .k-portlet__head-title {
        color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-dark .k-portlet__wrapper,
    .k-portlet.k-portlet--solid-dark .k-portlet__body {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-dark .k-portlet__foot {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-accent .k-portlet__head {
      color:var(--white-color) !important;}
      .k-portlet.k-portlet--solid-accent .k-portlet__head .k-portlet__head-title {
        color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-accent .k-portlet__wrapper,
    .k-portlet.k-portlet--solid-accent .k-portlet__body {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-accent .k-portlet__foot {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-focus .k-portlet__head {
      color:var(--white-color) !important;}
      .k-portlet.k-portlet--solid-focus .k-portlet__head .k-portlet__head-title {
        color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-focus .k-portlet__wrapper,
    .k-portlet.k-portlet--solid-focus .k-portlet__body {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-focus .k-portlet__foot {
      color:var(--white-color) !important;}
  .k-portlet.k-portlet--solid-primary {
    background:var(--lighttone-color) !important;}
    .k-portlet.k-portlet--solid-primary .k-portlet__head {
      color:var(--white-color) !important;}
      .k-portlet.k-portlet--solid-primary .k-portlet__head .k-portlet__head-title {
        color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-primary .k-portlet__wrapper,
    .k-portlet.k-portlet--solid-primary .k-portlet__body {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-primary .k-portlet__foot {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-success .k-portlet__head {
      color:var(--white-color) !important;}
      .k-portlet.k-portlet--solid-success .k-portlet__head .k-portlet__head-title {
        color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-success .k-portlet__wrapper,
    .k-portlet.k-portlet--solid-success .k-portlet__body {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-success .k-portlet__foot {
      color:var(--white-color) !important;}
  .k-portlet.k-portlet--solid-info {
    background:var(--darktone-color) !important;}
    .k-portlet.k-portlet--solid-info .k-portlet__head {
      color:var(--white-color) !important;}
      .k-portlet.k-portlet--solid-info .k-portlet__head .k-portlet__head-title {
        color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-info .k-portlet__wrapper,
    .k-portlet.k-portlet--solid-info .k-portlet__body {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-info .k-portlet__foot {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-danger .k-portlet__head {
      color:var(--white-color) !important;}
      .k-portlet.k-portlet--solid-danger .k-portlet__head .k-portlet__head-title {
        color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-danger .k-portlet__wrapper,
    .k-portlet.k-portlet--solid-danger .k-portlet__body {
      color:var(--white-color) !important;}
    .k-portlet.k-portlet--solid-danger .k-portlet__foot {
      color:var(--white-color) !important;}
  .k-portlet.ui-sortable-helper {
    border-color:var(--midtone-color) !important;}
  .k-portlet.k-portlet--sticky .k-portlet__head {
    background:var(--white-color) !important;}

.k-adminfloat {
  background:var(--lighttone-color) !important;}
  .k-adminfloat > i {
    color:var(--white-color) !important;}
  .k-adminfloat:hover > i {
    color:var(--white-color) !important;}

.k-scrolltop {
  background:var(--lighttone-color) !important;}
  .k-scrolltop > i {
    color:var(--white-color) !important;}
  .k-scrolltop:hover > i {
    color:var(--white-color) !important;}

      .k-wizard-v1 .k-wizard-v1__nav .k-wizard-v1__nav-items .k-wizard-v1__nav-item[data-kwizard-state="current"] {
        background-color:var(--darktone-color) !important;
        color:var(--white-color) !important;}

      .k-wizard-v2 .k-wizard-v2__nav .k-wizard-v2__nav-items .k-wizard-v2__nav-item[data-kwizard-state="current"] {
        color:var(--darktone-color) !important;}
        .k-wizard-v2 .k-wizard-v2__nav .k-wizard-v2__nav-items .k-wizard-v2__nav-item[data-kwizard-state="current"] span {
          background-color:var(--darktone-color) !important;
          color:var(--white-color) !important;}
        .k-wizard-v2 .k-wizard-v2__nav .k-wizard-v2__nav-items .k-wizard-v2__nav-item[data-kwizard-state="pending"] span {
          color:var(--white-color) !important;}
        .k-wizard-v2 .k-wizard-v2__nav .k-wizard-v2__nav-items .k-wizard-v2__nav-item[data-kwizard-state="done"] i {
          color:var(--white-color) !important;}

      .k-wizard-v3 .k-wizard-v3__nav .k-wizard-v3__nav-items .k-wizard-v3__nav-item[data-kwizard-state="current"] {
        color:var(--darktone-color) !important;}
        .k-wizard-v3 .k-wizard-v3__nav .k-wizard-v3__nav-items .k-wizard-v3__nav-item[data-kwizard-state="current"] span {
          background-color:var(--darktone-color) !important;
          color:var(--white-color) !important;}
        .k-wizard-v3 .k-wizard-v3__nav .k-wizard-v3__nav-items .k-wizard-v3__nav-item[data-kwizard-state="done"] i {
          color:var(--white-color) !important;}


.k-offcanvas-panel {
  background-color:var(--white-color) !important;}
      .k-offcanvas-panel .k-offcanvas-panel__head .k-offcanvas-panel__title small {
        color:var(--midtone-color) !important;}
      .k-offcanvas-panel .k-offcanvas-panel__head .k-offcanvas-panel__close i {
        color:var(--midtone-color) !important;}
      .k-offcanvas-panel .k-offcanvas-panel__head .k-offcanvas-panel__close:hover {
        background-color:var(--lighttone-color) !important;}
        .k-offcanvas-panel .k-offcanvas-panel__head .k-offcanvas-panel__close:hover i {
          color:var(--white-color) !important;}

.k-quick-panel {
  background-color:var(--white-color) !important;}
  .k-quick-panel .k-quick-panel__nav {
    border-color:var(--midtone-color) !important;}
      .k-quick-panel .k-quick-panel__nav .nav .nav-link {
        color:var(--midtone-color) !important;}
        .k-quick-panel .k-quick-panel__nav .nav .nav-link:hover {
          background:var(--midtone-color) !important;}
        .k-quick-panel .k-quick-panel__nav .nav .nav-link.active {
          background:var(--lighttone-color) !important;
          color:var(--white-color) !important;}
    .k-quick-panel .k-quick-panel__nav .k-quick-panel__close {
      color:var(--midtone-color) !important;}
      .k-quick-panel .k-quick-panel__nav .k-quick-panel__close:hover {
        color:var(--lighttone-color) !important;}

.k-quick-panel {
  background:var(--white-color) !important;}

  .k-quick-panel-close:hover {
    background-color:var(--lighttone-color) !important;}
    .k-quick-panel-close:hover > i {
      color:var(--white-color) !important;}

.k-demo-panel-toggle {
  background-color:var(--white-color) !important;}
  .k-demo-panel-toggle span {
    color:var(--lighttone-color) !important;}

.k-demo-panel {
  background-color:var(--white-color) !important;}
      .k-demo-panel .k-demo-panel__head .k-demo-panel__title small {
        color:var(--midtone-color) !important;}
      .k-demo-panel .k-demo-panel__head .k-demo-panel__close i {
        color:var(--midtone-color) !important;}
      .k-demo-panel .k-demo-panel__head .k-demo-panel__close:hover {
        background-color:var(--lighttone-color) !important;}
        .k-demo-panel .k-demo-panel__head .k-demo-panel__close:hover i {
          color:var(--white-color) !important;}
      .k-demo-panel .k-demo-panel__body .k-demo-panel__item .k-demo-panel__item-preview {
        border-color:var(--midtone-color) !important;
        border-radius:4px; }
            .k-demo-panel .k-demo-panel__body .k-demo-panel__item .k-demo-panel__item-preview .k-demo-panel__item-preview-overlay .btn.btn-light {
              background-color:var(--white-color) !important;
              color:var(--midtone-color) !important;}
              .k-demo-panel .k-demo-panel__body .k-demo-panel__item .k-demo-panel__item-preview .k-demo-panel__item-preview-overlay .btn.btn-light:hover {
                background-color:var(--white-color) !important;}
      .k-demo-panel .k-demo-panel__body .k-demo-panel__item.k-demo-panel__item--active .k-demo-panel__item-preview {
        border-color:var(--lighttone-color) !important;}

.k-sticky-toolbar {
  background:var(--white-color) !important;}
      .k-sticky-toolbar .k-sticky-toolbar__item.k-sticky-toolbar__item--builder:hover > a > i {
        color:var(--white-color) !important;}
      .k-sticky-toolbar .k-sticky-toolbar__item.k-sticky-toolbar__item--docs:hover > a > i {
        color:var(--white-color) !important;}
    .k-sticky-toolbar .k-sticky-toolbar__item.k-sticky-toolbar__item--demo-toggle > a {
      color:var(--lighttone-color) !important;}
      .k-sticky-toolbar .k-sticky-toolbar__item.k-sticky-toolbar__item--demo-toggle > a > i {
        color:var(--lighttone-color) !important;}
    .k-sticky-toolbar .k-sticky-toolbar__item.k-sticky-toolbar__item--demo-toggle:hover > a {
      background:var(--lighttone-color) !important;
      color:var(--white-color) !important;}

  .k-head .k-head__title {
    color:var(--white-color) !important;}
    .k-head .k-head__sub .k-head__desc {
      color:var(--midtone-color) !important;
      background:var(--white-color) !important;}
  .k-head.k-head--skin-light {
    border-color:var(--midtone-color) !important;}
    .k-head.k-head--skin-light .k-head__sub .k-head__desc {
      color:var(--midtone-color) !important;}

  .k-slider .k-slider__head .k-slider__label {
    color:var(--midtone-color) !important;}
      .k-slider .k-slider__head .k-slider__nav .k-slider__nav-next:hover,
      .k-slider .k-slider__head .k-slider__nav .k-slider__nav-prev:hover {
        background-color:var(--lighttone-color) !important;}
        .k-slider .k-slider__head .k-slider__nav .k-slider__nav-next:hover i,
        .k-slider .k-slider__head .k-slider__nav .k-slider__nav-prev:hover i {
          color:var(--white-color) !important;}

.k-list:before {
  background-color:var(--midtone-color) !important;}

.k-list .k-list__item .k-list__badge:before {
  background-color:var(--midtone-color) !important;}

.k-list .k-list__item .k-list__badge.k-list__badge--brand:before {
  background-color:var(--lighttone-color) !important;}

.k-list .k-list__item .k-list__badge.k-list__badge--light:before {
  background-color:var(--white-color) !important;}

.k-list .k-list__item .k-list__badge.k-list__badge--primary:before {
  background-color:var(--lighttone-color) !important;}

.k-list .k-list__item .k-list__badge.k-list__badge--info:before {
  background-color:var(--darktone-color) !important;}

.k-list .k-list__item .k-list__icon i {
  color:var(--midtone-color) !important;}

.k-list .k-list__item .k-list__time {
  color:var(--midtone-color) !important;}

.k-list .k-list__item:first-child:before, .k-list .k-list__item:last-child:before {
  background-color:var(--midtone-color) !important;}

  .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active .k-nav__link {
    background-color:var(--lighttone-color) !important;}
    .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active .k-nav__link .k-nav__link-text {
      color:var(--white-color) !important;}

    .k-nav.k-nav--v3 .k-nav__item .k-nav__link.active, .k-nav.k-nav--v3 .k-nav__item .k-nav__link.k-nav__link--active {
      border-left:2px solid var(--lighttone-color) !important;}
      .k-nav.k-nav--v3 .k-nav__item .k-nav__link.active .k-nav__link-text, .k-nav.k-nav--v3 .k-nav__item .k-nav__link.k-nav__link--active .k-nav__link-text {
        color:var(--lighttone-color) !important;}
      .k-nav.k-nav--v3 .k-nav__item .k-nav__link:hover .k-nav__link-text {
        color:var(--lighttone-color) !important;}

  .k-nav .k-nav__item > .k-nav__link .k-nav__link-arrow {
    color:var(--midtone-color) !important;}
  .k-nav .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-icon,
  .k-nav .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-text,
  .k-nav .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-arrow, .k-nav .k-nav__item:hover:not(.k-nav__item--disabled):not(.k-nav__item--sub) > .k-nav__link .k-nav__link-icon,
  .k-nav .k-nav__item:hover:not(.k-nav__item--disabled):not(.k-nav__item--sub) > .k-nav__link .k-nav__link-text,
  .k-nav .k-nav__item:hover:not(.k-nav__item--disabled):not(.k-nav__item--sub) > .k-nav__link .k-nav__link-arrow {
    color:var(--lighttone-color) !important;}
  .k-nav .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-bullet.k-nav__link-bullet--line > span, .k-nav .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-bullet.k-nav__link-bullet--dot > span, .k-nav .k-nav__item:hover:not(.k-nav__item--disabled):not(.k-nav__item--sub) > .k-nav__link .k-nav__link-bullet.k-nav__link-bullet--line > span, .k-nav .k-nav__item:hover:not(.k-nav__item--disabled):not(.k-nav__item--sub) > .k-nav__link .k-nav__link-bullet.k-nav__link-bullet--dot > span {
    background-color:var(--lighttone-color) !important;}

  .k-nav .k-nav__item:hover:not(.k-nav__item--disabled).k-nav__item--sub > .k-nav__link.collapsed .k-nav__link-icon,
  .k-nav .k-nav__item:hover:not(.k-nav__item--disabled).k-nav__item--sub > .k-nav__link.collapsed .k-nav__link-text,
  .k-nav .k-nav__item:hover:not(.k-nav__item--disabled).k-nav__item--sub > .k-nav__link.collapsed .k-nav__link-arrow {
    color:var(--lighttone-color) !important;}
  .k-nav .k-nav__item:hover:not(.k-nav__item--disabled).k-nav__item--sub > .k-nav__link.collapsed .k-nav__link-bullet.k-nav__link-bullet--line > span, .k-nav .k-nav__item:hover:not(.k-nav__item--disabled).k-nav__item--sub > .k-nav__link.collapsed .k-nav__link-bullet.k-nav__link-bullet--dot > span {
    background-color:var(--lighttone-color) !important;}

.k-nav .k-nav__section .k-nav__section-text {
  color:var(--lighttone-color) !important;}

  .k-nav.k-nav--v2 .k-nav__item:hover:not(.k-nav__item--disabled):not(.k-nav__item--sub):not(.k-nav__item--active) > .k-nav__link .k-nav__link-icon,
  .k-nav.k-nav--v2 .k-nav__item:hover:not(.k-nav__item--disabled):not(.k-nav__item--sub):not(.k-nav__item--active) > .k-nav__link .k-nav__link-text,
  .k-nav.k-nav--v2 .k-nav__item:hover:not(.k-nav__item--disabled):not(.k-nav__item--sub):not(.k-nav__item--active) > .k-nav__link .k-nav__link-arrow {
    color:var(--lighttone-color) !important;}

.k-nav.k-nav--v2 .k-nav__item.k-nav__item--active > .k-nav__link {
  background-color:var(--lighttone-color) !important;}
  .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-icon,
  .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-text,
  .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-arrow {
    color:var(--white-color) !important;}
  .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-bullet.k-nav__link-bullet--line > span, .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active > .k-nav__link .k-nav__link-bullet.k-nav__link-bullet--dot > span {
    background-color:var(--white-color) !important;}

.k-nav.k-nav--v2 .k-nav__item.k-nav__item--active:hover > .k-nav__link {
  background-color:var(--lighttone-color) !important;}
  .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active:hover > .k-nav__link .k-nav__link-icon,
  .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active:hover > .k-nav__link .k-nav__link-text,
  .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active:hover > .k-nav__link .k-nav__link-arrow {
    color:var(--white-color) !important;}
  .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active:hover > .k-nav__link .k-nav__link-bullet.k-nav__link-bullet--line > span, .k-nav.k-nav--v2 .k-nav__item.k-nav__item--active:hover > .k-nav__link .k-nav__link-bullet.k-nav__link-bullet--dot > span {
    background-color:var(--white-color) !important;}

  .k-grid-nav .k-grid-nav__item {
    border-right:var(--midtone-color) !important;
    border-color:var(--midtone-color) !important;}
      .k-grid-nav .k-grid-nav__item .k-grid-nav__item-icon i {
        color:var(--midtone-color) !important;}
    .k-grid-nav .k-grid-nav__item .k-grid-nav__item-desc {
      color:var(--midtone-color) !important;}
      .k-grid-nav .k-grid-nav__item:hover .k-grid-nav__item-icon i {
        color:var(--lighttone-color) !important;}

      .k-grid-nav-v2 .k-grid-nav-v2__item .k-grid-nav-v2__item-icon i {
        color:var(--lighttone-color) !important;}
    .k-grid-nav-v2 .k-grid-nav-v2__item:hover {
      background:var(--lighttone-color) !important;}
      .k-grid-nav-v2 .k-grid-nav-v2__item:hover .k-grid-nav-v2__item-icon i {
        color:var(--white-color) !important;}
      .k-grid-nav-v2 .k-grid-nav-v2__item:hover .k-grid-nav-v2__item-title {
        color:var(--white-color) !important;}

    .k-notification .k-notification__item .k-notification__item-icon i {
      color:var(--lighttone-color) !important;}
    .k-notification .k-notification__item .k-notification__item-details .k-notification__item-time {
      color:var(--midtone-color) !important;}
  .k-notification .k-notification__item:after {
    color:var(--midtone-color) !important;}

    .k-notification.k-notification--fit .k-notification__item:hover .k-notification__item-title {
      color:var(--lighttone-color) !important;}

      .k-notification-v2 .k-notification-v2__item:hover .k-notification-v2__item-icon {
        background-color:var(--white-color) !important;}

      .k-search .k-search__result .k-search__item .k-search__item-wrapper .k-search__item-title:hover {
        color:var(--lighttone-color) !important;}

  .k-timeline .k-timeline__item:before {
    background:var(--midtone-color) !important;}
    .k-timeline .k-timeline__item .k-timeline__item-section .k-timeline__item-section-border {
      border-top:var(--white-color) !important;
      border-color:var(--white-color) !important;}
    .k-timeline .k-timeline__item .k-timeline__item-section .k-timeline__item-datetime {
      color:var(--midtone-color) !important;}
  .k-timeline .k-timeline__item .k-timeline__item-info {
    color:var(--midtone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--brand .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--metal .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--light .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--dark .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--accent .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--focus .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--primary .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--success .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--info .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--warning .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

.k-timeline .k-timeline__item.k-timeline__item--danger .k-timeline__item-section .k-timeline__item-section-border {
  background-color:var(--white-color) !important;}

.k-timeline .k-timeline__item .k-timeline__item-text:hover {
  color:var(--lighttone-color) !important;}

    .k-section .k-section__content.k-section__content--border {
      border-color:var(--midtone-color) !important;}

.k-link {
  color:var(--lighttone-color) !important;}

.k-link.k-link--brand {
  color:var(--lighttone-color) !important;}

.k-link.k-link--light {
  color:var(--white-color) !important;}

.k-link.k-link--primary {
  color:var(--lighttone-color) !important;}
  .k-link.k-link--primary:hover {
    color:var(--midtone-color) !important;}
    .k-link.k-link--primary:hover:after {
      border-color:var(--midtone-color) !important;}

.k-link.k-link--info {
  color:var(--darktone-color) !important;}
  .k-link.k-link--info:hover {
    color:var(--midtone-color) !important;}
    .k-link.k-link--info:hover:after {
      border-color:var(--midtone-color) !important;}

  .k-separator.k-separator--border-solid {
    border-color:var(--midtone-color) !important;}
  .k-separator.k-separator--border-dashed {
    border-color:var(--midtone-color) !important;}

  .k-badge.k-badge--brand {
    color:var(--white-color) !important;
    background:var(--lighttone-color) !important;}
  .k-badge.k-badge--outline.k-badge--brand {
    color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}
    .k-badge.k-badge--outline.k-badge--brand.k-badge--outline-2x {
      border-color:var(--lighttone-color) !important;}
  .k-badge.k-badge--light {
    background:var(--white-color) !important;}
  .k-badge.k-badge--outline.k-badge--light {
    color:var(--white-color) !important;
    border-color:var(--white-color) !important;}
    .k-badge.k-badge--outline.k-badge--light.k-badge--outline-2x {
      border-color:2var(--white-color) !important;}
  .k-badge.k-badge--dark {
    color:var(--white-color) !important;}
  .k-badge.k-badge--accent {
    color:var(--white-color) !important;}
  .k-badge.k-badge--focus {
    color:var(--white-color) !important;}
  .k-badge.k-badge--primary {
    color:var(--white-color) !important;
    background:var(--lighttone-color) !important;}
  .k-badge.k-badge--outline.k-badge--primary {
    color:var(--lighttone-color) !important;
    border-color:var(--lighttone-color) !important;}
    .k-badge.k-badge--outline.k-badge--primary.k-badge--outline-2x {
      border-color:var(--lighttone-color) !important;}
  .k-badge.k-badge--success {
    color:var(--white-color) !important;}
  .k-badge.k-badge--info {
    color:var(--white-color) !important;
    background:var(--darktone-color) !important;}
  .k-badge.k-badge--outline.k-badge--info {
    color:var(--darktone-color) !important;
    border-color:var(--darktone-color) !important;}
    .k-badge.k-badge--outline.k-badge--info.k-badge--outline-2x {
      border-color:var(--darktone-color) !important;}
  .k-badge.k-badge--danger {
    color:var(--white-color) !important;}

  .k-spinner.k-spinner--brand:before {
    border-color:var(--lighttone-color) !important;}
  .k-spinner.k-spinner--light:before {
    border-color:var(--white-color) !important;}
  .k-spinner.k-spinner--primary:before {
    border-color:var(--lighttone-color) !important;}
  .k-spinner.k-spinner--info:before {
    border-color:2var(--darktone-color) !important;}

.k-loader.k-loader--brand {
  background-color:var(--lighttone-color) !important;}

.k-loader.k-loader--light {
  background-color:var(--white-color) !important;}

.k-loader.k-loader--primary {
  background-color:var(--lighttone-color) !important;}

.k-loader.k-loader--info {
  background-color:var(--darktone-color) !important;}


      .k-widget-1 .k-widget-1__item .k-widget-1__item-info .k-widget-1__item-title:hover {
        color:var(--lighttone-color) !important;}
    .k-widget-1 .k-widget-1__item .k-widget-1__item-info .k-widget-1__item-desc {
      color:var(--midtone-color) !important;}
    .k-widget-1 .k-widget-1__item .k-widget-1__item-stats .k-widget-1__item-value {
      color:var(--midtone-color) !important;}
      .k-widget-1 .k-widget-1__item .k-widget-1__item-stats .k-widget-1__item-progress .progress {
        background-color:var(--midtone-color) !important;}

  .k-widget-2 .k-widget-2__item .k-widget-2__item-stats {
    color:var(--midtone-color) !important;}
    .k-widget-2 .k-widget-2__item .k-

  .k-widget-2 .k-widget-2__stats .k-widget-2__stats-author {
    color:var(--midtone-color) !important;}
  .k-widget-2 .k-widget-2__stats .k-widget-2__stats-product {
    color:var(--midtone-color) !important;}

      .k-widget-3 .k-widget-3__content .k-widget-3__content-info .k-widget-3__content-section {
        color:var(--white-color) !important;}
  .k-widget-3.k-widget-3--brand {
    background:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--brand .k-widget-3__content-title {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--brand .k-widget-3__content-badge {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--brand .k-widget-3__content-number {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--brand .k-widget-3__content-desc {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--brand .k-widget-3__content-text {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--brand .k-widget-3__content-value {
      color:var(--lighttone-color) !important;}
  .k-widget-3.k-widget-3--light {
    background:var(--white-color) !important;}
    .k-widget-3.k-widget-3--dark .k-widget-3__content-title {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--dark .k-widget-3__content-badge {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--dark .k-widget-3__content-number {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--dark .k-widget-3__content-desc {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--dark .k-widget-3__content-text {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--dark .k-widget-3__content-value {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--accent .k-widget-3__content-title {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--accent .k-widget-3__content-badge {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--accent .k-widget-3__content-number {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--accent .k-widget-3__content-desc {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--accent .k-widget-3__content-text {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--accent .k-widget-3__content-value {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--focus .k-widget-3__content-title {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--focus .k-widget-3__content-badge {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--focus .k-widget-3__content-number {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--focus .k-widget-3__content-desc {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--focus .k-widget-3__content-text {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--focus .k-widget-3__content-value {
      color:var(--lighttone-color) !important;}
  .k-widget-3.k-widget-3--primary {
    background:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--primary .k-widget-3__content-title {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--primary .k-widget-3__content-badge {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--primary .k-widget-3__content-number {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--primary .k-widget-3__content-desc {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--primary .k-widget-3__content-text {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--primary .k-widget-3__content-value {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--success .k-widget-3__content-title {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--success .k-widget-3__content-badge {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--success .k-widget-3__content-number {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--success .k-widget-3__content-desc {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--success .k-widget-3__content-text {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--success .k-widget-3__content-value {
      color:var(--lighttone-color) !important;}
  .k-widget-3.k-widget-3--info {
    background:var(--darktone-color) !important;}
    .k-widget-3.k-widget-3--info .k-widget-3__content-title {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--info .k-widget-3__content-badge {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--info .k-widget-3__content-number {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--info .k-widget-3__content-desc {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--info .k-widget-3__content-text {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--info .k-widget-3__content-value {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--danger .k-widget-3__content-title {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--danger .k-widget-3__content-badge {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--danger .k-widget-3__content-number {
      color:var(--white-color) !important;}
    .k-widget-3.k-widget-3--danger .k-widget-3__content-desc {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--danger .k-widget-3__content-text {
      color:var(--lighttone-color) !important;}
    .k-widget-3.k-widget-3--danger .k-widget-3__content-value {
      color:var(--lighttone-color) !important;}

      .k-widget-4 .k-widget-4__item .k-widget-4__item-content .k-widget-4__item-price .k-widget-4__item-badge {
        color:var(--midtone-color) !important;}
          .k-widget-4 .k-widget-4__item .k-widget-4__item-content .k-widget-4__item-section .k-widget-4__item-info .k-widget-4__item-username:hover {
            color:var(--lighttone-color) !important;}
        .k-widget-4 .k-widget-4__item .k-widget-4__item-content .k-widget-4__item-section .k-widget-4__item-info .k-widget-4__item-desc {
          color:var(--midtone-color) !important;}

      .k-widget-5 .k-widget-5__item .k-widget-5__item-info .k-widget-5__item-title:hover {
        color:var(--lighttone-color) !important;}
    .k-widget-5 .k-widget-5__item .k-widget-5__item-info .k-widget-5__item-datetime {
      color:var(--midtone-color) !important;}

.k-widget-5 .k-widget-5__item.k-widget-5__item--brand:before {
  background:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item.k-widget-5__item--light:before {
  background:var(--white-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item.k-widget-5__item--primary:before {
  background:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item.k-widget-5__item--info:before {
  background:var(--darktone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

.k-widget-5 .k-widget-5__item .k-widget-5__item-info > a:hover .k-widget-5__item-title {
  color:var(--lighttone-color) !important;}

    .k-widget-6 .k-widget6__tab .k-widget-6__items .k-widget-6__item .k-widget-6__item-info .k-widget-6__item-desc {
      color:var(--midtone-color) !important;}

    .k-widget-6 .k-widget-6__nav-items .k-widget-6__nav-item > a {
      color:var(--midtone-color) !important;}
      .k-widget-6 .k-widget-6__nav-items .k-widget-6__nav-item > a:hover, .k-widget-6 .k-widget-6__nav-items .k-widget-6__nav-item > a.active {
        background-color:var(--lighttone-color) !important;
        color:var(--white-color) !important;}

          .k-widget-7 .k-widget-7__items .k-widget-7__item .k-widget-7__item-info .k-widget-7__item-title:hover {
            color:var(--lighttone-color) !important;}
        .k-widget-7 .k-widget-7__items .k-widget-7__item .k-widget-7__item-info .k-widget-7__item-desc {
          color:var(--midtone-color) !important;}
        .k-widget-7 .k-widget-7__foot .k-widget-7__upload > a > i {
          color:var(--white-color) !important;}
      .k-widget-7 .k-widget-7__foot .k-widget-7__upload > span {
        color:var(--white-color) !important;}

      .k-widget-9 .k-widget-9__panel .k-widget-9__legends .k-widget-9__legend .k-widget-9__legend-label {
        color:var(--midtone-color) !important;}

    .k-widget-10 .k-widget-10__wrapper .k-widget-10__details .k-widget-10__desc {
      color:var(--midtone-color) !important;}
    .k-widget-11 .k-widget-11__item .k-widget-11__wrapper .k-widget-11__title {
      color:var(--midtone-color) !important;}
  .k-widget-12 .k-widget-12__body .k-widget-12__head .k-widget-12__date {
    color:var(--lighttone-color) !important;}
    .k-widget-12 .k-widget-12__body .k-widget-12__head .k-widget-12__date.k-widget-12__date--brand {
      color:var(--lighttone-color) !important;}
    .k-widget-12 .k-widget-12__body .k-widget-12__head .k-widget-12__date.k-widget-12__date--light {
      color:var(--white-color) !important;}
    .k-widget-12 .k-widget-12__body .k-widget-12__head .k-widget-12__date.k-widget-12__date--primary {
      color:var(--lighttone-color) !important;}
    .k-widget-12 .k-widget-12__body .k-widget-12__head .k-widget-12__date.k-widget-12__date--info {
      color:var(--darktone-color) !important;}
    .k-widget-12 .k-widget-12__body .k-widget-12__head .k-widget-12__label .k-widget-12__desc {
      color:var(--midtone-color) !important;}

.k-widget-12 .k-widget-12__body .k-widget-12__info {
  color:var(--midtone-color) !important;}

  .k-widget-12 .k-widget-12__members .k-widget-12__member {
    border-color:1var(--white-color) !important;
    color:var(--midtone-color) !important;}
      .k-widget-12 .k-widget-12__members .k-widget-12__member.k-widget-12__member--last:hover {
        background-color:var(--lighttone-color) !important;
        color:var(--white-color) !important;}

    .k-widget-13 .k-widget-13__body .k-widget-13__title:hover {
      color:var(--lighttone-color) !important;}
  .k-widget-13 .k-widget-13__body .k-widget-13__desc {
    color:var(--midtone-color) !important;}

      .k-widget-13 .k-widget-13__foot .k-widget-13__progress .k-widget-13__progress-info .k-widget-13__progress-status {
        color:var(--midtone-color) !important;}

  .k-widget-14 .k-widget-14__title:hover {
    color:var(--lighttone-color) !important;}

.k-widget-14 .k-widget-14__desc {
  color:var(--midtone-color) !important;}

  .k-widget-14 .k-widget-14__foot .k-widget-14__foot-info .k-widget-14__foot-desc {
    color:var(--midtone-color) !important;}

        .k-widget-15 .k-widget-15__body .k-widget-15__author .k-widget-15__detail .k-widget-15__name:hover {
          color:var(--lighttone-color) !important;}
      .k-widget-15 .k-widget-15__body .k-widget-15__author .k-widget-15__detail .k-widget-15__desc {
        color:var(--midtone-color) !important;}
    .k-widget-15 .k-widget-15__body .k-widget-15__wrapper .k-widget-15__info {
      color:var(--midtone-color) !important;
      border-left:1px solid var(--midtone-color) !important;}
        .k-widget-15 .k-widget-15__body .k-widget-15__wrapper .k-widget-15__info .k-widget-15__info--item:hover {
          color:var(--lighttone-color) !important;}

  .k-widget-15 .k-widget-15__foot .k-widget-15__foot-info .k-widget-15__foot-desc {
    color:var(--midtone-color) !important;}

        .k-widget-16 .k-widget-16__item .k-widget-16__labels .k-widget-16__title:hover {
          color:var(--lighttone-color) !important;}
      .k-widget-16 .k-widget-16__item .k-widget-16__labels .k-widget-16__desc {
        color:var(--midtone-color) !important;}
        .k-widget-16 .k-widget-16__item .k-widget-16__data .k-widget-16__numbers .k-widget-16__numbers-change {
          color:var(--lighttone-color) !important;}
    .k-widget-16 .k-widget-16__item.k-widget-16__item--brand .k-widget-16__labels .k-widget-16__title:hover {
      color:var(--lighttone-color) !important;}
    .k-widget-16 .k-widget-16__item.k-widget-16__item--brand .k-widget-16__data .k-widget-16__numbers .k-widget-16__numbers-change {
      color:var(--lighttone-color) !important;}
    .k-widget-16 .k-widget-16__item.k-widget-16__item--light .k-widget-16__labels .k-widget-16__title:hover {
      color:var(--white-color) !important;}
    .k-widget-16 .k-widget-16__item.k-widget-16__item--light .k-widget-16__data .k-widget-16__numbers .k-widget-16__numbers-change {
      color:var(--white-color) !important;}
    .k-widget-16 .k-widget-16__item.k-widget-16__item--primary .k-widget-16__labels .k-widget-16__title:hover {
      color:var(--lighttone-color) !important;}
    .k-widget-16 .k-widget-16__item.k-widget-16__item--primary .k-widget-16__data .k-widget-16__numbers .k-widget-16__numbers-change {
      color:var(--lighttone-color) !important;}
    .k-widget-16 .k-widget-16__item.k-widget-16__item--info .k-widget-16__labels .k-widget-16__title:hover {
      color:var(--darktone-color) !important;}
    .k-widget-16 .k-widget-16__item.k-widget-16__item--info .k-widget-16__data .k-widget-16__numbers .k-widget-16__numbers-change {
      color:var(--darktone-color) !important;}

      .k-widget-17 .k-widget-17__item .k-widget-17__product .k-widget-17__product-desc .k-widget-17__title:hover {
        color:var(--lighttone-color) !important;}
    .k-widget-17 .k-widget-17__item .k-widget-17__product .k-widget-17__product-desc .k-widget-17__sku {
      color:var(--midtone-color) !important;}
    .k-widget-17 .k-widget-17__item .k-widget-17__prices .k-widget-17__unit span {
      color:var(--midtone-color) !important;}

  .k-widget-17 .k-widget-17__foot .k-widget-17__foot-info .k-widget-17__foot-desc {
    color:var(--midtone-color) !important;}

  .k-widget-18 .k-widget-18__summary .k-widget-18__label {
    color:var(--midtone-color) !important;}

  .k-widget-18 .k-widget-18__item .k-widget-18__legend {
    background-color:var(--lighttone-color) !important;}
      .k-widget-18 .k-widget-18__item .k-widget-18__desc .k-widget-18__title:hover {
        color:var(--lighttone-color) !important;}
    .k-widget-18 .k-widget-18__item .k-widget-18__desc .k-widget-18__desc {
      color:var(--midtone-color) !important;}
  .k-widget-18 .k-widget-18__item .k-widget-18__orders {
    color:var(--midtone-color) !important;}

      .k-widget-19 .k-widget-19__title .k-widget-19__label small {
        color:var(--midtone-color) !important;}
        .k-widget-19 .k-widget-19__data .k-widget-19__chart .k-widget-19__bar [class*="k-widget-19__bar"] {
          background-color:var(--lighttone-color) !important;}

      .k-widget-20 .k-widget-20__title .k-widget-20__label small {
        color:var(--midtone-color) !important;}

      .k-widget-21 .k-widget-21__title .k-widget-21__label small {
        color:var(--midtone-color) !important;}
        .k-widget-21 .k-widget-21__data .k-widget-21__legends .k-widget-21__legend span {
          color:var(--midtone-color) !important;}

      .k-input-icon > .k-input-icon__icon > span i {
        color:var(--midtone-color) !important;}


.k-checkbox.k-checkbox--brand > span {
  border-color:var(--lighttone-color) !important;}
  .k-checkbox.k-checkbox--brand > span:after {
    border-color:var(--lighttone-color) !important;}

.k-checkbox.k-checkbox--brand > input:disabled ~ span:after {
  border-color:var(--lighttone-color) !important;}

.k-checkbox.k-checkbox--brand > input:checked ~ span {
  border-color:var(--lighttone-color) !important;}

.k-checkbox.k-checkbox--brand.k-checkbox--bold > input:checked ~ span {
  border-color:var(--lighttone-color) !important;}

.k-checkbox.k-checkbox--brand.k-checkbox--solid > span {
  background:var(--lighttone-color) !important;}
  .k-checkbox.k-checkbox--brand.k-checkbox--solid > span:after {
    border-color:var(--white-color) !important;}

.k-checkbox.k-checkbox--brand.k-checkbox--solid > input:checked ~ span {
  background:var(--lighttone-color) !important;}

.k-checkbox.k-checkbox--light > span {
  border-color:var(--white-color) !important;}
  .k-checkbox.k-checkbox--light > span:after {
    border-color:var(--white-color) !important;}

.k-checkbox.k-checkbox--light > input:disabled ~ span:after {
  border-color:var(--white-color) !important;}

.k-checkbox.k-checkbox--light > input:checked ~ span {
  border-color:var(--white-color) !important;}

.k-checkbox.k-checkbox--light.k-checkbox--bold > input:checked ~ span {
  border-color:var(--white-color) !important;}

.k-checkbox.k-checkbox--light.k-checkbox--solid > span {
  background:var(--white-color) !important;}

.k-checkbox.k-checkbox--light.k-checkbox--solid > input:checked ~ span {
  background:var(--white-color) !important;}

  .k-checkbox.k-checkbox--dark.k-checkbox--solid > span:after {
    border-color:var(--white-color) !important;}

  .k-checkbox.k-checkbox--accent.k-checkbox--solid > span:after {
    border-color:var(--white-color) !important;}

  .k-checkbox.k-checkbox--focus.k-checkbox--solid > span:after {
    border-color:var(--white-color) !important;}

.k-checkbox.k-checkbox--primary > span {
  border-color:var(--lighttone-color) !important;}
  .k-checkbox.k-checkbox--primary > span:after {
    border-color:var(--lighttone-color) !important;}

.k-checkbox.k-checkbox--primary > input:disabled ~ span:after {
  border-color:var(--lighttone-color) !important;}

.k-checkbox.k-checkbox--primary > input:checked ~ span {
  border-color:var(--lighttone-color) !important;}

.k-checkbox.k-checkbox--primary.k-checkbox--bold > input:checked ~ span {
  border-color:var(--lighttone-color) !important;}

.k-checkbox.k-checkbox--primary.k-checkbox--solid > span {
  background:var(--lighttone-color) !important;
  border-color:transparent !important;}
  .k-checkbox.k-checkbox--primary.k-checkbox--solid > span:after {
    border-color:var(--white-color) !important;}

.k-checkbox.k-checkbox--primary.k-checkbox--solid > input:checked ~ span {
  background:var(--lighttone-color) !important;}

  .k-checkbox.k-checkbox--success.k-checkbox--solid > span:after {
    border-color:var(--white-color) !important;}

.k-checkbox.k-checkbox--info > span {
  border-color:var(--darktone-color) !important;}
  .k-checkbox.k-checkbox--info > span:after {
    border-color:var(--darktone-color) !important;}

.k-checkbox.k-checkbox--info > input:disabled ~ span:after {
  border-color:var(--darktone-color) !important;}

.k-checkbox.k-checkbox--info > input:checked ~ span {
  border-color:var(--darktone-color) !important;}

.k-checkbox.k-checkbox--info.k-checkbox--bold > input:checked ~ span {
  border-color:var(--darktone-color) !important;}

.k-checkbox.k-checkbox--info.k-checkbox--solid > span {
  background:var(--darktone-color) !important;}
  .k-checkbox.k-checkbox--info.k-checkbox--solid > span:after {
    border-color:var(--white-color) !important;}

.k-checkbox.k-checkbox--info.k-checkbox--solid > input:checked ~ span {
  background:var(--darktone-color) !important;}

  .k-checkbox.k-checkbox--danger.k-checkbox--solid > span:after {
    border-color:var(--white-color) !important;}

.k-radio.k-radio--brand > span {
  border-color:var(--lighttone-color) !important;}
  .k-radio.k-radio--brand > span:after {
    border-color:var(--lighttone-color) !important;
    background:var(--lighttone-color) !important;}

.k-radio.k-radio--brand > input:disabled ~ span:after {
  border-color:var(--lighttone-color) !important;}

.k-radio.k-radio--brand > input:checked ~ span {
  border-color:var(--lighttone-color) !important;}

.k-radio.k-radio--brand.k-radio--bold > input:checked ~ span {
  border-color:var(--lighttone-color) !important;}

.k-radio.k-radio--brand.k-radio--solid > span {
  background:var(--lighttone-color) !important;}
  .k-radio.k-radio--brand.k-radio--solid > span:after {
    border-color:var(--white-color) !important;
    background:var(--white-color) !important;}

.k-radio.k-radio--brand.k-radio--solid > input:checked ~ span {
  background:var(--lighttone-color) !important;}

.k-radio.k-radio--light > span {
  border-color:var(--white-color) !important;}
  .k-radio.k-radio--light > span:after {
    border-color:var(--white-color) !important;
    background:var(--white-color) !important;}

.k-radio.k-radio--light > input:disabled ~ span:after {
  border-color:var(--white-color) !important;}

.k-radio.k-radio--light > input:checked ~ span {
  border-color:var(--white-color) !important;}

.k-radio.k-radio--light.k-radio--bold > input:checked ~ span {
  border-color:var(--white-color) !important;}

.k-radio.k-radio--light.k-radio--solid > span {
  background:var(--white-color) !important;}
.k-radio.k-radio--light.k-radio--solid > input:checked ~ span {
  background:var(--white-color) !important;}

  .k-radio.k-radio--dark.k-radio--solid > span:after {
    border-color:svar(--white-color) !important;
    background:var(--white-color) !important;}

  .k-radio.k-radio--accent.k-radio--solid > span:after {
    border-color:svar(--white-color) !important;
    background:var(--white-color) !important;}

  .k-radio.k-radio--focus.k-radio--solid > span:after {
    border-color:var(--white-color) !important;
    background:var(--white-color) !important;}

.k-radio.k-radio--primary > span {
  border-color:var(--lighttone-color) !important;}
  .k-radio.k-radio--primary > span:after {
    border-color:var(--lighttone-color) !important;
    background:var(--lighttone-color) !important;}

.k-radio.k-radio--primary > input:disabled ~ span:after {
  border-color:var(--lighttone-color) !important;}

.k-radio.k-radio--primary > input:checked ~ span {
  border-color:var(--lighttone-color) !important;}

.k-radio.k-radio--primary.k-radio--bold > input:checked ~ span {
  border-color:var(--lighttone-color) !important;}

.k-radio.k-radio--primary.k-radio--solid > span {
  background:var(--lighttone-color) !important;}
  .k-radio.k-radio--primary.k-radio--solid > span:after {
    border-color:var(--white-color) !important;
    background:var(--white-color) !important;}

.k-radio.k-radio--primary.k-radio--solid > input:checked ~ span {
  background:var(--lighttone-color) !important;}

  .k-radio.k-radio--success.k-radio--solid > span:after {
    border-color:svar(--white-color) !important;
    background:var(--white-color) !important;}

.k-radio.k-radio--info > span {
  border-color:var(--darktone-color) !important;}
  .k-radio.k-radio--info > span:after {
    border-color:var(--darktone-color) !important;
    background:var(--darktone-color) !important;}

.k-radio.k-radio--info > input:disabled ~ span:after {
  border-color:var(--darktone-color) !important;}

.k-radio.k-radio--info > input:checked ~ span {
  border-color:var(--darktone-color) !important;}

.k-radio.k-radio--info.k-radio--bold > input:checked ~ span {
  border-color:var(--darktone-color) !important;}

.k-radio.k-radio--info.k-radio--solid > span {
  background:var(--darktone-color) !important;}
  .k-radio.k-radio--info.k-radio--solid > span:after {
    border-color:var(--white-color) !important;
    background:var(--white-color) !important;}

.k-radio.k-radio--info.k-radio--solid > input:checked ~ span {
  background:var(--darktone-color) !important;}

  .k-radio.k-radio--danger.k-radio--solid > span:after {
    border-color:var(--white-color) !important;
    background:var(--white-color) !important;}

.k-switch input:empty ~ span:after {
  background-color:var(--white-color) !important;}

.k-switch input:checked ~ span:after {
  background-color:var(--lighttone-color) !important;
  color:var(--white-color) !important;}

.k-switch.k-switch--brand:not(.k-switch--outline) input:empty ~ span:before {
  background-color:var(--lighttone-color) !important;}

.k-switch.k-switch--brand:not(.k-switch--outline) input:empty ~ span:after {
  color:var(--lighttone-color) !important;
  background-color:var(--white-color) !important;}

.k-switch.k-switch--brand:not(.k-switch--outline) input:checked ~ span:before {
  background-color:var(--lighttone-color) !important;}

.k-switch.k-switch--outline.k-switch--brand input:empty ~ span:after {
  color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--brand input:checked ~ span:before {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--brand input:checked ~ span:after {
  background-color:var(--lighttone-color) !important;}

.k-switch.k-switch--light:not(.k-switch--outline) input:empty ~ span:before {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--light:not(.k-switch--outline) input:empty ~ span:after {
  color:var(--white-color) !important;}

.k-switch.k-switch--light:not(.k-switch--outline) input:checked ~ span:before {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--light input:checked ~ span:after {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--dark:not(.k-switch--outline) input:empty ~ span:after {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--dark input:empty ~ span:after {
  color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--dark input:checked ~ span:before {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--accent:not(.k-switch--outline) input:empty ~ span:after {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--accent input:empty ~ span:after {
  color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--accent input:checked ~ span:before {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--focus:not(.k-switch--outline) input:empty ~ span:after {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--focus input:empty ~ span:after {
  color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--focus input:checked ~ span:before {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--primary:not(.k-switch--outline) input:empty ~ span:before {
  background-color:var(--lighttone-color) !important;}

.k-switch.k-switch--primary:not(.k-switch--outline) input:empty ~ span:after {
  color:var(--lighttone-color) !important;
  background-color:var(--white-color) !important;}

.k-switch.k-switch--primary:not(.k-switch--outline) input:checked ~ span:before {
  background-color:var(--lighttone-color) !important;}

.k-switch.k-switch--outline.k-switch--primary input:empty ~ span:after {
  color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--primary input:checked ~ span:before {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--primary input:checked ~ span:after {
  background-color:var(--lighttone-color) !important;}

.k-switch.k-switch--success:not(.k-switch--outline) input:empty ~ span:after {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--success input:empty ~ span:after {
  color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--success input:checked ~ span:before {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--info:not(.k-switch--outline) input:empty ~ span:before {
  background-color:var(--darktone-color) !important;}

.k-switch.k-switch--info:not(.k-switch--outline) input:empty ~ span:after {
  color:var(--darktone-color) !important;
  background-color:var(--white-color) !important;}

.k-switch.k-switch--info:not(.k-switch--outline) input:checked ~ span:before {
  background-color:var(--darktone-color) !important;}

.k-switch.k-switch--outline.k-switch--info input:empty ~ span:after {
  color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--info input:checked ~ span:before {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--info input:checked ~ span:after {
  background-color:var(--darktone-color) !important;}

.k-switch.k-switch--danger:not(.k-switch--outline) input:empty ~ span:after {
  background-color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--danger input:empty ~ span:after {
  color:var(--white-color) !important;}

.k-switch.k-switch--outline.k-switch--danger input:checked ~ span:before {
  background-color:var(--white-color) !important;}

.k-option {
  border-color:var(--midtone-color) !important;}
    .k-option .k-option__label .k-option__body {
      color:var(--midtone-color) !important;}

  .k-avatar .k-avatar__upload {
    background-color:var(--white-color) !important;}
    .k-avatar .k-avatar__upload i {
      color:var(--lighttone-color) !important;}
    .k-avatar .k-avatar__upload:hover {
      background-color:var(--lighttone-color) !important;}
      .k-avatar .k-avatar__upload:hover i {
        color:var(--white-color) !important;}
  .k-avatar .k-avatar__cancel {
    background-color:var(--white-color) !important;}
    .k-avatar .k-avatar__cancel i {
      color:var(--midtone-color) !important;}
    .k-avatar .k-avatar__cancel:hover i {
      color:var(--lighttone-color) !important;}
  .k-avatar.k-avatar--brand .k-avatar__upload i {
    color:var(--lighttone-color) !important;}
  .k-avatar.k-avatar--brand .k-avatar__upload:hover {
    background-color:var(--lighttone-color) !important;}
    .k-avatar.k-avatar--brand .k-avatar__upload:hover i {
      color:var(--white-color) !important;}
  .k-avatar.k-avatar--light .k-avatar__upload i {
    color:var(--white-color) !important;}
  .k-avatar.k-avatar--light .k-avatar__upload:hover {
    background-color:var(--white-color) !important;}
    .k-avatar.k-avatar--dark .k-avatar__upload:hover i {
      color:var(--white-color) !important;}
    .k-avatar.k-avatar--accent .k-avatar__upload:hover i {
      color:var(--white-color) !important;}
    .k-avatar.k-avatar--focus .k-avatar__upload:hover i {
      color:var(--white-color) !important;}
  .k-avatar.k-avatar--primary .k-avatar__upload i {
    color:var(--lighttone-color) !important;}
  .k-avatar.k-avatar--primary .k-avatar__upload:hover {
    background-color:var(--lighttone-color) !important;}
    .k-avatar.k-avatar--primary .k-avatar__upload:hover i {
      color:var(--white-color) !important;}
    .k-avatar.k-avatar--success .k-avatar__upload:hover i {
      color:var(--white-color) !important;}
  .k-avatar.k-avatar--info .k-avatar__upload i {
    color:var(--darktone-color) !important;}
  .k-avatar.k-avatar--info .k-avatar__upload:hover {
    background-color:var(--darktone-color) !important;}
    .k-avatar.k-avatar--info .k-avatar__upload:hover i {
      color:var(--white-color) !important;}
    .k-avatar.k-avatar--danger .k-avatar__upload:hover i {
      color:var(--white-color) !important;}
  .k-avatar.k-avatar--outline .k-avatar__holder {
    border-color:var(--white-color) !important;}

.k-iconbox {
  background-color:var(--white-color) !important;}
  .k-iconbox.k-iconbox--active {
    border-color:var(--lighttone-color) !important;}
  .k-iconbox .k-iconbox__icon {
    color:var(--lighttone-color) !important;}
  .k-iconbox.k-iconbox--brand.k-iconbox--active {
    border-color:var(--lighttone-color) !important;}
  .k-iconbox.k-iconbox--brand .k-iconbox__icon {
    color:var(--lighttone-color) !important;}
  .k-iconbox.k-iconbox--light.k-iconbox--active {
    border-color:var(--white-color) !important;}
  .k-iconbox.k-iconbox--light .k-iconbox__icon {
    color:var(--white-color) !important;}
  .k-iconbox.k-iconbox--primary.k-iconbox--active {
    border-color:var(--lighttone-color) !important;}
  .k-iconbox.k-iconbox--primary .k-iconbox__icon {
    color:var(--lighttone-color) !important;}
  .k-iconbox.k-iconbox--info.k-iconbox--active {
    border-color:var(--darktone-color) !important;}
  .k-iconbox.k-iconbox--info .k-iconbox__icon {
    color:var(--darktone-color) !important;}

      .k-user-card .k-user-card__wrapper .k-user-card__details .k-user-card__name {
        color:var(--white-color) !important;}
      .k-user-card .k-user-card__wrapper .k-user-card__details .k-user-card__position {
        color:var(--midtone-color) !important;}
    .k-user-card.k-user-card--skin-light .k-user-card__wrapper .k-user-card__details .k-user-card__position {
      color:var(--midtone-color) !important;}

    .k-user-card-v2 .k-user-card-v2__details .k-user-card-v2__email {
      color:var(--midtone-color) !important;}

      .k-user-card-v3 .k-user-card-v3__detalis a.k-user-card-v3__name:hover {
        color:var(--lighttone-color) !important;}
      .k-user-card-v3 .k-user-card-v3__detalis .k-user-card-v3__info a.k-user-card-v3__item:hover .k-user-card-v3__tag {
        color:var(--lighttone-color) !important;}

.blockui {
  background:var(--white-color) !important;}
  .blockui > span {
    color:var(--midtone-color) !important;}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
  border-color:var(--midtone-color) !important;}

.fc-unthemed .fc-event,
.fc-unthemed .fc-event-dot {
  background:var(--white-color) !important;
  border-color:var(--midtone-color) !important;}

.fc-unthemed .fc-description {
  color:var(--midtone-color) !important;}

.fc-unthemed .fc-list-item-title > a[href]:hover {
  color:var(--lighttone-color) !important;}

.fc-unthemed .fc-more {
  color:var(--midtone-color) !important;}

.fc-unthemed .fc-event.fc-start.fc-event-brand .fc-content:before,
.fc-unthemed .fc-event-dot.fc-start.fc-event-brand .fc-content:before {
  background:var(--lighttone-color) !important;}

.fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-brand, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-brand, .fc-unthemed .fc-event.fc-start.fc-event-solid-brand,
.fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-brand,
.fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-brand,
.fc-unthemed .fc-event-dot.fc-start.fc-event-solid-brand {
  background:var(--lighttone-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-brand .fc-title, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-brand .fc-title, .fc-unthemed .fc-event.fc-start.fc-event-solid-brand .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-brand .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-brand .fc-title,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-brand .fc-title {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-brand .fc-description, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-brand .fc-description, .fc-unthemed .fc-event.fc-start.fc-event-solid-brand .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-brand .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-brand .fc-description,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-brand .fc-description {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-brand .fc-time, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-brand .fc-time, .fc-unthemed .fc-event.fc-start.fc-event-solid-brand .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-brand .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-brand .fc-time,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-brand .fc-time {
    color:var(--white-color) !important;}

.fc-unthemed .fc-event.fc-start.fc-event-light .fc-content:before,
.fc-unthemed .fc-event-dot.fc-start.fc-event-light .fc-content:before {
  background:var(--white-color) !important;}

.fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-light, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-light, .fc-unthemed .fc-event.fc-start.fc-event-solid-light,
.fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-light,
.fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-light,
.fc-unthemed .fc-event-dot.fc-start.fc-event-solid-light {
  background:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-dark .fc-title, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-dark .fc-title, .fc-unthemed .fc-event.fc-start.fc-event-solid-dark .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-dark .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-dark .fc-title,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-dark .fc-title {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-dark .fc-description, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-dark .fc-description, .fc-unthemed .fc-event.fc-start.fc-event-solid-dark .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-dark .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-dark .fc-description,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-dark .fc-description {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-dark .fc-time, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-dark .fc-time, .fc-unthemed .fc-event.fc-start.fc-event-solid-dark .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-dark .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-dark .fc-time,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-dark .fc-time {
    color:var(--white-color) !important;}

  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-accent .fc-title, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-accent .fc-title, .fc-unthemed .fc-event.fc-start.fc-event-solid-accent .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-accent .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-accent .fc-title,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-accent .fc-title {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-accent .fc-description, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-accent .fc-description, .fc-unthemed .fc-event.fc-start.fc-event-solid-accent .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-accent .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-accent .fc-description,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-accent .fc-description {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-accent .fc-time, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-accent .fc-time, .fc-unthemed .fc-event.fc-start.fc-event-solid-accent .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-accent .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-accent .fc-time,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-accent .fc-time {
    color:var(--white-color) !important;}

  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-focus .fc-title, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-focus .fc-title, .fc-unthemed .fc-event.fc-start.fc-event-solid-focus .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-focus .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-focus .fc-title,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-focus .fc-title {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-focus .fc-description, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-focus .fc-description, .fc-unthemed .fc-event.fc-start.fc-event-solid-focus .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-focus .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-focus .fc-description,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-focus .fc-description {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-focus .fc-time, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-focus .fc-time, .fc-unthemed .fc-event.fc-start.fc-event-solid-focus .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-focus .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-focus .fc-time,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-focus .fc-time {
    color:var(--white-color) !important;}

.fc-unthemed .fc-event.fc-start.fc-event-primary .fc-content:before,
.fc-unthemed .fc-event-dot.fc-start.fc-event-primary .fc-content:before {
  background:var(--lighttone-color) !important;}

.fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-primary, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-primary, .fc-unthemed .fc-event.fc-start.fc-event-solid-primary,
.fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-primary,
.fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-primary,
.fc-unthemed .fc-event-dot.fc-start.fc-event-solid-primary {
  background:var(--lighttone-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-primary .fc-title, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-primary .fc-title, .fc-unthemed .fc-event.fc-start.fc-event-solid-primary .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-primary .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-primary .fc-title,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-primary .fc-title {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-primary .fc-description, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-primary .fc-description, .fc-unthemed .fc-event.fc-start.fc-event-solid-primary .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-primary .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-primary .fc-description,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-primary .fc-description {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-primary .fc-time, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-primary .fc-time, .fc-unthemed .fc-event.fc-start.fc-event-solid-primary .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-primary .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-primary .fc-time,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-primary .fc-time {
    color:var(--white-color) !important;}

  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-success .fc-title, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-success .fc-title, .fc-unthemed .fc-event.fc-start.fc-event-solid-success .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-success .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-success .fc-title,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-success .fc-title {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-success .fc-description, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-success .fc-description, .fc-unthemed .fc-event.fc-start.fc-event-solid-success .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-success .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-success .fc-description,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-success .fc-description {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-success .fc-time, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-success .fc-time, .fc-unthemed .fc-event.fc-start.fc-event-solid-success .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-success .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-success .fc-time,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-success .fc-time {
    color:var(--white-color) !important;}

.fc-unthemed .fc-event.fc-start.fc-event-info .fc-content:before,
.fc-unthemed .fc-event-dot.fc-start.fc-event-info .fc-content:before {
  background:var(--darktone-color) !important;}

.fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-info, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-info, .fc-unthemed .fc-event.fc-start.fc-event-solid-info,
.fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-info,
.fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-info,
.fc-unthemed .fc-event-dot.fc-start.fc-event-solid-info {
  background:var(--darktone-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-info .fc-title, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-info .fc-title, .fc-unthemed .fc-event.fc-start.fc-event-solid-info .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-info .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-info .fc-title,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-info .fc-title {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-info .fc-description, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-info .fc-description, .fc-unthemed .fc-event.fc-start.fc-event-solid-info .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-info .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-info .fc-description,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-info .fc-description {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-info .fc-time, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-info .fc-time, .fc-unthemed .fc-event.fc-start.fc-event-solid-info .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-info .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-info .fc-time,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-info .fc-time {
    color:var(--white-color) !important;}

  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-danger .fc-title, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-danger .fc-title, .fc-unthemed .fc-event.fc-start.fc-event-solid-danger .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-danger .fc-title,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-danger .fc-title,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-danger .fc-title {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-danger .fc-description, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-danger .fc-description, .fc-unthemed .fc-event.fc-start.fc-event-solid-danger .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-danger .fc-description,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-danger .fc-description,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-danger .fc-description {
    color:var(--white-color) !important;}
  .fc-unthemed .fc-event.fc-not-start.fc-end.fc-event-solid-danger .fc-time, .fc-unthemed .fc-event.fc-not-start.fc-not-end.fc-event-solid-danger .fc-time, .fc-unthemed .fc-event.fc-start.fc-event-solid-danger .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-end.fc-event-solid-danger .fc-time,
  .fc-unthemed .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-danger .fc-time,
  .fc-unthemed .fc-event-dot.fc-start.fc-event-solid-danger .fc-time {
    color:var(--white-color) !important;}

.fc-unthemed .fc-popover {
  background:var(--white-color) !important;}
  .fc-unthemed .fc-popover .fc-header {
    background:var(--white-color) !important;
    border-color:var(--midtone-color) !important;}
    .fc-unthemed .fc-popover .fc-header .fc-close {
      color:var(--midtone-color) !important;}
  .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end .fc-content:before,
  .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end .fc-content:before {
    background:var(--midtone-color) !important;}
  .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-brand .fc-content:before,
  .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-brand .fc-content:before {
    background:var(--lighttone-color) !important;}
  .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-brand,
  .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-brand {
    background:var(--lighttone-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-brand .fc-title,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-brand .fc-title {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-brand .fc-description,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-brand .fc-description {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-brand .fc-time,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-brand .fc-time {
      color:var(--white-color) !important;}
  .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-light .fc-content:before,
  .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-light .fc-content:before {
    background:var(--white-color) !important;}
  .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-light,
  .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-light {
    background:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-dark .fc-title,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-dark .fc-title {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-dark .fc-description,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-dark .fc-description {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-dark .fc-time,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-dark .fc-time {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-accent .fc-title,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-accent .fc-title {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-accent .fc-description,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-accent .fc-description {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-accent .fc-time,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-accent .fc-time {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-focus .fc-title,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-focus .fc-title {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-focus .fc-description,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-focus .fc-description {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-focus .fc-time,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-focus .fc-time {
      color:var(--white-color) !important;}
  .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-primary .fc-content:before,
  .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-primary .fc-content:before {
    background:var(--lighttone-color) !important;}
  .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-primary,
  .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-primary {
    background:var(--lighttone-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-primary .fc-title,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-primary .fc-title {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-primary .fc-description,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-primary .fc-description {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-primary .fc-time,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-primary .fc-time {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-success .fc-title,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-success .fc-title {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-success .fc-description,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-success .fc-description {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-success .fc-time,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-success .fc-time {
      color:var(--white-color) !important;}
  .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-info .fc-content:before,
  .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-info .fc-content:before {
    background:var(--darktone-color) !important;}
  .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-info,
  .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-info {
    background:var(--darktone-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-info .fc-title,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-info .fc-title {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-info .fc-description,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-info .fc-description {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-info .fc-time,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-info .fc-time {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-danger .fc-title,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-danger .fc-title {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-danger .fc-description,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-danger .fc-description {
      color:var(--white-color) !important;}
    .fc-unthemed .fc-popover .fc-body .fc-event.fc-not-start.fc-not-end.fc-event-solid-danger .fc-time,
    .fc-unthemed .fc-popover .fc-body .fc-event-dot.fc-not-start.fc-not-end.fc-event-solid-danger .fc-time {
      color:var(--white-color) !important;}

.fc-unthemed th.fc-day-header > a,
.fc-unthemed th.fc-day-header > span {
  color:var(--midtone-color) !important;}

.fc-unthemed .fc-list-heading td {
  background:var(--midtone-color) !important;
  border-color:var(--midtone-color) !important;}

.fc-unthemed .fc-list-heading .fc-list-heading-alt {
  color:var(--midtone-color) !important;}

.fc-unthemed .fc-list-item.fc-event-solid-brand .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-brand .fc-event-dot {
  background:var(--lighttone-color) !important;
  border-color:var(--lighttone-color) !important;}

.fc-unthemed .fc-list-item.fc-event-solid-light .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-light .fc-event-dot {
  background:var(--white-color) !important;
  border-color:var(--white-color) !important;}

.fc-unthemed .fc-list-item.fc-event-solid-primary .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-primary .fc-event-dot {
  background:var(--lighttone-color) !important;
  border-color:var(--lighttone-color) !important;}

.fc-unthemed .fc-list-item.fc-event-solid-info .fc-event-dot, .fc-unthemed .fc-list-item.fc-event-info .fc-event-dot {
  background:var(--darktone-color) !important;
  border-color:var(--darktone-color) !important;}

.fc-unthemed .fc-toolbar .fc-button {
  color:var(--midtone-color) !important;
  border-color:var(--midtone-color) !important;}
  .fc-unthemed .fc-toolbar .fc-button .fc-icon {
    color:var(--midtone-color) !important;}
  .fc-unthemed .fc-toolbar .fc-button:hover {
    border-color:var(--midtone-color) !important;
    color:var(--midtone-color) !important;}
  .fc-unthemed .fc-toolbar .fc-button:focus, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button.fc-state-active {
    background:var(--lighttone-color) !important;
    color:var(--white-color) !important;
    border-color:var(--lighttone-color) !important;}
    .fc-unthemed .fc-toolbar .fc-button:focus .fc-icon, .fc-unthemed .fc-toolbar .fc-button:active .fc-icon, .fc-unthemed .fc-toolbar .fc-button.fc-state-active .fc-icon {
      color:var(--white-color) !important;}

    .datepicker tbody tr > td.day.today:before {
      border-bottom-color:var(--white-color) !important;
      border-top-color:var(--midtone-color) !important;}

.datepicker thead th {
  color:var(--midtone-color) !important;}
  .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next {
    color:var(--midtone-color) !important;}
    .datepicker thead th.prev i, .datepicker thead th.datepicker-switch i, .datepicker thead th.next i {
      color:var(--midtone-color) !important;
      font-size:1.2rem; }

  .datepicker tbody tr > td.day:hover {
    background:var(--midtone-color) !important;}
  .datepicker tbody tr > td.day.new {
    color:var(--midtone-color) !important;}
  .datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover {
    background:var(--lighttone-color) !important;
    color:var(--white-color) !important;}
  .datepicker tbody tr > td.day.today {
    color:var(--white-color) !important;}
    .datepicker tbody tr > td.day.today:before {
      border-bottom-color:var(--white-color) !important;
      border-top-color:var(--midtone-color) !important;}

  .datepicker tbody tr > td > span.month.active:hover, .datepicker tbody tr > td > span.month.active.focused:hover, .datepicker tbody tr > td > span.month.active {
    background:var(--lighttone-color) !important;
    color:var(--white-color) !important;}

.datepicker tfoot tr > th.today:hover, .datepicker tfoot tr > th.clear:hover {
  background:var(--midtone-color) !important;}

    .datetimepicker tbody tr > td.day.today:before {
      border-bottom-color:var(--white-color) !important;
      border-top-color:var(--midtone-color) !important;}

.datetimepicker thead th.prev, .datetimepicker thead th.switch, .datetimepicker thead th.next {
  color:var(--midtone-color) !important;}
  .datetimepicker thead th.prev .glyphicon, .datetimepicker thead th.switch .glyphicon, .datetimepicker thead th.next .glyphicon {
    color:var(--midtone-color) !important;}

  .datetimepicker tbody tr > td.day.old {
    color:var(--midtone-color) !important;}
  .datetimepicker tbody tr > td.day.selected, .datetimepicker tbody tr > td.day.active {
    background:var(--lighttone-color) !important;
    color:var(--white-color) !important;}
  .datetimepicker tbody tr > td.day.today {
    color:var(--white-color) !important;}
    .datetimepicker tbody tr > td.day.today:before {
      border-bottom-color:var(--white-color) !important;
      border-top-color:var(--midtone-color) !important;}
  .datetimepicker tbody tr > td.day.range { }

  .datetimepicker tbody tr > td span.year.active:hover, .datetimepicker tbody tr > td span.year.active,
  .datetimepicker tbody tr > td span.hour.active:hover,
  .datetimepicker tbody tr > td span.hour.active,
  .datetimepicker tbody tr > td span.minute.active:hover,
  .datetimepicker tbody tr > td span.minute.active,
  .datetimepicker tbody tr > td span.month.active:hover,
  .datetimepicker tbody tr > td span.month.active {
    background:var(--lighttone-color) !important;
    color:var(--white-color) !important;}

.bootstrap-timepicker-widget table td > a .la {
  color:var(--midtone-color) !important;}

    .daterangepicker tbody td.today.in-range:before, .daterangepicker tbody td.today:before {
      border-bottom-color:var(--white-color) !important;
      border-top-color:var(--midtone-color) !important;}
  @media (min-width:1025px) {
    .daterangepicker.show-calendar .calendar.right {
      border-right:1px solid var(--midtone-color) !important;} }

  .daterangepicker .daterangepicker_input .input-mini {
    border-color:var(--midtone-color) !important;}
  .daterangepicker .daterangepicker_input i {
    color:var(--midtone-color) !important;}
    .daterangepicker thead th.prev, .daterangepicker thead th.next {
      color:var(--midtone-color) !important;}
  .daterangepicker tbody td.today {
    color:var(--white-color) !important;}
    .daterangepicker tbody td.today:before {
      border-bottom-color:var(--white-color) !important;
      border-top-color:var(--midtone-color) !important;}
  .daterangepicker tbody td.in-range, .daterangepicker tbody td.active {
    background:var(--lighttone-color) !important;
    color:var(--white-color) !important;}
    .daterangepicker tbody td.in-range:hover, .daterangepicker tbody td.active:hover {
      background:var(--lighttone-color) !important;
      color:var(--white-color) !important;}
  .daterangepicker select.monthselect,
  .daterangepicker select.yearselect,
  .daterangepicker select.hourselect,
  .daterangepicker select.minuteselect,
  .daterangepicker select.ampmselect {
    border-color:var(--midtone-color) !important;}
  .daterangepicker .ranges li {
    border-color:var(--midtone-color) !important;
    color:var(--midtone-color) !important;}
    .daterangepicker .ranges li:hover {
      color:var(--lighttone-color) !important;}
    .daterangepicker .ranges li.active {
      color:var(--lighttone-color) !important;}
  .daterangepicker.show-calendar .ranges li.active {
    color:var(--lighttone-color) !important;}
  .daterangepicker.show-calendar .ranges li:last-child {
    color:var(--lighttone-color) !important;}

.bootstrap-touchspin .input-group-addon {
  border-color:var(--midtone-color) !important;}

.bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.btn-secondary {
  background:var(--white-color) !important;
  border-color:var(--midtone-color) !important;}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color:var(--midtone-color) !important;}
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-brand {
    color:var(--white-color) !important;}
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark {
    color:var(--white-color) !important;}
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-accent {
    color:var(--white-color) !important;}
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-focus {
    color:var(--white-color) !important;}
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary {
    color:var(--white-color) !important;}
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success {
    color:var(--white-color) !important;}
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info {
    color:var(--white-color) !important;}
  .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger {
    color:var(--white-color) !important;}

.bootstrap-select .dropdown-menu.inner > li > a span.check-mark {
  color:var(--midtone-color) !important;}

  .bootstrap-select .dropdown-menu.inner > li.selected > a span.check-mark, .bootstrap-select .dropdown-menu.inner > li:hover > a span.check-mark {
    color:var(--midtone-color) !important;}

.bootstrap-select .dropdown-menu.inner > li.dropdown-header {
  color:var(--midtone-color) !important;}

.bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a {
  background:var(--lighttone-color) !important;}
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a .text {
    color:var(--white-color) !important;}
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a [class^="la-"],
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a [class*=" la-"],
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a [class^="fa-"],
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a [class*=" fa-"],
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a [class^="flaticon-"],
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a [class*=" flaticon-"],
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a [class^="flaticon2-"],
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a [class*=" flaticon2-"] {
    color:var(--white-color) !important;}
  .bootstrap-select .dropdown-menu.inner > li.active:not(.selected) > a span.check-mark {
    color:var(--white-color) !important;}

.bootstrap-select .dropdown-menu.inner > li.no-results {
  color:var(--midtone-color) !important;}

.typeahead .form-control.tt-hint {
  color:var(--midtone-color) !important;}

.noUi-target.nouislider.nouislider-connect-brand .noUi-connect {
  background:var(--lighttone-color) !important;}

.noUi-target.nouislider.nouislider-handle-brand .noUi-handle {
  background:var(--lighttone-color) !important;
  -webkit-box-shadow:0 3px 6px -3px var(--lighttone-color) !important;
  box-shadow:0 3px 6px -3px var(--lighttone-color) !important;}

.noUi-target.nouislider.nouislider-connect-light .noUi-connect {
  background:var(--white-color) !important;}

.noUi-target.nouislider.nouislider-handle-light .noUi-handle {
  background:var(--white-color) !important;
  -webkit-box-shadow:0 3px 6px -3px var(--white-color) !important;
  box-shadow:0 3px 6px -3px var(--white-color) !important;}

.noUi-target.nouislider.nouislider-connect-primary .noUi-connect {
  background:var(--lighttone-color) !important;}

.noUi-target.nouislider.nouislider-handle-primary .noUi-handle {
  background:var(--lighttone-color) !important;}

.noUi-target.nouislider.nouislider-connect-info .noUi-connect {
  background:var(--darktone-color) !important;}

.noUi-target.nouislider.nouislider-handle-info .noUi-handle {
  background:var(--darktone-color) !important;}

.noUi-target {
  border-color:var(--midtone-color) !important;}
  .noUi-target .noUi-connect {
    background:var(--lighttone-color) !important;}

.note-editor.note-frame {
  border-color:var(--midtone-color) !important;}

.note-editor .note-toolbar .note-btn-group .btn {
  border-color: var(--midtone-color) !important;}
  .note-editor .note-toolbar .note-btn-group .btn i {
    color:var(--midtone-color) !important;}

      .md-editor .md-header .btn-group .btn {
        border-color:var(--midtone-color) !important;
        color:var(--midtone-color) !important;}

.md-editor {
  border-color:var(--midtone-color) !important;}
  .md-editor.active {
    border-color:var(--midtone-color) !important;}

.dropzone {
  border-color:var(--midtone-color) !important;}
  .dropzone .dropzone-msg-desc {
    color:var(--midtone-color) !important;}
  .dropzone.dropzone-brand {
    border-color:var(--lighttone-color) !important;}
  .dropzone.dropzone-light {
    border-color:var(--white-color) !important;}
  .dropzone.dropzone-primary {
    border-color:var(--lighttone-color) !important;}
  .dropzone.dropzone-info {
    border-color:var(--darktone-color) !important;}

.recaptcha {
  border-color:var(--midtone-color) !important;}

.toast-success {
  color:var(--white-color) !important;}

.toast-info {
  background-color:var(--darktone-color) !important;
  color:var(--white-color) !important;}
.toast-error {
  color:var(--white-color) !important;}

.swal2-container.swal2-shown {
  background-color:var(--midtone-color) !important;}

.swal2-popup .swal2-content {
  color:var(--midtone-color) !important;}

  .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
    color:var(--lighttone-color) !important;}
  .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
    color:var(--lighttone-color) !important;}

  .dataTables_wrapper .pagination .page-item.previous > .page-link:hover, .dataTables_wrapper .pagination .page-item.next > .page-link:hover, .dataTables_wrapper .pagination .page-item.last > .page-link:hover, .dataTables_wrapper .pagination .page-item.first > .page-link:hover {
    background:var(--lighttone-color) !important;
    color:var(--white-color) !important;}

.dataTables_wrapper .pagination .page-item.active > .page-link {
  background:var(--lighttone-color) !important;
  color:var(--white-color) !important;}

.dataTables_wrapper .pagination .page-item:hover > .page-link {
  background:var(--lighttone-color) !important;
  color:var(--white-color) !important;}

@media (max-width:1024px) {
        .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-topbar-toggler.k-header-mobile__toolbar-topbar-toggler--active i, .k-header-mobile .k-header-mobile__toolbar .k-header-mobile__toolbar-topbar-toggler:hover i {
          -webkit-transition:all 0.3s;
          transition:all 0.3s;
          color:var(--lighttone-color) !important;} }

@media (max-width:1024px) {
  .k-header-menu-mobile {
    background-color:var(--white-color) !important ; }
    .k-header-menu-mobile .k-menu__nav > .k-menu__item > .k-menu__heading .k-menu__link-text,
    .k-header-menu-mobile .k-menu__nav > .k-menu__item > .k-menu__link .k-menu__link-text {
      color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__link-text,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__link-text {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__link-icon,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__link-icon {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--dot > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--dot > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--line > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--line > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__ver-arrow,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__ver-arrow {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__heading .k-menu__link-text,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__link-text {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__heading .k-menu__link-icon,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__link-icon {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--dot > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--dot > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--line > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--line > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__heading .k-menu__ver-arrow,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__ver-arrow {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__link-text,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-text {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__link-icon,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-icon {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--dot > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--dot > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--line > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--line > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__ver-arrow,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__ver-arrow {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__link-text,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__link-text {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__link-icon,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__link-icon {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--dot > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--dot > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--line > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--line > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__ver-arrow,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__ver-arrow {
          color:var(--lighttone-color) !important ; }
    .k-header-menu-mobile .k-menu__nav > .k-menu__item > .k-menu__arrow {
      color:var(--white-color) !important;}
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__link-text,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__link-text {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__link-icon,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__link-icon {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--dot > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--dot > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--line > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--line > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__heading .k-menu__ver-arrow,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--open > .k-menu__link .k-menu__ver-arrow {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--here > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--dot > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--dot > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--here > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--line > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--line > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__link-text,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-text {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__link-icon,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-icon {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--dot > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--dot > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--line > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--line > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__heading .k-menu__ver-arrow,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__ver-arrow {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__link-text,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__link-text {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__link-icon,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__link-icon {
          color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--dot > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--dot > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__link-bullet.k-menu__link-bullet--line > span,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__link-bullet.k-menu__link-bullet--line > span {
          background-color:var(--lighttone-color) !important ; }
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__heading .k-menu__ver-arrow,
        .k-header-menu-mobile .k-menu__nav > .k-menu__item .k-menu__submenu .k-menu__item:not(.k-menu__item--parent):not(.k-menu__item--open):not(.k-menu__item--here):not(.k-menu__item--active):hover > .k-menu__link .k-menu__ver-arrow {
          color:var(--lighttone-color) !important ; } }

@media (max-width:1024px) {
  .k-header-menu-wrapper {
    background:var(--white-color) !important;}
    .k-header-menu-wrapper-close:hover {
      background-color:var(--lighttone-color) !important;}
      .k-header-menu-wrapper-close:hover > i {
        color:var(--white-color) !important;} }

      .k-header__topbar .k-header__topbar-item .k-header__topbar-icon i {
        color:var(--white-color) !important;}
      .k-header__topbar .k-header__topbar-item.k-header__topbar-item--user .k-header__topbar-user .k-header__topbar-username {
        color:var(--white-color) !important;}
      .k-header__topbar .k-header__topbar-item:hover .k-header__topbar-icon i, .k-header__topbar .k-header__topbar-item.show .k-header__topbar-icon i {
        color:var(--white-color) !important;}

.k-content {
  background-color:var(--white-color) !important;}
          .k-content .k-content__head .k-content__head-main .k-content__head-breadcrumbs .k-content__head-breadcrumb-home:hover > i {
            color:var(--lighttone-color) !important;}
          .k-content .k-content__head .k-content__head-main .k-content__head-breadcrumbs .k-content__head-breadcrumb-home.k-content__head-breadcrumb-home--active > i {
            color:var(--lighttone-color) !important;}
          .k-content .k-content__head .k-content__head-main .k-content__head-breadcrumbs .k-content__head-breadcrumb-link:hover {
            color:var(--lighttone-color) !important;}
          .k-content .k-content__head .k-content__head-main .k-content__head-breadcrumbs .k-content__head-breadcrumb-link.k-content__head-breadcrumb-link--active {
            color:var(--lighttone-color) !important;}

.k-footer {
  background:var(--white-color) !important;}
  .k-footer .k-footer__copyright {
    color:var(--midtone-color) !important;}
    .k-footer .k-footer__copyright .k-link {
      color:var(--midtone-color) !important;}
      .k-footer .k-footer__copyright .k-link:hover {
        color:var(--lighttone-color) !important;}
        .k-footer .k-footer__copyright .k-link:hover:after {
          border-color:1var(--lighttone-color) !important;}
      .k-footer .k-footer__menu .k-footer__menu-link:hover {
        color:var(--lighttone-color) !important;}
        .k-footer .k-footer__menu .k-footer__menu-link:hover:after {
          border-color:var(--lighttone-color) !important;}

@media (min-width:1025px) {
  .k-header {
    border-color:var(--midtone-color) !important;}
    .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link, .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link, .k-header .k-header-menu .k-menu__nav > .k-menu__item:hover > .k-menu__link {
      background-color:var(--midtone-color) !important;}
      .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__link-text, .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__link-text, .k-header .k-header-menu .k-menu__nav > .k-menu__item:hover > .k-menu__link .k-menu__link-text {
        color:var(--darktone-color) !important;}
      .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__hor-arrow, .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__hor-arrow, .k-header .k-header-menu .k-menu__nav > .k-menu__item:hover > .k-menu__link .k-menu__hor-arrow {
        color:var(--darktone-color) !important;}
      .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--here > .k-menu__link .k-menu__hor-icon, .k-header .k-header-menu .k-menu__nav > .k-menu__item.k-menu__item--active > .k-menu__link .k-menu__hor-icon, .k-header .k-header-menu .k-menu__nav > .k-menu__item:hover > .k-menu__link .k-menu__hor-icon {
        color:var(--darktone-color) !important;} }

.k-header .k-header__topbar .k-header__topbar-item .k-header__topbar-icon i {
  color:var(--lighttone-color) !important;}

.k-header .k-header__topbar .k-header__topbar-item.k-header__topbar-item--quick-panel .k-header__topbar-icon i {
  color:var(--darktone-color) !important;}

.k-header .k-header__topbar .k-header__topbar-item:hover .k-header__topbar-icon, .k-header .k-header__topbar .k-header__topbar-item.show .k-header__topbar-icon {
  background-color:var(--midtone-color) !important;}
  .k-header .k-header__topbar .k-header__topbar-item:hover .k-header__topbar-icon i, .k-header .k-header__topbar .k-header__topbar-item.show .k-header__topbar-icon i {
    color:var(--darktone-color) !important;}

.k-header .k-header__topbar .k-header__topbar-item:hover.k-header__topbar-item--user .k-header__topbar-user, .k-header .k-header__topbar .k-header__topbar-item.show.k-header__topbar-item--user .k-header__topbar-user {
  background-color:var(--midtone-color) !important;}

.k-header .k-header__topbar .k-header__topbar-item.k-header__topbar-item--search .k-input-icon .k-input-icon__icon i {
  color:var(--midtone-color) !important;}

@media (max-width:1024px) {
  .k-header__topbar {
    background-color:var(--white-color) !important;} }

/* Styles for signature plugin v1.2.0. */
.kbw-signature {
	border-color:var(--midtone-color) !important;
}
  .nav-side-menu {
    background-color:var(--darktone-color) !important;
    border-color:var(--lighttone-color) !important;
  }
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left:3px solid var(--lighttone-color) !important;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color:var(--lighttone-color) !important;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: var(--lighttone-color) !important;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  color:var(--white-color) !important;
  background-color:var(--lighttone-color) !important;
}
.nav-side-menu li a {
  /*display:list-item;*/
  color: var(--white-color) !important;
}
/*.nav-side-menu ul .sub-menu li a:before, .nav-side-menu li .sub-menu li a:before {
    font-family:"FontAwesome";
    content:"\f105";
    display:inline;
    padding-left:10px;
    padding-right:10px;
    vertical-align:middle;
}*/
.nav-side-menu li:hover {
  border-left:3px solid var(--lighttone-color) !important;
  background-color:var(--darktone-color) !important;
}
@media (max-width:767px) {
  .nav-side-menu {
    border-color:var(--lighttone-color) !important;
  }
  .nav-side-menu .toggle-btn {
    color:var(--lighttone-color) !important;
  }
  .nav-side-menu .toggle-btn:hover {
    color:var(--lighttone-color) !important;
  }
}

.nav-login {
    background-color:var(--darktone-color) !important;
}

    .nav-login .social_icon span {
        color:var(--lighttone-color) !important;
    }

    .nav-login .input-group-prepend span {
        background-color:var(--darktone-color) !important;
        color:var(--lighttone-color) !important;
    }

    .nav-login .login_btn {
        background-color:var(--lighttone-color) !important;
    }

.dashboard-link i {
    color:var(--white-color) !important;
}

.dashboard-link .card-header:hover {
   background-color:var(--darktone-color) !important;
}

.dashboard-link .card-header:hover h1 {
   color:var(--white-color) !important;
}



/* ----------------------- COLOUR BLOCKS ---------------------------------------------- */

.whiteout {
    color:var(--white-color) !important;
}



/* ----------------------- COLOUR BARS ---------------------------------------------- */

.lightbar {
    border-bottom:var(--lighttone-color) !important;
}

/* ----------------------- HEADBLOCK ---------------------------------------------- */

.headblock-bg-svg {
     fill:var(--darktone-color) !important;
    }
    .blended-background {
      background-color:var(--darktone-color) !important;
    }
    
    .blended-background .cssBackgroundBlendFallback {
      background-color:var(--darktone-color) !important;
    }




/* ----------------------- DARKBLOCK ---------------------------------------------- */

.darkblock-bg-svg {
     fill:var(--darktone-color) !important;
    }

/* ----------------------- GOVERNING TOP BLOCK ---------------------------------------------- */


#gov-body-main .text-faded {
  color:var(--white-color); }


.gov-media-bar {
    background:var(--lighttone-color) !important;
}

.btn-social {
    color:var(--darktone-color) !important;
}



/* ----------------------- ASSOCLOGO ---------------------------------------------- */

.assocLogo {
    filter:drop-shadow(0 3px 3px rgb(0 0 0 / 0.3));
    }