/* ==========================================================
   StaerAI — Office White theme overrides
   ========================================================== */
:root {
    --dxbl-accent-color-170: #001b03;
    --dxbl-accent-color-150: #063f0b;
    --dxbl-accent-color-140: #0a5210;
    --dxbl-accent-color-120: #12791b;
    --dxbl-accent-color-110: #178e21;
    --dxbl-accent-color-100: #1da326;
    --dxbl-accent-color-80: #3dc247;
    --dxbl-accent-color-70: #53cc5d;
    --dxbl-accent-color-60: #6fd674;
    --dxbl-accent-color-40: #a7ecaa;
    --dxbl-accent-color-30: #c3f6c6;
    --dxbl-accent-color-20: #dcfadc;
    --dxbl-accent-color-10: #f1fdf1;
}
.tab-bar {
    background: #f4f4f4;
    border-color: #d6d6d6;
}

.dynamic-grid .dxbl-grid-selected-row td {
    background-color: #d9e8f7 !important;
}

.sal-detail-header {
    color: #2b579a;
    background: #eef3f8;
}
/* Steve heavy work!  */

.dxbl-text-edit>.dxbl-text-edit-input, .dxbl-text-edit>textarea,.dxbl-fl .dxbl-fl-item>.dxbl-fl-ctrl{
    background: #b8fde0 !important;
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element .dxbl-image, .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element .dxbl-image {
    background:  #fdff8a !important;
    opacity: 1 !important;
    color: #10893e !important;
    border:#b3b0b0 !important;
}
.dxbl-btn-standalone.dxbl-btn-primary 
,.dxbl-btn-primary:where(:not(.dxbl-btn-standalone)),
.dxbl-btn-standalone.dxbl-btn-warning {
    --dxbl-btn-color: rgb(255, 255, 255);
    --dxbl-btn-bg: #42a123;
    --dxbl-btn-border-color: #014303;
    --dxbl-btn-active-bg: #984C0C;
    --dxbl-btn-active-color: rgb(255, 255, 255);
    --dxbl-btn-active-border-color: #984C0C;
    --dxbl-btn-hover-bg: #67bd06;
    --dxbl-btn-hover-color: rgb(255, 255, 255);
    --dxbl-btn-hover-border-color: #CA6510;
    --dxbl-btn-disabled-bg: #FECBA1;
    --dxbl-btn-disabled-color: rgb(255, 255, 255);
    --dxbl-btn-disabled-border-color: #FECBA1;
    --dxbl-btn-focus-outline-size: 0.125rem;
    --dxbl-btn-focus-outline-offset: 0.063rem;
    --dxbl-btn-focus-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    --dxbl-btn-focus-bg: #FD7E14;
    --dxbl-btn-focus-color: rgb(255, 255, 255);
    --dxbl-btn-focus-border-bg: #FD7E14;
    --dxbl-btn-focus-outline-color: #FD7E14;
}

.dxbl-tabs>.dxbl-tabs-tablist>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>.dxbl-tabs-container>ul>li>.dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active, .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, .dxbl-tabs>.dxbl-tabs-tablist>.dxbl-tabs-container>ul>li>.dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-tabs>.dxbl-tabs-tablist>ul>li>.dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
    color: var(--staer-tabs-tab-selected-color) !important;
    background-color: var(--staer-tabs-tab-selected-bg) !important;
    border-color: var(--dxbl-tabs-tab-border-color) var(--dxbl-tabs-tab-border-color) var(--dxbl-tabs-tab-border-color) var(--dxbl-tabs-tab-border-color);
    position: relative;
}