/*soulignement des input disabled*/
.mud-input.mud-input-underline.mud-disabled:before {
    border-bottom-style: solid;
    border-color: #787878;
}

/*gestion de la couleur de fond du label selon si dans une modale ou non*/
.mud-input-label-outlined {
    background-color: var(--mud-palette-background-gray)
}

.accordeon-component .mud-input-label-outlined, .modal .mud-input-label-outlined {
    background-color: var(--mud-palette-surface);
}

/*mud button group (centrage et espacement automatique entre les boutons)*/
.mudbuttonsimple-group {
    display: flex;
    justify-content: center;
}
    /*bouton simple et bouton dropdown*/
    .mudbuttonsimple-group > .mudbuttonsimple, .mudbuttonsimple-group > .button-dropdown-container {
        margin: 30px 5px;
    }

/*couleur de sélection d'une ligne dans une table*/
.mud-table-row.selected {
    background-color: var(--mud-palette-tertiary-lighten) !important;
}

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

/*couleur de surlignement d'une ligne dans une table*/
.mud-table-row.highlighted {
    background-color: #FFA500 !important;
}

    .mud-table-row.highlighted > td {
        background-color: #FFA500;
    }

/*palette de couleurs alternatives de lignes de table (error, warning, success, info) */
.mud-table-row.error, .mud-table-row.error > td {
    background-color: #F6657F !important;
    color: white !important;
}

    .mud-table-row.error.selected, .mud-table-row.error.selected > td {
        background-color: #F53C5D !important;
        color: white !important;
    }

.mud-table-row.warning, .mud-table-row.warning > td {
    background-color: #FAC569 !important;
    color: white !important;
}

    .mud-table-row.warning.selected, .mud-table-row.warning.selected > td {
        background-color: #F9B437 !important;
        color: white !important;
    }

.mud-table-row.success, .mud-table-row.success > td {
    background-color: #6FD482 !important;
    color: white !important;
}

    .mud-table-row.success.selected, .mud-table-row.success.selected > td {
        background-color: #56CB68 !important;
        color: white !important;
    }

.mud-table-row.info, .mud-table-row.info > td {
    background-color: #78A1FF !important;
    color: white !important;
}

    .mud-table-row.info.selected, .mud-table-row.info.selected > td {
        background-color: #5687FF !important;
        color: white !important;
    }

/*couleur de footer, texte gras. doit etre spcifié via MudTable.GroupFooterClass*/
.mudtable-group-footer, tfoot.mud-table-foot tr {
    background-color: var(--mud-palette-background);
}

    .mudtable-group-footer td, tfoot.mud-table-foot tr td {
        font-weight: bold;
    }

/*sticky column*/
.mud-sticky-left {
    position: sticky;
    left: 0;
    background-color: var(--mud-palette-background);
}

.mud-sticky-right {
    position: sticky;
    right: 0;
    background-color: var(--mud-palette-background);
}



/*Pour les tooltips custom class*/

.mud-tooltip-container {
    max-width: 600px;
    background-color: var(--mud-palette-background);
    margin: -8px;
    padding: 10px;
    color: var(--mud-palette-primary);
    border: solid 1px var(--mud-palette-primary);
}

.mud-tooltip-text {
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    font-weight: 700;
}


/*Pour avoir un datepicker plus dense, mettre la class dense-datepicker sur son MudDatePicker*/

.dense-datepicker > .mud-input-control {
    margin-top: 0px;
}

    .dense-datepicker > .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
        margin-top: 0px;
    }

        .dense-datepicker > .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text > input {
            margin-bottom: 0px;
        }

.backgroundWithBackgroundColor {
    background-color: var(--mud-palette-background);
}

.popover300Height {
    max-height: 300px;
    overflow-y: auto;
}

/*pour avoir les scrollbar au bon endroit dans les muddatagrid*/
/* https://github.com/MudBlazor/MudBlazor/issues/7237 */
.mud-table-container {
    width: 100% !important;
    overflow: auto !important;
}

/*pour avoir le placeholder de la bonne couleur*/
.mud-ex-select-input > div > .mud-text-secondary {
    color: #757575;
}

/*pour rendre les "faux" chips vraiment invisible*/
.mud-ex-select:not(.mud-input .mud-input-control) > span {
    display: none;
}

.weekfieldplage-hidden-picker {
    visibility: hidden;
}