﻿/* dxbl-btn */

.dxbl-btn-primary,
.dxbl-btn-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: rgb(255, 255, 255);
    --dxbl-btn-bg: var(--btnPrimaryBgColor) !important;
    --dxbl-btn-border-color: #ffffff00;
    --dxbl-btn-active-bg: var(--btnPrimaryBgColor) !important;
    --dxbl-btn-active-color: rgb(255, 255, 255);
    --dxbl-btn-active-border-color: #ffffff00;
    --dxbl-btn-hover-bg: var(--btnPrimaryBgColorHover) !important;
    --dxbl-btn-hover-color: rgb(255, 255, 255);
    --dxbl-btn-hover-border-color: #ffffff00 !important;
    --dxbl-btn-disabled-bg: #d7d7d7;
    --dxbl-btn-disabled-color: rgb(255, 255, 255);
    --dxbl-btn-disabled-border-color: #ffffff00;
    --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: var(--btnPrimaryBgColor) !important;
    --dxbl-btn-focus-color: rgb(255, 255, 255);
    --dxbl-btn-focus-border-bg: #ffffff00 !important;
    --dxbl-btn-focus-outline-color: var(--btnPrimaryBgColor) !important;
}

.dxbl-grid-command-cell .dxbl-btn.dxbl-btn-primary {
    --dxbl-btn-color: #ffffff;
}

.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    --dxbl-btn-hover-color: #188be5;
    --dxbl-btn-color: #188be5;
}


/* dxbl-checkbox */

.dxbl-checkbox {
    --dxbl-checkbox-switch-checked-hover-bg: var(--btnPrimaryBgColor);
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio)
.dxbl-checkbox-check-element {
    border-radius: 0rem;
}

.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #1a49d8;
    --dxbl-checkbox-check-element-checked-hover-bg: #1a49d8;
    --dxbl-checkbox-check-element-size: 1rem;
}

.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element, 
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
    background-color: #0d6efd;
}


/* dxbl-checkbox-switch */

.dxbl-checkbox.dxbl-checkbox-switch.dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background-color: var(--btnPrimaryBgColor);
}


/* dxbl-edit-dropdown */

.dxbl-edit-dropdown {
    --dxbl-edit-dropdown-btn-focus-outline-color: #005efd;
}



/* dxbl-grid */

.dxbl-grid {
    --dxbl-grid-header-font-weight: 400;
    --dxbl-grid-selection-bg: white;
}

.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: #f9f9f9;
}

.dxbl-grid {
    --dxbl-grid-focus-color: #000;
}


/* dxbl-list-box */

.dxbl-list-box, 
.dxbl-list-box-render-container {
    --dxbl-list-box-item-selected-color: black;
    --dxbl-list-box-item-selected-hover-color: black;
    --dxbl-list-box-focus-frame-color: #005efd;
}

.dxbl-list-box-render-container>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled)::before,
.dxbl-list-box>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled)::before {
    background-color: #d0d0d0;
}

.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden]>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>:not(.dxbl-list-box-empty-data-container)>li:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover::before,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden]>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>:not(.dxbl-list-box-empty-data-container)>li:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover::before {
    background-color: #d0d0d0;
}

.dxbl-list-box-render-container>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused,
.dxbl-list-box-render-container>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]):focus,
.dxbl-list-box>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused,
.dxbl-list-box>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]):focus {
    outline: .0rem solid transparent;
}


/* dxbl-splitter */

.dxbl-splitter {
    --dxbl-splitter-separator-focused-bg: #c0c0c0;
    --dxbl-splitter-separator-active-bg: #c0c0c0;
    --dxbl-splitter-resize-handle-focused-color: #666666;
}

/* dxbl-tabs */

.dxbl-tabs {
    --dxbl-tabs-tab-selected-color: #0d6efd;
    --dxbl-tabs-tab-focus-outline-color: #0d6efd;
}

.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: #0d6efd;
}


/* dxbl-text-edit */

.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: rgb(10, 54, 190 / 0%);
    --dxbl-text-edit-focus-border-color: #d0d0d0;
}


.dxbl-fl-cpt dxbl-text {
        align-self: center;
}


/* badges Bootstrap */

/* Le thème blazing-berry définit .text-bg-info en blanc sur #00a9e6 (contraste ~2.7:1,
   sous le seuil WCAG de 4.5:1). On conserve le texte blanc mais on fonce le fond
   (même teinte cyan, contraste ~5.0:1). */
.text-bg-info {
    color: #fff !important;
    background-color: #00789f !important;
}