/* Tous les styles des composants DevExpress */

/*#region GroupForm*/
.dxbl-fl .dxbl-fl-group > .dxbl-group {
    --dxbl-group-bg: var(--md-sys-color-secondary-container);
    --dxbl-group-color: var(--md-sys-color-on-secondary-container);
    --dxbl-group-border-color: var(--md-sys-color-secondary);
}

.dxbl-fl .dxbl-fl-gd, .dxbl-fl .dxbl-fl-gt {
    margin-top: 0px !important;
}

.dxbl-group {
    --dxbl-group-border-color: var(--md-sys-color-secondary);
}

.dxbl-group-body-content {
    padding-bottom: 0 !important;
}
/*#endregion*/

/*#region Buttons*/
.dxbl-btn {
    --dxbl-btn-image-spacing: 8px;
}
/*#region PrimaryButton*/
.dxbl-btn-standalone.dxbl-btn-primary {
    padding: 0px 24px;
    height: 40px;
    font-size: 1.2em;
    border-radius: 10px !important;
    --dxbl-btn-bg: var(--md-ref-palette-neutral50);
    --dxbl-btn-border-color: var(--md-ref-palette-neutral50);
    --dxbl-btn-color: #ffffff;
    --dxbl-btn-active-bg: var(--md-sys-color-inverse-tertiary);
    --dxbl-btn-active-color: var(--md-sys-color-on-tertiary);
    --dxbl-btn-active-border-color: var(--md-sys-color-on-tertiary);
    --dxbl-btn-hover-bg: var(--md-ref-palette-neutral40);
    --dxbl-btn-hover-border-color: var(--md-ref-palette-neutral40);
    --dxbl-btn-disabled-bg: var(--md-sys-color-inverse-tertiary);
    --dxbl-btn-disabled-color: var(--md-sys-color-on-tertiary);
    --dxbl-btn-disabled-border-color: var(--md-sys-color-primary);
    --dxbl-btn-focus-shadow-color: var(--md-sys-color-primary);
    --dxbl-btn-focus-bg: var(--md-ref-palette-neutral50);
    --dxbl-btn-focus-outline-color: #00000011;
}

/*#endregion*/
/*#region DangerButton*/
.dxbl-btn-standalone.dxbl-btn-danger {
    padding: 0px 24px;
    height: 40px;
    font-size: 1.2em;
    border-radius: 10px;
    --dxbl-btn-bg: var(--md-sys-color-tertiary-container);
    --dxbl-btn-border-color: var(--md-sys-color-tertiary-container);
    --dxbl-btn-color: var(--md-sys-color-on-tertiary-container);
    --dxbl-btn-active-bg: var(--md-sys-color-inverse-tertiary);
    --dxbl-btn-active-color: var(--md-sys-color-on-tertiary);
    --dxbl-btn-active-border-color: var(--md-sys-color-on-tertiary);
    --dxbl-btn-hover-bg: var(--md-sys-color-tertiary);
    --dxbl-btn-hover-color: var(--md-sys-color-on-tertiary);
    --dxbl-btn-hover-border-color: var(--md-sys-color-tertiary);
    --dxbl-btn-disabled-bg: var(--md-sys-color-inverse-tertiary);
    --dxbl-btn-disabled-color: var(--md-sys-color-on-tertiary);
    --dxbl-btn-disabled-border-color: var(--md-sys-color-primary);
    --dxbl-btn-focus-shadow-color: var(--md-sys-color-primary);
    --dxbl-btn-focus-bg: var(--md-sys-color-tertiary-container);
    --dxbl-btn-focus-outline-color: #00000011;
}

.dxbl-btn-standalone.dxbl-btn-primary.dxbl-btn-icon-only {
    border-radius: 50% !important;
}
/*#endregion*/
/*#endregion*/

/*#region ListBox*/
.dxbl-listbox {
    --dxbl-listbox-bg: transparent;
    --dxbl-listbox-border-color: transparent;
}

.dxbl-listbox div.dxbl-listbox-item-selected::before,
.dxbl-listbox tr.dxbl-listbox-item-selected > td::before {
    background-color: var(--md-sys-color-secondary);
}

.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before,
.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before,
.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before,
.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before {
    background-color: var(--md-sys-color-secondary);
}
/*#endregion*/

/*#region TextEdit*/
.dxbl-text-edit {
    border: var(--dxbl-text-edit-border-style) var(--dxbl-text-edit-border-color);
    border-left-width: 0px;
    border-bottom-width: 1px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-radius: 0;
    --dxbl-text-edit-focus-shadow-color: transparent;
    --dxbl-text-edit-focus-border-color: var(--couleur-theme-secondaire-actif);
    --dxbl-text-edit-bg: transparent;
    --dxbl-text-edit-color: var(--md-sys-color-on-secondary-container);
}

.dxbl-text-edit:focus-within, .dxbl-text-edit.dxbl-focused {
    box-shadow: none;
}
/*#endregion*/

/*#region PopupModal*/
.dxbl-modal {
    --dxbl-popup-bg: var(--md-sys-color-background);
    --dxbl-popup-color: var(--md-sys-color-on-background);
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header, .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content .dxbl-popup-header > .dxbl-modal-header{
    border-bottom: none;
    color: var(--md-sys-color-on-background);
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
    border: none;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-popup-adaptivity {
    /* Permet de régler la largeur du Popup pour fit la taille de l'écran en mode mobile */
    justify-self: center;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-popup-scrollable > .dxbl-modal-content > .dxbl-modal-body {
    padding: 6px !important;
    overflow-y: hidden;
}
/*#endregion*/

/* #region Popup chargement */
.dxbl-loading-panel {
    --dxbl-loading-panel-message-color: var(--md-sys-color-on-secondary-container);
    z-index: 1800;
}

.dxbl-wait-indicator {
    --dxbl-wait-indicator-color: var(--md-sys-color-on-secondary-container);
}

.dxbl-loading-panel .dxbl-loading-panel-container .dxbl-loading-panel-indicator-area {
    --dxbl-loading-panel-indicator-area-background-color: var(--md-sys-color-secondary-container);
}
/* #endregion */

/*#region DxAccordion*/

.dxbl-accordion-group-header {
    background-color: var(--md-sys-color-tertiary-container) !important;
    color: var(--md-sys-color-on-tertiary-container) !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    font-size: 18px !important;
    border-bottom: none !important;
}

.dxbl-expandable-container .dxbl-group-body .dxbl-accordion-group-body {
    border-bottom-left-radius: 10px !important;
    background-color: yellow !important;
}

.dxbl-accordion-item {
    background-color: var(--md-sys-color-secondary-container);
    color: var(--md-sys-color-on-secondary-container) !important;
}

dxbl-expandable-container {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled):not(.dxbl-active) > .dxbl-accordion-item-content:hover {
    background-color: yellow !important;
}

.dxbl-accordion-item:last-of-type {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.dxbl-accordion-item-content {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.dxbl-accordion-tmpl .dxbl-accordion-item {
    border-bottom: 1px solid yellow !important;
}

/*#endregion*/

/*#region Form*/

.dxbl-group {
    background: none;
    border: none;
    background-color: none !important;
    font-size: 18px;
    --dxbl-group-border-width: 0px;
    --dxbl-group-header-bg: none;
}


.dxbl-group > .dxbl-group-header::before {
    background-color: none;
    opacity: 0%;
    font-size: 18px;
}

.dxbl-fl-group {
    padding: 0px 20px 0px 20px;
}

.dxbl-fl-group:first-of-type {
    padding-top: 15px;
}

@media (max-width: 600px)
{
    .dxbl-fl-group {
        padding: 15px 0px 0px 0px;
    }
}

.dxbl-fl-item {
    width: inherit;
}

dxbl-form-layout-item:not(.ci-checkbox) > .dxbl-fl-cpt {
    --dxbl-fl-caption-color: var(--md-sys-color-on-tertiary-container);
    --dxbl-fl-caption-font-weight: 500;
    position: absolute;
    top: -2px;
    left: 22px;
    font-size: 14px;
    background: var(--md-sys-color-tertiary-container);
    padding: 0px 3px 0px 3px;
    border-radius: 6px;
    z-index: 1;
}

dxbl-form-layout-item:is(.ci-checkbox) {
    flex-direction: row !important;
    width: 100%;
}

dxbl-form-layout-item:is(.ci-checkbox) > .dxbl-fl-cpt {
    --dxbl-fl-caption-color: var(--md-sys-color-on-tertiary-container);
    --dxbl-fl-caption-font-weight: 500;
    font-size: 14px;
    padding: 0px 3px 0px 3px;
    border-radius: 6px;
    z-index: 1;
}

form > .dxbl-btn-standalone.dxbl-btn-primary.dxbl-btn-icon-only {
    position: fixed;
    bottom: calc(var(--taille-footer) + 35px);
    right: 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    transition: background ease 0.1s;
}

form > .dxbl-btn:hover {
    transition: background ease 0.1s;
}

form > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible, .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused {
    background-color: var(--md-ref-palette-neutral50);
    outline: none;
}

@media (max-width: 600px) {
    form > .dxbl-btn {
        bottom: var(--taille-footer);
    }
}

form > .dxbl-btn > span {
    font-size: 26px;
}

.dxbl-fl-item input, .dxbl-fl-item textarea, .dxbl-text-edit > .dxbl-text-edit-input {
    background: var(--md-sys-color-tertiary-container);
    color: var(--md-sys-color-on-tertiary-container);
    border: 1px solid var(--md-sys-color-outline);
    border-radius: 6px;
    padding: 8px 10px 8px 10px;
    font-size: 16px;
    width: 100%;
}

.dxbl-fl-item input:focus, .dxbl-fl-item textarea:focus {
    outline: 1px solid #1ca8dd;
}

.dxbl-btn-group.dxbl-btn-group-right {
    position: absolute;
    height: calc(100% - 2px);
    right: 1px;
    top: 1px;
}

.dxbl-fl-item input:hover, .dxbl-fl-item textarea:hover {
    outline: 1px solid rgba(51, 122, 183, .4);
}

.dxbl-fl-item textarea {
    min-height: 100px;
    max-height: 150px;
    border-radius: 4px;
}

/*#region input filtre recherche*/
.dxbl-text-edit {
    border-bottom: 0px;
}
/*#endregion*/

/*#region dx js*/
.dx-fa-button.dx-fa-button-main .dx-overlay-content {
    background: var(--md-ref-palette-neutral50);
    color: #ffffff;
}

    .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
        background: var(--md-ref-palette-neutral40);
    }

    .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active {
        background: var(--md-ref-palette-neutral40);
    }
    

.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label {
    color: white;
}


.dx-fa-button .dx-fa-button-icon, .dx-fa-button .dx-fa-button-icon-close {
    width: fit-content;
    height: fit-content;
}

/*#endregion*/

/*#region DxComboBox*/

.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown {
    border-color: var(--md-sys-color-outline);
}

.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-body, .dxbl-itemlist-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-body {
    background-color: var(--md-sys-color-secondary-container);
}

.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-edit-dropdown-body .dxbl-listbox, .dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-edit-dropdown > .dxbl-modal-content > .dxbl-edit-dropdown-body .dxbl-listbox {
    color: var(--md-sys-color-on-secondary-container);
}

.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-edit-dropdown-body .dxbl-listbox div.dxbl-listbox-item, .dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-edit-dropdown > .dxbl-modal-content > .dxbl-edit-dropdown-body .dxbl-listbox div.dxbl-listbox-item {
    padding: 8px;
}

.dxbl-text-edit > .dxbl-btn, .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn, .dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn {
    background-color: var(--md-sys-color-tertiary);
    color: var(--md-sys-color-on-tertiary);
    width: 41px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.dxbl-list-box, .dxbl-list-box-render-container {
    --dxbl-list-box-color: var(--md-sys-color-on-tertiary);
    --dxbl-list-box-item-selected-bg: var(--md-sys-color-secondary);
    --dxbl-list-box-item-selected-color: var(--md-sys-color-on-tertiary);
    --dxbl-list-box-item-hover-bg: var(--md-sys-color-secondary);
    --dxbl-list-box-item-selected-hover-bg: var(--md-sys-color-primary-container);
}

.dxbl-text-edit {
    --dxbl-text-edit-validation-valid-color: none;
    --dxbl-text-edit-border-color: none;
    --dxbl-text-edit-btn-bg: none;
    --dxbl-text-edit-btn-hover-bg: var(--md-ref-palette-neutral40);
}

/*#endregion*/

/*#region DxDateEdit*/

.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown .dxbl-edit-dropdown-header {
    background-color: var(--md-sys-color-background);
    color: var(--md-sys-color-on-background);
    border-color: var(--md-sys-color-outline);
}

.dxbl-tabs > .dxbl-tabs-tablist {
    background-color: var(--md-sys-color-tertiary-container);
    color: var(--md-sys-color-on-tertiary-container);
}

.dxbl-tabs-item.dxbl-active::after {
    background-color: var(--md-sys-color-secondary) !important;
}

.dxbl-tabs-tablist {
    --dxbl-tabs-separator-border-color: var(--md-sys-color-secondary) !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, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
    color: var(--md-sys-color-on-tertiary-container);
}

.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-edit-dropdown-body .dxbl-tabs-content .dxbl-calendar-header, .dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-edit-dropdown-body .dxbl-tabs-content .dxbl-calendar-header::before, .dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-edit-dropdown > .dxbl-modal-content > .dxbl-edit-dropdown-body .dxbl-tabs-content .dxbl-calendar-header, .dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-edit-dropdown > .dxbl-modal-content > .dxbl-edit-dropdown-body .dxbl-tabs-content .dxbl-calendar-header::before {
    border-color: var(--md-sys-color-outline);
}

.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-edit-dropdown-body .dxbl-date-time-edit-calendar, .dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-edit-dropdown > .dxbl-modal-content > .dxbl-edit-dropdown-body .dxbl-date-time-edit-calendar {
    background-color: var(--md-sys-color-background);
    color: var(--md-sys-color-on-background);
}

.dxbl-calendar .dxbl-calendar-footer {
    background-color: var(--md-sys-color-secondary-container);
    border-color: var(--md-sys-color-outline);
}

.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-edit-dropdown-body .dxbl-tabs-content, .dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-edit-dropdown > .dxbl-modal-content > .dxbl-edit-dropdown-body .dxbl-tabs-content {
    background-color: var(--md-sys-color-background);
}

.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-day.dxbl-calendar-today {
    border-color: var(--md-sys-color-on-background);
}

.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-selected-item::before {
    background-color: var(--md-sys-color-on-background);
}

.dxbl-calendar:not(.dxbl-disabled):not(:disabled) .dxbl-calendar-content > table > tbody > tr td:not(.dxbl-calendar-disabled-item):not(.dxbl-calendar-week-number).dxbl-calendar-selected-item:not(.dxbl-disabled):not(:disabled):hover::before {
    background-color: var(--md-sys-color-on-background);
}
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown .dxbl-edit-dropdown-header > .dxbl-btn, .dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-edit-dropdown > .dxbl-modal-content .dxbl-edit-dropdown-header > .dxbl-btn {
    --dxbl-btn-focus-outline-color: transparent;
}

/*STYLE DE TEST POUR CHOIX HEURE*/
.dxbl-roller-item, .dxbl-roller-title {
    color: var(--md-sys-color-on-background) !important;
}

.dxbl-roller {
    height: 180px;
}

.dxbl-roller-item, .dxbl-roller-after {
    height: 36px;
}

.dxbl-roller-after {
    background-color: var(--md-sys-color-secondary-container) !important;
}

.dxbl-rollers-container {
    background-color: var(--md-sys-color-tertiary-container);
    color: var(--md-sys-color-on-tertiary-container);
}
    /*#endregion*/

    /* Styles pour checkboxes */
.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: var(--md-sys-color-primary-container);
    --dxbl-checkbox-check-element-checked-hover-bg: var(--md-sys-color-primary-container);
    --dxbl-checkbox-check-element-unchecked-bg: var(--md-sys-color-outline);
    --dxbl-checkbox-check-element-unchecked-hover-bg: var(--md-sys-color-outline);
    --dxbl-checkbox-checked-focus-shadow-color: transparent;
    --dxbl-checkbox-unchecked-focus-shadow-color: transparent;
}

/* Agenda (DxScheduler) */
:root {
    --taille-barre-navigation: 50px;
    --jour-ferie: #e99292;
    --jour-actuel: #95d8f7;
    --jour-selection: #95d8f7;
    --jour-texte: #000000;
}

.dxbl-toast-portal .dxbl-toast .dxbl-toast-accent-line {
    --dxbl-toast-accent-line-color: var(--md-sys-color-inverse-on-surface) !important;
}

.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-light.dxbl-toast-render-primary {
    --dxbl-toast-icon-color: var(--md-sys-color-inverse-on-surface) !important;
}

@media (prefers-color-scheme: dark) {
    .dx-scheduler-appointment-collector.dx-button {
        background-color: #2196f3 !important;
        color: rgb(212, 212, 212) !important;
    }

    .dx-list-item.dx-state-focused {
        background-color: rgb(156, 156, 156) !important;
    }

    :root {
        --jour-ferie: #923535;
        --jour-actuel: #2e7da1;
        --jour-selection: #535353;
        --jour-texte: rgb(190, 190, 190);
    }
}

.dx-scheduler-navigator {
    max-width: 100% !important;
}

.ci-agenda {
    margin: 0;
    padding: 0 !important;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.dx-scheduler-appointment-tooltip-wrapper,
.dx-dropdownmenu-popup-wrapper,
.dx-scheduler-navigator-calendar-popover {
    z-index: 10000 !important;
}

.dx-popup-wrapper,
.dx-overlay-wrapper,
.dx-scheduler-appointment-popup {
    z-index: 10001 !important;
}

.dx-scheduler-dropdown-appointment {
    min-width: 400px;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.dx-scheduler-dropdown-appointment-info-block {
    margin-right: 0px;
}

.icones-agenda {
    font-size: 18px;
}

.evenement-agenda {
    display: inline-flex;
}

.dx-scheduler-date-table-current-date {
    /*color: #0c7dd6 !important;*/
    font-weight: 800 !important;
    background-color: var(--jour-actuel);
}

.dx-scheduler-date-table-current-date:hover {
    background-color: var(--jour-actuel) !important;
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    height: calc(calc(100vh - var(--taille-barre-navigation) - var(--taille-footer) - 150px) / 6) !important;
    color: var(--jour-texte) !important;
}

.dx-scheduler-date-table-cell.dx-state-focused {
    background-color: var(--jour-selection) !important;
}

.jour-agenda {
    color: var(--jour-texte) !important;
}

.dx-button-mode-contained.dx-button-default {
    background-color: #222 !important;
}

.dx-button-mode-outlined.dx-button-default {
    background-color: transparent;
    border-color: #222 !important;
    color: #222 !important;
}

.dx-scheduler-appointment-content {
    flex-direction: column !important;
}


/* CAROUSEL */
.dx-gallery-wrapper {
    padding-bottom: 40px;
}

.dxbl-drawer {
    --dxbl-drawer-panel-width: var(--largeur-sidebar);
    height: 100vh;
    overflow-y:auto;
}

.dxbl-menu {
    font-size: 16px;
    margin-left: 20px;
    width: 270px;
    --dxbl-menu-bg: none;  
    margin-right: 30px;
    overflow-y:auto;
}

.dxbl-menu.dxbl-menu-vertical {
    --dxbl-menu-item-font-size: 120%;
    --dxbl-menu-item-padding-y: 12px;
}

/* Cacher labels date et heure dans le datetime picker (car non traduissible) */
.dxbl-date-time-edit-tabs .dxbl-roller-title {
    display: none;
}