.admin-color-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0 5px;border:1px solid #cbd5d0;border-radius:6px;background:#f1f5f3;color:#245e39;cursor:pointer}
.admin-color-toggle:focus-visible{outline:2px solid #247242;outline-offset:2px}
.admin-color-floating{position:fixed;right:18px;top:18px;z-index:1040}
@media screen {
  html[data-admin-theme="dark"]{color-scheme:dark}
  html[data-admin-theme="dark"] body,
  html[data-admin-theme="dark"] .content-wrapper,
  html[data-admin-theme="dark"] .login-page,
  html[data-admin-theme="dark"] .register-page{background:#1b222a;color:#e3e9ed}
  html[data-admin-theme="dark"] .card,
  html[data-admin-theme="dark"] .modal-content,
  html[data-admin-theme="dark"] .login-card-body,
  html[data-admin-theme="dark"] .register-card-body,
  html[data-admin-theme="dark"] .main-footer,
  html[data-admin-theme="dark"] .main-header.navbar-white,
  html[data-admin-theme="dark"] .dropdown-menu,
  html[data-admin-theme="dark"] .popover{background-color:#28323d;color:#e3e9ed;border-color:#465361}
  html[data-admin-theme="dark"] .navbar-light .navbar-nav .nav-link,
  html[data-admin-theme="dark"] .dropdown-item,
  html[data-admin-theme="dark"] .login-logo a{color:#e3e9ed}
  html[data-admin-theme="dark"] .dropdown-item:hover,
  html[data-admin-theme="dark"] .dropdown-item:focus{background-color:#354454;color:#fff}
  html[data-admin-theme="dark"] .form-control,
  html[data-admin-theme="dark"] .custom-select,
  html[data-admin-theme="dark"] .input-group-text,
  html[data-admin-theme="dark"] .custom-file-label,
  html[data-admin-theme="dark"] .select2-container--default .select2-selection--single,
  html[data-admin-theme="dark"] .select2-container--default .select2-selection--multiple,
  html[data-admin-theme="dark"] .select2-dropdown{background:#202a34;color:#e3e9ed;border-color:#566474}
  html[data-admin-theme="dark"] .select2-container--default .select2-selection__rendered{color:#e3e9ed}
  html[data-admin-theme="dark"] .form-control:disabled,
  html[data-admin-theme="dark"] .form-control[readonly]{background:#35414e;color:#cbd6df}
  html[data-admin-theme="dark"] .form-control::placeholder{color:#acbbc8}
  html[data-admin-theme="dark"] .table{color:#e3e9ed}
  html[data-admin-theme="dark"] .table th,
  html[data-admin-theme="dark"] .table td{border-color:#465361}
  html[data-admin-theme="dark"] .table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.04)}
  html[data-admin-theme="dark"] .table-hover tbody tr:hover{background:#354454;color:#fff}
  html[data-admin-theme="dark"] .bg-white,
  html[data-admin-theme="dark"] .bg-light,
  html[data-admin-theme="dark"] .bg-gray-light{background-color:#28323d!important;color:#e3e9ed!important}
  html[data-admin-theme="dark"] .nav-tabs .nav-link{color:#c1d9ef}
  html[data-admin-theme="dark"] .nav-tabs .nav-link.active{background:#354454;color:#fff;border-color:#566474}
  html[data-admin-theme="dark"] .card-header .btn-tool{color:inherit}
  html[data-admin-theme="dark"] .page-link{background:#28323d;border-color:#465361;color:#b9d8f5}
  html[data-admin-theme="dark"] .page-item.active .page-link{background:#247242;color:#fff}
  html[data-admin-theme="dark"] .flatpickr-calendar,
  html[data-admin-theme="dark"] .flatpickr-months .flatpickr-month,
  html[data-admin-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months,
  html[data-admin-theme="dark"] .flatpickr-weekdays,
  html[data-admin-theme="dark"] span.flatpickr-weekday{background:#28323d;color:#e3e9ed}
  html[data-admin-theme="dark"] .flatpickr-day{color:#e3e9ed}
  html[data-admin-theme="dark"] .flatpickr-day:hover{background:#465361;border-color:#465361}
  html[data-admin-theme="dark"] .flatpickr-day.flatpickr-disabled,
  html[data-admin-theme="dark"] .flatpickr-day.prevMonthDay,
  html[data-admin-theme="dark"] .flatpickr-day.nextMonthDay{color:#8898a6}
  html[data-admin-theme="dark"] .flatpickr-months svg{fill:#e3e9ed}
  html[data-admin-theme="dark"] .ui-autocomplete{background:#28323d;color:#e3e9ed;border-color:#465361}
  html[data-admin-theme="dark"] .morris-hover.morris-default-style{background:#28323d;color:#e3e9ed;border-color:#465361}
  html[data-admin-theme="dark"] .content-wrapper svg text{fill:#dce5eb!important}
  html[data-admin-theme="dark"] .admin-color-toggle{background:#354454;border-color:#617182;color:#f0d789}
}
@media print {
  .admin-color-toggle{display:none!important}
  html[data-admin-theme="dark"] body.dark-mode,
  html[data-admin-theme="dark"] body.dark-mode .content-wrapper,
  html[data-admin-theme="dark"] body.dark-mode .card,
  html[data-admin-theme="dark"] body.dark-mode .card-body,
  html[data-admin-theme="dark"] body.dark-mode .table{background:#fff!important;color:#000!important}
}

/* Keep the feature badge outside the light/dark icon. */
.admin-color-toggle{position:relative;margin-right:14px}
.admin-color-toggle>.theme-new-badge{position:absolute;top:-5px;right:-9px;font-size:9px;line-height:1;padding:2px 3px;pointer-events:none}