/**
    Written for DevExtreme 25.1.5
*/

/* Inputs */
.dx-texteditor-input {
    font-size: 0.8em;
}

/* DataGrid */

/* Ajout de bordures au niveau des colonnes */
.dx-datagrid .dx-header-row > td:not(:last-child) {
    border-right: 1px solid var(--border-color);
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview, .dx-datagrid-rowsview.dx-datagrid-after-headers {
    border-top: none !important;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid) .dx-texteditor-input {
    color: unset !important;
}

/* Fond des cellules de la ligne focusée : transparent pour laisser voir la couleur
   du tr, sauf les cellules sticky qui doivent rester opaques (héritage plus bas) */
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid):not(.dx-datagrid-sticky-column):not(.dx-datagrid-sticky-column-left):not(.dx-datagrid-sticky-column-right),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid) .dx-texteditor-input {
    background-color: unset !important;
}

.dx-datagrid .dx-row.dx-data-row.dx-row-focused {
    background-color: var(--primary-color);
    color: var(--primary-color-text);
}

/*.dx-row.dx-group-row.dx-row-focused, */.dx-row.dx-data-row.formatting-colored.dx-row-focused.dx-selection {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: 0px 0px 0px 2px var(--primary-color);
    position: relative;
}

.dx-row-focused:not(.dx-row-lines), .dx-row-focused:not(.dx-row-lines) > td, .dx-row-focused:not(.dx-row-lines):after {
    border-color: var(--primary-color-light-20);
    border-bottom-color: var(--primary-color-light-20) !important;
}

/* `position: relative` (empilement du box-shadow), sauf sur les cellules sticky
   (colonnes fixées / indentation de groupe) : passer sticky → relative transforme
   leur `left` d'épinglage en décalage et disloque la gauche de la ligne focusée */
.dx-row-focused:not(.dx-row-lines),
.dx-row-focused:not(.dx-row-lines):after,
.dx-row-focused:not(.dx-row-lines) > td:not(.dx-datagrid-sticky-column):not(.dx-datagrid-sticky-column-left):not(.dx-datagrid-sticky-column-right) {
    position: relative;
}

/* DX 25.1+ rend les colonnes fixées en `position: sticky` dans la même table :
   leur fond doit rester opaque pour masquer les colonnes qui défilent dessous.
   Elles héritent la couleur effective de la ligne (alternance, formatage
   conditionnel, focus — posés sur le tr), le fond par défaut opaque des lignes
   étant garanti par la règle suivante. */
.dx-datagrid .dx-datagrid-table .dx-row > td.dx-datagrid-sticky-column:not(.dx-cell-modified):not(.dx-datagrid-invalid),
.dx-datagrid .dx-datagrid-table .dx-row > td.dx-datagrid-sticky-column-left:not(.dx-cell-modified):not(.dx-datagrid-invalid),
.dx-datagrid .dx-datagrid-table .dx-row > td.dx-datagrid-sticky-column-right:not(.dx-cell-modified):not(.dx-datagrid-invalid) {
    background-color: inherit !important;
}

/* Fond opaque par défaut des lignes (données, en-têtes, filtre, footer) ; les
   lignes à état (alternance, focus, groupe) gardent leurs règles dédiées. */
.dx-datagrid .dx-row:not(.dx-row-alt):not(.dx-row-focused):not(.dx-group-row) {
    background-color: #fff;
}

.dx-datagrid .dx-row-alt {
    background-color: #f5f5f5;
}

.dx-datagrid .dx-row > td:not(:last-child) {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: white;
}

.dataGrid_component .dx-datagrid .dx-row-alt > td,
.dataGrid_component .dx-datagrid .dx-row-alt > tr > td,
.dataGrid_component .dx-datagrid .dx-row > td,
.dataGrid_component .dx-datagrid .dx-row > tr > td {
    background-color: unset !important;
}

/* Forms (with tabs) */
.dx-item.dx-tab {
    border-bottom: 3px solid #DFDFDF;
}

.dx-item.dx-tab.dx-tab-selected {
    border-bottom: 3px solid var(--primary-color);
}

.dx-tab-text {
    font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    text-transform: uppercase;
}

.dx-multiview-wrapper {
    border: none !important;
}

.dx-tabs-wrapper {
    background-color: unset !important;
    border: none !important;
}

.dx-tabpanel-tabs,
.dx-tabpanel > .dx-tabpanel-tabs .dx-tab,
.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
    background-color: unset !important;
    color: unset !important;
    box-shadow: unset !important;
}

    .dx-tabpanel > .dx-tabpanel-tabs .dx-tabs .dx-tab {
        background-color: unset !important;
    }

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab {
    background-color: unset !important;
    color: unset !important;
    box-shadow: unset !important;
}

.dx-tabpanel-tabs-position-top .dx-tabs-wrapper::after,
.dx-tab::after,
.dx-tab.dx-tab-selected::after {
    border-block-start: unset !important;
    border-inline-start: unset !important;
    border-block-end: unset !important;
    border-inline-end: unset !important;
}

/* Form controls */
.dx-texteditor.dx-state-readonly {
    background-color: #c8c8c880;
}

/* Lists */
.dx-list-item-content {
    width: 100%;
    word-wrap: break-word;
    white-space: normal;
}

/* Icone dans liste d�roulante (� droite) */
.dx-dropdowneditor-button > .dx-button-content > i {
    color: black !important;
}

.dx-rtl.dx-toolbar .dx-toolbar-menu-container, .dx-toolbar .dx-toolbar-item {
    padding: 0 0.5rem 0 0;
}

.dx-toolbar-after .dx-toolbar-item, .dx-toolbar-after .dx-toolbar-item:last-child {
    padding: 0 0 0 0.5rem;
}

.dx-popup-title {
    min-height: auto !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay {
    display: none;
}