/* Overrides the primary theme color - #FE7109 with Rosterspace #EF614F */
:root,
[data-bs-theme=light] {
    --bs-blue: #EF614F;
    --bs-primary: #EF614F;
}



.form-check-input:checked {
    background-color: #EF614F;
    border-color: #EF614F;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #EF614F;
    border-color: #EF614F;
}

.form-range::-webkit-slider-thumb {
    background-color: #EF614F;
}

.form-range::-moz-range-thumb {
    background-color: #EF614F;
}

.btn-primary {
    --bs-btn-bg: #EF614F;
    --bs-btn-border-color: #EF614F;
    --bs-btn-disabled-bg: #EF614F;
    --bs-btn-disabled-border-color: #EF614F;
}

.btn-outline-primary {
    --bs-btn-color: #EF614F;
    --bs-btn-border-color: #EF614F;
    --bs-btn-hover-bg: #EF614F;
    --bs-btn-hover-border-color: #EF614F;
    --bs-btn-active-bg: #EF614F;
    --bs-btn-active-border-color: #EF614F;
    --bs-btn-disabled-color: #EF614F;
    --bs-btn-disabled-border-color: #EF614F;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #EF614F;
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #EF614F;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #EF614F;
}

.pagination {
    --bs-pagination-active-bg: #EF614F;
    --bs-pagination-active-border-color: #EF614F;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: #EF614F;
}

.list-group {
    --bs-list-group-active-bg: #EF614F;
    --bs-list-group-active-border-color: #EF614F;
}

.form-control:focus {
    border-color: #EF614F !important;
}

select.form-control > option:checked,
.custom-select > option:checked {
    background-color: #EF614F;
}

.nav-tabs .nav-link.active:before {
    border-bottom-color: #EF614F;
}

.dxbl-btn {
    --dxbl-btn-link-hover-color: #EF614F;
}


.dxbl-btn-outline-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #EF614F;
    --dxbl-btn-border-color: #EF614F;
}

.dxbl-btn-text-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #EF614F;
}

.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #EF614F;
    --dxbl-checkbox-switch-checked-bg: #EF614F;
    --dxbl-checkbox-radio-checked-border-color: #EF614F;
    --dxbl-checkbox-radio-check-bg: #EF614F;
}

.dxbl-calendar {
    --dxbl-calendar-today-border-color: #EF614F;
    --dxbl-calendar-item-focus-outline-color: #EF614F;
}

.dxbl-listbox div.dxbl-listbox-item-selected::before,
.dxbl-listbox tr.dxbl-listbox-item-selected > td::before {
    background-color: #EF614F;
}

.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: #EF614F;
}

.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: #EF614F;
}

.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: #EF614F;
}

.dxbl-pager {
    --dxbl-pager-active-page-btn-bg: #EF614F;
}

.dxbl-grid {
    --dxbl-grid-focus-frame-color: #EF614F;
}

    .dxbl-grid .dxbl-grid-empty-data-area span.dxbl-grid-empty-data-loading {
        color: #EF614F;
    }

.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    --dxbl-btn-hover-color: #EF614F;
    --dxbl-btn-color: #EF614F;
}

.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) #EF614F;
}

.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) #EF614F;
}

.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: #EF614F;
}

.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) #EF614F;
}

.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) #EF614F;
}

.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: #EF614F;
}

.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: #EF614F;
}

.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: #EF614F;
}

.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: #EF614F;
}

.dxbl-grid .dxbl-grid-columns-separator:not(.dxbl-disabled):not(:disabled).dxbl-active {
    background-color: #EF614F;
}

.dxbl-grid-column-chooser-dialog {
    --dxbl-grid-column-chooser-focus-frame-color: #EF614F;
}

.dxbl-fl {
    --dxbl-fl-tab-group-tab-selected-color: #EF614F;
}

.dxbl-tabs {
    --dxbl-tabs-tab-selected-color: #EF614F;
}

    .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: #EF614F;
    }

.dxbl-loading-panel {
    --dxbl-loading-panel-message-color: #EF614F;
}

.dxbl-wait-indicator {
    --dxbl-wait-indicator-color: #EF614F;
}

.dx-office-ribbon .dx-office-ribbon-context-tab:not(.dxbl-active):not(:hover)::before {
    background-color: #EF614F;
}

.dxbl-treeview {
    --dxbl-treeview-checkbox-checked-hover-bg: #EF614F;
}

    .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, #EF614F);
    }

    .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
        background-color: #EF614F;
    }

.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: #EF614F;
}

