.dxbl-btn-primary {
    --dxbl-btn-bg: #3154a6;
    --dxbl-btn-border-color: #3154a6;
    --dxbl-btn-color: #fff;
    --dxbl-btn-active-bg: #3154a6;
    --dxbl-btn-active-color: #fff;
    --dxbl-btn-active-border-color: #3154a6;
    --dxbl-btn-hover-bg: #5278c2;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-border-color: #2e416e;
    --dxbl-btn-disabled-bg: #2b2a2f;
    --dxbl-btn-disabled-color: #fff;
    --dxbl-btn-disabled-border-color: #2b2a2f;
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-focus-shadow-color: #5154a687;
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
}

.dxbl-btn-standalone.dxbl-btn-primary {
    --dxbl-btn-box-shadow: 0 1px 6px -1px rgba(0, 0, 0, 0.1),0 1px 4px -2px rgba(0, 0, 0, 0.1);
    --dxbl-btn-bg: #3154a6;
    --dxbl-btn-border-color: #3154a6;
    --dxbl-btn-active-bg: #3154a6;
    --dxbl-btn-active-border-color: #3154a6;
    --dxbl-btn-hover-bg: #5278c2;
    --dxbl-btn-hover-border-color: #2e416e;
    --dxbl-btn-disabled-bg: #2b2a2f;
    --dxbl-btn-disabled-color: rgb(255, 255, 255);
    --dxbl-btn-disabled-border-color: #2b2a2f;
    --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: #5154a687;
    --dxbl-btn-focus-border-bg: #5154a687;
    --dxbl-btn-focus-outline-color: #5154a687;
}

.dxbl-btn {
    --dxbl-btn-focus-shadow-color: #5154a687;
}

.dxbl-treeview {
    --dxbl-treeview-item-selection-bg: #3154A6;
}

.dxbl-menu {
    --dxbl-menu-bg: transparent;
}

.border-primary {
    border-color: #3e68bb !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: #3154A6;
}

.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #3154A6;
    --dxbl-checkbox-check-element-checked-hover-bg: #3e68bb;
    --dxbl-checkbox-switch-unchecked-hover-bg: #3e68bb;
    --dxbl-checkbox-switch-checked-hover-bg: #3e68bb;
    --dxbl-checkbox-switch-unchecked-bg: rgba(255, 255, 255, 0.15);
    --dxbl-checkbox-switch-checked-bg: #3154A6;
}

    .dxbl-disabled {
    /*--dxbl-btn-disabled-bg: transparent !important;*/
    --dxbl-btn-disabled-color: #fff;
    /*--dxbl-btn-disabled-border-color: transparent !important;*/
    --dxbl-btn-disabled-opacity: 0.5;
    --dxbl-btn-hover-bg: #403f41;
    --dxbl-btn-hover-color: #eee;
    --dxbl-btn-hover-border-color: #403f41;
}
/*
.btn-primary {
    background: var(--dxbl-btn-primary) !important;
    border-color: var(--dxbl-btn-primary) !important;
}*/

.dxbl-btn.dxbl-disabled {
    /*background-color: #2b2a2f !important;*/
    /*border-color: #2b2a2f !important;*/
    /*--dxbl-btn-border-color: #2b2a2f !important;*/
}

.btn-warning {
    background-color: #5f687d87;
    border-color: rgb(85, 85, 85,0.5);
    --dxbl-btn-hover-bg: rgb(75, 75, 75,0.8);
    --dxbl-btn-hover-color: #eee;
    --dxbl-btn-hover-border-color: #403f41;
}

.dxbl-btn-secondary {
    --dxbl-btn-bg: #252428;
    --dxbl-btn-border-color: #252428;
    --dxbl-btn-color: #fff;
    --dxbl-btn-active-bg: #252428;
    --dxbl-btn-active-color: #fff;
    --dxbl-btn-active-border-color: #252428;
    --dxbl-btn-hover-bg: rgb(85, 85, 85, 0.5);
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-border-color: rgb(85, 85, 85,0.5);
    --dxbl-btn-disabled-bg: #46444a;
    --dxbl-btn-disabled-color: #fff;
    --dxbl-btn-disabled-border-color: #46444a;
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-focus-shadow-color: #5154a687;
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
}

:host, :root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

:root {
    --bs-blue: #3154A6;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #f31446;
    --bs-orange: #fd7e14;
    --bs-yellow: #fc781b;
    --bs-green: #31bd3d;
    --bs-teal: #20c997;
    --bs-cyan: #1381f3;
    --bs-white: #fff;
    --bs-gray: #495057;
    --bs-gray-dark: #202634;
    --bs-gray-100: #f7f8f9;
    --bs-gray-200: #e5e5e5;
    --bs-gray-300: #adb5bd;
    --bs-gray-400: #615f63;
    --bs-gray-500: #444444;
    --bs-gray-600: #495057;
    --bs-gray-700: #46444a;
    --bs-gray-800: #202634;
    --bs-gray-900: #2b2a2f;
    --bs-primary: #3154A6;
    --bs-secondary: #2b2a2f;
    --bs-success: #31bd3d;
    --bs-info: #1381f3;
    --bs-warning: #fc781b;
    --bs-danger: #f31446;
    --bs-light: #f7f8f9;
    --bs-dark: #46444a;
    --bs-primary-rgb: 164,202,238;
    --bs-secondary-rgb: 43,42,47;
    --bs-success-rgb: 49,189,61;
    --bs-info-rgb: 19,129,243;
    --bs-warning-rgb: 252,120,27;
    --bs-danger-rgb: 243,20,70;
    --bs-light-rgb: 247,248,249;
    --bs-dark-rgb: 70,68,74;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-menu-rgb: 41, 48, 66;
    --bs-body-color-rgb: 255,255,255;
    --bs-body-bg-rgb: 55,53,61;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #fff;
    --bs-body-bg: #293141;
}

.btn-primary {
    color: #fff;
    background-color: #3154a6 !important;
    border-color: #3154a6 !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #5278c2 !important;
    border-color: #5278c2 !important;
}

.dxbl-listbox div.dxbl-listbox-item-selected::before, .dxbl-listbox tr.dxbl-listbox-item-selected > td::before {
    background-color: #3258a2;
}

.dxbl-listbox {
    --dxbl-listbox-item-hover-bg: #5278c2;
    --dxbl-listbox-item-active-bg: unset;
    --dxbl-listbox-item-selected-hover-bg: #5278c2;
}

.dxbl-text-edit {
    --dxbl-text-edit-focus-border-color: #5278c2;
    --dxbl-text-edit-focus-shadow-color: #5278c255;
}

.dxbl-fl {
    --dxbl-fl-tab-group-bg: transparent;
    --dxbl-fl-tab-group-bottom-border-width: 0px;
}

.dxbl-tabs-item {
    --dxbl-fl-tab-group-bg: transparent;
    --dxbl-fl-tab-group-bottom-border-width: 0px;
}

.dxbl-tabs > .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 > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    background-color: #3154a6;

}

.dxbl-grid {
    --dxbl-grid-selection-bg: #3154a6;
}