:root,
[data-bs-theme=light] {
    --dxbl-group-header-bg: #264031;
    --dxbl-fl-group-header-bg: #264031;
    --dxbl-window-body-backcolor: #e9e4e4;
    --dxbl-window-header-bg: #976d57;
    --tabs-backcolor: #b5b5b5;
    --tabs-backcolor-selected: #ededed;
    --tabs-color: #212529;
    --dxbl-group-header-color: white;
    --menu-backcolor: #ffdada !important;
    --dxbl-accordion-group-header-hover-color: white;
    --dxbl-group-body-backcolor: #fefdfb;
    --save-btn-bg: #FFF34C;
    --save-btn-color: #264031;
    --save-btn-border: #264031;
    --dxbl-primary-bg: #FFF34C;
    --dxbl-primary-color: #264031;
    --dxbl-primary-border: #264031;
    --dxbl-window-header-bg: #3a603a;
    --dxbl-popup-header-color: var(--white);
    --dxbl-btn-link-hover-color: #FFF34C;
    --dxbl-btn-hover-color: #FFF34C;
    --dxbl-btn-color: var(--white);
}

[data-bs-theme=dark] {
    --dxbl-group-header-bg: #264031;
    --dxbl-fl-group-header-bg: #264031;
    --dxbl-window-body-backcolor: #363b42;
    --dxbl-window-header-bg: #264031;
    --dxbl-group-header-color: white;
    --tabs-backcolor: #3e4246;
    --tabs-backcolor-selected: #212529;
    --dxbl-group-header-color: white;
    --tabs-color: white;
    --menu-backcolor: #3b2b2b !important;
    --dxbl-accordion-group-header-hover-color: white;
    --dxbl-group-body-backcolor: #3C3C3B;
    --save-btn-bg: #264031;
    --save-btn-color: #FFF34C;
    --save-btn-border: #FFF34C;
    --dxbl-primary-bg: #bdb54d;
    --dxbl-primary-color: #1d3025;
    --dxbl-primary-border: #FFF34C;
    --dxbl-window-header-bg: #3a603a;
    --dxbl-popup-header-color: var(--white);
    --dxbl-btn-link-hover-color: #FFF34C;
    --dxbl-btn-hover-color: #FFF34C;
}

.dxbl-window > .dxbl-window-dialog {
    min-height: 200px;
    max-height: 800px;
    width: 95% !important;
}

@media (min-width: 992px) {
    .dxbl-fl .dxbl-fl-item > .dxbl-fl-cpt {
        white-space: normal !important;
    }

    .dxbl-window > .dxbl-window-dialog {
        max-width: 1200px;
    }
}

@media (max-width: 991px) {
    .dxbl-window > .dxbl-window-dialog {
        min-width: 400px;
    }
}


.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-checked .dxbl-checkbox-check-element, .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-readonly.dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
    /*background-color: white !important;*/
    --dxbl-checkbox-check-element-checked-bg: white !important;
    /*color: white !important;*/
}

.dxbl-accordion {
    width: 100% !important;
}





dxbl-form-layout {
    margin: 20px;
}

dxbl-form-layout-item > label {
    font-weight: bold !important;
}

dxbl-form-layout-item > div {
    font-size: 1rem;
}

.main-gridlayout {
    margin: auto;
    width: 100% !important;
    height: auto;
}

    .main-gridlayout .dxbl-gridlayout-root {
        align-content: center;
        justify-content: center;
    }

.gridlayout-item-fullwidth > div {
    width: 100% !important;
}


dxbl-list-box {
    max-width: 400px !important;
}

dxbl-combo-box {
    max-width: 400px !important;
}

dxbl-date-edit {
    max-width: 200px !important;
}

dxbl-spinedit {
    max-width: 200px !important;
}

.edit-form, .dxbl-window-body {
    background-color: var(--dxbl-window-body-backcolor) !important;
    width: 100%;
    height: 100%;
}

.dxbl-popup-header, .dxbl-window-footer {
    background-color: var(--dxbl-window-header-bg) !important;
}


.edit-form > dxbl-form-layout > dxbl-row {
    padding-bottom: 12px !important;
}


.dxbl-group-header {
    background-color: var(--dxbl-group-header-bg) !important;
}



    .dxbl-group-header > .dxbl-text {
        color: white !important;
    }

.dxbl-menu-item, .dxbl-toolbar-dropdown-item, .dxbl-dropdown-body {
    background-color: var(--bs-body-bg) !important; /*time edit*/
}

.dxbl-group-body {
    background-color: var(--dxbl-group-body-backcolor) !important;
}

.save-settings-button {
    background-color: var(--save-btn-bg) !important;
    color: var(--save-btn-color) !important;
    border-color: var(--save-btn-border) !important;
}

/* ensure the icon inside the DevExpress button inherits the color */
.save-settings-button .dx-icon,
.save-settings-button .fa-solid {
    color: var(--save-btn-color) !important;
}

/* override DevExpress primary button globally */
.dxbl-btn.dxbl-btn-primary {
    background-color: var(--dxbl-primary-bg) !important;
    color: var(--dxbl-primary-color) !important;
    border-color: var(--dxbl-primary-border) !important;
}

    /* ensure icons inherit color */
    .dxbl-btn.dxbl-btn-primary .dx-icon,
    .dxbl-btn.dxbl-btn-primary .fa-solid {
        color: var(--dxbl-primary-color) !important;
    }

    /* optional: hover/focus states */
    .dxbl-btn.dxbl-btn-primary:hover,
    .dxbl-btn.dxbl-btn-primary:focus {
        filter: brightness(0.95);
        background-color: var(--dxbl-primary-bg) !important;
    }