body {
}

.blur {
    backdrop-filter: blur(10px);
}

.dialog-background {
    /* background-color: transparent;*/
}

.dialog-background-title {
     background: rgb(from var(--mud-palette-info-lighten) r g b / 50%);*/
     color: var(--mud-palette-white);*/
}

.dialog-background-surface {
    /* background: rgb(from var(--mud-palette-surface) r g b / 75%);*/
}

.mainpages-backgroud-title {
    /* background: rgb(from var(--mud-palette-info-lighten) r g b / 50%);*/
    /* color: var(--mud-palette-white);*/
}

/* colonne contenant des icônes */
.column-width-2px {
    width: 2px;
    min-width: 2px; /* Pour s'assurer qu'elle ne se réduit pas */
    max-width: 2px; /* Pour s'assurer qu'elle ne s'élargit pas */
    overflow: hidden; /* Gérer le débordement si le contenu est trop grand */
}
.column-width-5px {
    width: 5px;
    min-width: 5px; /* Pour s'assurer qu'elle ne se réduit pas */
    max-width: 5px; /* Pour s'assurer qu'elle ne s'élargit pas */
    overflow: hidden; /* Gérer le débordement si le contenu est trop grand */
}
.column-width-10px {
    width: 10px;
    min-width: 10px; /* Pour s'assurer qu'elle ne se réduit pas */
    max-width: 10px; /* Pour s'assurer qu'elle ne s'élargit pas */
    overflow: hidden; /* Gérer le débordement si le contenu est trop grand */
}
.column-width-15px {
    width: 15px;
    min-width: 15px; /* Pour s'assurer qu'elle ne se réduit pas */
    max-width: 15px; /* Pour s'assurer qu'elle ne s'élargit pas */
    overflow: hidden; /* Gérer le débordement si le contenu est trop grand */
}

.column-width-20px {
    width: 20px;
    min-width: 20px; /* Pour s'assurer qu'elle ne se réduit pas */
    max-width: 20px; /* Pour s'assurer qu'elle ne s'élargit pas */
    overflow: hidden; /* Gérer le débordement si le contenu est trop grand */
}
.column-width-25px
{
    width: 25px;
    min-width: 25px; /* Pour s'assurer qu'elle ne se réduit pas */
    max-width: 25px; /* Pour s'assurer qu'elle ne s'élargit pas */
    overflow: hidden; /* Gérer le débordement si le contenu est trop grand */
}

.stepper-content-fixed-height {
    height: 225px;
    overflow-y: auto;
    display: flex;
    justify-content: center; /* Centre le contenu horizontalement */
    align-items: center; /* Centre le contenu verticalement */
}