/*
当前blazor版本23.2.3，只设置自定义部分样式
   1、颜色替换#5f368d>>#04519f
*/

.dxbl-image {
    color: #337ab7;
}

.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: #337ab7 !important;
    --dxbl-text-edit-focus-shadow-spread: 0.05rem !important;
    --dxbl-text-edit-focus-border-color: #337ab7 !important;
}

.card-header {
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: white !important;
}

.dxbl-accordion .dxbl-accordion-group > .dxbl-accordion-group-body .dxbl-accordion-item-content {
    padding: 5px var(--dxbl-accordion-group-item-content-padding-x) !important;
}

.dxbl-modal {
    --dxbl-popup-header-font-weight: 600 !important;
}

.dxbl-dropdown-footer > .dxbl-btn-primary {
    border-color: #04519f !important;
    background-color: #04519f !important;
}

.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-header {
    display: none !important;
}

.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-footer {
    flex-direction: row-reverse;
}

.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-footer > .dxbl-btn {
    margin: 0 5px;
}

:root,
[data-bs-theme=light] {
    --bs-blue: #04519f !important;
    --bs-indigo: #04519f !important;
    --bs-purple: #04519f !important;
    --bs-primary: #04519f !important;
    --bs-link-color: #04519f !important;
}

.form-check-input:checked {
    background-color: #04519f !important;
    border-color: #04519f !important;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #04519f !important;
    border-color: #04519f !important;
}

.form-range::-webkit-slider-thumb {
    background-color: #04519f !important;
}

.form-range::-moz-range-thumb {
    background-color: #04519f !important;
}

.btn-primary {
    --bs-btn-bg: #04519f !important;
    --bs-btn-border-color: #04519f !important;
    --bs-btn-disabled-bg: #04519f !important;
    --bs-btn-disabled-border-color: #04519f !important;
}

.btn-outline-primary {
    --bs-btn-color: #04519f !important;
    --bs-btn-border-color: #04519f !important;
    --bs-btn-hover-bg: #04519f !important;
    --bs-btn-hover-border-color: #04519f !important;
    --bs-btn-active-bg: #04519f !important;
    --bs-btn-active-border-color: #04519f !important;
    --bs-btn-disabled-color: #04519f !important;
    --bs-btn-disabled-border-color: #04519f !important;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #04519f !important;
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #04519f !important;
}

.nav-tabs {
    --bs-nav-tabs-link-active-border-color: #04519f !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #04519f !important;
}

.pagination {
    --bs-pagination-active-bg: #04519f !important;
    --bs-pagination-active-border-color: #04519f !important;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: #04519f !important;
}

.list-group {
    --bs-list-group-active-bg: #04519f !important;
    --bs-list-group-active-border-color: #04519f !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
    border-color: #04519f !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #04519f !important;
}

.dxbl-btn {
    --dxbl-btn-link-hover-color: #04519f !important;
}

.dxbl-btn-primary:not(.dxbl-btn-standalone) {
    --dxbl-btn-bg: #04519f !important;
    --dxbl-btn-border-color: #04519f !important;
}

.dxbl-btn-outline-primary:not(.dxbl-btn-standalone) {
    --dxbl-btn-color: #04519f !important;
    --dxbl-btn-border-color: #04519f !important;
}

.dxbl-btn-text-primary:not(.dxbl-btn-standalone) {
    --dxbl-btn-color: #04519f !important;
}

.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #04519f !important;
    --dxbl-checkbox-switch-checked-bg: #04519f !important;
    --dxbl-checkbox-radio-checked-border-color: #04519f !important;
    --dxbl-checkbox-radio-check-bg: #04519f !important;
}

.dxbl-listbox div.dxbl-listbox-item-selected::before,
.dxbl-listbox tr.dxbl-listbox-item-selected > td::before {
    background-color: #04519f !important;
}

.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before,
.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before,
.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before {
    background-color: #04519f !important;
}

.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected::before,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table > tbody > tr.dxbl-list-box-item-selected > td::before {
    background-color: #04519f !important;
}

.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li.dxbl-list-box-item-selected:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):hover::before,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > tbody > tr.dxbl-list-box-item-selected:not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]):hover > td::before {
    background-color: #04519f !important;
}

.dxbl-pager {
    --dxbl-pager-active-page-btn-bg: #04519f !important;
}

.dxbl-grid {
    --dxbl-grid-focus-frame-color: #04519f !important;
}

.dxbl-grid .dxbl-grid-empty-data span.dxbl-grid-empty-data-loading {
    color: #04519f !important;
}
.dxbl-btn:not(.dxbl-btn-standalone).dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    --dxbl-btn-hover-color: #04519f !important;
    --dxbl-btn-color: #04519f !important;
}
.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit.dxbl-focused::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit.dxbl-focused::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit.dxbl-focused::after {
    border-bottom: calc(var(--dxbl-grid-inplace-edit-border-width)) var(--dxbl-text-edit-border-style) #04519f !important;
}
.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:has(:focus)::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:has(:focus)::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit:has(:focus)::after {
    border-bottom: calc(var(--dxbl-grid-inplace-edit-border-width)) var(--dxbl-text-edit-border-style) #04519f !important;
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: #04519f !important;
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-focused::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-focused::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:focus-within::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-focused::after {
    border-bottom: calc(var(--dxbl-grid-inplace-edit-border-width)) var(--dxbl-text-edit-border-style) #04519f !important;
}

.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:has(:focus)::after, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:has(:focus)::after, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:has(:focus)::after {
    border-bottom: calc(var(--dxbl-grid-inplace-edit-border-width)) var(--dxbl-text-edit-border-style) #04519f !important;
}
.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-readonly::before, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-readonly::before, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-readonly::before {
    background-color: #04519f !important;
}
.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-disabled::before, .dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:disabled::before, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-disabled::before, .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:disabled::before, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit.dxbl-disabled::before, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) > .dxbl-text-edit:disabled::before {
    background-color: #04519f !important;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: #04519f !important;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
    background-color: #04519f !important;
}
.dxbl-grid .dxbl-grid-columns-separator:not(.dxbl-disabled):not(:disabled).dxbl-active {
    background-color: #04519f !important;
}
.dxbl-grid-column-chooser-dialog {
    --dxbl-grid-column-chooser-focus-frame-color: #04519f !important;
}
.dxbl-fl {
    --dxbl-fl-tab-group-tab-selected-color: #04519f !important;
}
.dxbl-tabs {
    --dxbl-tabs-tab-selected-color: #04519f !important;
}
.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after,
.dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    background-color: #04519f !important;
}
.dxbl-loading-panel {
    --dxbl-loading-panel-message-color: #04519f !important;
}
.dxbl-wait-indicator {
    --dxbl-wait-indicator-color: #04519f !important;
}
.dx-office-ribbon .dx-office-ribbon-context-tab:not(.dxbl-active):not(:hover)::before {
    background-color: #04519f !important;
}
.dxbl-treeview {
    --dxbl-treeview-checkbox-checked-hover-bg: #04519f !important;
}
.dxbl-treeview .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-checked > .dxbl-checkbox-check-element:not(:hover), .dxbl-treeview .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled).dxbl-checkbox-indeterminate > .dxbl-checkbox-check-element:not(:hover) {
    background-color: var(--dxbl-treeview-checkbox-checked-bg, #04519f !important);
}
.dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
    background-color: #04519f !important;
}
.dxbl-context-menu.dxbl-context-menu-dropdown > .dxbl-dropdown-body ul li:not(.dxbl-context-menu-separator) > .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):active::before,
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown > .dxbl-dropdown-body ul li:not(.dxbl-context-menu-separator) > .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):active::before {
    background-color: #04519f !important;
}

.bg-primary {
    background-color: #04519f !important;
}

.dxbl-btn-standalone.dxbl-btn-primary {
    --dxbl-btn-bg: #04519f !important;
    --dxbl-btn-border-color: #04519f !important;
    --dxbl-btn-focus-bg: #04519f !important;
    --dxbl-btn-focus-border-bg: #04519f !important;
    --dxbl-btn-focus-outline-color: #04519f !important;
    --dxbl-btn-hover-bg: #337ab7 !important;
}

.dxbl-btn-primary:not(.dxbl-btn-standalone) {
    --dxbl-btn-active-bg: #337ab7 !important;
    --dxbl-btn-active-border-color: #337ab7 !important;
    --dxbl-btn-hover-bg: #337ab7 !important;
    --dxbl-btn-hover-border-color: #337ab7 !important;
}

.dxbl-grid > .dxbl-grid-toolbar-panel {
    padding: 5px !important;
    min-height: 30px !important;
}