.tabs .intestazione{display: inline-block; border-top-left-radius: 0em; border-top-right-radius: 0em; margin: 0px 5px 0px 0px; padding: 0.7em; font-size: 16px;}
.tabs .selected{height: 1.4em; margin: 0px 5px 0px 0px;}

/* COLORI PROPOSTI INIZIALMENTE... IL PROBLEMA È CHE NON SONO DELLA STESSA LUMINOSITA'.*/

 
/* 1. DEFINIZIONE VARIABILI (Sorgente della verità) */

.main       { --bg: #6189a9; --bg-l: #F4FAFF; --txt-l: #3B576D; --bg-h: #015196; }
.main_rn    { --bg: #6189a9; --bg-l: #F4FAFF; --txt-l: #3B576D; --bg-h: #015196; }
.main_tf    { --bg: #67b492; --bg-l: #F4FAFF; --txt-l: #388779; --bg-h: #388779; }
.main_ocse  { --bg: #857f9f; --bg-l: #F4FAFF; --txt-l: #5e5976; --bg-h: #5e5976; }
.main_iea   { --bg: #9e6278; --bg-l: #F4FAFF; --txt-l: #7E4E60; --bg-h: #7E4E60; }
.main_staff { --bg: #DD4444; --bg-l: #FFE4E4; --txt-l: #AA1111; --bg-h: #AA1111; }

/* 2. BLOCCO INTESTAZIONE (Equivalente alle tue prime 6 righe) */
.main .intestazione, .main_rn .intestazione, .main_tf .intestazione, 
.main_ocse .intestazione, .main_iea .intestazione, .main_staff .intestazione {
    background-color: var(--bg) !important; 
    color: #F7F9FB !important; 
}

/* 3. BLOCCO BGLIGHT (Equivalente alle tue righe 8-13) */
.main .bglight, .main_rn .bglight, .main_tf .bglight, 
.main_ocse .bglight, .main_iea .bglight, .main_staff .bglight {
    background-color: var(--bg-l) !important;
}

/* 4. BLOCCO LIGHT/TH (Equivalente alle tue righe 15-20) */
.main .intestazione.light, .divform .main.intestazione.light, .main th,
.main_rn .intestazione.light, .divform .main_rn.intestazione.light, .main_rn th,
.main_tf .intestazione.light, .divform .main_tf.intestazione.light, .main_tf th,
.main_ocse .intestazione.light, .divform .main_ocse.intestazione.light, .main_ocse th,
.main_iea .intestazione.light, .divform .main_iea.intestazione.light, .main_iea th,
.main_staff .intestazione.light, .divform .main_staff.intestazione.light, .main_staff th, .staff th {
    background-color: var(--bg-l) !important; 
    color: var(--txt-l) !important;
}

/* 5. BLOCCO HOVER/FULL (Equivalente alle tue righe 22-28) */
.divform.main > .intestazione, .main.intestazione, .divform .main.intestazione.light:hover,
.divform.main_rn > .intestazione, .main_rn.intestazione, .divform .main_rn.intestazione.light:hover,
.divform.main_tf > .intestazione, .main_tf.intestazione, .divform .main_tf.intestazione.light:hover,
.divform.main_ocse > .intestazione, .main_ocse.intestazione, .divform .main_ocse.intestazione:hover,
.divform.main_iea > .intestazione, .main_iea.intestazione, .divform .main_iea.intestazione:hover,
.divform.main_staff > .intestazione, .main_staff.intestazione, .divform .main_staff.intestazione:hover {
    background-color: var(--bg-h) !important; 
    color: #FFFFFF !important;
}

/* 6. CASI SPECIALI STAFF (Bordo specifico riga 27-28) */
.divform.main_staff > .intestazione, 
.main_staff.intestazione, 
.divform .main_staff.intestazione:hover,
#contenuti .intestazione.staff {
    border: 1px solid #10468E !important;
    background-color: #AA1111 !important; /* Forza il colore staff */
    color: #FFFFFF !important;
}

/* 7. ELENCHI PUNTATI - quadratino usa il colore --bg-h della sezione */
#contenuti .main ul li:has(a)::before,
#contenuti .main_rn ul li:has(a)::before,
#contenuti .main_tf ul li:has(a)::before,
#contenuti .main_ocse ul li:has(a)::before,
#contenuti .main_iea ul li:has(a)::before,
#contenuti .main_staff ul li:has(a)::before {
    background-color: var(--bg-h) !important;
	border-color: var(--bg-h) !important;
	vertical-align: middle;
}

/* Jana - aggiunta la regola per il quadratino */
#contenuti .main ul li:has(a:hover)::before,
#contenuti .main_rn ul li:has(a:hover)::before{
    background-color: #000000 !important;
	border-color: #000000 !important;
}


#contenuti .main_tf ul li:has(a:hover)::before,
#contenuti .main_ocse ul li:has(a:hover)::before,
#contenuti .main_iea ul li:has(a:hover)::before,
#contenuti .main_staff ul li:has(a:hover)::before {
    background-color: var(--bg-h) !important;
}

#contenuti .main ul li:not(:has(a))::before,
#contenuti .main_rn ul li:not(:has(a))::before,
#contenuti .main_tf ul li:not(:has(a))::before,
#contenuti .main_ocse ul li:not(:has(a))::before,
#contenuti .main_iea ul li:not(:has(a))::before,
#contenuti .main_staff ul li:not(:has(a))::before {
    border-color: var(--bg-h) !important;
}


/* 8. PULSANTI - bordo e testo con colore della sezione *//*
#contenuti .main button,
#contenuti .main input[type="submit"],
#contenuti .main input[type="button"],
#contenuti .main input[type="reset"],
#contenuti .main_rn button,
#contenuti .main_rn input[type="submit"],
#contenuti .main_rn input[type="button"],
#contenuti .main_rn input[type="reset"],
#contenuti .main_tf button,
#contenuti .main_tf input[type="submit"],
#contenuti .main_tf input[type="button"],
#contenuti .main_tf input[type="reset"],
#contenuti .main_ocse button,
#contenuti .main_ocse input[type="submit"],
#contenuti .main_ocse input[type="button"],
#contenuti .main_ocse input[type="reset"],
#contenuti .main_iea button,
#contenuti .main_iea input[type="submit"],
#contenuti .main_iea input[type="button"],
#contenuti .main_iea input[type="reset"],
#contenuti .main_staff button,
#contenuti .main_staff input[type="submit"],
#contenuti .main_staff input[type="button"],
#contenuti .main_staff input[type="reset"] {
    border-color: var(--bg-h) !important;
    color: var(--bg-h) !important;
}

#contenuti .main button:hover,
#contenuti .main input[type="submit"]:hover,
#contenuti .main input[type="button"]:hover,
#contenuti .main input[type="reset"]:hover,
#contenuti .main_rn button:hover,
#contenuti .main_rn input[type="submit"]:hover,
#contenuti .main_rn input[type="button"]:hover,
#contenuti .main_rn input[type="reset"]:hover,
#contenuti .main_tf button:hover,
#contenuti .main_tf input[type="submit"]:hover,
#contenuti .main_tf input[type="button"]:hover,
#contenuti .main_tf input[type="reset"]:hover,
#contenuti .main_ocse button:hover,
#contenuti .main_ocse input[type="submit"]:hover,
#contenuti .main_ocse input[type="button"]:hover,
#contenuti .main_ocse input[type="reset"]:hover,
#contenuti .main_iea button:hover,
#contenuti .main_iea input[type="submit"]:hover,
#contenuti .main_iea input[type="button"]:hover,
#contenuti .main_iea input[type="reset"]:hover,
#contenuti .main_staff button:hover,
#contenuti .main_staff input[type="submit"]:hover,
#contenuti .main_staff input[type="button"]:hover,
#contenuti .main_staff input[type="reset"]:hover {
    background-color: var(--bg-l) !important;
    color: var(--bg-h) !important;
}

#contenuti .main button:focus,
#contenuti .main input[type="submit"]:focus,
#contenuti .main input[type="button"]:focus,
#contenuti .main input[type="reset"]:focus,
#contenuti .main_rn button:focus,
#contenuti .main_rn input[type="submit"]:focus,
#contenuti .main_rn input[type="button"]:focus,
#contenuti .main_rn input[type="reset"]:focus,
#contenuti .main_tf button:focus,
#contenuti .main_tf input[type="submit"]:focus,
#contenuti .main_tf input[type="button"]:focus,
#contenuti .main_tf input[type="reset"]:focus,
#contenuti .main_ocse button:focus,
#contenuti .main_ocse input[type="submit"]:focus,
#contenuti .main_ocse input[type="button"]:focus,
#contenuti .main_ocse input[type="reset"]:focus,
#contenuti .main_iea button:focus,
#contenuti .main_iea input[type="submit"]:focus,
#contenuti .main_iea input[type="button"]:focus,
#contenuti .main_iea input[type="reset"]:focus,
#contenuti .main_staff button:focus,
#contenuti .main_staff input[type="submit"]:focus,
#contenuti .main_staff input[type="button"]:focus,
#contenuti .main_staff input[type="reset"]:focus {
    border-color: var(--bg-h) !important;
    color: var(--bg-h);
}*/

/* 8. ---TEST---PULSANTI - bordo e testo con colore della sezione */
#contenuti .main_rn button,
#contenuti .main_tf button,
#contenuti .main_ocse button,
#contenuti .main_iea button,
#contenuti .main_staff button 
{
    border-color: var(--bg-h) !important;
    color: var(--bg-h) !important;
}

/* L'eccezione di formattazione di colore font per i tasti disabilitati */
#contenuti .main_rn button:disabled,
#contenuti .main_tf button:disabled,
#contenuti .main_ocse button:disabled,
#contenuti .main_iea button:disabled,
#contenuti .main_staff button:disabled {
    color: #888888 !important;
    border-color: #AAAAAA !important;
    background-color: #E0E0E0 !important;
}


/*
#contenuti .main button:hover,
#contenuti .main input[type="submit"]:hover,
#contenuti .main input[type="button"]:hover,
#contenuti .main input[type="reset"]:hover,
#contenuti .main_rn button:hover,
#contenuti .main_rn input[type="submit"]:hover,
#contenuti .main_rn input[type="button"]:hover,
#contenuti .main_rn input[type="reset"]:hover,
#contenuti .main_tf button:hover,
#contenuti .main_tf input[type="submit"]:hover,
#contenuti .main_tf input[type="button"]:hover,
#contenuti .main_tf input[type="reset"]:hover,
#contenuti .main_ocse button:hover,
#contenuti .main_ocse input[type="submit"]:hover,
#contenuti .main_ocse input[type="button"]:hover,
#contenuti .main_ocse input[type="reset"]:hover,
#contenuti .main_iea button:hover,
#contenuti .main_iea input[type="submit"]:hover,
#contenuti .main_iea input[type="button"]:hover,
#contenuti .main_iea input[type="reset"]:hover,
#contenuti .main_staff button:hover,
#contenuti .main_staff input[type="submit"]:hover,
#contenuti .main_staff input[type="button"]:hover,
#contenuti .main_staff input[type="reset"]:hover {
    background-color: var(--bg-l) !important;
    color: var(--bg-h) !important;
}

#contenuti .main button:focus,
#contenuti .main input[type="submit"]:focus,
#contenuti .main input[type="button"]:focus,
#contenuti .main input[type="reset"]:focus,
#contenuti .main_rn button:focus,
#contenuti .main_rn input[type="submit"]:focus,
#contenuti .main_rn input[type="button"]:focus,
#contenuti .main_rn input[type="reset"]:focus,
#contenuti .main_tf button:focus,
#contenuti .main_tf input[type="submit"]:focus,
#contenuti .main_tf input[type="button"]:focus,
#contenuti .main_tf input[type="reset"]:focus,
#contenuti .main_ocse button:focus,
#contenuti .main_ocse input[type="submit"]:focus,
#contenuti .main_ocse input[type="button"]:focus,
#contenuti .main_ocse input[type="reset"]:focus,
#contenuti .main_iea button:focus,
#contenuti .main_iea input[type="submit"]:focus,
#contenuti .main_iea input[type="button"]:focus,
#contenuti .main_iea input[type="reset"]:focus,
#contenuti .main_staff button:focus,
#contenuti .main_staff input[type="submit"]:focus,
#contenuti .main_staff input[type="button"]:focus,
#contenuti .main_staff input[type="reset"]:focus {
    border-color: var(--bg-h) !important;
    color: var(--bg-h);
}*/

/* 8.1 FIX ACCEDI - testo sempre bianco *//*
#contenuti .accedi,
#contenuti input.accedi,
#contenuti button.accedi,
#contenuti input.accedi:hover,
#contenuti button.accedi:hover,
#contenuti input.accedi:focus,
#contenuti button.accedi:focus,
#contenuti input.accedi:active,
#contenuti button.accedi:active {
    background-color: var(--bg-h, #015196) !important;
    border-color: var(--bg-h, #015196) !important;
    color: #FFFFFF !important;
}
 */  


/** === VERSIONE FUNZIONANTE FINO AL 05/02/2026 === **/

/*
.main .intestazione{background-color: #6189a9 !important; color: #F7F9FB !important;}
.main_rn .intestazione{background-color: #88afc5 !important; color: #f7f9fb !important;}
.main_tf .intestazione{background-color: #67b492 !important; color: #f7f9fb !important;}
.main_ocse .intestazione{background-color: #857f9f !important; color: #f7f9fb !important;}
.main_iea .intestazione{background-color: #9e6278 !important; color: #f7f9fb !important;}
.main_staff .intestazione{background-color: #DD4444 !important; color: #F7F9FB !important;}

.main .bglight{background-color: #D3DEE2 !important;}
.main_rn .bglight{background-color: #e5edf2 !important;}
.main_tf .bglight{background-color: #e0f2ef !important;}
.main_ocse .bglight{background-color: #bdb9cb !important;}
.main_iea .bglight{background-color: #bb92a1 !important;}
.main_staff .bglight{background-color: #FFE4E4 !important;}

.main .intestazione.light, .divform .main.intestazione.light, .main th{background-color: #D3DEE2 !important; color: #3B576D !important;}
.main_rn .intestazione.light, .divform .main_rn.intestazione.light, .main_rn th{background-color: #e5edf2 !important; color: #4D809F !important;}
.main_tf .intestazione.light, .divform .main_tf.intestazione.light, .main_tf th{background-color: #e0f2ef !important; color: #388779 !important;}
.main_ocse .intestazione.light, .divform .main_ocse.intestazione.light, .main_ocse th{background-color: #bdb9cb !important; color: #5e5976 !important;}
.main_iea .intestazione.light, .divform .main_iea.intestazione.light, .main_iea th{background-color: #bb92a1 !important; color: #7E4E60 !important;}
.main_staff .intestazione.light, .divform .main_staff.intestazione.light, .main_staff th, .staff th{background-color: #FFE4E4 !important; color: #AA1111 !important;}

.divform.main > .intestazione, .main.intestazione, .divform .main.intestazione.light:hover{background-color: #3B576D !important; color: #FFFFFF !important;}
.divform.main_rn > .intestazione, .main_rn.intestazione, .divform .main_rn.intestazione.light:hover{background-color: #4d809f !important; color: #FFFFFF !important;}
.divform.main_tf > .intestazione, .main_tf.intestazione, .divform .main_tf.intestazione.light:hover{background-color: #388779 !important; color: #FFFFFF !important;}
.divform.main_ocse > .intestazione, .main_ocse.intestazione, .divform .main_ocse.intestazione:hover{background-color: #5e5976 !important; color: #FFFFFF !important;}
.divform.main_iea > .intestazione, .main_iea.intestazione, .divform .main_iea.intestazione:hover{background-color: #7E4E60 !important; color: #FFFFFF !important;}
.divform.main_staff > .intestazione, .main_staff.intestazione, .divform .main_staff.intestazione:hover{background-color: #AA1111 !important; color: #FFFFFF !important; border: 1px solid #10468E !important;}
#contenuti .intestazione.staff{background-color: #AA1111 !important; color: #FFFFFF !important; border: 1px solid #10468E !important;}
*/

/** === FINE VERSIONE FUNZIONANTE FINO AL 05/02/2026 === **/







/*SET DI COLORI CON MIA CORREZIONE DI LUMINOSITA', MA NON DI TONALITA'*/

/*
.main .intestazione.light, .divform .main.intestazione.light{background-color: #D3DEE2 !important; color: #3B576D !important;}
.main_rn .intestazione.light, .divform .main_rn.intestazione.light{background-color: #e4ecf0 !important; color: #4D809F !important;}
.main_ft .intestazione.light, .divform .main_ft.intestazione.light{background-color: #e1eeeb !important; color: #3e8d7f !important;}
.main_ocse .intestazione.light, .divform .main_ocse.intestazione.light{background-color: #eae9ed !important; color: #746f8c !important;}
.main_iea .intestazione.light, .divform .main_iea.intestazione.light{background-color: #efe7ea !important; color: #946476 !important;}

.main .intestazione{background-color: #6189A9 !important; color: #FFFFFF !important;}
.main_rn .intestazione{background-color: #82adc7 !important; color: #FFFFFF !important;}
.main_ft .intestazione{background-color: #76b8ac !important; color: #FFFFFF !important;}
.main_ocse .intestazione{background-color: #a39fb7 !important; color: #FFFFFF !important;}
.main_iea .intestazione{background-color: #be95a5 !important; color: #FFFFFF !important;}

.divform.main > .intestazione, .main.intestazione, .divform .main.intestazione.light:hover{background-color: #3B576D !important; color: #FFFFFF !important;}
.divform.main_rn > .intestazione, .main_rn.intestazione, .divform .main_rn.intestazione.light:hover{background-color: #4D809F !important; color: #FFFFFF !important;}
.divform.main_ft > .intestazione, .main_ft.intestazione, .divform .main_ft.intestazione.light:hover{background-color: #3e8d7f !important; color: #FFFFFF !important;}
.divform.main_ocse > .intestazione, .main_ocse.intestazione, .divform .main_ocse.intestazione:hover{background-color: #746f8c !important; color: #FFFFFF !important;}
.divform.main_iea > .intestazione, .main_iea.intestazione, .divform .main_iea.intestazione:hover{background-color: #946476 !important; color: #FFFFFF !important;}
*/