/**
    Extracted from old VerticalGrid.css
    Concerns various aspects such as form popups
*/

.dx-field-item-help-text {
    text-decoration: underline solid rgb(198, 239, 206);
    text-decoration-thickness: 3px;
}

.dx-texteditor-input {
    font-size: 11px !important;
}

/* Mise en page des groupes lors de l'ouverture d'une pop-up */
.dx-item.dx-tab.dx-tab-selected {
    border-bottom: 3px solid var(--primary-color);
}

.dx-item.dx-tab {
    border-bottom: 3px solid #DFDFDF;
}

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

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

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab.dx-tab-selected, .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tab, .dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs, .dx-tabpanel > .dx-tabpanel-tabs .dx-tab {
    box-shadow: unset !important;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs, .dx-tabpanel-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;
    }

/* Barre en dessous du titre de la pop-up */
.dx-popup-title.dx-toolbar {
    border-bottom: unset !important;
}

/* Bouton de validation */
.form_button {
    background-color: var(--primary-color);
    color: var(--white);
    padding: 0 10px;
    width: 100px !important;
    border-radius: 3px;
    padding: 1px;
    font: 11px 'Roboto Medium',Helvetica,'Droid Sans',Tahoma,Geneva,sans-serif;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}