.dx-button.btn-primary,
.dx-button-mode-contained.dx-button-default {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.dx-button.btn-primary .dx-button-content,
.dx-button.btn-primary .dx-button-text,
.dx-button-mode-contained.dx-button-default .dx-button-content,
.dx-button-mode-contained.dx-button-default .dx-button-text {
    color: #fff !important;
}

.dx-button.btn-primary:hover,
.dx-button.btn-primary:active,
.dx-button.btn-primary.active,
.dx-button.btn-primary.dx-state-hover,
.dx-button.btn-primary.dx-state-active,
.dx-button-mode-contained.dx-button-default:hover,
.dx-button-mode-contained.dx-button-default:active,
.dx-button-mode-contained.dx-button-default.active,
.dx-button-mode-contained.dx-button-default.dx-state-hover,
.dx-button-mode-contained.dx-button-default.dx-state-active {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header,
:is([data-theme=dark], [data-bs-theme=dark]) .k-window .k-window-titlebar,
:is([data-theme=dark], [data-bs-theme=dark]) .k-dialog .k-dialog-titlebar,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-popup-wrapper .dx-popup-title,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-overlay-wrapper .dx-popup-title,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-popup-title {
    background-color: #e31b0c !important;
    border-color: #b91609 !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header .modal-title,
:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header h1,
:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header h2,
:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header h3,
:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header h4,
:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header h5,
:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header h6,
:is([data-theme=dark], [data-bs-theme=dark]) .k-window .k-window-title,
:is([data-theme=dark], [data-bs-theme=dark]) .k-dialog .k-dialog-title,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-popup-wrapper .dx-popup-title,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-overlay-wrapper .dx-popup-title,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-popup-title .dx-toolbar-label,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-popup-title .dx-toolbar-label > div {
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.9;
}

:is([data-theme=dark], [data-bs-theme=dark]) .modal .modal-header .btn-close:hover {
    opacity: 1;
}

/* This file is loaded after the vendor themes, so keep cross-vendor dark
   overrides here when the base light theme still paints a widget surface. */
:is([data-theme=dark], [data-bs-theme=dark]) .page-wrapper,
:is([data-theme=dark], [data-bs-theme=dark]) .page-wrapper .content {
    background-color: #0f1326 !important;
    color: #d7dce8 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .page-wrapper .card,
:is([data-theme=dark], [data-bs-theme=dark]) .page-wrapper .card .card-header,
:is([data-theme=dark], [data-bs-theme=dark]) .page-wrapper .card .card-body,
:is([data-theme=dark], [data-bs-theme=dark]) .page-wrapper .card .card-footer {
    background-color: #080b1d !important;
    border-color: #252b45 !important;
    color: #d7dce8 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .auth-logo img {
    background-color: #ffffff !important;
    border-radius: 4px;
    padding: 4px 8px;
}

:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header h1,
:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header h2,
:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header h3,
:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header h4,
:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header h5,
:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header h6 {
    color: #eef2ff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header .breadcrumb,
:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header .breadcrumb-item,
:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header .breadcrumb-item.active,
:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header .breadcrumb-item::before {
    color: #aeb8cf !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header .breadcrumb a {
    color: #c7d2ff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header .btn-outline-light,
:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header .btn-outline-light:focus {
    background-color: #030318 !important;
    border-color: #252b45 !important;
    color: #eef2ff !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .cx-page-header .btn-outline-light:hover {
    background-color: #11162a !important;
    border-color: #34405f !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header .header-item:has(#headerPatientFinder) .k-combobox,
:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header .header-item:has(#headerPatientFinder) .k-picker,
:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header .header-item:has(#headerPatientFinder) .k-input,
:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header .header-item:has(#headerPatientFinder) .k-input-inner,
:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header .header-item:has(#headerPatientFinder) .k-input-button,
:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header input[aria-controls="headerPatientFinder-list"],
:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #eef2ff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header .header-item:has(#headerPatientFinder) .k-input-inner::placeholder,
:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header input[aria-controls="headerPatientFinder-list"]::placeholder {
    color: #98a2b8 !important;
    opacity: 1;
}

:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header .header-item:has(#headerPatientFinder) .k-input-button:hover,
:is([data-theme=dark], [data-bs-theme=dark]) .navbar-header .header-item:has(#headerPatientFinder) .k-picker:hover {
    background-color: #17203d !important;
    border-color: #3b4568 !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list,
:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list.k-popup,
:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list.k-list-container,
:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list .k-list,
:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list .k-list-content,
:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list .k-list-item {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #d7dce8 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .45) !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list .k-list-item:hover,
:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list .k-list-item.k-hover {
    background-color: #17203d !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list .k-list-item.k-selected,
:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list .k-list-item.k-state-selected {
    background-color: #173c6a !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list .text-muted {
    color: #a8b3c7 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) #headerPatientFinder-list .k-no-data {
    background-color: #11162a !important;
    color: #a8b3c7 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-animation-container:has(> #headerPatientFinder-list) {
    background-color: transparent !important;
    border-color: #2a314d !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-container,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-total-footer,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-pager,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid .dx-toolbar,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid .dx-toolbar-items-container,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid .dx-datagrid-content,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid table {
    background-color: #080b1d !important;
    color: #d7dce8 !important;
    border-color: #252b45 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-borders > .dx-datagrid-headers,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-borders > .dx-datagrid-rowsview,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-borders > .dx-datagrid-total-footer,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-borders > .dx-datagrid-pager {
    border-color: #252b45 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-datagrid-table,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-header-row,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-header-row > td,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-command-select,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-command-expand,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-command-edit {
    background-color: #11162a !important;
    color: #eef2ff !important;
    border-color: #2a314d !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-datagrid-text-content,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-column-indicators,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-sort,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-header-filter,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-headers .dx-header-filter::before {
    color: #eef2ff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-filter-row,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-filter-row > td,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-filter-row .dx-editor-cell,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-filter-row .dx-menu {
    background-color: #0c1024 !important;
    color: #d7dce8 !important;
    border-color: #252b45 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-row > td,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-row > tr > td,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-freespace-row > td,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-virtual-row > td {
    background-color: #080b1d !important;
    color: #d7dce8 !important;
    border-color: #252b45 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-row-alt > td,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-row-alt > tr > td {
    background-color: #0c1024 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-row-focused > td,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-selection > td,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-selection.dx-row-alt > td {
    background-color: #1f3f73 !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-state-hover > td,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-rowsview .dx-row:hover > td {
    background-color: #151b34 !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-nodata,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-empty-message {
    color: #aeb8cf !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-filter-panel,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-filter-panel .dx-icon,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-filter-panel .dx-link {
    background-color: #080b1d !important;
    border-color: #252b45 !important;
    color: #8fbaff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-texteditor,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-texteditor-container,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-texteditor-input,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-searchbox .dx-texteditor-container,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid-search-panel,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-dropdowneditor,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-dropdowneditor-input-wrapper {
    background-color: #11162a !important;
    color: #eef2ff !important;
    border-color: #2a314d !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-texteditor-input::placeholder {
    color: #8d98ad !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-icon,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-searchbox .dx-icon-search,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-dropdowneditor-icon,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-checkbox-icon,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-select-checkbox,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-datagrid .dx-link {
    color: #c7d2ff !important;
    border-color: #34405f !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-checkbox-icon {
    background-color: #11162a !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-checkbox-checked .dx-checkbox-icon {
    background-color: var(--primary, #0d6efd) !important;
    border-color: var(--primary, #0d6efd) !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-button:not(.btn-primary):not(.dx-button-default),
:is([data-theme=dark], [data-bs-theme=dark]) .dx-button-mode-contained:not(.btn-primary):not(.dx-button-default) {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #eef2ff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-button .dx-button-content,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-button .dx-button-text {
    color: inherit !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-button:not(.btn-primary):not(.dx-button-default).dx-state-hover,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-button:not(.btn-primary):not(.dx-button-default):hover {
    background-color: #151b34 !important;
    border-color: #34405f !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-pager,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-pager .dx-page,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-pager .dx-pages,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-pager .dx-info,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-pager .dx-page-sizes,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-pager .dx-navigate-button {
    background-color: #080b1d !important;
    color: #d7dce8 !important;
    border-color: #252b45 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-pager .dx-selection,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-pager .dx-page.dx-selection {
    background-color: #17203d !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-overlay-content,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-popup-wrapper .dx-popup-content,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-list,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-list-item,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-menu-base,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-menu-item {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #d7dce8 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .dx-list-item.dx-state-hover,
:is([data-theme=dark], [data-bs-theme=dark]) .dx-menu-item.dx-state-hover {
    background-color: #151b34 !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .crm-grid-summary-row {
    background-color: #0c1024 !important;
    border-color: #252b45 !important;
    color: #d7dce8 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .crm-summary-label {
    color: #aeb8cf !important;
}

[data-theme=dark] .k-grid,
[data-theme=dark] .k-grid .k-grid-container,
[data-theme=dark] .k-grid .k-grid-content,
[data-theme=dark] .k-grid .k-grid-content-locked,
[data-theme=dark] .k-grid .k-grid-header,
[data-theme=dark] .k-grid .k-grid-header-wrap,
[data-theme=dark] .k-grid .k-grid-footer,
[data-theme=dark] .k-grid .k-grid-pager,
[data-theme=dark] .k-grid .k-pager,
[data-theme=dark] .k-grid .k-table,
[data-theme=dark] .k-grid table {
    background-color: #080b1d !important;
    color: #d7dce8 !important;
}

[data-theme=dark] .k-grid .k-grid-header,
[data-theme=dark] .k-grid .k-grid-header-wrap,
[data-theme=dark] .k-grid .k-table-thead,
[data-theme=dark] .k-grid .k-table-thead .k-table-row,
[data-theme=dark] .k-grid .k-grid-header th,
[data-theme=dark] .k-grid .k-grid-header th.k-header,
[data-theme=dark] .k-grid .k-grid-header .k-table-th {
    background-color: #11162a !important;
    color: #eef2ff !important;
    border-color: #2a314d !important;
}

[data-theme=dark] .k-grid .k-grid-header .k-link,
[data-theme=dark] .k-grid .k-grid-header .k-column-title,
[data-theme=dark] .k-grid .k-grid-header .k-cell-inner,
[data-theme=dark] .k-grid .k-grid-header .k-sort-icon,
[data-theme=dark] .k-grid .k-grid-header .k-icon,
[data-theme=dark] .k-grid .k-grid-header .k-svg-icon,
[data-theme=dark] .k-grid .k-grid-header .k-button,
[data-theme=dark] .k-grid .k-grid-header .k-button-icon {
    color: #eef2ff !important;
}

[data-theme=dark] .k-grid tbody,
[data-theme=dark] .k-grid .k-table-tbody,
[data-theme=dark] .k-grid tbody tr,
[data-theme=dark] .k-grid .k-table-tbody .k-table-row,
[data-theme=dark] .k-grid tbody td,
[data-theme=dark] .k-grid .k-table-td {
    background-color: #080b1d !important;
    color: #d7dce8 !important;
    border-color: #252b45 !important;
}

[data-theme=dark] .k-grid tbody tr.k-alt,
[data-theme=dark] .k-grid tbody tr.k-table-alt-row,
[data-theme=dark] .k-grid .k-table-tbody .k-table-alt-row,
[data-theme=dark] .k-grid tbody tr:nth-child(even),
[data-theme=dark] .k-grid .k-table-tbody .k-table-row:nth-child(even) {
    background-color: #0c1024 !important;
}

[data-theme=dark] .k-grid tbody tr.k-alt td,
[data-theme=dark] .k-grid tbody tr.k-table-alt-row td,
[data-theme=dark] .k-grid .k-table-tbody .k-table-alt-row .k-table-td,
[data-theme=dark] .k-grid tbody tr:nth-child(even) td,
[data-theme=dark] .k-grid .k-table-tbody .k-table-row:nth-child(even) .k-table-td {
    background-color: #0c1024 !important;
}

[data-theme=dark] .k-grid tbody tr:hover td,
[data-theme=dark] .k-grid .k-table-tbody .k-table-row:hover .k-table-td,
[data-theme=dark] .k-grid tbody tr.k-hover td,
[data-theme=dark] .k-grid .k-table-tbody .k-table-row.k-hover .k-table-td {
    background-color: #151b34 !important;
    color: #ffffff !important;
}

[data-theme=dark] .k-grid tbody tr.k-selected td,
[data-theme=dark] .k-grid .k-table-tbody .k-table-row.k-selected .k-table-td {
    background-color: #1f3f73 !important;
    color: #ffffff !important;
}

[data-theme=dark] .k-grid .k-grid-content a,
[data-theme=dark] .k-grid .k-table-td a {
    color: #8fbaff !important;
}

[data-theme=dark] .k-grid .k-pager,
[data-theme=dark] .k-grid .k-pager-wrap,
[data-theme=dark] .k-grid .k-pager-info,
[data-theme=dark] .k-grid .k-pager-sizes,
[data-theme=dark] .k-grid .k-pager-numbers,
[data-theme=dark] .k-grid .k-pager-numbers .k-link {
    color: #d7dce8 !important;
}

[data-theme=dark] .k-grid .k-pager .k-button,
[data-theme=dark] .k-grid .k-pager .k-link,
[data-theme=dark] .k-grid .k-pager .k-icon,
[data-theme=dark] .k-grid .k-pager .k-svg-icon {
    color: #c9d3e8 !important;
}

[data-theme=dark] .k-grid .k-pager .k-selected,
[data-theme=dark] .k-grid .k-pager .k-link.k-selected {
    background-color: #17203d !important;
    color: #ffffff !important;
}

[data-theme=dark] .k-pager-wrap .k-dropdown,
[data-theme=dark] .k-pager-wrap .k-dropdown .k-dropdown-wrap,
[data-theme=dark] .k-pager-wrap .k-dropdown .k-input,
[data-theme=dark] .k-pager-wrap select.k-dropdown,
[data-theme=dark] .k-pager-sizes .k-picker,
[data-theme=dark] .k-pager-sizes .k-picker-wrap,
[data-theme=dark] .k-pager-sizes .k-input-inner,
[data-theme=dark] .k-pager-sizes .k-input-button {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #eef2ff !important;
}

[data-theme=dark] .k-column-menu,
[data-theme=dark] .k-column-menu .k-menu:not(.k-context-menu),
[data-theme=dark] .k-menu-group,
[data-theme=dark] .k-menu.k-context-menu,
[data-theme=dark] .k-filterable.k-content,
[data-theme=dark] .k-chip-solid-base,
[data-theme=dark] .k-popup,
[data-theme=dark] .k-list,
[data-theme=dark] .k-animation-container .k-list-content {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #d7dce8 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid {
    --kendo-color-app-surface: #080b1d;
    --kendo-color-surface: #080b1d;
    --kendo-color-surface-alt: #11162a;
    --kendo-color-subtle: #11162a;
    --kendo-color-on-app-surface: #d7dce8;
    --kendo-color-on-surface: #d7dce8;
    --kendo-color-border: #252b45;
    --kendo-color-border-alt: #2a314d;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-container,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-aria-root,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-content,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-content-locked,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header-wrap,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-footer,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-pager,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid table {
    background-color: #080b1d !important;
    color: #d7dce8 !important;
    border-color: #252b45 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header-wrap,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header table,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-table,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-thead,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-thead .k-table-row,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid thead,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid thead tr,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid th,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-header,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header th,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header th.k-header,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-table-th,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-th {
    background-color: #11162a !important;
    background-image: none !important;
    color: #eef2ff !important;
    border-color: #2a314d !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-link,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-column-title,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-cell-inner,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-sort-icon,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-icon,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-svg-icon,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-button,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-button-icon,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-column-menu,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-header .k-column-menu .k-icon {
    color: #eef2ff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-tbody,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-tbody .k-table-row,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody td,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-td {
    background-color: #080b1d !important;
    color: #d7dce8 !important;
    border-color: #252b45 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr.k-alt,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr.k-table-alt-row,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-tbody .k-table-alt-row,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr:nth-child(even),
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-tbody .k-table-row:nth-child(even),
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr.k-alt td,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr.k-table-alt-row td,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-tbody .k-table-alt-row .k-table-td,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr:nth-child(even) td,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-tbody .k-table-row:nth-child(even) .k-table-td {
    background-color: #0c1024 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr:hover td,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-tbody .k-table-row:hover .k-table-td,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr.k-hover td,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-tbody .k-table-row.k-hover .k-table-td {
    background-color: #151b34 !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid tbody tr.k-selected td,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-tbody .k-table-row.k-selected .k-table-td {
    background-color: #1f3f73 !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-grid-content a,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-table-td a {
    color: #8fbaff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager-wrap,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager-info,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager-sizes,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager-numbers,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager-numbers .k-link,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager .k-button,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager .k-link,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager .k-icon,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager .k-svg-icon {
    color: #d7dce8 !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager .k-selected,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-pager .k-link.k-selected {
    background-color: #17203d !important;
    color: #ffffff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-pager-wrap .k-dropdown,
:is([data-theme=dark], [data-bs-theme=dark]) .k-pager-wrap .k-dropdown .k-dropdown-wrap,
:is([data-theme=dark], [data-bs-theme=dark]) .k-pager-wrap .k-dropdown .k-input,
:is([data-theme=dark], [data-bs-theme=dark]) .k-pager-wrap select.k-dropdown,
:is([data-theme=dark], [data-bs-theme=dark]) .k-pager-sizes .k-picker,
:is([data-theme=dark], [data-bs-theme=dark]) .k-pager-sizes .k-picker-wrap,
:is([data-theme=dark], [data-bs-theme=dark]) .k-pager-sizes .k-input-inner,
:is([data-theme=dark], [data-bs-theme=dark]) .k-pager-sizes .k-input-button,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-filter-row .k-input,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-filter-row .k-input-inner,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-filter-row .k-picker,
:is([data-theme=dark], [data-bs-theme=dark]) .k-grid .k-filter-row .k-input-button {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #eef2ff !important;
}

:is([data-theme=dark], [data-bs-theme=dark]) .k-column-menu,
:is([data-theme=dark], [data-bs-theme=dark]) .k-column-menu .k-menu:not(.k-context-menu),
:is([data-theme=dark], [data-bs-theme=dark]) .k-menu-group,
:is([data-theme=dark], [data-bs-theme=dark]) .k-menu.k-context-menu,
:is([data-theme=dark], [data-bs-theme=dark]) .k-filterable.k-content,
:is([data-theme=dark], [data-bs-theme=dark]) .k-chip-solid-base,
:is([data-theme=dark], [data-bs-theme=dark]) .k-popup,
:is([data-theme=dark], [data-bs-theme=dark]) .k-list,
:is([data-theme=dark], [data-bs-theme=dark]) .k-animation-container .k-list-content {
    background-color: #11162a !important;
    border-color: #2a314d !important;
    color: #d7dce8 !important;
}