/* DevExpress compatibility styles extracted from overrides.css */

/* DevExpress checkbox/radio rendered as Bootstrap custom controls */
.dxbs-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.dxbs-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.dxbs-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    border-color: rgba(var(--bs-primary-rgb), 0.5) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
}

.dxbs-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.dxbs-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(var(--bs-primary-rgb), 0.5) !important;
}

/* DevExpress grid pager: force theme-aware pagination colors */
.dxbs-pager .page-link {
    color: var(--bs-primary) !important;
}

.dxbs-pager .page-link:hover,
.dxbs-pager .page-link:focus {
    color: var(--bs-primary-hover, var(--bs-primary)) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.08) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.35) !important;
}

.dxbs-pager .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2) !important;
}

.dxbs-pager .page-item.active .page-link {
    color: #fff !important;
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.dxbs-pager .page-item.disabled .page-link {
    color: rgba(var(--bs-body-color-rgb), 0.5) !important;
    background-color: var(--bs-body-bg) !important;
    border-color: var(--bs-gray-300) !important;
}

html[data-theme="cyborg"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link,
html[data-theme="darkly"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link,
html[data-theme="slate"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link,
html[data-theme="solar"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link,
html[data-theme="superhero"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link {
    background-color: #334556 !important;
    color: #e9eef5 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="cyborg"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link:hover,
html[data-theme="darkly"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link:hover,
html[data-theme="slate"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link:hover,
html[data-theme="solar"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link:hover,
html[data-theme="superhero"] .dxbs-pager .page-item:not(.active):not(.disabled) .page-link:hover {
    background-color: #3f5367 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
}

html[data-theme="cyborg"] .dxbs-pager .page-item.disabled .page-link,
html[data-theme="darkly"] .dxbs-pager .page-item.disabled .page-link,
html[data-theme="slate"] .dxbs-pager .page-item.disabled .page-link,
html[data-theme="solar"] .dxbs-pager .page-item.disabled .page-link,
html[data-theme="superhero"] .dxbs-pager .page-item.disabled .page-link {
    background-color: #334556 !important;
    color: rgba(233, 238, 245, 0.45) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* DevExpress FormLayout groups should follow theme surface in dark themes */
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbs-fl-gd > .card {
    background-color: rgba(var(--bs-body-color-rgb), 0.03) !important;
    background-color: color-mix(in srgb, var(--bs-body-bg) 92%, var(--bs-body-color) 8%) !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.2) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbs-fl-gd > .card > .card-header {
    background-color: rgba(var(--bs-body-color-rgb), 0.07) !important;
    background-color: color-mix(in srgb, var(--bs-body-bg) 86%, var(--bs-body-color) 14%) !important;
    border-bottom-color: rgba(var(--bs-body-color-rgb), 0.22) !important;
    color: rgba(var(--bs-body-color-rgb), 0.9) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbs-fl-gd > .card > .card-header .dxbs-fl-gt,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbs-fl-gd > .card > .card-header .dxbs-fl-cpt {
    color: rgba(var(--bs-body-color-rgb), 0.92) !important;
}

/* Fallback for FormLayout groups rendered without card wrapper */
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbs-fl-gr {
    background-color: rgba(var(--bs-body-color-rgb), 0.07) !important;
    background-color: color-mix(in srgb, var(--bs-body-bg) 86%, var(--bs-body-color) 14%) !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.22) !important;
    color: rgba(var(--bs-body-color-rgb), 0.9) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbs-fl-gr + .row:not(.dxbs-fl-gr) {
    background-color: rgba(var(--bs-body-color-rgb), 0.03) !important;
    background-color: color-mix(in srgb, var(--bs-body-bg) 92%, var(--bs-body-color) 8%) !important;
}

/* Form editors should keep consistent surface contrast across dark themes */
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .form-control,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .form-select,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl textarea.form-control,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbl-text-editor input,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbl-text-editor textarea {
    background-color: color-mix(in srgb, var(--bs-body-bg) 91%, var(--bs-body-color) 9%) !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.22) !important;
    color: rgba(var(--bs-body-color-rgb), 0.92) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .form-control:focus,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .form-select:focus,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl textarea.form-control:focus,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbl-text-editor input:focus,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbl-text-editor textarea:focus {
    border-color: rgba(var(--bs-primary-rgb), 0.58) !important;
    box-shadow: 0 0 0 0.08rem rgba(var(--bs-primary-rgb), 0.24) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .form-control::placeholder,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl textarea.form-control::placeholder,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbl-text-editor input::placeholder,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-fl .dxbl-text-editor textarea::placeholder {
    color: rgba(var(--bs-body-color-rgb), 0.56) !important;
}

/* DevExpress Accordion should inherit active theme surfaces (dark themes only) */
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group {
    background-color: color-mix(in srgb, var(--bs-body-bg) 92%, var(--bs-body-color) 8%) !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.2) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group:not(:first-child) {
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.2) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group > .dxbl-accordion-group-header {
    background-color: color-mix(in srgb, var(--bs-body-bg) 86%, var(--bs-body-color) 14%) !important;
    color: rgba(var(--bs-body-color-rgb), 0.94) !important;
    border-bottom-color: rgba(var(--bs-body-color-rgb), 0.18) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group.expanded > .dxbl-accordion-group-header {
    background-color: color-mix(in srgb, var(--bs-primary) 18%, var(--bs-body-bg) 82%) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group > .dxbl-accordion-group-header .dxbl-accordion-item-text,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group > .dxbl-accordion-group-header .legend,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group > .dxbl-accordion-group-header .dxbl-group-header-text {
    color: inherit !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group > .dxbl-accordion-group-header .expand-btn,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group > .dxbl-accordion-group-header .expand-btn > .dx-image {
    color: rgba(var(--bs-body-color-rgb), 0.78) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group > .dxbl-accordion-group-body,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group > .dxbl-accordion-group-body.card-body {
    background-color: color-mix(in srgb, var(--bs-body-bg) 94%, var(--bs-body-color) 6%) !important;
    color: rgba(var(--bs-body-color-rgb), 0.9) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group .dxbl-accordion-item > .dxbl-accordion-item-content:not(.disabled):hover {
    background-color: rgba(var(--bs-primary-rgb), 0.12) !important;
    color: rgba(var(--bs-body-color-rgb), 0.98) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav .dxbl-accordion-filter > .dxbl-accordion-group-header {
    background-color: color-mix(in srgb, var(--bs-body-bg) 90%, var(--bs-body-color) 10%) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbl-accordion > nav .dxbl-accordion-filter .dxbl-navigation-filter {
    color: rgba(var(--bs-body-color-rgb), 0.9) !important;
}

/* Force dark listbox surfaces only for dark themes selected by agency */
html[data-theme="cyborg"] .dxbs-listbox.form-control,
html[data-theme="darkly"] .dxbs-listbox.form-control,
html[data-theme="slate"] .dxbs-listbox.form-control,
html[data-theme="solar"] .dxbs-listbox.form-control,
html[data-theme="superhero"] .dxbs-listbox.form-control,
html[data-theme="cyborg"] .dxbs-dropdown-edit.dxbs-combobox .dxbs-listbox.dropdown-menu,
html[data-theme="darkly"] .dxbs-dropdown-edit.dxbs-combobox .dxbs-listbox.dropdown-menu,
html[data-theme="slate"] .dxbs-dropdown-edit.dxbs-combobox .dxbs-listbox.dropdown-menu,
html[data-theme="solar"] .dxbs-dropdown-edit.dxbs-combobox .dxbs-listbox.dropdown-menu,
html[data-theme="superhero"] .dxbs-dropdown-edit.dxbs-combobox .dxbs-listbox.dropdown-menu {
    background-color: #2f3d4c !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #e9eef5 !important;
}

/* DxCombo list editor uses dxbs-table + dxbs-preventsel rows (not dropdown-item) */
html[data-theme="cyborg"] .dxbs-gridview .dxgvHSDC .dxbs-table > thead > tr > th,
html[data-theme="darkly"] .dxbs-gridview .dxgvHSDC .dxbs-table > thead > tr > th,
html[data-theme="slate"] .dxbs-gridview .dxgvHSDC .dxbs-table > thead > tr > th,
html[data-theme="solar"] .dxbs-gridview .dxgvHSDC .dxbs-table > thead > tr > th,
html[data-theme="superhero"] .dxbs-gridview .dxgvHSDC .dxbs-table > thead > tr > th {
    background-color: #4b6176 !important;
    color: #f7f9fc !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="cyborg"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]) > td,
html[data-theme="darkly"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]) > td,
html[data-theme="slate"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]) > td,
html[data-theme="solar"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]) > td,
html[data-theme="superhero"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]) > td {
    background-color: #334556 !important;
    color: #e9eef5 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="cyborg"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]):hover > td,
html[data-theme="darkly"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]):hover > td,
html[data-theme="slate"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]):hover > td,
html[data-theme="solar"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]):hover > td,
html[data-theme="superhero"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel:not([data-is-selected-item]):hover > td {
    background-color: #3f5367 !important;
}

html[data-theme="cyborg"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel[data-is-selected-item] > td,
html[data-theme="darkly"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel[data-is-selected-item] > td,
html[data-theme="slate"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel[data-is-selected-item] > td,
html[data-theme="solar"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel[data-is-selected-item] > td,
html[data-theme="superhero"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel[data-is-selected-item] > td,
html[data-theme="cyborg"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel.focused.bg-primary > td,
html[data-theme="darkly"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel.focused.bg-primary > td,
html[data-theme="slate"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel.focused.bg-primary > td,
html[data-theme="solar"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel.focused.bg-primary > td,
html[data-theme="superhero"] .dxbs-gridview .dxgvCSD .dxbs-table > tbody > tr.dx-blazor-listbox-column.dxbs-preventsel.focused.bg-primary > td {
    background-color: #4b93da !important;
    color: #fff !important;
    border-color: rgba(75, 147, 218, 0.9) !important;
    font-weight: 600 !important;
}

/* Minimal dark styling for DevExpress DateEdit popup calendar */

/* Keep row alternation in cx-grid for non-dark themes */
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row):not(.highlighted-item):not(.table-info):not(.table-danger):not(.cx-row-info):not(.cx-row-danger) > td:not(.table-info):not(.table-danger):not(.cx-row-info):not(.cx-row-danger) {
    background-color: color-mix(in srgb, var(--bs-body-bg) 97%, var(--bs-body-color) 3%) !important;
}

/* DevExpress 25 DxGrid should keep the legacy cx-grid skin used in production. */
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > thead > tr > th,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header-row > th,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header {
    background-color: #3a526a !important;
    border-color: color-mix(in srgb, #3a526a 84%, #ffffff 16%) !important;
    color: #f7f9fc !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header-content,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header-content *,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header > * {
    color: #f7f9fc !important;
    font-weight: 400 !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header-row button,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header-row .btn,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header-row button,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header-row .btn {
    color: #f7f9fc !important;
    opacity: 1 !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header-row .btn.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header-row button.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header-row .btn.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header-row button.grid-btn-icon {
    color: #f7f9fc !important;
    background-color: currentColor !important;
    border-color: transparent !important;
    opacity: 1 !important;
    font-size: 1rem !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header .btn.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header button.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header .btn.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header button.grid-btn-icon {
    color: #f7f9fc !important;
    background-color: currentColor !important;
    border-color: transparent !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header .btn.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header .btn.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header button.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-header button.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header .btn.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header .btn.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header button.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-header button.grid-btn-icon:focus {
    color: #ffffff !important;
    background-color: currentColor !important;
    border-color: transparent !important;
    opacity: 0.85 !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td span.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td span.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td span.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td span.grid-btn-icon {
    color: #f7f9fc !important;
    opacity: 1 !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td .dxbl-btn.dxbl-edit-btn-dropdown,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td .dxbl-btn.dxbl-edit-btn-dropdown,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td .dxbs-btn.dxbs-edit-btn-dropdown,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td .dxbs-btn.dxbs-edit-btn-dropdown {
    color: #454242 !important;
    background-color: #ffffff !important;
    border-color: #ced4da !important;
    opacity: 1 !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td .dxbl-btn.dxbl-edit-btn-dropdown .dxbl-image,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td .dxbl-btn.dxbl-edit-btn-dropdown .dxbl-image,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td .dxbs-btn.dxbs-edit-btn-dropdown .dxbs-image,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td .dxbs-btn.dxbs-edit-btn-dropdown .dxbs-image {
    color: #6c757d !important;
    fill: #6c757d !important;
    opacity: 1 !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td .btn.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td .btn.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td .btn.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td .btn.grid-btn-icon {
    opacity: 1 !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td .btn.btn-dark.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td .btn.btn-dark.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td .btn.btn-dark.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td .btn.btn-dark.grid-btn-icon {
    color: #ffffff !important;
    background-color: #3a526a !important;
    border-color: #3a526a !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td .btn.btn-dark.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td .btn.btn-dark.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td .btn.btn-dark.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td .btn.btn-dark.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td .btn.btn-dark.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td .btn.btn-dark.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td .btn.btn-dark.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td .btn.btn-dark.grid-btn-icon:focus {
    color: #ffffff !important;
    background-color: color-mix(in srgb, #3a526a 88%, #ffffff 12%) !important;
    border-color: color-mix(in srgb, #3a526a 88%, #ffffff 12%) !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td .btn.btn-secondary.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td .btn.btn-secondary.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td .btn.btn-secondary.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td .btn.btn-secondary.grid-btn-icon {
    color: #3a526a !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td .btn.btn-secondary.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-selected-row > td .btn.btn-secondary.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td .btn.btn-secondary.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.highlighted-item > td .btn.btn-secondary.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td .btn.btn-secondary.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td .btn.btn-secondary.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td .btn.btn-secondary.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td .btn.btn-secondary.grid-btn-icon:focus {
    color: #31465b !important;
    background-color: #f4f7fb !important;
    border-color: #dce4ed !important;
}

/* Keep dark cx-grid toolbars readable like legacy: white text/icons on blue background. */
.dxbl-btn-toolbar.text-white,
.dxbl-btn-toolbar.bg-dark,
.dxbs-toolbar.text-white,
.dxbs-toolbar.bg-dark {
    color: #f7f9fc !important;
}

.dxbl-btn-toolbar.text-white .dxbl-toolbar-btn,
.dxbl-btn-toolbar.bg-dark .dxbl-toolbar-btn,
.dxbl-btn-toolbar.text-white .dxbl-toolbar-btn .dxbl-text,
.dxbl-btn-toolbar.bg-dark .dxbl-toolbar-btn .dxbl-text,
.dxbl-btn-toolbar.text-white .dxbl-toolbar-btn .dxbl-image,
.dxbl-btn-toolbar.bg-dark .dxbl-toolbar-btn .dxbl-image,
.dxbs-toolbar.text-white .dxbs-toolbar-btn,
.dxbs-toolbar.bg-dark .dxbs-toolbar-btn,
.dxbs-toolbar.text-white .dxbs-toolbar-btn .dx-button-text,
.dxbs-toolbar.bg-dark .dxbs-toolbar-btn .dx-button-text,
.dxbs-toolbar.text-white .dxbs-toolbar-btn .dx-image,
.dxbs-toolbar.bg-dark .dxbs-toolbar-btn .dx-image {
    color: #f7f9fc !important;
}

.cx-grid .dxbl-btn-toolbar.text-white .dxbl-toolbar-item,
.cx-grid .dxbl-btn-toolbar.bg-dark .dxbl-toolbar-item,
.cx-grid .dxbl-btn-toolbar.text-white .dxbl-toolbar-item .dxbl-toolbar-btn,
.cx-grid .dxbl-btn-toolbar.bg-dark .dxbl-toolbar-item .dxbl-toolbar-btn,
.cx-grid .dxbl-btn-toolbar.text-white .dxbl-toolbar-item .dxbl-text,
.cx-grid .dxbl-btn-toolbar.bg-dark .dxbl-toolbar-item .dxbl-text,
.cx-grid .dxbl-btn-toolbar.text-white .dxbl-toolbar-item .dxbl-image,
.cx-grid .dxbl-btn-toolbar.bg-dark .dxbl-toolbar-item .dxbl-image,
.cx-grid .dxbs-toolbar.text-white .dxbs-toolbar-item,
.cx-grid .dxbs-toolbar.bg-dark .dxbs-toolbar-item,
.cx-grid .dxbs-toolbar.text-white .dxbs-toolbar-item .dxbs-toolbar-btn,
.cx-grid .dxbs-toolbar.bg-dark .dxbs-toolbar-item .dxbs-toolbar-btn,
.cx-grid .dxbs-toolbar.text-white .dxbs-toolbar-item .dx-button-text,
.cx-grid .dxbs-toolbar.bg-dark .dxbs-toolbar-item .dx-button-text,
.cx-grid .dxbs-toolbar.text-white .dxbs-toolbar-item .dx-image,
.cx-grid .dxbs-toolbar.bg-dark .dxbs-toolbar-item .dx-image {
    color: #f7f9fc !important;
    opacity: 1 !important;
}

.dxbl-btn-toolbar.text-white .dxbl-toolbar-btn:disabled,
.dxbl-btn-toolbar.bg-dark .dxbl-toolbar-btn:disabled,
.dxbl-btn-toolbar.text-white .dxbl-toolbar-btn.dxbl-disabled,
.dxbl-btn-toolbar.bg-dark .dxbl-toolbar-btn.dxbl-disabled,
.dxbl-toolbar.text-white .dxbl-toolbar-btn:disabled,
.dxbl-toolbar.bg-dark .dxbl-toolbar-btn:disabled,
.dxbl-toolbar.text-white .dxbl-toolbar-btn.dxbl-disabled,
.dxbl-toolbar.bg-dark .dxbl-toolbar-btn.dxbl-disabled,
.dxbs-toolbar.text-white .dxbs-toolbar-btn:disabled,
.dxbs-toolbar.bg-dark .dxbs-toolbar-btn:disabled,
.dxbs-toolbar.text-white .dxbs-toolbar-btn.disabled,
.dxbs-toolbar.bg-dark .dxbs-toolbar-btn.disabled {
    color: rgba(247, 249, 252, 0.6) !important;
}

.dxbl-toolbar.text-white .dxbl-toolbar-btn,
.dxbl-toolbar.bg-dark .dxbl-toolbar-btn,
.dxbl-toolbar.text-white .dxbl-toolbar-btn .dxbl-text,
.dxbl-toolbar.bg-dark .dxbl-toolbar-btn .dxbl-text,
.dxbl-toolbar.text-white .dxbl-toolbar-btn .dxbl-image,
.dxbl-toolbar.bg-dark .dxbl-toolbar-btn .dxbl-image,
.text-white.bg-dark .dxbl-btn,
.text-white.bg-dark .dxbl-btn .dxbl-text,
.text-white.bg-dark .dxbl-btn .dxbl-image,
.text-white.bg-dark button,
.text-white.bg-dark .grid-btn-icon,
.dxbl-toolbar.text-white .dxbl-btn.dxbl-btn-text-secondary,
.dxbl-toolbar.bg-dark .dxbl-btn.dxbl-btn-text-secondary,
.dxbl-toolbar.text-white .dxbl-btn.dxbl-btn-text-secondary .dxbl-text,
.dxbl-toolbar.bg-dark .dxbl-btn.dxbl-btn-text-secondary .dxbl-text,
.dxbl-toolbar.text-white .dxbl-btn.dxbl-btn-text-secondary .dxbl-image,
.dxbl-toolbar.bg-dark .dxbl-btn.dxbl-btn-text-secondary .dxbl-image {
    color: #f7f9fc !important;
}

.text-white.bg-dark .grid-btn-icon {
    background-color: currentColor !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-selected-row):not(.highlighted-item):not(.table-info):not(.table-danger):not(.cx-row-info):not(.cx-row-danger):not(.dxbl-grid-empty-row) > td:not(.table-info):not(.table-danger):not(.cx-row-info):not(.cx-row-danger) {
    background-color: color-mix(in srgb, var(--bs-body-bg) 97%, var(--bs-body-color) 3%) !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.18) !important;
    color: var(--bs-body-color) !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:nth-child(odd):not(.dxbs-grid-selected-row):not(.highlighted-item):not(.table-info):not(.table-danger):not(.cx-row-info):not(.cx-row-danger) > td:not(.table-info):not(.table-danger):not(.cx-row-info):not(.cx-row-danger) {
    background-color: color-mix(in srgb, var(--bs-body-bg) 92%, var(--bs-body-color) 8%) !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr:nth-child(odd):not(.dxbl-grid-selected-row):not(.highlighted-item):not(.table-info):not(.table-danger):not(.cx-row-info):not(.cx-row-danger):not(.dxbl-grid-empty-row) > td:not(.table-info):not(.table-danger):not(.cx-row-info):not(.cx-row-danger) {
    background-color: color-mix(in srgb, var(--bs-body-bg) 92%, var(--bs-body-color) 8%) !important;
}

.dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.dxbl-grid-empty-row,
.dxbl-grid.cx-grid .dxbl-grid-empty-row > td,
.dxbl-grid.cx-grid .dxbl-grid-empty-cell {
    background-color: transparent !important;
    background-image: none !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.18) !important;
}


html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-info:not(.dxbs-grid-selected-row) > td,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-info:not(.dxbs-grid-selected-row) > td,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-info,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-info {
    background-color: rgba(var(--bs-info-rgb), 0.16) !important;
    background-color: color-mix(in srgb, var(--bs-info) 16%, var(--bs-body-bg) 84%) !important;
    color: var(--bs-body-color) !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-danger:not(.dxbs-grid-selected-row) > td,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-danger:not(.dxbs-grid-selected-row) > td,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-danger,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-danger {
    background-color: rgba(var(--bs-danger-rgb), 0.14) !important;
    background-color: color-mix(in srgb, var(--bs-danger) 14%, var(--bs-body-bg) 86%) !important;
    color: var(--bs-body-color) !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.table-info:not(.dxbl-grid-selected-row) > td,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.cx-row-info:not(.dxbl-grid-selected-row) > td,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-selected-row) > td.table-info,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-selected-row) > td.cx-row-info {
    background-color: rgba(var(--bs-info-rgb), 0.16) !important;
    background-color: color-mix(in srgb, var(--bs-info) 16%, var(--bs-body-bg) 84%) !important;
    color: var(--bs-body-color) !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.table-danger:not(.dxbl-grid-selected-row) > td,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr.cx-row-danger:not(.dxbl-grid-selected-row) > td,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-selected-row) > td.table-danger,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid.cx-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-selected-row) > td.cx-row-danger {
    background-color: rgba(var(--bs-danger-rgb), 0.14) !important;
    background-color: color-mix(in srgb, var(--bs-danger) 14%, var(--bs-body-bg) 86%) !important;
    color: var(--bs-body-color) !important;
}

/* DevExpress Grid surface should match active theme (dark themes only) */
html[data-theme="cyborg"] .dxbs-grid,
html[data-theme="darkly"] .dxbs-grid,
html[data-theme="slate"] .dxbs-grid,
html[data-theme="solar"] .dxbs-grid,
html[data-theme="superhero"] .dxbs-grid {
    --bs-table-bg: #223a4f;
    --bs-table-striped-bg: #34495c;
    --bs-table-color: #e9eef5;
    --bs-table-striped-color: #e9eef5;
    --bs-table-border-color: rgba(255, 255, 255, 0.14);
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid > .card,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid > .card > .card-body {
    background-color: color-mix(in srgb, var(--bs-body-bg) 92%, var(--bs-body-color) 8%) !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.2) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid .dxbs-grid-table > tbody > tr > *,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid .dxbs-grid-table > tfoot > tr > * {
    background-color: var(--bs-table-bg) !important;
    color: var(--bs-table-color) !important;
    border-color: var(--bs-table-border-color) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid .dxbs-grid-table > tbody > tr:nth-child(odd) > * {
    background-color: var(--bs-table-striped-bg) !important;
    color: var(--bs-table-striped-color) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > * {
    background-color: color-mix(in srgb, var(--bs-primary) 22%, var(--bs-body-bg) 78%) !important;
    color: rgba(var(--bs-body-color-rgb), 0.98) !important;
    border-color: var(--bs-table-border-color) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > * *,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > * a {
    color: inherit !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid .dxbs-grid-table > tbody > tr > * a,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .dxbs-grid .dxbs-grid-table > tfoot > tr > * a {
    color: inherit !important;
}

html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr > td,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr > td,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr > td,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr > td,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr > td {
    background-color: #21384c !important;
    color: #eef3f8 !important;
}

html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:nth-child(odd) > td,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:nth-child(odd) > td,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:nth-child(odd) > td,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:nth-child(odd) > td,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:nth-child(odd) > td {
    background-color: #31485d !important;
    color: #eef3f8 !important;
}

html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.dxbs-grid-selected-row > td {
    background-color: color-mix(in srgb, var(--bs-primary) 22%, var(--bs-body-bg) 78%) !important;
    color: #f4f8fc !important;
}

html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.highlighted-item > td {
    background-color: color-mix(in srgb, var(--bs-warning) 24%, var(--bs-body-bg) 76%) !important;
    color: #f4f8fc !important;
}

html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-info:not(.dxbs-grid-selected-row) > td,
html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-info,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-info,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-info,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-info,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-info,
html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-info,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-info,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-info,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-info,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-info {
    background-color: rgba(var(--bs-info-rgb), 0.24) !important;
    background-color: color-mix(in srgb, var(--bs-info) 24%, var(--bs-body-bg) 76%) !important;
    color: #f4f8fc !important;
}

html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.table-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr.cx-row-danger:not(.dxbs-grid-selected-row) > td,
html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-danger,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-danger,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-danger,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-danger,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.table-danger,
html[data-theme="cyborg"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-danger,
html[data-theme="darkly"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-danger,
html[data-theme="slate"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-danger,
html[data-theme="solar"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-danger,
html[data-theme="superhero"] .dxbs-grid.cx-grid .dxbs-grid-table > tbody > tr:not(.dxbs-grid-selected-row) > td.cx-row-danger {
    background-color: rgba(var(--bs-danger-rgb), 0.24) !important;
    background-color: color-mix(in srgb, var(--bs-danger) 24%, var(--bs-body-bg) 76%) !important;
    color: #f4f8fc !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid .dxbs-grid-table .btn.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid .dxbl-grid-table .btn.grid-btn-icon {
    color: #3a526a !important;
    background-color: transparent !important;
    border-color: transparent !important;
    opacity: 0.96 !important;
    box-shadow: none !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid .dxbs-grid-table .btn.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid .dxbs-grid-table .btn.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid .dxbl-grid-table .btn.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid .dxbl-grid-table .btn.grid-btn-icon:focus {
    color: color-mix(in srgb, #3a526a 82%, #ffffff 18%) !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid .dxbs-grid-table .btn.grid-btn-icon:disabled,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid .dxbs-grid-table .btn.grid-btn-icon.disabled,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid .dxbl-grid-table .btn.grid-btn-icon:disabled,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid .dxbl-grid-table .btn.grid-btn-icon.disabled {
    color: rgba(58, 82, 106, 0.42) !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid .dxbs-grid-table .btn.btn-secondary.grid-btn-icon,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid .dxbl-grid-table .btn.btn-secondary.grid-btn-icon {
    color: #3a526a !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid .dxbs-grid-table .btn.btn-secondary.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbs-grid .dxbs-grid-table .btn.btn-secondary.grid-btn-icon:focus,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid .dxbl-grid-table .btn.btn-secondary.grid-btn-icon:hover,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-grid .dxbl-grid-table .btn.btn-secondary.grid-btn-icon:focus {

/* Sidebar submenu (DxMenu dropdown) should not stay light in dark themes */
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu {
    background-color: rgba(var(--bs-body-bg-rgb), 0.98) !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.24) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.42) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item > a,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item > a,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dropdown-item,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dropdown-item {
    color: rgba(var(--bs-body-color-rgb), 0.9) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item > a:hover,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item > a:focus,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item > a:hover,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item > a:focus,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dropdown-item:hover,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dropdown-item:focus,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dropdown-item:hover,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dropdown-item:focus {
    background-color: rgba(var(--bs-primary-rgb), 0.22) !important;
    color: rgba(var(--bs-body-color-rgb), 0.98) !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item > a.active,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item.active > a,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item > a.active,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item.active > a,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dropdown-item.active,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dropdown-item:active,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dropdown-item.active,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dropdown-item:active {
    background-color: rgba(var(--bs-primary-rgb), 0.3) !important;
    color: #f7f9fc !important;
}

html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item.disabled > a,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item > a.disabled,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item > a[aria-disabled="true"],
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dropdown-item.disabled,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dropdown-item:disabled,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dropdown-item[aria-disabled="true"],
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item.disabled > a,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item > a.disabled,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item > a[aria-disabled="true"],
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dropdown-item.disabled,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dropdown-item:disabled,
html:is([data-theme="cyborg"], [data-theme="darkly"], [data-theme="slate"], [data-theme="solar"], [data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dropdown-item[aria-disabled="true"] {
    background-color: transparent !important;
    color: rgba(var(--bs-body-color-rgb), 0.45) !important;
    pointer-events: none !important;
}

/* In light themes keep submenu active item neutral (highlight only on hover) */
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item > a.active,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dx-menu-item.active > a,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item > a.active,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dx-menu-item.active > a,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .sidebar .dropdown-menu.dxbs-dm.dx-dropdown-menu .dropdown-item.active,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .sidebar .dxbs-menu .dropdown-menu.dx-dropdown-menu .dropdown-item.active {
    background-color: transparent !important;
    color: inherit !important;
}

/* Align sidebar items consistently in both the desktop panel and the mobile popup menu. */
.sidebar .dxbl-menu-item > .dxbl-btn,
.sidebar .dxbl-menu-item > a.dxbl-btn,
.popup-events .dxbl-menu-item > .dxbl-btn,
.popup-events .dxbl-menu-item > a.dxbl-btn {
    border: none !important;
    border-radius: 0 !important;
    display: grid !important;
    grid-template-columns: 1rem minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.75rem;
    min-height: 40px;
    width: 100%;
    margin: 0;
    padding: 0.5rem 1rem !important;
    font-size: 0.98rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left;
}

.sidebar .dxbl-menu-item .dxbl-menu-item-text-container,
.popup-events .dxbl-menu-item .dxbl-menu-item-text-container {
    grid-column: 2;
    min-width: 0;
}

.sidebar .dxbl-menu-item .dxbl-menu-item-text,
.popup-events .dxbl-menu-item .dxbl-menu-item-text {
    display: block;
    min-width: 0;
    font-size: 0.98rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.sidebar .dxbl-menu-item .menu-icon,
.popup-events .dxbl-menu-item .menu-icon {
    grid-column: 1;
    justify-self: center;
    margin-right: 0;
}

.sidebar .dxbl-menu-item .dxbl-menu-dropdown-toggle,
.popup-events .dxbl-menu-item .dxbl-menu-dropdown-toggle {
    grid-column: 3;
    justify-self: end;
}

/* DevExpress toolbars in dark themes */
html[data-theme="cyborg"] .dxbs-toolbar,
html[data-theme="darkly"] .dxbs-toolbar,
html[data-theme="slate"] .dxbs-toolbar,
html[data-theme="solar"] .dxbs-toolbar,
html[data-theme="superhero"] .dxbs-toolbar {
    background-color: #2f3d4c !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="cyborg"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary,
html[data-theme="darkly"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary,
html[data-theme="slate"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary,
html[data-theme="solar"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary,
html[data-theme="superhero"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary,
html[data-theme="cyborg"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle,
html[data-theme="darkly"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle,
html[data-theme="slate"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle,
html[data-theme="solar"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle,
html[data-theme="superhero"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle {
    background-color: #334556 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #f7f9fc !important;
}

html[data-theme="cyborg"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:hover,
html[data-theme="darkly"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:hover,
html[data-theme="slate"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:hover,
html[data-theme="solar"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:hover,
html[data-theme="superhero"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:hover,
html[data-theme="cyborg"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle:hover,
html[data-theme="darkly"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle:hover,
html[data-theme="slate"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle:hover,
html[data-theme="solar"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle:hover,
html[data-theme="superhero"] .dxbs-toolbar .btn.btn-secondary.dxbs-dropdown-toggle:hover {
    background-color: #3f5367 !important;
    color: #ffffff !important;
}

html[data-theme="cyborg"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:disabled,
html[data-theme="darkly"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:disabled,
html[data-theme="slate"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:disabled,
html[data-theme="solar"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:disabled,
html[data-theme="superhero"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary:disabled,
html[data-theme="cyborg"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary.disabled,
html[data-theme="darkly"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary.disabled,
html[data-theme="slate"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary.disabled,
html[data-theme="solar"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary.disabled,
html[data-theme="superhero"] .dxbs-toolbar .dxbs-toolbar-btn.btn.btn-secondary.disabled {
    background-color: #334556 !important;
    color: rgba(247, 249, 252, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Toolbar overflow menu is rendered in a portal as dxbl-dropdown-dialog */
html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown {
    background-color: #2f3d4c !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-dropdown-body,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-dropdown-body,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-dropdown-body,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-dropdown-body,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-dropdown-body,
html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-tb-dropdown-item-list,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-tb-dropdown-item-list,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-tb-dropdown-item-list,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-tb-dropdown-item-list,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-tb-dropdown-item-list {
    background-color: #2f3d4c !important;
}

html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item {
    background-color: transparent !important;
    color: #e9eef5 !important;
}

html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:hover,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:hover,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:hover,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:hover,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:hover,
html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:focus,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:focus,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:focus,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:focus,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:focus,
html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.active,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.active,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.active,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.active,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.active,
html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:active,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:active,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:active,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:active,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:active {
    background-color: rgba(75, 147, 218, 0.35) !important;
    color: #ffffff !important;
}

html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item.disabled .dropdown-item,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item.disabled .dropdown-item,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item.disabled .dropdown-item,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item.disabled .dropdown-item,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item.disabled .dropdown-item,
html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.disabled,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.disabled,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.disabled,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.disabled,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item.disabled,
html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:disabled,
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:disabled,
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:disabled,
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:disabled,
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item:disabled,
html[data-theme="cyborg"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item[aria-disabled="true"],
html[data-theme="darkly"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item[aria-disabled="true"],
html[data-theme="slate"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item[aria-disabled="true"],
html[data-theme="solar"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item[aria-disabled="true"],
html[data-theme="superhero"] dxbl-dropdown-dialog.dxbs-toolbar-dropdown .dxbs-toolbar-dropdown-item .dropdown-item[aria-disabled="true"] {
    background-color: transparent !important;
    color: rgba(233, 238, 245, 0.45) !important;
    pointer-events: none !important;
}

/* DxFlyout/Popover dark theme normalization */
html[data-theme="cyborg"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover,
html[data-theme="darkly"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover,
html[data-theme="slate"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover,
html[data-theme="solar"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover,
html[data-theme="superhero"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover {
    --bs-popover-bg: #2f3d4c;
    --bs-popover-border-color: rgba(255, 255, 255, 0.22);
    --bs-popover-body-color: #e9eef5;
    background-color: var(--bs-popover-bg) !important;
    color: var(--bs-popover-body-color) !important;
    border-color: var(--bs-popover-border-color) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="cyborg"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-body.dxbs-flyout-body,
html[data-theme="darkly"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-body.dxbs-flyout-body,
html[data-theme="slate"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-body.dxbs-flyout-body,
html[data-theme="solar"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-body.dxbs-flyout-body,
html[data-theme="superhero"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-body.dxbs-flyout-body,
html[data-theme="cyborg"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout,
html[data-theme="darkly"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout,
html[data-theme="slate"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout,
html[data-theme="solar"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout,
html[data-theme="superhero"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout,
html[data-theme="cyborg"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout .cx-p,
html[data-theme="darkly"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout .cx-p,
html[data-theme="slate"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout .cx-p,
html[data-theme="solar"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout .cx-p,
html[data-theme="superhero"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .demande-statut-flyout .cx-p {
    background-color: transparent !important;
    color: #e9eef5 !important;
}

html[data-theme="cyborg"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::before,
html[data-theme="darkly"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::before,
html[data-theme="slate"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::before,
html[data-theme="solar"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::before,
html[data-theme="superhero"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::before {
    border-color: rgba(255, 255, 255, 0.22) !important;
}

html[data-theme="cyborg"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::after,
html[data-theme="darkly"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::after,
html[data-theme="slate"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::after,
html[data-theme="solar"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::after,
html[data-theme="superhero"] dxbl-flyout-dialog.dxbs-flyout-dialog.popover .popover-arrow::after {
    border-color: #2f3d4c !important;
}

.alert-primary {
    color: var(--bs-alert-primary-color, var(--bs-primary)) !important;
    background-color: var(--bs-alert-primary-bg, rgba(var(--bs-primary-rgb), 0.1)) !important;
    border-color: var(--bs-alert-primary-border, rgba(var(--bs-primary-rgb), 0.25)) !important;
}

.alert-success {
    color: var(--bs-alert-success-color) !important;
    background-color: var(--bs-alert-success-bg) !important;
    border-color: var(--bs-alert-success-border) !important;
}

.alert-info {
    color: var(--bs-alert-info-color) !important;
    background-color: var(--bs-alert-info-bg) !important;
    border-color: var(--bs-alert-info-border) !important;
}

.alert-warning {
    color: var(--bs-alert-warning-color) !important;
    background-color: var(--bs-alert-warning-bg) !important;
    border-color: var(--bs-alert-warning-border) !important;
}

.alert-danger {
    color: var(--bs-alert-danger-color) !important;
    background-color: var(--bs-alert-danger-bg) !important;
    border-color: var(--bs-alert-danger-border) !important;
}

/* Normalized module top bars (search + actions) */
.cx-module-toolbar-card {
    background-color: color-mix(in srgb, var(--bs-body-bg) 94%, var(--bs-body-color) 6%) !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.2) !important;
    border-radius: 0.35rem !important;
}

.cx-module-toolbar-card > .cx-module-toolbar-header {
    background-color: transparent !important;
    padding: 0.5rem 0.7rem 0.35rem 0.7rem !important;
    gap: 0.35rem;
}

.cx-module-toolbar-title {
    color: rgba(var(--bs-body-color-rgb), 0.88) !important;
    letter-spacing: 0.01em;
}

.cx-module-toolbar-title .btn-close,
.cx-module-toolbar-title button.btn-close,
.cx-module-toolbar-title .dx-btn.btn-close {
    color: rgba(var(--bs-body-color-rgb), 0.78) !important;
    vertical-align: middle;
    margin-left: 0.35rem;
}

.cx-module-toolbar-title .btn-close:hover,
.cx-module-toolbar-title .btn-close:focus,
.cx-module-toolbar-title button.btn-close:hover,
.cx-module-toolbar-title button.btn-close:focus,
.cx-module-toolbar-title .dx-btn.btn-close:hover,
.cx-module-toolbar-title .dx-btn.btn-close:focus {
    color: rgba(var(--bs-body-color-rgb), 0.96) !important;
}

.cx-module-toolbar-header .dxbs-toolbar,
.cx-module-toolbar-header .dxbl-toolbar {
    background-color: transparent !important;
}

.cx-module-toolbar-header .search {
    padding: 0 !important;
}

.cx-module-toolbar-header .cx-module-toolbar-action,
.cx-module-toolbar-header .dxbl-toolbar-btn.cx-module-toolbar-action,
.cx-module-toolbar-header .dxbs-toolbar-btn.cx-module-toolbar-action {
    min-width: 2rem !important;
    width: 2rem !important;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    justify-content: center !important;
}

.cx-module-toolbar-header .cx-module-toolbar-action > :is(.dxbl-toolbar-btn, .dxbs-toolbar-btn, .btn),
.cx-module-toolbar-header :is(.dxbl-toolbar-btn, .dxbs-toolbar-btn, .btn).cx-module-toolbar-action {
    min-width: 2rem !important;
    width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.cx-module-toolbar-header .cx-module-toolbar-action .dxbl-image,
.cx-module-toolbar-header .cx-module-toolbar-action .dx-image {
    margin: 0 !important;
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    flex: 0 0 1rem !important;
    display: inline-block !important;
    background-color: currentColor !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-position: center !important;
    -webkit-mask-position: center !important;
    mask-size: contain !important;
    -webkit-mask-size: contain !important;
}

.cx-module-toolbar-header .cx-module-toolbar-action .tb-icon {
    margin: 0 !important;
}

.dxbl-toolbar:has(.cx-search-box),
.dxbs-toolbar:has(.cx-search-box),
.dxbl-toolbar:has(.cx-search-box) .dxbl-btn-toolbar,
.dxbs-toolbar:has(.cx-search-box) .dxbs-btn-toolbar {
    width: 100% !important;
    min-width: 0 !important;
}

.dxbl-toolbar .dxbl-toolbar-group:has(.cx-search-box),
.dxbs-toolbar .dxbs-toolbar-group:has(.cx-search-box) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
}

.dxbl-toolbar .dxbl-toolbar-item.cx-toolbar-search-item,
.dxbs-toolbar .dxbs-toolbar-item.cx-toolbar-search-item,
.dxbl-toolbar .dxbl-toolbar-item-tmpl.cx-toolbar-search-item,
.dxbs-toolbar .dxbs-toolbar-item-tmpl.cx-toolbar-search-item {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 12rem !important;
    min-width: 0 !important;
    width: auto !important;
}

.dxbl-toolbar .dxbl-toolbar-item.cx-toolbar-search-item > *,
.dxbs-toolbar .dxbs-toolbar-item.cx-toolbar-search-item > *,
.dxbl-toolbar .dxbl-toolbar-item-tmpl.cx-toolbar-search-item > *,
.dxbs-toolbar .dxbs-toolbar-item-tmpl.cx-toolbar-search-item > * {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
}

.dxbl-toolbar .cx-search-shell,
.dxbs-toolbar .cx-search-shell,
.dxbl-toolbar .cx-search-shell > *,
.dxbs-toolbar .cx-search-shell > *,
.dxbl-toolbar .cx-search-box,
.dxbl-toolbar .cx-search-box.dxbl-text-edit,
.dxbl-toolbar .cx-search-box .dxbl-text-edit-input,
.dxbs-toolbar .cx-search-box,
.dxbs-toolbar .cx-search-box .search-input {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.dxbl-toolbar:has(.cx-search-box) .dxbl-toolbar-placeholder,
.dxbs-toolbar:has(.cx-search-box) .dxbl-toolbar-placeholder,
.cx-module-toolbar-header .dxbl-toolbar:has(.cx-search-box) .dxbl-toolbar-placeholder,
.cx-module-toolbar-header .dxbs-toolbar:has(.cx-search-box) .dxbl-toolbar-placeholder {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cx-portail-toolbar-header .dxbl-toolbar-item.cx-portail-toolbar-search,
.cx-portail-toolbar-header .dxbs-toolbar-item.cx-portail-toolbar-search,
.cx-portail-toolbar-header .dxbl-toolbar-item-tmpl.cx-portail-toolbar-search,
.cx-portail-toolbar-header .dxbs-toolbar-item-tmpl.cx-portail-toolbar-search {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 24rem !important;
    min-width: 14rem !important;
    width: auto !important;
    max-width: none !important;
}

.cx-portail-toolbar-header .dxbl-toolbar-item.cx-portail-toolbar-picker,
.cx-portail-toolbar-header .dxbs-toolbar-item.cx-portail-toolbar-picker,
.cx-portail-toolbar-header .dxbl-toolbar-item-tmpl.cx-portail-toolbar-picker,
.cx-portail-toolbar-header .dxbs-toolbar-item-tmpl.cx-portail-toolbar-picker {
    flex: 0 0 auto !important;
    min-width: 8rem !important;
    width: auto !important;
}

.cx-portail-toolbar-header .cx-portail-toolbar-combo {
    width: 10.5rem !important;
    min-width: 8rem !important;
}

.cx-portail-toolbar-header .cx-portail-toolbar-search > *,
.cx-portail-toolbar-header .cx-portail-toolbar-search .dxbl-toolbar-item-tmpl,
.cx-portail-toolbar-header .cx-portail-toolbar-search .dxbs-toolbar-item-tmpl,
.cx-portail-toolbar-header .cx-portail-toolbar-search .search {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
}

.dxbl-fl .dxbl-fl-ctrl:has(.dxbl-checkbox):has(.btn-rounded-circle),
.dxbs-fl .dxbs-fl-ctrl:has(.dxbs-checkbox):has(.btn-rounded-circle) {
    display: inline-flex !important;
    align-items: center !important;
    flex-flow: row nowrap !important;
    gap: 0.35rem !important;
}

.dxbl-fl .dxbl-fl-ctrl:has(.dxbl-checkbox):has(.btn-rounded-circle) .dxbl-checkbox,
.dxbs-fl .dxbs-fl-ctrl:has(.dxbs-checkbox):has(.btn-rounded-circle) .dxbs-checkbox {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    vertical-align: middle !important;
}

.dxbl-fl .dxbl-fl-ctrl:has(.dxbl-checkbox):has(.btn-rounded-circle) .btn-rounded-circle,
.dxbs-fl .dxbs-fl-ctrl:has(.dxbs-checkbox):has(.btn-rounded-circle) .btn-rounded-circle {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    vertical-align: middle !important;
}

html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group > .dxbl-accordion-group-header,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group.dxbl-accordion-group-expanded > .dxbl-accordion-group-header,
html:not([data-theme="cyborg"]):not([data-theme="darkly"]):not([data-theme="slate"]):not([data-theme="solar"]):not([data-theme="superhero"]) .dxbl-accordion > nav > .dxbl-accordion-group.expanded > .dxbl-accordion-group-header {
    background-color: #ffffff !important;
}

.dxbl-edit-btn-dropdown .dxbl-image,
.dxbl-spinedit .dxbl-edit-btn .dxbl-image,
.dxbl-spinedit .dxbl-btn .dxbl-image,
.dxbl-spin-edit .dxbl-edit-btn .dxbl-image,
.dxbl-spin-edit .dxbl-btn .dxbl-image {
    --dxbl-image-height: 0.65rem;
    --dxbl-image-width: 0.65rem;
    width: 0.65rem !important;
    height: 0.65rem !important;
    min-width: 0.65rem !important;
}

.dxbl-date-edit .dxbl-edit-btn .dxbl-image,
.dxbl-date-edit .dxbl-edit-btn-dropdown .dxbl-image,
.dxbl-dateedit .dxbl-edit-btn .dxbl-image,
.dxbl-dateedit .dxbl-edit-btn-dropdown .dxbl-image,
.dxbl-time-edit .dxbl-edit-btn .dxbl-image,
.dxbl-time-edit .dxbl-edit-btn-dropdown .dxbl-image,
.dxbl-timeedit .dxbl-edit-btn .dxbl-image,
.dxbl-timeedit .dxbl-edit-btn-dropdown .dxbl-image,
.dxbl-edit-btn .dxbl-image:has(use[href*="calendar"]),
.dxbl-edit-btn-dropdown .dxbl-image:has(use[href*="calendar"]),
.dxbl-edit-btn .dxbl-image:has(use[href*="clock"]),
.dxbl-edit-btn-dropdown .dxbl-image:has(use[href*="clock"]),
.dxbl-edit-btn .dxbl-image:has(use[href*="time"]),
.dxbl-edit-btn-dropdown .dxbl-image:has(use[href*="time"]) {
    --dxbl-image-height: 0.82rem !important;
    --dxbl-image-width: 0.82rem !important;
    width: 0.82rem !important;
    height: 0.82rem !important;
    min-width: 0.82rem !important;
}

.dxbl-spinedit .dxbl-edit-btn,
.dxbl-spinedit .dxbl-btn,
.dxbl-spin-edit .dxbl-edit-btn,
.dxbl-spin-edit .dxbl-btn {
    width: 1.25rem !important;
    min-width: 1.25rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 72rem) {
    .cx-portail-toolbar-header .dxbl-toolbar-item.cx-portail-toolbar-search,
    .cx-portail-toolbar-header .dxbs-toolbar-item.cx-portail-toolbar-search,
    .cx-portail-toolbar-header .dxbl-toolbar-item-tmpl.cx-portail-toolbar-search,
    .cx-portail-toolbar-header .dxbs-toolbar-item-tmpl.cx-portail-toolbar-search {
        flex: 1 1 100% !important;
        min-width: 12rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .cx-portail-toolbar-header .dxbl-toolbar-item.cx-portail-toolbar-picker,
    .cx-portail-toolbar-header .dxbs-toolbar-item.cx-portail-toolbar-picker,
    .cx-portail-toolbar-header .dxbl-toolbar-item-tmpl.cx-portail-toolbar-picker,
    .cx-portail-toolbar-header .dxbs-toolbar-item-tmpl.cx-portail-toolbar-picker {
        flex: 1 1 10rem !important;
    }

    .cx-portail-toolbar-header .cx-portail-toolbar-combo {
        width: 100% !important;
    }
}

@media (max-width: 576px) {
    .cx-portail-toolbar-header .dxbl-toolbar-item.cx-portail-toolbar-search,
    .cx-portail-toolbar-header .dxbs-toolbar-item.cx-portail-toolbar-search,
    .cx-portail-toolbar-header .dxbl-toolbar-item-tmpl.cx-portail-toolbar-search,
    .cx-portail-toolbar-header .dxbs-toolbar-item-tmpl.cx-portail-toolbar-search {
        flex: 1 1 7.5rem !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: none !important;
    }

    .cx-portail-toolbar-header .cx-portail-toolbar-menu {
        flex: 0 0 2rem !important;
        min-width: 2rem !important;
        width: 2rem !important;
    }
}

html[data-theme="cyborg"] .dxbs-toolbar .search .dxbs-input-group .form-control,
html[data-theme="darkly"] .dxbs-toolbar .search .dxbs-input-group .form-control,
html[data-theme="slate"] .dxbs-toolbar .search .dxbs-input-group .form-control,
html[data-theme="solar"] .dxbs-toolbar .search .dxbs-input-group .form-control,
html[data-theme="superhero"] .dxbs-toolbar .search .dxbs-input-group .form-control,
html[data-theme="cyborg"] .dxbs-toolbar .search .search-input,
html[data-theme="darkly"] .dxbs-toolbar .search .search-input,
html[data-theme="slate"] .dxbs-toolbar .search .search-input,
html[data-theme="solar"] .dxbs-toolbar .search .search-input,
html[data-theme="superhero"] .dxbs-toolbar .search .search-input {
    background-color: #334556 !important;
    color: #e9eef5 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="cyborg"] .dxbs-toolbar .search .search-input::placeholder,
html[data-theme="darkly"] .dxbs-toolbar .search .search-input::placeholder,
html[data-theme="slate"] .dxbs-toolbar .search .search-input::placeholder,
html[data-theme="solar"] .dxbs-toolbar .search .search-input::placeholder,
html[data-theme="superhero"] .dxbs-toolbar .search .search-input::placeholder {
    color: rgba(233, 238, 245, 0.66) !important;
}

html[data-theme="cyborg"] .dxbs-toolbar .search .search-button,
html[data-theme="darkly"] .dxbs-toolbar .search .search-button,
html[data-theme="slate"] .dxbs-toolbar .search .search-button,
html[data-theme="solar"] .dxbs-toolbar .search .search-button,
html[data-theme="superhero"] .dxbs-toolbar .search .search-button {
    color: rgba(233, 238, 245, 0.72) !important;
}

/* DevExpress editor append/prepend buttons in dark themes */
html[data-theme="cyborg"] .dxbs-input-group .dxbs-btn-group.form-control,
html[data-theme="darkly"] .dxbs-input-group .dxbs-btn-group.form-control,
html[data-theme="slate"] .dxbs-input-group .dxbs-btn-group.form-control,
html[data-theme="solar"] .dxbs-input-group .dxbs-btn-group.form-control,
html[data-theme="superhero"] .dxbs-input-group .dxbs-btn-group.form-control,
html[data-theme="cyborg"] .dxbs-input-group > .form-control.dxbs-btn-group,
html[data-theme="darkly"] .dxbs-input-group > .form-control.dxbs-btn-group,
html[data-theme="slate"] .dxbs-input-group > .form-control.dxbs-btn-group,
html[data-theme="solar"] .dxbs-input-group > .form-control.dxbs-btn-group,
html[data-theme="superhero"] .dxbs-input-group > .form-control.dxbs-btn-group {
    background-color: #334556 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #e9eef5 !important;
}

html[data-theme="cyborg"] .dxbs-input-group .dxbs-editor-dropdown-button,
html[data-theme="darkly"] .dxbs-input-group .dxbs-editor-dropdown-button,
html[data-theme="slate"] .dxbs-input-group .dxbs-editor-dropdown-button,
html[data-theme="solar"] .dxbs-input-group .dxbs-editor-dropdown-button,
html[data-theme="superhero"] .dxbs-input-group .dxbs-editor-dropdown-button,
html[data-theme="cyborg"] .dxbs-input-group .dxbs-spin-btn-group .btn,
html[data-theme="darkly"] .dxbs-input-group .dxbs-spin-btn-group .btn,
html[data-theme="slate"] .dxbs-input-group .dxbs-spin-btn-group .btn,
html[data-theme="solar"] .dxbs-input-group .dxbs-spin-btn-group .btn,
html[data-theme="superhero"] .dxbs-input-group .dxbs-spin-btn-group .btn {
    background-color: #334556 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #e9eef5 !important;
    opacity: 1 !important;
}

html[data-theme="cyborg"] .dxbs-input-group .dxbs-editor-dropdown-button:hover,
html[data-theme="darkly"] .dxbs-input-group .dxbs-editor-dropdown-button:hover,
html[data-theme="slate"] .dxbs-input-group .dxbs-editor-dropdown-button:hover,
html[data-theme="solar"] .dxbs-input-group .dxbs-editor-dropdown-button:hover,
html[data-theme="superhero"] .dxbs-input-group .dxbs-editor-dropdown-button:hover,
html[data-theme="cyborg"] .dxbs-input-group .dxbs-editor-dropdown-button:focus,
html[data-theme="darkly"] .dxbs-input-group .dxbs-editor-dropdown-button:focus,
html[data-theme="slate"] .dxbs-input-group .dxbs-editor-dropdown-button:focus,
html[data-theme="solar"] .dxbs-input-group .dxbs-editor-dropdown-button:focus,
html[data-theme="superhero"] .dxbs-input-group .dxbs-editor-dropdown-button:focus,
html[data-theme="cyborg"] .dxbs-input-group .dxbs-spin-btn-group .btn:hover,
html[data-theme="darkly"] .dxbs-input-group .dxbs-spin-btn-group .btn:hover,
html[data-theme="slate"] .dxbs-input-group .dxbs-spin-btn-group .btn:hover,
html[data-theme="solar"] .dxbs-input-group .dxbs-spin-btn-group .btn:hover,
html[data-theme="superhero"] .dxbs-input-group .dxbs-spin-btn-group .btn:hover,
html[data-theme="cyborg"] .dxbs-input-group .dxbs-spin-btn-group .btn:focus,
html[data-theme="darkly"] .dxbs-input-group .dxbs-spin-btn-group .btn:focus,
html[data-theme="slate"] .dxbs-input-group .dxbs-spin-btn-group .btn:focus,
html[data-theme="solar"] .dxbs-input-group .dxbs-spin-btn-group .btn:focus,
html[data-theme="superhero"] .dxbs-input-group .dxbs-spin-btn-group .btn:focus {
    background-color: #3f5367 !important;
    color: #ffffff !important;
}

/* Generic popup/modal surfaces for dark themes */
html[data-theme="cyborg"] .modal-content,
html[data-theme="darkly"] .modal-content,
html[data-theme="slate"] .modal-content,
html[data-theme="solar"] .modal-content,
html[data-theme="superhero"] .modal-content {
    background-color: #2f3d4c !important;
    color: #e9eef5 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="cyborg"] .modal-header.card-header,
html[data-theme="darkly"] .modal-header.card-header,
html[data-theme="slate"] .modal-header.card-header,
html[data-theme="solar"] .modal-header.card-header,
html[data-theme="superhero"] .modal-header.card-header,
html[data-theme="cyborg"] .modal-footer.card-footer,
html[data-theme="darkly"] .modal-footer.card-footer,
html[data-theme="slate"] .modal-footer.card-footer,
html[data-theme="solar"] .modal-footer.card-footer,
html[data-theme="superhero"] .modal-footer.card-footer {
    background-color: #334556 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="cyborg"] .modal-title,
html[data-theme="darkly"] .modal-title,
html[data-theme="slate"] .modal-title,
html[data-theme="solar"] .modal-title,
html[data-theme="superhero"] .modal-title,
html[data-theme="cyborg"] .modal-body,
html[data-theme="darkly"] .modal-body,
html[data-theme="slate"] .modal-body,
html[data-theme="solar"] .modal-body,
html[data-theme="superhero"] .modal-body,
html[data-theme="cyborg"] .modal-body span,
html[data-theme="darkly"] .modal-body span,
html[data-theme="slate"] .modal-body span,
html[data-theme="solar"] .modal-body span,
html[data-theme="superhero"] .modal-body span {
    color: #e9eef5 !important;
}

html[data-theme="cyborg"] .modal-body .dxbs-input-group .form-control,
html[data-theme="darkly"] .modal-body .dxbs-input-group .form-control,
html[data-theme="slate"] .modal-body .dxbs-input-group .form-control,
html[data-theme="solar"] .modal-body .dxbs-input-group .form-control,
html[data-theme="superhero"] .modal-body .dxbs-input-group .form-control,
html[data-theme="cyborg"] .modal-body .form-control.dxbs-form-control,
html[data-theme="darkly"] .modal-body .form-control.dxbs-form-control,
html[data-theme="slate"] .modal-body .form-control.dxbs-form-control,
html[data-theme="solar"] .modal-body .form-control.dxbs-form-control,
html[data-theme="superhero"] .modal-body .form-control.dxbs-form-control {
    background-color: #334556 !important;
    color: #e9eef5 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html[data-theme="cyborg"] .modal-body .form-control::placeholder,
html[data-theme="darkly"] .modal-body .form-control::placeholder,
html[data-theme="slate"] .modal-body .form-control::placeholder,
html[data-theme="solar"] .modal-body .form-control::placeholder,
html[data-theme="superhero"] .modal-body .form-control::placeholder {
    color: rgba(233, 238, 245, 0.66) !important;
}

html[data-theme="cyborg"] .modal-footer .btn.btn-secondary,
html[data-theme="darkly"] .modal-footer .btn.btn-secondary,
html[data-theme="slate"] .modal-footer .btn.btn-secondary,
html[data-theme="solar"] .modal-footer .btn.btn-secondary,
html[data-theme="superhero"] .modal-footer .btn.btn-secondary {
    background-color: #3f5367 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #f7f9fc !important;
}

/* Fallback for legacy toolbar cards that still use generic card/card-header markup */
.card.w-100:has(> .card-header.border-0 > .dxbs-toolbar) {
    background-color: color-mix(in srgb, var(--bs-body-bg) 94%, var(--bs-body-color) 6%) !important;
    border-color: rgba(var(--bs-body-color-rgb), 0.2) !important;
    border-radius: 0.35rem !important;
}

.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) {
    background-color: transparent !important;
    padding: 0.5rem 0.7rem 0.35rem 0.7rem !important;
    gap: 0.35rem;
}

.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) > .text-category.fw-bold.ps-2 {
    color: rgba(var(--bs-body-color-rgb), 0.88) !important;
    letter-spacing: 0.01em;
}

.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) .text-category .btn-close,
.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) .text-category button.btn-close,
.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) .text-category .dx-btn.btn-close {
    color: rgba(var(--bs-body-color-rgb), 0.78) !important;
    vertical-align: middle;
    margin-left: 0.35rem;
}

.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) .text-category .btn-close:hover,
.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) .text-category .btn-close:focus,
.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) .text-category button.btn-close:hover,
.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) .text-category button.btn-close:focus,
.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) .text-category .dx-btn.btn-close:hover,
.card.w-100 > .card-header.border-0:has(> .dxbs-toolbar) .text-category .dx-btn.btn-close:focus {
    color: rgba(var(--bs-body-color-rgb), 0.96) !important;
}


.cx-utiers-search-card .cx-utiers-search-shell,
.cx-utiers-search-card .cx-utiers-search-box,
.cx-utiers-search-card .cx-utiers-search-box.search,
.cx-utiers-search-card .cx-utiers-search-box .dxbl-text-edit,
.cx-utiers-search-card .cx-utiers-search-box .dxbl-text-edit-input {
    width: 100% !important;
    min-width: 0 !important;
}

.cx-utiers-search-card .cx-utiers-search-shell {
    display: block;
    padding: 0.25rem;
}