:root {
    --mud-drawer-width-mini-left: 50px;
    /* DevConception Brand Palette */
    --brand-primary: #066D98;
    --brand-primary-dark: #044e6e;
    --brand-primary-light: #1a8abf;
    --brand-secondary: #F0A61F;
    --brand-secondary-dark: #c07d00;
    --brand-secondary-light: #f5be55;
}

body {
    color: var(--mud-palette-text-primary);
    font-family: var(--mud-typography-default-family);
    font-size: var(--mud-typography-default-size);
    font-weight: var(--mud-typography-default-weight);
    line-height: var(--mud-typography-default-lineheight);
    letter-spacing: var(--mud-typography-default-letterspacing);
    text-transform: var(--mud-typography-default-text-transform);
    background-color: var(--mud-palette-background);
    background-image: url(/images/filigrane.png);  
    background-blend-mode:color-dodge;
     
    background-repeat: no-repeat; /* pas de répétition */ 
    background-position: center center; /* centré horizontalement et verticalement */ 
    background-size: contain; /* l’image garde ses proportions */ 
    background-attachment: fixed; /* reste fixe même au scroll (optionnel) */ 
}

.mnucontent {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
    overflow: hidden;
}


.dialogBtnContent {
    margin: 9px;
    display: flex;
    justify-content: flex-end;
}

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


.validation-errors {
    color: var(--mud-palette-error);
    font-size: 0.9em;
    margin-top: 5px;
    white-space: pre-wrap;
    list-style-type: none;
    padding-left: 0;
    position: absolute;
    right: 0;
    background: var(--mud-palette-background);
    z-index: 1000;
    margin: 10px;
    padding: 5px;
}

.fullspace {
    height: calc(100vh - var(--mud-appbar-height) - 31px);
    margin-top: 15px;
}