html[data-theme="dark"] {
    --d-bg: #12161c;
    --d-surface: #171c24;
    --d-raised: #1e242e;
    --d-header: #42506a;
    --d-header-text: #c3cddb;
    --d-border: #2a3240;
    --d-border-soft: #222a35;
    --d-text: #e3e8f0;
    --d-text-muted: #9aa6b6;
    --d-text-dim: #79859a;
    --d-link: #6aa3ff;
    --d-accent: #4f8dfb;

    background-color: var(--d-bg);
    color-scheme: dark;
}

html[data-theme="dark"] body {
    background-color: var(--d-bg);
    color: var(--d-text);
}

html[data-theme="dark"] a:not(.btn) {
    color: var(--d-link);
}

html[data-theme="dark"] a:not(.btn):hover,
html[data-theme="dark"] a:not(.btn):focus {
    color: #8fbcff;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4 {
    color: var(--d-text);
}

html[data-theme="dark"] .text-muted {
    color: var(--d-text-dim);
}

html[data-theme="dark"] .navbar-default {
    background-color: var(--d-surface);
    border-color: var(--d-border);
}

html[data-theme="dark"] .navbar-default .navbar-brand,
html[data-theme="dark"] .navbar-default .navbar-nav > li > a {
    color: var(--d-text-muted);
}

html[data-theme="dark"] .navbar-default .navbar-brand:hover,
html[data-theme="dark"] .navbar-default .navbar-nav > li > a:hover,
html[data-theme="dark"] .navbar-default .navbar-nav > li > a:focus {
    color: var(--d-text);
    background-color: var(--d-raised);
}

html[data-theme="dark"] .navbar-default .navbar-nav > .active > a,
html[data-theme="dark"] .navbar-default .navbar-nav > .active > a:hover,
html[data-theme="dark"] .navbar-default .navbar-nav > .active > a:focus {
    background-color: rgba(79, 141, 251, .18);
    box-shadow: inset 0 -2px 0 var(--d-accent);
    color: #fff;
}

html[data-theme="dark"] .navbar-default .navbar-nav > .open > a,
html[data-theme="dark"] .navbar-default .navbar-nav > .open > a:hover,
html[data-theme="dark"] .navbar-default .navbar-nav > .open > a:focus {
    background-color: var(--d-raised);
    color: var(--d-text);
}

html[data-theme="dark"] .navbar-default .navbar-nav > .active.open > a,
html[data-theme="dark"] .navbar-default .navbar-nav > .active.open > a:hover,
html[data-theme="dark"] .navbar-default .navbar-nav > .active.open > a:focus {
    background-color: rgba(79, 141, 251, .24);
    color: #fff;
}

@media (max-width: 767px) {
    html[data-theme="dark"] .navbar-default .navbar-nav > .active > a,
    html[data-theme="dark"] .navbar-default .navbar-nav > .active > a:hover,
    html[data-theme="dark"] .navbar-default .navbar-nav > .active > a:focus {
        box-shadow: inset 3px 0 0 var(--d-accent);
    }
}

html[data-theme="dark"] .navbar-default .navbar-toggle {
    border-color: var(--d-border);
}

html[data-theme="dark"] .navbar-default .navbar-toggle .icon-bar {
    background-color: var(--d-text-muted);
}

html[data-theme="dark"] .navbar-default .navbar-toggle:hover,
html[data-theme="dark"] .navbar-default .navbar-toggle:focus {
    background-color: var(--d-raised);
}

html[data-theme="dark"] .navbar-default .navbar-collapse {
    border-color: var(--d-border);
}

html[data-theme="dark"] .dropdown-menu {
    background-color: var(--d-raised);
    border-color: var(--d-border);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .45);
}

html[data-theme="dark"] .dropdown-menu > li > a {
    color: var(--d-text-muted);
}

html[data-theme="dark"] .dropdown-menu > li > a:hover,
html[data-theme="dark"] .dropdown-menu > li > a:focus {
    background-color: #26303d;
    color: var(--d-text);
}

html[data-theme="dark"] .dropdown-menu > .active > a,
html[data-theme="dark"] .dropdown-menu > .active > a:hover {
    background-color: var(--d-accent);
    color: #fff;
}

html[data-theme="dark"] .navbar-default .navbar-nav .logout,
html[data-theme="dark"] .navbar-default .navbar-nav .logout:hover {
    color: var(--d-text-muted);
}

html[data-theme="dark"] .breadcrumb {
    background-color: var(--d-surface);
}

html[data-theme="dark"] .breadcrumb > .active {
    color: var(--d-text-dim);
}

html[data-theme="dark"] .footer {
    background-color: var(--d-surface);
    border-top-color: var(--d-border);
}

html[data-theme="dark"] .grid-view .grid-scroll {
    background-color: var(--d-surface);
    border-color: var(--d-border);
}

html[data-theme="dark"] .admin-cards > thead > tr > th {
    background-color: var(--d-header);
    border-bottom-color: var(--d-border);
    box-shadow: inset 0 -1px 0 var(--d-border);
    color: var(--d-header-text);
}

html[data-theme="dark"] .admin-cards > thead > tr.filters > td {
    background-color: #2e3a4d;
    border-bottom-color: var(--d-border);
}

@media (min-width: 768px) {
    html[data-theme="dark"] .admin-cards > thead > tr.filters > td {
        box-shadow: 0 -32px 0 #2e3a4d;
    }
}

html[data-theme="dark"] .admin-cards > thead > tr.filters .form-control {
    background-color: #131820;
    border-color: #3d4a5e;
    color: var(--d-text);
}

html[data-theme="dark"] .admin-cards > tbody > tr > td {
    color: var(--d-text);
}

html[data-theme="dark"] .admin-cards > tbody > tr > td {
    background-color: #151a22;
}

html[data-theme="dark"] .admin-cards.table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: #1f2733;
}

html[data-theme="dark"] .admin-cards > tbody > tr:hover > td,
html[data-theme="dark"] .admin-cards.table-striped > tbody > tr:nth-of-type(odd):hover > td {
    background-color: #223047;
}

html[data-theme="dark"] .admin-cards > tbody > tr:hover > td:first-child {
    box-shadow: inset 3px 0 0 var(--d-accent);
}

html[data-theme="dark"] .table-bordered > thead > tr > th,
html[data-theme="dark"] .table-bordered > thead > tr > td,
html[data-theme="dark"] .table-bordered > tbody > tr > th,
html[data-theme="dark"] .table-bordered > tbody > tr > td {
    border-color: var(--d-border-soft);
}

html[data-theme="dark"] .grid-view .summary,
html[data-theme="dark"] .grid-view .empty {
    color: var(--d-text-dim);
}

html[data-theme="dark"] .admin-cards > thead > tr > th a {
    color: #9dc5ff;
}

html[data-theme="dark"] .detail-view {
    background-color: var(--d-surface);
    border-color: var(--d-border);
}

html[data-theme="dark"] .detail-view > tbody > tr > th {
    background-color: var(--d-header);
    color: var(--d-header-text);
}

html[data-theme="dark"] .detail-view.table-bordered > tbody > tr > th {
    border-right: 1px solid var(--d-border);
}

html[data-theme="dark"] .detail-view > tbody > tr > td {
    background-color: var(--d-surface);
    color: var(--d-text);
}

html[data-theme="dark"] .form-control {
    background-color: #131820;
    border-color: #3d4a5e;
    color: var(--d-text);
}

html[data-theme="dark"] .form-control::placeholder {
    color: var(--d-text-dim);
}

html[data-theme="dark"] .wrap > .container-fluid form label {
    color: var(--d-text-muted);
}

html[data-theme="dark"] .wrap > .container-fluid form .form-control:focus {
    border-color: var(--d-accent);
    box-shadow: 0 0 0 3px rgba(79, 141, 251, .18);
}

html[data-theme="dark"] .wrap > .container-fluid form > .form-group:last-child,
html[data-theme="dark"] .wrap > .container-fluid form > div > .form-group:last-child {
    border-top-color: var(--d-border);
}

html[data-theme="dark"] .help-block {
    color: var(--d-text-dim);
}

html[data-theme="dark"] .hint-block {
    color: var(--d-text-dim);
}

html[data-theme="dark"] .btn-default {
    background-color: var(--d-raised);
    border-color: var(--d-border);
    color: var(--d-text-muted);
}

html[data-theme="dark"] .btn-default:hover,
html[data-theme="dark"] .btn-default:focus {
    background-color: #26303d;
    border-color: #3a465a;
    color: var(--d-text);
}

html[data-theme="dark"] .pagination > li > a,
html[data-theme="dark"] .pagination > li > span {
    background-color: var(--d-surface);
    border-color: var(--d-border);
    color: var(--d-link);
}

html[data-theme="dark"] .pagination > li > a:hover {
    background-color: var(--d-raised);
    border-color: #3a465a;
}

html[data-theme="dark"] .pagination > .active > a,
html[data-theme="dark"] .pagination > .active > span,
html[data-theme="dark"] .pagination > .active > a:hover {
    background-color: var(--d-accent);
    border-color: var(--d-accent);
    color: #fff;
}

html[data-theme="dark"] .pagination > .disabled > span,
html[data-theme="dark"] .pagination > .disabled > a {
    background-color: var(--d-surface);
    border-color: var(--d-border);
    color: var(--d-text-dim);
}

html[data-theme="dark"] .label-default {
    background-color: #3a4657;
    color: #d6dde8;
}

html[data-theme="dark"] .select2-container--krajee-bs3 .select2-selection,
html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .select2-container--default .select2-selection--multiple {
    background-color: #131820;
    border-color: #3d4a5e;
    color: var(--d-text);
}

html[data-theme="dark"] .select2-container--krajee-bs3.select2-container--focus .select2-selection,
html[data-theme="dark"] .select2-container--krajee-bs3.select2-container--open .select2-selection {
    background-color: #131820;
    border-color: var(--d-accent);
}

html[data-theme="dark"] .select2-container--krajee-bs3 .select2-selection--multiple .select2-search--inline .select2-search__field,
html[data-theme="dark"] .select2-container .select2-search__field,
html[data-theme="dark"] .select2-container--krajee-bs3 .select2-selection__rendered {
    color: var(--d-text);
}

html[data-theme="dark"] .select2-container .select2-search__field::placeholder,
html[data-theme="dark"] .select2-selection__placeholder {
    color: var(--d-text-dim);
}

html[data-theme="dark"] .select2-dropdown {
    background-color: var(--d-raised);
    border-color: var(--d-border);
}

html[data-theme="dark"] .select2-results__option,
html[data-theme="dark"] .select2-container--krajee-bs3 li.select2-results__option,
html[data-theme="dark"] .select2-container--krajee-bs3 .select2-results__option[aria-selected] {
    background-color: var(--d-raised);
    color: var(--d-text-muted);
}

html[data-theme="dark"] .select2-container--krajee-bs3 .select2-results__option[aria-selected="true"] {
    background-color: #26303d;
    color: var(--d-text);
}

html[data-theme="dark"] .s2-togall-button {
    border-color: var(--d-border);
    color: var(--d-link);
}

html[data-theme="dark"] .select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected],
html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--d-accent);
    color: #fff;
}

html[data-theme="dark"] .select2-selection__choice {
    background-color: #26303d !important;
    border-color: #3a465a !important;
    color: var(--d-text) !important;
}

html[data-theme="dark"] .welcome-hero {
    --base-1: #161c25;
    --base-2: #12171f;
    --base-3: #1a2130;
    --wash-a: rgba(99, 102, 241, .34);
    --wash-b: rgba(6, 182, 212, .26);
    --wash-c: rgba(99, 102, 241, .20);
    --wash-d: rgba(148, 163, 184, .12);

    background-color: var(--d-bg);
}

html[data-theme="dark"] .welcome-hero--dev {
    --wash-a: rgba(16, 185, 129, .34);
    --wash-b: rgba(6, 182, 212, .28);
    --wash-c: rgba(99, 102, 241, .20);
    --wash-d: rgba(45, 212, 191, .16);
    --base-1: #101d1a;
    --base-2: #12171f;
    --base-3: #14202b;
}

html[data-theme="dark"] .welcome-hero--stage {
    --wash-a: rgba(239, 68, 68, .34);
    --wash-b: rgba(244, 63, 94, .26);
    --wash-c: rgba(124, 58, 237, .24);
    --wash-d: rgba(251, 113, 133, .14);
    --base-1: #1e1417;
    --base-2: #12171f;
    --base-3: #1b1626;
}

html[data-theme="dark"] .welcome-hero--prod {
    --wash-a: rgba(250, 204, 21, .32);
    --wash-b: rgba(245, 158, 11, .26);
    --wash-c: rgba(234, 179, 8, .18);
    --wash-d: rgba(251, 191, 36, .16);
    --base-1: #1d1a10;
    --base-2: #12171f;
    --base-3: #1e1c14;
}

html[data-theme="dark"] .welcome-hero {
    background-image: url("../img/dashboard-cards-dark.svg"),
        url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='3'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='140'%20height='140'%20filter='url(%23n)'%20opacity='0.13'/%3E%3C/svg%3E"),
        radial-gradient(circle at 90% 0%, var(--wash-a) 0%, transparent 62%),
        radial-gradient(ellipse 82% 74% at 70% 102%, var(--wash-b) 0%, transparent 64%),
        radial-gradient(ellipse 62% 78% at 0% 4%, var(--wash-c) 0%, transparent 62%),
        radial-gradient(ellipse 46% 52% at 58% 46%, var(--wash-d) 0%, transparent 66%),
        linear-gradient(122deg, var(--base-1) 0%, var(--base-2) 44%, var(--base-3) 100%);
}

@media (max-width: 767px) {
    html[data-theme="dark"] .welcome-hero {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='3'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='140'%20height='140'%20filter='url(%23n)'%20opacity='0.13'/%3E%3C/svg%3E"),
            radial-gradient(circle at 90% 0%, var(--wash-a) 0%, transparent 62%),
            radial-gradient(ellipse 82% 74% at 70% 102%, var(--wash-b) 0%, transparent 64%),
            linear-gradient(122deg, var(--base-1) 0%, var(--base-2) 44%, var(--base-3) 100%);
    }
}

html[data-theme="dark"] .welcome-hero__title {
    color: #f1f5fb;
}

html[data-theme="dark"] .welcome-hero__subtitle {
    color: #9aa6b6;
}

html[data-theme="dark"] .welcome-hero__meta > li {
    color: #dbe3ee;
}

html[data-theme="dark"] .welcome-hero__meta-key {
    color: #7b8798;
}

html[data-theme="dark"] .env-badge {
    --badge-ink: #c3ccd9;
    --badge-bg: #232b36;
    --badge-br: #38424f;
    --badge-dot: #8b97a7;
}

html[data-theme="dark"] .env-badge--dev {
    --badge-ink: #4ddba1;
    --badge-bg: #10241c;
    --badge-br: #1f5340;
    --badge-dot: #10b981;
}

html[data-theme="dark"] .env-badge--stage {
    --badge-ink: #ff8f86;
    --badge-bg: #2a1416;
    --badge-br: #5d2a29;
    --badge-dot: #ef4444;
}

html[data-theme="dark"] .env-badge--prod {
    --badge-ink: #f2c65c;
    --badge-bg: #241d0e;
    --badge-br: #57451c;
    --badge-dot: #eab308;
}

html[data-theme="dark"] .grid-filters-toggle {
    background-color: var(--d-raised);
    border-color: var(--d-border);
    color: var(--d-text-muted);
}

html[data-theme="dark"] .grid-filters-toggle:has(input:checked) {
    background-color: #223047;
    border-color: #35496b;
    color: var(--d-link);
}

@media (max-width: 767px) {
    html[data-theme="dark"] .admin-cards > thead > tr:not(.filters) > th > a[data-sort] {
        background-color: var(--d-raised);
        border-color: var(--d-border);
        color: var(--d-text-muted);
    }

    html[data-theme="dark"] .admin-cards > thead > tr:not(.filters) > th > a.asc,
    html[data-theme="dark"] .admin-cards > thead > tr:not(.filters) > th > a.desc {
        background-color: #223047;
        border-color: #35496b;
        color: var(--d-link);
    }
}

.footer .pull-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

.theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 22px;
    padding: 0;
    border: 1px solid #dbe2ec;
    border-radius: 999px;
    background-color: #fff;
    color: #5a6b7f;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
}

.theme-toggle:hover {
    border-color: #b9cdf0;
    color: #2f6fed;
}

html[data-theme="dark"] .theme-toggle {
    background-color: var(--d-raised);
    border-color: var(--d-border);
    color: var(--d-text-muted);
}

html[data-theme="dark"] .theme-toggle:hover {
    border-color: #3a465a;
    color: var(--d-text);
}

.theme-toggle__icon {
    width: 13px;
    height: 13px;
    fill: currentColor;
}

.theme-toggle__icon--sun {
    display: none;
}

html[data-theme="dark"] .theme-toggle__icon--moon {
    display: none;
}

html[data-theme="dark"] .theme-toggle__icon--sun {
    display: block;
}

@media (max-width: 767px) {
    html[data-theme="dark"] .admin-cards > tbody > tr {
        background-color: var(--d-surface);
        border-color: var(--d-border);
    }

    html[data-theme="dark"] .admin-cards > tbody > tr > td,
    html[data-theme="dark"] .admin-cards.table-striped > tbody > tr:nth-of-type(odd) > td {
        background-color: transparent;
        border-bottom-color: var(--d-border-soft);
    }

    html[data-theme="dark"] .admin-cards > tbody > tr:hover > td,
    html[data-theme="dark"] .admin-cards.table-striped > tbody > tr:nth-of-type(odd):hover > td {
        background-color: transparent;
    }

    html[data-theme="dark"] .admin-cards > tbody > tr:hover > td:first-child {
        box-shadow: none;
    }

    html[data-theme="dark"] .admin-cards > tbody > tr > td[data-label]::before {
        color: var(--d-text-dim);
    }

    html[data-theme="dark"] .grid-filters-toggle:has(input:checked) ~ .grid-scroll .admin-cards > thead > tr.filters {
        background-color: #2e3a4d;
        border-color: var(--d-border);
    }

    html[data-theme="dark"] .admin-cards > thead > tr.filters > td[data-label]::before {
        color: var(--d-header-text);
    }
}

html[data-theme="dark"] .daterangepicker {
    background-color: var(--d-raised);
    border-color: var(--d-border);
    color: var(--d-text);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .5);
}

html[data-theme="dark"] .daterangepicker:after {
    border-bottom-color: var(--d-raised);
}

html[data-theme="dark"] .daterangepicker:before {
    border-bottom-color: var(--d-border);
}

html[data-theme="dark"] .daterangepicker .calendar-table {
    background-color: var(--d-raised);
    border-color: var(--d-border);
}

html[data-theme="dark"] .daterangepicker td,
html[data-theme="dark"] .daterangepicker th {
    background-color: transparent;
    color: var(--d-text);
}

html[data-theme="dark"] .daterangepicker td.available,
html[data-theme="dark"] .daterangepicker td.off,
html[data-theme="dark"] .daterangepicker td.off.ends,
html[data-theme="dark"] .daterangepicker td.weekend,
html[data-theme="dark"] .daterangepicker td.weekend.off {
    background-color: transparent;
}

html[data-theme="dark"] .daterangepicker td.off,
html[data-theme="dark"] .daterangepicker td.off.ends,
html[data-theme="dark"] .daterangepicker td.off.in-range,
html[data-theme="dark"] .daterangepicker td.off.start-date {
    color: var(--d-text-dim);
}

html[data-theme="dark"] .daterangepicker td.available:hover,
html[data-theme="dark"] .daterangepicker th.available:hover {
    background-color: #2b3543;
    color: var(--d-text);
}

html[data-theme="dark"] .daterangepicker td.in-range {
    background-color: #223047;
    color: var(--d-text);
}

html[data-theme="dark"] .daterangepicker td.active,
html[data-theme="dark"] .daterangepicker td.active:hover {
    background-color: var(--d-accent);
    color: #fff;
}

html[data-theme="dark"] .daterangepicker td.today {
    box-shadow: inset 0 0 0 1px var(--d-accent);
}

html[data-theme="dark"] .daterangepicker .prev span,
html[data-theme="dark"] .daterangepicker .next span {
    border-color: var(--d-text-muted);
}

html[data-theme="dark"] .daterangepicker select.monthselect,
html[data-theme="dark"] .daterangepicker select.yearselect,
html[data-theme="dark"] .daterangepicker select.hourselect,
html[data-theme="dark"] .daterangepicker select.minuteselect,
html[data-theme="dark"] .daterangepicker select.secondselect,
html[data-theme="dark"] .daterangepicker select.ampmselect {
    background-color: #131820;
    border-color: #3d4a5e;
    color: var(--d-text);
}

html[data-theme="dark"] .daterangepicker .drp-buttons,
html[data-theme="dark"] .daterangepicker .drp-selected {
    border-top-color: var(--d-border);
    color: var(--d-text-muted);
}

html[data-theme="dark"] .daterangepicker .ranges li {
    background-color: transparent;
    color: var(--d-text-muted);
}

html[data-theme="dark"] .daterangepicker .ranges li:hover {
    background-color: #2b3543;
    color: var(--d-text);
}

html[data-theme="dark"] .daterangepicker .ranges li.active {
    background-color: var(--d-accent);
    color: #fff;
}

html[data-theme="dark"] .daterangepicker .drp-calendar.left,
html[data-theme="dark"] .daterangepicker .drp-calendar.right {
    border-color: var(--d-border);
}

html[data-theme="dark"] .admin-cards.table-striped > tbody > tr:nth-of-type(odd),
html[data-theme="dark"] .detail-view.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

html[data-theme="dark"] .panel {
    background-color: var(--d-surface);
    border-color: var(--d-border);
    box-shadow: none;
}

html[data-theme="dark"] .panel-default > .panel-heading {
    background-color: var(--d-raised);
    border-color: var(--d-border);
    color: var(--d-text);
}

html[data-theme="dark"] .panel-footer {
    background-color: var(--d-raised);
    border-top-color: var(--d-border);
    color: var(--d-text-muted);
}

html[data-theme="dark"] .panel-body {
    color: var(--d-text);
}

html[data-theme="dark"] .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--d-border);
}

html[data-theme="dark"] .input-group-addon {
    background-color: var(--d-raised);
    border-color: #3d4a5e;
    color: var(--d-text-muted);
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: var(--d-raised);
    border-color: var(--d-border);
    color: var(--d-text);
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget table td,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table th {
    background-color: transparent;
    color: var(--d-text);
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.day:hover,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table th:hover,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.hour:hover,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.minute:hover,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #2b3543;
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.old,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.new {
    color: var(--d-text-dim);
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.active,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--d-accent);
    color: #fff;
    text-shadow: none;
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: var(--d-accent);
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget .timepicker-picker a.btn,
html[data-theme="dark"] .bootstrap-datetimepicker-widget .picker-switch a {
    color: var(--d-text-muted);
}