aside {
    --mud-palette-drawer-icon: rgba(0,146,76,1);
}

/* CSS commun */
.text-right {
    text-align: right !important;
}

.header-text-right {
    text-align: right !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .header-text-right > span {
        display: inline !important;
        text-align: right !important;
    }

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center;
}

.fix-fas .mud-icon-root {
    width: 1.2em !important;
    height: 1.2em !important;
}

.fix-fas-mudfab .mud-icon-root {
    width: 1.19em !important;
    height: 1em !important;
}

.conflict-period-calendar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-success) !important;
    color: var(--mud-palette-success-text) !important;
    min-width: 1em;
    border-radius: 50%;
    vertical-align: middle;
}

    .conflict-period-calendar:before {
        content: '';
        float: left;
        width: auto;
        padding-bottom: 100%;
    }

.closed-conflict-period-calendar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-warning) !important;
    color: var(--mud-palette-warning-text) !important;
    min-width: 1em;
    border-radius: 50%;
    vertical-align: middle;
}

    .closed-conflict-period-calendar:before {
        content: '';
        float: left;
        width: auto;
        padding-bottom: 100%;
    }

.date-with-presence {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-info) !important;
    color: var(--mud-palette-info-text) !important;
    min-width: 1em;
    border-radius: 50%;
    vertical-align: middle;
}

    .date-with-presence:before {
        content: '';
        float: left;
        width: auto;
        padding-bottom: 100%;
    }

.selected {
    background-color: var(--mud-palette-primary) !important;
}

    .selected > td,
    .selected > p,
    .selected > span {
        color: white !important;
    }

        .selected > td .mud-input {
            color: white !important;
        }

.no-banking-details > td {
    background-color: var(--mud-palette-error-lightbackround);
    color: var(--mud-palette-white);
}

.selected-row > td {
    background-color: var(--mud-palette-tertiary-lighten) !important;
    color: var(--mud-palette-white) !important;
}

.mud-carousel-item-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Assurez-vous que l'élément parent a une hauteur définie */
}

.mud-alert-vertical-align .mud-alert-position {
    align-items: center;
}