/* custom-theme.css */
:root {
    --primary-color: #895b2f; /* Replace with your custom primary color */
    --secondary-color: #3f2615; /* Replace with your custom secondary color */
    --background-color: #f8f9fa; /* Replace with your custom background color */
    --bs-primary-rgb: 95, 81, 61;
    --bs-link-color: #895b2f;

}

.dxbl-pager {
    --dxbl-pager-active-page-btn-bg: #895b2f;
   
}
    .dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn {
        --dxbl-pager-page-btn-hover-bg: #895b2f;
    }
    .sidebar {
        background-image: linear-gradient(190deg, rgb(1 2 2) 0%, #895b2f 70%) !important;
    }
.list-group {
    --bs-list-group-active-bg: #c07f2c;
}
.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color);
}
    /* Override the DevExpress theme styles */
    .dx-widget {
    color: var(--primary-color);
}

.dx-theme .dx-button {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}

    .dx-theme .dx-button:hover {
        background-color: darken(var(--primary-color), 10%);
        border-color: darken(var(--primary-color), 10%);
    }

.dx-theme .dx-textbox {
    background-color: var(--background-color);
}

.dx-theme .dx-selectbox {
    background-color: var(--background-color);
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #895b2f;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #895b2f;
    --bs-btn-border-color: #895b2f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(63, 38, 21);
    --bs-btn-hover-border-color: rgb(76, 43.2, 112.8);
    --bs-btn-focus-shadow-rgb: 119, 84, 158;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(63, 38, 21);
    --bs-btn-active-border-color: rgb(71.25, 40.5, 105.75);
    --bs-btn-active-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #895b2f;
    --bs-btn-disabled-border-color: #895b2f;
}
.btn-primary:focus, .btn-primary.focus {        
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2), 0 0 0 0.25rem rgb(130 130 131 / 50%);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: rgb(63, 38, 21);
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5);
}
.form-check-input:checked {
    background-color: #895b2f !important;
    border-color: #895b2f !important;
}
.dropdown-menu {
    --bs-dropdown-link-hover-color: #895b2f;
    --bs-dropdown-link-active-bg: #895b2f;
}
.nav-pills .nav-link:focus,.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #000;
    background-color: transparent;
}
.nav-link:focus, .nav-link:hover {
    color: #000;
    font-weight:bold;
}
.nav-scrollable .nav-link {
    color: #fff;
}
    .nav-scrollable .nav-link:hover, .nav-scrollable .nav-link:focus {
        color: #cbc7cf;
    }
.btn-primary {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
}
.btn-primary:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-link {
    --bs-btn-color: var(--bs-link-color);
    color: var(--bs-btn-color);
}
.link-primary {
    color: #895b2f;
}
.link-primary:hover, .link-primary:focus {
    color: var(--bs-btn-hover-color);
}
.dropdown-toggle::after {   
   display:none !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #895b2f;
}
.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead {
    z-index: 0 !important;
}
.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #895b2f !important;
    --dxbl-checkbox-switch-checked-bg: #895b2f !important;
    --dxbl-checkbox-radio-checked-border-color: #895b2f !important;
    --dxbl-checkbox-radio-check-bg: #895b2f !important;
    --dxbl-checkbox-check-element-checked-hover-bg: #c07f2c !important;
    --dxbl-checkbox-switch-checked-hover-bg: #c07f2c !important;
    --dxbl-checkbox-radio-checked-hover-bg: #c07f2c !important;
    --dxbl-checkbox-radio-checked-hover-border-color: #c07f2c !important;
}