/**
    Written for DevExtreme 24.2.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 .dx-command-select.dx-datagrid-first-header {
    text-align: center !important;
}

    .dx-datagrid .dx-command-select.dx-datagrid-first-header.dx-datagrid-sticky-column-left.dx-datagrid-sticky-column-border-right.dx-editor-cell.dx-editor-inline-block {
        border-right: 1px solid var(--border-color) !important;
    }

.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 .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-texteditor-input {
    background-color: unset !important;
    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-focused:not(.dx-row-lines), .dx-row-focused:not(.dx-row-lines) > td, .dx-row-focused:not(.dx-row-lines):after {
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: 0px 0px 0px 2px var(--primary-color);
    position: relative;
}

.dx-datagrid .dx-datagrid-sticky-column, .dx-datagrid .dx-datagrid-sticky-column-left, .dx-datagrid .dx-datagrid-sticky-column-right {
    background-color: unset !important;
}

.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;
}

.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td,
.dx-datagrid .dx-row > td,
.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;
}