html[data-theme="dark"] {
    color-scheme: dark;

    --gr-page: #12161e;
    --gr-page-grad: linear-gradient(180deg, #161b24 0%, #12161e 100%);
    --gr-shell: #1a202b;
    --gr-surface: #1e2530;
    --gr-surface-2: #242c38;
    --gr-inset: #161b24;
    --gr-hover: #2a3341;
    --gr-active: rgba(91, 143, 222, 0.16);
    --gr-selected: #1d314c;
    --gr-selected-hover: #23406a;
    --gr-stripe: #1b222c;

    --gr-line: rgba(148, 163, 184, 0.11);
    --gr-line-mid: rgba(148, 163, 184, 0.16);
    --gr-line-strong: rgba(148, 163, 184, 0.24);

    --gr-ink: #d4dbe6;
    --gr-ink-strong: #e4eaf3;
    --gr-ink-soft: #9aa6b8;
    --gr-ink-muted: #7c8899;

    --gr-blue: #5b8fde;
    --gr-blue-strong: #4d82d4;
    --gr-blue-soft: rgba(91, 143, 222, 0.15);
    --gr-blue-ring: rgba(91, 143, 222, 0.24);

    --gr-shadow-xs: 0 2px 6px rgba(0, 0, 0, 0.18);
    --gr-shadow-sm: 0 6px 16px rgba(0, 0, 0, 0.22);
    --gr-shadow-md: 0 12px 28px rgba(0, 0, 0, 0.30);

    --menu-page-bg: var(--gr-page);
    --menu-shell-bg: var(--gr-shell);
    --menu-surface: var(--gr-surface);
    --menu-surface-strong: var(--gr-surface-2);
    --menu-surface-soft: var(--gr-inset);
    --menu-text: var(--gr-ink-strong);
    --menu-text-soft: var(--gr-ink);
    --menu-text-muted: var(--gr-ink-muted);
    --menu-border: var(--gr-line-mid);
    --menu-border-strong: var(--gr-line-strong);
    --menu-primary: var(--gr-blue);
    --menu-primary-strong: var(--gr-blue-strong);
    --menu-primary-soft: var(--gr-blue-soft);
    --menu-shadow-xs: var(--gr-shadow-xs);
    --menu-shadow-sm: var(--gr-shadow-sm);
    --menu-shadow-md: var(--gr-shadow-md);
    --menu-shadow-active: 0 10px 20px rgba(77, 130, 212, 0.18);
    --menu-user-bg: linear-gradient(180deg, #222a36 0%, #1a202b 100%);
    --menu-logout-bg: linear-gradient(180deg, #5b8fde 0%, #3f74c8 100%);
    --menu-switch-track: var(--gr-inset);
    --menu-switch-pill: var(--gr-surface-2);
    --menu-switch-text: var(--gr-ink);
    --dropdown-bg: var(--gr-surface-2);
    --dropdown-border: var(--gr-line-mid);
    --dropdown-text: var(--gr-ink);
    --dropdown-text-hover: var(--gr-ink-strong);
    --dropdown-item-hover: var(--gr-hover);
    --dropdown-shadow: var(--gr-shadow-md);

    --gr-nav-bg: transparent;
    --gr-nav-text: var(--gr-ink);
    --gr-nav-text-soft: var(--gr-ink-soft);
    --gr-nav-muted: var(--gr-ink-muted);
    --gr-nav-faint: #6f7c8e;
    --gr-nav-border: var(--gr-line);
    --gr-nav-hover: var(--gr-hover);
    --gr-nav-active: var(--gr-active);
    --gr-nav-active-text: #c9dbf6;
    --gr-nav-accent: var(--gr-blue);
    --gr-nav-icon: #a8b3c4;
    --gr-nav-search-bg: var(--gr-inset);
    --gr-nav-search-border: var(--gr-line-mid);
    --gr-nav-empty: var(--gr-ink-muted);

    --bs-body-bg: var(--gr-page);
    --bs-body-bg-rgb: 18, 22, 30;
    --bs-body-color: var(--gr-ink);
    --bs-body-color-rgb: 212, 219, 230;
    --bs-white: var(--gr-surface);
    --bs-light: var(--gr-inset);
    --bs-dark: var(--gr-ink-strong);
    --bs-secondary: #3a4454;
    --bs-gray-100: #161b24;
    --bs-gray-200: #1c2330;
    --bs-gray-300: #2a3341;
    --bs-gray-400: #5c6878;
    --bs-gray-500: #7c8899;
    --bs-gray-600: #9aa6b8;
    --bs-gray-700: #c2cad6;
    --bs-gray-800: #d4dbe6;
    --bs-gray-900: #e4eaf3;
    --bs-border-color: var(--gr-line-mid);
    --bs-primary: var(--gr-blue);
    --bs-link-color: var(--gr-blue);
    --bs-link-hover-color: #7aa4e6;
    --kt-text-dark: var(--gr-ink-strong);
    --kt-text-muted: var(--gr-ink-muted);
    --kt-card-bg: var(--gr-surface);
    --kt-card-border-color: var(--gr-line);
    --bs-card-border-color: var(--gr-line);
    --bs-card-cap-bg: transparent;
    --kt-input-solid-bg: var(--gr-inset);
    --kt-input-solid-bg-focus: #1a202b;
    --bs-table-bg: var(--gr-surface);
    --bs-table-color: var(--gr-ink);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-bg: var(--gr-stripe);
    --bs-table-striped-color: var(--gr-ink);
    --bs-table-active-bg: var(--gr-selected);
    --bs-table-active-color: var(--gr-ink-strong);
    --bs-table-hover-bg: var(--gr-hover);
    --bs-table-hover-color: var(--gr-ink-strong);
    --gr-icon-chip: #242c38;
    --gr-icon-chip-hover: #323c4c;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
    background: var(--gr-page-grad) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] #kt_aside,
html[data-theme="dark"] .aside {
    background: var(--gr-shell) !important;
    border-color: var(--gr-line) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18), 0 10px 28px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] #kt_aside_logo,
html[data-theme="dark"] .aside-logo,
html[data-theme="dark"] #kt_aside_footer,
html[data-theme="dark"] .aside-footer {
    border-color: var(--gr-line) !important;
}

html[data-theme="dark"] #kt_aside_toggle,
html[data-theme="dark"] .aside-toggle {
    background: var(--gr-surface) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink-soft) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #kt_aside_toggle:hover,
html[data-theme="dark"] .aside-toggle:hover {
    background: var(--gr-hover) !important;
    border-color: var(--gr-line-strong) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] #kt_aside_toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--gr-blue-ring) !important;
}

html[data-theme="dark"] .menu-user-card {
    background: var(--gr-inset) !important;
    border-color: var(--gr-line) !important;
}

html[data-theme="dark"] .menu-user-avatar {
    background: var(--gr-surface-2) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-blue) !important;
}

html[data-theme="dark"] #kt_toolbar_container,
html[data-theme="dark"] .toolbar > .container,
html[data-theme="dark"] .toolbar > .container-fluid,
html[data-theme="dark"] .toolbar .container-fluid {
    background: rgba(30, 37, 48, 0.86) !important;
    border-color: var(--gr-line-mid) !important;
    box-shadow: var(--gr-shadow-sm) !important;
}

html[data-theme="dark"] #kt_header,
html[data-theme="dark"] .header {
    background: transparent !important;
}

html[data-theme="dark"] #kt_header .btn-icon,
html[data-theme="dark"] #kt_aside_mobile_toggle {
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] #kt_header .svg-icon svg [fill="black"],
html[data-theme="dark"] #kt_aside_mobile_toggle svg [fill="black"] {
    fill: currentColor !important;
}

html[data-theme="dark"] .gr-theme-toggle {
    background: var(--gr-inset) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .gr-theme-toggle:hover {
    background: var(--gr-hover) !important;
    border-color: var(--gr-line-strong) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .gr-theme-toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--gr-blue-ring) !important;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .section-card,
html[data-theme="dark"] .content-card,
html[data-theme="dark"] .app-card,
html[data-theme="dark"] .dashboard-card,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-body,
html[data-theme="dark"] .bg-light {
    background-color: var(--gr-surface) !important;
    color: var(--gr-ink) !important;
    border-color: var(--gr-line) !important;
    box-shadow: var(--gr-shadow-xs) !important;
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .card-flush > .card-header,
html[data-theme="dark"] .card .card-header,
html[data-theme="dark"] .modal .card-header,
html[data-theme="dark"] .modal.cad-modal-compact .card-header,
html[data-theme="dark"] .cad-form-page .card-header,
html[data-theme="dark"] .separator,
html[data-theme="dark"] .separator-dashed,
html[data-theme="dark"] .separator.border-4,
html[data-theme="dark"] hr {
    border-color: var(--gr-line) !important;
    border-bottom-color: var(--gr-line) !important;
    background-color: transparent !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card .card-header,
html[data-theme="dark"] .modal .card-header,
html[data-theme="dark"] .cad-form-page .card-header {
    border-bottom: 1px solid var(--gr-line) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .card-title,
html[data-theme="dark"] .card-title .card-label,
html[data-theme="dark"] .card-label,
html[data-theme="dark"] .card-header .card-title,
html[data-theme="dark"] .card-header .card-label,
html[data-theme="dark"] .card-header h3,
html[data-theme="dark"] .card-header .fs-3,
html[data-theme="dark"] .modal .card-title,
html[data-theme="dark"] .modal .card-label,
html[data-theme="dark"] .modal.cad-modal-compact .card-header .card-label,
html[data-theme="dark"] .cad-form-page .card-header .card-label,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .card-title .card-label,
html[data-theme="dark"] .card-header .card-label,
html[data-theme="dark"] .modal .card-label,
html[data-theme="dark"] .cad-form-page .card-label {
    font-weight: 600 !important;
}

html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-gray-900,
html[data-theme="dark"] .text-gray-800,
html[data-theme="dark"] .text-gray-700,
html[data-theme="dark"] .fw-bolder.text-dark {
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .text-gray-600,
html[data-theme="dark"] .text-gray-500,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .form-label,
html[data-theme="dark"] label.form-label,
html[data-theme="dark"] .col-form-label {
    color: var(--gr-ink-soft) !important;
}

html[data-theme="dark"] a:not(.btn):not(.menu-link):not(.nav-link):not(.page-link) {
    color: var(--gr-blue);
}

html[data-theme="dark"] a:not(.btn):not(.menu-link):hover {
    color: #7aa4e6;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .form-control-solid,
html[data-theme="dark"] textarea.form-control,
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .form-control-lg,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="datetime-local"],
html[data-theme="dark"] input[type="time"] {
    background-color: var(--gr-inset) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] .form-control-solid::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--gr-ink-muted) !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
html[data-theme="dark"] .form-control-solid:focus,
html[data-theme="dark"] .form-control:focus-visible {
    background-color: #1a202b !important;
    border-color: var(--gr-blue) !important;
    box-shadow: 0 0 0 3px var(--gr-blue-ring) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-select:disabled,
html[data-theme="dark"] .form-control[readonly] {
    background-color: #151a22 !important;
    color: var(--gr-ink-muted) !important;
    opacity: 0.78;
}

html[data-theme="dark"] .form-check-input {
    background-color: var(--gr-inset);
    border-color: var(--gr-line-strong);
}

html[data-theme="dark"] .form-check-input:checked {
    background-color: var(--gr-blue-strong);
    border-color: var(--gr-blue-strong);
}

html[data-theme="dark"] .form-check-label {
    color: var(--gr-ink);
}

html[data-theme="dark"] .form-switch .form-check-input:not(:checked) {
    background-color: #3a4454;
}

html[data-theme="dark"] .select2-container--bootstrap5 .select2-selection,
html[data-theme="dark"] .select2-container .select2-selection--single,
html[data-theme="dark"] .select2-container .select2-selection--multiple {
    background-color: var(--gr-inset) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered,
html[data-theme="dark"] .select2-container .select2-selection__rendered,
html[data-theme="dark"] .select2-container--bootstrap5 .select2-selection__placeholder {
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .select2-dropdown,
html[data-theme="dark"] .select2-container--bootstrap5 .select2-dropdown {
    background: var(--gr-surface-2) !important;
    border-color: var(--gr-line-mid) !important;
    box-shadow: var(--gr-shadow-md) !important;
}

html[data-theme="dark"] .select2-search--dropdown .select2-search__field {
    background: var(--gr-inset) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .select2-results__option {
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .select2-results__option--highlighted,
html[data-theme="dark"] .select2-results__option--selected,
html[data-theme="dark"] .select2-results__option[aria-selected="true"],
html[data-theme="dark"] .select2-container--bootstrap5 .select2-results__option--highlighted,
html[data-theme="dark"] .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background: var(--bs-primary) !important;
    color: #fff !important;
}

html[data-theme="dark"] .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__choice {
    background: var(--gr-hover) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .btn-primary {
    background-color: var(--gr-blue-strong) !important;
    border-color: var(--gr-blue-strong) !important;
    color: #f3f7ff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .btn-primary:focus {
    background-color: #4476c7 !important;
    border-color: #4476c7 !important;
}

html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-white,
html[data-theme="dark"] .btn-active-light,
html[data-theme="dark"] .btn-active-light-primary {
    background-color: var(--gr-surface-2) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .btn-light:hover,
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-active-light-primary:hover {
    background-color: var(--gr-hover) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .btn-outline-primary {
    color: var(--gr-blue) !important;
    border-color: rgba(91, 143, 222, 0.45) !important;
}

html[data-theme="dark"] .btn-check:checked + .btn,
html[data-theme="dark"] .btn.active {
    background-color: var(--gr-active) !important;
    border-color: rgba(91, 143, 222, 0.35) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] table,
html[data-theme="dark"] .table,
html[data-theme="dark"] table.dataTable,
html[data-theme="dark"] .dataTables_wrapper {
    color: var(--gr-ink);
}

html[data-theme="dark"] .table > :not(caption) > * > *,
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] table.dataTable tbody td,
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table tbody td {
    border-color: var(--gr-line) !important;
    color: var(--gr-ink);
}

html[data-theme="dark"] .table thead th,
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] .dataTables_scrollHead,
html[data-theme="dark"] .dataTables_scrollHeadInner,
html[data-theme="dark"] .dataTables_scrollHeadInner table,
html[data-theme="dark"] .grid-op-page .dataTables_scrollHead,
html[data-theme="dark"] .grid-op-page .dataTables_scrollHeadInner,
html[data-theme="dark"] .grid-op-page .dataTables_scrollHeadInner table,
html[data-theme="dark"] .grid-op-page #def-table thead th,
html[data-theme="dark"] .grid-op-page .dataTables_scrollHead th,
html[data-theme="dark"] .grid-op-page #def-table thead tr:nth-child(2) th,
html[data-theme="dark"] .grid-op-page .dataTables_scrollHead thead tr:nth-child(2) th,
html[data-theme="dark"] .psec-grid-shell .dataTables_scrollHead,
html[data-theme="dark"] .psec-grid-shell .dataTables_scrollHeadInner,
html[data-theme="dark"] .psec-grid-shell .dataTables_scrollHeadInner table,
html[data-theme="dark"] .psec-grid-shell table.dataTable thead th,
html[data-theme="dark"] .psec-grid-shell .dataTables_scrollHead th {
    background: var(--gr-inset) !important;
    color: var(--gr-ink-soft) !important;
    border-color: var(--gr-line) !important;
}

html[data-theme="dark"] .grid-op-page #def-table tbody tr,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.odd,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.even,
html[data-theme="dark"] table.dataTable tbody tr.odd,
html[data-theme="dark"] table.dataTable tbody tr.even {
    background-color: var(--gr-surface) !important;
}

html[data-theme="dark"] .grid-op-page #def-table tbody td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.odd td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.even td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody td.sorting_1,
html[data-theme="dark"] .psec-grid-shell table.dataTable tbody td {
    background-color: var(--gr-surface) !important;
    color: var(--gr-ink) !important;
    border-bottom-color: var(--gr-line) !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] table.dataTable,
html[data-theme="dark"] .grid-op-page #def-table,
html[data-theme="dark"] .psec-grid-shell table.dataTable {
    --bs-table-bg: var(--gr-surface);
    --bs-table-color: var(--gr-ink);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-bg: var(--gr-stripe);
    --bs-table-striped-color: var(--gr-ink);
    --bs-table-active-bg: var(--gr-selected);
    --bs-table-active-color: var(--gr-ink-strong);
    --bs-table-hover-bg: var(--gr-hover);
    --bs-table-hover-color: var(--gr-ink-strong);
}

html[data-theme="dark"] .table > :not(caption) > * > *,
html[data-theme="dark"] .table-hover > tbody > tr:hover > *,
html[data-theme="dark"] .table.table-hover > tbody > tr:hover > td,
html[data-theme="dark"] .table.table-hover > tbody > tr:hover > th,
html[data-theme="dark"] table.dataTable.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .grid-op-page #def-table tbody tr:hover td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr:hover td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.odd:hover td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.even:hover td,
html[data-theme="dark"] .psec-grid-shell table.dataTable tbody tr:hover td,
html[data-theme="dark"] table.dataTable tbody tr:hover td,
html[data-theme="dark"] .table-hover > tbody > tr:hover > td,
html[data-theme="dark"] .table-hover > tbody > tr:hover > * {
    background-color: var(--gr-hover) !important;
    color: var(--gr-ink-strong) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .grid-op-page #def-table tbody tr.gp-row-selected td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.gp-row-selected td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.odd.gp-row-selected td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.even.gp-row-selected td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.gp-row-selected td.sorting_1 {
    background-color: var(--gr-selected) !important;
}

html[data-theme="dark"] .grid-op-page #def-table tbody tr.gp-row-selected:hover td,
html[data-theme="dark"] .grid-op-page table.dataTable tbody tr.gp-row-selected:hover td {
    background-color: var(--gr-selected-hover) !important;
    color: var(--gr-ink-strong) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn.btn-bg-light,
html[data-theme="dark"] .btn.btn-icon.btn-bg-light,
html[data-theme="dark"] .btn.btn-icon.btn-bg-light.btn-active-color-primary,
html[data-theme="dark"] .grid-op-page .btn-icon,
html[data-theme="dark"] .psec-grid-shell .btn-icon,
html[data-theme="dark"] table.dataTable .btn-icon,
html[data-theme="dark"] table.dataTable .btn.btn-sm.btn-icon {
    background-color: var(--gr-icon-chip) !important;
    background-image: none !important;
    border-color: var(--gr-line) !important;
    color: var(--gr-ink) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn.btn-bg-light:hover,
html[data-theme="dark"] .btn.btn-icon.btn-bg-light:hover,
html[data-theme="dark"] .btn.btn-icon.btn-bg-light.btn-active-color-primary:hover,
html[data-theme="dark"] .grid-op-page .btn-icon:hover,
html[data-theme="dark"] .psec-grid-shell .btn-icon:hover,
html[data-theme="dark"] table.dataTable .btn-icon:hover,
html[data-theme="dark"] table.dataTable .btn.btn-sm.btn-icon:hover {
    background-color: var(--gr-icon-chip-hover) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .btn.btn-bg-light .svg-icon,
html[data-theme="dark"] .btn.btn-icon.btn-bg-light .svg-icon,
html[data-theme="dark"] .grid-op-page .btn-icon .svg-icon,
html[data-theme="dark"] table.dataTable .btn-icon .svg-icon,
html[data-theme="dark"] table.dataTable .btn-icon i {
    color: inherit !important;
}

html[data-theme="dark"] .btn.btn-bg-light .svg-icon svg [fill],
html[data-theme="dark"] .btn.btn-icon .svg-icon svg [fill],
html[data-theme="dark"] .grid-op-page .btn-icon svg [fill],
html[data-theme="dark"] table.dataTable .btn-icon svg [fill] {
    fill: currentColor !important;
}

html[data-theme="dark"] .btn.btn-bg-light .svg-icon svg [fill="none"],
html[data-theme="dark"] .btn.btn-icon .svg-icon svg [fill="none"],
html[data-theme="dark"] .grid-op-page .btn-icon svg [fill="none"],
html[data-theme="dark"] table.dataTable .btn-icon svg [fill="none"] {
    fill: none !important;
}

html[data-theme="dark"] tbody tr:hover .btn.btn-bg-light,
html[data-theme="dark"] tbody tr:hover .btn.btn-icon.btn-bg-light,
html[data-theme="dark"] .grid-op-page tbody tr:hover .btn-icon,
html[data-theme="dark"] table.dataTable tbody tr:hover .btn-icon {
    background-color: var(--gr-inset) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .grid-op-page #def-table thead .column-filter,
html[data-theme="dark"] .grid-op-page .dataTables_scrollHead .column-filter,
html[data-theme="dark"] .grid-op-page #def-table thead .filtro-grid-novo,
html[data-theme="dark"] .grid-op-page .dataTables_scrollHead .filtro-grid-novo {
    background: var(--gr-surface) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink-soft) !important;
}

html[data-theme="dark"] .grid-op-filter.card,
html[data-theme="dark"] .grid-op-page.card,
html[data-theme="dark"] .psec-shell.card {
    background: var(--gr-surface) !important;
    box-shadow: var(--gr-shadow-sm) !important;
}

html[data-theme="dark"] .grid-op-page #blocoMapa,
html[data-theme="dark"] .grid-op-page .gp-map {
    background: var(--gr-inset) !important;
    border-color: var(--gr-line-mid) !important;
}

html[data-theme="dark"] .grid-op-page .gp-switch {
    background: var(--gr-inset);
    border-color: var(--gr-line-mid);
}

html[data-theme="dark"] .grid-op-page .gp-switch.is-on {
    background: var(--gr-blue-soft);
    border-color: rgba(91, 143, 222, 0.35);
    box-shadow: 0 0 0 3px var(--gr-blue-ring);
}

html[data-theme="dark"] .grid-op-page .gp-switch__label,
html[data-theme="dark"] .grid-op-page .gp-load-status,
html[data-theme="dark"] .grid-op-page .gp-cad-title,
html[data-theme="dark"] .grid-op-page .dataTables_length {
    color: var(--gr-ink-muted) !important;
}

html[data-theme="dark"] .grid-op-page .gp-switch.is-on .gp-switch__label {
    color: var(--gr-blue) !important;
}

html[data-theme="dark"] .grid-op-page .gp-switch.is-off {
    background: #1a202b;
    border-color: var(--gr-line);
}

html[data-theme="dark"] .grid-op-page .gp-switch__track {
    background: #4a5566;
}

html[data-theme="dark"] .grid-op-page .gp-actions .breadcrumb-item a:hover {
    background: var(--gr-blue-soft);
    box-shadow: none;
}

html[data-theme="dark"] .grid-op-page .dataTables_length,
html[data-theme="dark"] .dataTables_info,
html[data-theme="dark"] .dataTables_length {
    color: var(--gr-ink-muted) !important;
}

html[data-theme="dark"] .gp-skeleton {
    background: var(--gr-surface);
}

html[data-theme="dark"] .gp-skeleton-line {
    border-bottom-color: var(--gr-line);
}

html[data-theme="dark"] .gp-skeleton-line span {
    background: linear-gradient(90deg, #232b38 0%, #2a3341 45%, #232b38 90%);
    background-size: 220% 100%;
}

html[data-theme="dark"] .gp-progress-modal {
    background: rgba(8, 12, 18, .62);
}

html[data-theme="dark"] .gp-progress-modal__box {
    background: var(--gr-surface);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .gp-progress-modal__title {
    color: var(--gr-ink-strong);
}

html[data-theme="dark"] .gp-progress-modal__text {
    color: var(--gr-ink-muted);
}

html[data-theme="dark"] .gp-progress-modal__track {
    background: var(--gr-inset);
}

html[data-theme="dark"] .grid-op-page .gp-cad-search .svg-icon svg [fill="black"] {
    fill: var(--gr-ink-muted) !important;
}

html[data-theme="dark"] .pagination .page-link,
html[data-theme="dark"] .dataTables_paginate .paginate_button,
html[data-theme="dark"] .dataTables_paginate .page-link {
    background: var(--gr-surface-2) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink-soft) !important;
}

html[data-theme="dark"] .pagination .page-item.active .page-link,
html[data-theme="dark"] .dataTables_paginate .paginate_button.current,
html[data-theme="dark"] .dataTables_paginate .page-item.active .page-link {
    background: var(--gr-blue-strong) !important;
    border-color: var(--gr-blue-strong) !important;
    color: #f3f7ff !important;
}

html[data-theme="dark"] .pagination .page-link:hover,
html[data-theme="dark"] .dataTables_paginate .paginate_button:hover {
    background: var(--gr-hover) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .modal-body {
    background-color: var(--gr-surface-2) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .modal-title {
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .modal-backdrop.show {
    background-color: #07090d;
    opacity: 0.62 !important;
}

html[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(1) brightness(1.4);
    opacity: 0.65;
}

html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .menu-sub-dropdown,
html[data-theme="dark"] .toolbar .menu-sub.menu-sub-dropdown,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .tooltip-inner {
    background: var(--gr-surface-2) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
    box-shadow: var(--gr-shadow-md) !important;
}

html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .dropdown-item .menu-title {
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
    background: var(--gr-hover) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .dropdown-divider {
    border-color: var(--gr-line) !important;
}

html[data-theme="dark"] .nav-tabs {
    border-color: var(--gr-line) !important;
}

html[data-theme="dark"] .nav-tabs .nav-link,
html[data-theme="dark"] .psec-tabs .nav-tabs .nav-link {
    color: var(--gr-ink-muted) !important;
}

html[data-theme="dark"] .nav-tabs .nav-link.active,
html[data-theme="dark"] .nav-tabs .nav-item.show .nav-link,
html[data-theme="dark"] .psec-tabs .nav-tabs .nav-link.active {
    color: var(--gr-ink-strong) !important;
    background: transparent !important;
    border-color: transparent transparent var(--gr-blue) !important;
}

html[data-theme="dark"] .psec-tabs {
    border-bottom-color: var(--gr-line) !important;
}

html[data-theme="dark"] .badge-light,
html[data-theme="dark"] .badge-light-primary,
html[data-theme="dark"] .badge.badge-light {
    background: var(--gr-hover) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .accordion-item {
    background: var(--gr-surface) !important;
    border-color: var(--gr-line) !important;
}

html[data-theme="dark"] .accordion-button {
    background: var(--gr-surface) !important;
    color: var(--gr-ink-strong) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .accordion-button:not(.collapsed) {
    background: var(--gr-inset) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .accordion-button::after {
    filter: invert(0.82);
}

html[data-theme="dark"] .accordion-body {
    background: var(--gr-surface) !important;
    color: var(--gr-ink);
}

html[data-theme="dark"] .list-group-item {
    background: var(--gr-surface) !important;
    border-color: var(--gr-line) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .alert-light,
html[data-theme="dark"] .notice,
html[data-theme="dark"] .bg-light-primary {
    background: var(--gr-inset) !important;
    color: var(--gr-ink) !important;
    border-color: var(--gr-line) !important;
}

html[data-theme="dark"] .swal2-popup,
html[data-theme="dark"] .swal2-popup.swal2-toast {
    background: var(--gr-surface-2) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .swal2-title,
html[data-theme="dark"] .swal2-html-container,
html[data-theme="dark"] .swal2-content {
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] #toast-container > .toast,
html[data-theme="dark"] .toast,
html[data-theme="dark"] .toastr {
    box-shadow: var(--gr-shadow-md);
}

html[data-theme="dark"] .daterangepicker,
html[data-theme="dark"] .daterangepicker .calendar-table,
html[data-theme="dark"] .daterangepicker .drp-buttons,
html[data-theme="dark"] .flatpickr-calendar,
html[data-theme="dark"] .datepicker,
html[data-theme="dark"] .datepicker-dropdown {
    background: var(--gr-surface-2) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .daterangepicker td.off,
html[data-theme="dark"] .daterangepicker td.available,
html[data-theme="dark"] .flatpickr-day,
html[data-theme="dark"] .datepicker table tr td,
html[data-theme="dark"] .datepicker table tr th {
    color: var(--gr-ink-soft) !important;
}

html[data-theme="dark"] .daterangepicker td.active,
html[data-theme="dark"] .daterangepicker td.in-range,
html[data-theme="dark"] .flatpickr-day.selected,
html[data-theme="dark"] .datepicker table tr td.active,
html[data-theme="dark"] .datepicker table tr td.active:hover {
    background: var(--gr-blue-strong) !important;
    color: #f3f7ff !important;
}

html[data-theme="dark"] .dt-buttons .btn,
html[data-theme="dark"] .dt-button,
html[data-theme="dark"] .buttons-html5,
html[data-theme="dark"] .buttons-print {
    background: var(--gr-surface-2) !important;
    border-color: var(--gr-line-mid) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] div.dt-button-collection {
    background: var(--gr-surface) !important;
    border-color: var(--gr-line-mid) !important;
    box-shadow: var(--gr-shadow-md, 0 12px 32px rgba(0, 0, 0, .35)) !important;
}

html[data-theme="dark"] div.dt-button-collection .dt-button,
html[data-theme="dark"] div.dt-button-collection .btn {
    background: transparent !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] div.dt-button-collection .dt-button:hover,
html[data-theme="dark"] div.dt-button-collection .btn:hover {
    background: var(--gr-blue-strong, var(--bs-primary)) !important;
    color: #fff !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: var(--gr-stripe) !important;
    color: var(--gr-ink);
}

html[data-theme="dark"] .progress {
    background-color: var(--gr-inset) !important;
}

html[data-theme="dark"] .offcanvas,
html[data-theme="dark"] .drawer,
html[data-theme="dark"] .bg-body.drawer {
    background: var(--gr-surface) !important;
    color: var(--gr-ink) !important;
}

html[data-theme="dark"] .symbol-label,
html[data-theme="dark"] .menu-state-bg {
    background: var(--gr-hover) !important;
}

html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom,
html[data-theme="dark"] .border-start,
html[data-theme="dark"] .border-end,
html[data-theme="dark"] .border-gray-200,
html[data-theme="dark"] .border-gray-300 {
    border-color: var(--gr-line) !important;
}

html[data-theme="dark"] .toolbar .menu-sub.menu-sub-dropdown .menu-link:active,
html[data-theme="dark"] #kt_toolbar .menu-sub.menu-sub-dropdown .menu-link:active {
    background: var(--gr-hover) !important;
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] * {
    scrollbar-color: #3a4556 transparent;
}

html[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: transparent;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #3a4556;
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #4d5a6c;
    background-clip: padding-box;
}

html[data-theme="dark"] .perfil-edit-page {
    --pe-text: var(--gr-ink);
    --pe-muted: var(--gr-ink-soft);
    --pe-label: var(--gr-ink);
    --pe-border: var(--gr-line);
    --pe-area: var(--gr-inset);
    --pe-card: var(--gr-surface);
    --pe-card-hover: var(--gr-hover);
    --pe-title: var(--gr-ink-strong);
}

html[data-theme="dark"] .perfil-edit-page .perfil-field .form-label,
html[data-theme="dark"] .perfil-edit-page .form-label {
    color: var(--pe-label) !important;
}

html[data-theme="dark"] .perfil-edit-page .perfil-section-title,
html[data-theme="dark"] .perfil-edit-page .perfil-perm-title {
    color: var(--pe-title);
}

html[data-theme="dark"] .perfil-edit-page .perfil-check,
html[data-theme="dark"] .perfil-edit-page .perfil-check-text {
    color: var(--pe-text);
}

html[data-theme="dark"] .perfil-edit-page .perfil-perm-search input {
    background: var(--gr-inset);
    border-color: var(--gr-line-mid);
    color: var(--gr-ink);
}

html[data-theme="dark"] .perfil-edit-page .perfil-perm-search-clear:hover {
    background: var(--gr-hover);
}

html[data-theme="dark"] .grid-op-filter.rps-filter .rps-filter-title,
html[data-theme="dark"] .grid-op-page .gp-actions .rps-page-title {
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .home-dash {
    --hd-text: #c5d0dc;
    --hd-muted: #8b988f;
    --hd-line: var(--gr-line-mid);
    --hd-accent: #6aa884;
    --hd-accent-soft: rgba(106, 168, 132, 0.16);
    --hd-number: #86c09c;
    --hd-card: var(--gr-surface);
    --hd-shadow: var(--gr-shadow-xs);
    --hd-shadow-hover: 0 0 28px 4px rgba(0, 0, 0, 0.28);
    --hd-skel-a: #232b38;
    --hd-skel-b: #2a3341;
    --hd-chart-grid: rgba(148, 163, 184, 0.1);
    --hd-chart-axis: rgba(148, 163, 184, 0.16);
    --hd-chart-label: #9aa6b8;
    --hd-chart-label-strong: #c5d0dc;
    color: var(--hd-text);
}

html[data-theme="dark"] .home-dash-kpi,
html[data-theme="dark"] .home-dash-charts > *,
html[data-theme="dark"] .home-dash-map {
    background: var(--hd-card) !important;
    border-color: var(--hd-line) !important;
}

html[data-theme="dark"] .home-dash-box-head h3 {
    color: #8fbfa3 !important;
}

html[data-theme="dark"] .home-dash .highcharts-grid-line,
html[data-theme="dark"] .home-dash .highcharts-minor-grid-line {
    stroke: var(--hd-chart-grid) !important;
}

html[data-theme="dark"] .home-dash .highcharts-axis-line,
html[data-theme="dark"] .home-dash .highcharts-tick {
    stroke: var(--hd-chart-axis) !important;
}

html[data-theme="dark"] .home-dash .highcharts-yaxis-labels text,
html[data-theme="dark"] .home-dash .highcharts-xaxis-labels text {
    fill: var(--hd-chart-label) !important;
}

html[data-theme="dark"] .home-dash .highcharts-data-label text,
html[data-theme="dark"] .home-dash .highcharts-data-label tspan,
html[data-theme="dark"] .home-dash .highcharts-label text,
html[data-theme="dark"] .home-dash .highcharts-label tspan {
    fill: var(--hd-chart-label-strong) !important;
}

html[data-theme="dark"] .home-dash .highcharts-pie-series .highcharts-point {
    stroke: var(--hd-card) !important;
}

html[data-theme="dark"] .home-dash .highcharts-button-box {
    fill: transparent !important;
    stroke: none !important;
}

html[data-theme="dark"] .home-dash .highcharts-contextbutton:hover .highcharts-button-box,
html[data-theme="dark"] .home-dash .highcharts-button:hover .highcharts-button-box {
    fill: rgba(148, 163, 184, 0.12) !important;
}

html[data-theme="dark"] .home-dash .highcharts-button-symbol {
    stroke: #9aa6b8 !important;
}

html[data-theme="dark"] .home-dash-skel-map {
    background: #1a2228 !important;
}

html[data-theme="dark"] .home-skel-donut span {
    background: radial-gradient(circle at center, #1e2530 46%, transparent 47%),
        linear-gradient(90deg, var(--hd-skel-a) 0%, var(--hd-skel-b) 42%, var(--hd-skel-a) 82%) !important;
}

html[data-theme="dark"] .viagem-cad-page .nav-tabs,
html[data-theme="dark"] html.viagem-cad-layout .card {
    background-color: var(--gr-surface);
}

html[data-theme="dark"] #kt_body.bg-body,
html[data-theme="dark"] body.bg-body,
html[data-theme="dark"] html.login-page,
html[data-theme="dark"] body.login-page {
    background: var(--gr-page) !important;
}

html[data-theme="dark"] .login-page {
    --login-title: var(--gr-ink-strong);
    --login-sub: var(--gr-ink-soft);
    --login-label: var(--gr-ink);
    --login-border: var(--gr-line-mid);
    --login-line: var(--gr-line);
    --login-card: var(--gr-surface);
    --login-page-bg: var(--gr-page);
    --login-shadow: var(--gr-shadow-md);
    --login-link: var(--gr-blue);
    --login-link-hover: #7aa4e6;
}

html[data-theme="dark"] .login-page .login-main {
    background: var(--gr-page);
}

html[data-theme="dark"] .login-page .login-panel {
    background: var(--gr-surface);
    border-color: var(--gr-line-mid);
    box-shadow: var(--gr-shadow-md);
}

html[data-theme="dark"] .login-page .login-field .form-control:focus,
html[data-theme="dark"] .login-page .login-lang .form-select:focus {
    box-shadow: 0 0 0 3px var(--gr-blue-ring);
}

html[data-theme="dark"] .gp-grid-modal-filter .gp-rel-filter-head .card-label {
    color: var(--gr-ink-strong) !important;
}

html[data-theme="dark"] .gp-grid-modal .gp-load-status {
    color: var(--gr-ink-muted) !important;
}

html[data-theme="dark"] .modal.gp-grid-modal .dataTables_scrollHead {
    background: var(--gr-surface-2) !important;
}

html[data-theme="dark"] .gp-map-modal__canvas {
    border-color: var(--gr-line) !important;
    background: var(--gr-inset) !important;
}