:root {
    --rz-sidebar-background-color: #bbbbbbb2 !important;
    --rz-panel-menu-item-background-color: #b9b9b9 !important;
    --rz-panel-menu-item-active-background-color: #379c61 !important;
    --rz-panel-menu-item-border: 1px solid #bbbbbbb2;
    --rz-panel-menu-item-2nd-level-background-color: #d4d4d4 !important;
    --rz-icon-weight: 300;
    --rz-panel-menu-icon-2nd-level-icon-size: 10px;
    --rz-panel-menu-item-2nd-level-active-background-color: #bf0a15 !important;
    --rz-sidebar-border-inline-end: none;
    --rz-link-color: #3d3d3d;
    --rz-panel-menu-item-color: #393939;
    --rz-panel-menu-icon-color: #393939 !important;
    --rz-panel-menu-item-2nd-level-active-background-color: #379c61 !important;
}

.rz-layout .rz-sidebar {
    background-color: #ffffff8a !important;
}

.rz-navigation-item-text {
    font-weight: bold;
}

.rz-navigation-item-icon {
}

.rz-navigation-item-wrapper, 
.rz-navigation-item-link, 
.rz-navigation-item-text {
   font-weight: bold;
}

.rz-panel-menu .rz-navigation-item-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}

.rz-navigation-item-link-active span,
.rz-navigation-item-link-active .rz-navigation-item-icon {
    color: #fff !important;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active,
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
    padding-top: 10px;
    background-color: var(--rz-panel-menu-item-2nd-level-active-background-color);
    color: var(--rz-panel-menu-item-2nd-level-active-color);
    font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight);
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item .rz-navigation-item-link {
    background-color: var(--rz-panel-menu-item-active-background-color);
    color: var(--rz-panel-menu-item-active-color);
}

.rz-panel-menu .rz-navigation-item-wrapper:hover {
    background-color: #86cea5 !important;
}

    .rz-panel-menu .rz-navigation-item-wrapper:hover span {
        color: #333 !important;
        font-weight: bold;
    }

    .rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon {
        color: #333 !important;
    }

.rz-panel-menu .rz-navigation-item-link {
    transition: none !important;
    background: none !important;
}

.rz-sidebar-toggle {
    margin-inline-end: 0;
    padding: 0;
}

    .rz-sidebar-toggle .rzi {
        PADDING: 20PX 30px;
        height: 60px;
    }

.rz-header img {
    position: absolute;
    top: 15px;
    margin: 0 20px;
}

ul.rz-profile-menu {
    padding: 20px;
}

/* Dialog "Dettaglio dipendente" aperto da Corsi > Iscritti: il contenuto (Dati + Mansioni +
   Incarichi + Documenti) è più alto del centraggio automatico di Radzen, che finiva per
   posizionare il dialog sopra il bordo superiore dello schermo. !important necessario per vincere
   lo stile inline che Radzen applica al dialog. */
/* Dialog "Nuova aula" aperto dal form lezione, che è un SideDialog: Radzen dà lo stesso z-index
   (--rz-dialog-zindex) a SideDialog e dialog normali, e il pannello laterale finisce sopra il
   dialog (stesso problema documentato in Corso_Iscritti.razor). Si alza solo il wrapper che
   contiene questo dialog. */
.rz-dialog-wrapper:has(.aula-form-dialog) {
    z-index: calc(var(--rz-dialog-zindex) + 2);
}

/* Il centraggio automatico di Radzen lo posizionava troppo in alto, nascondendo la barra del
   titolo: posizione fissa dall'alto, stesso approccio di .dipendente-detail-dialog sotto.
   !important necessario per vincere lo stile inline che Radzen applica al dialog. */
.rz-dialog.aula-form-dialog {
    position: fixed !important;
    top: 10vh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
}

.rz-dialog.dipendente-detail-dialog {
    position: fixed !important;
    top: 3vh !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-height: 94vh !important;
    overflow-y: auto !important;
}