#contenuti {display: table; table-layout: fixed; width: calc(99% - 2em); margin-left: 2%; /*font-size: 90%;*/}
#contenuti > .intestazione.paginastatica.main {
    position: absolute;
   /* top: 346px;*/
   top: 249px;
   
}
.messaggiostaff {background: #FFDDDD; color:#AA1111; padding: 7px; padding-left: 1em; margin-bottom: 0.5em;}
.blink {color:#000000; /*animation: blinker 2s step-start infinite;*/} /*@keyframes blinker {50% {opacity: 0;}}*/

/*STILI GENERALI DEL FORM*/
.divform {margin-top: 1em; margin-bottom: 1em;}
.intestazione {background: #015196; color: #23333A; font-size: 16px; font-weight: normal; text-align: justify; padding: 10px 1em 10px 1em;}
.intestazione.staff {background: #AA1111; color: #FFFFFF; border: 1px solid #10468E;}
.intestazione.exp.staff:hover {background: #DD3333;}
.divform .intestazione {color: #3B576D;}
.divform .intestazione.staff {color: #FFFFFF;}
.divform > .intestazione {font-size: 16px; font-family: Verdana, sans-serif;}


.pallocco {display: inline-block; vertical-align: middle; width: 25px; height: 25px; border-radius: 100%; box-shadow: inset 0px 3px 3px rgba(255,255,255,0.5), inset 0px -2px 3px rgba(0,0,0,0.5); background: linear-gradient(rgba(0, 0, 0, 0),  rgba(0, 0, 0, 0.1));}
.pallocco-loading {background: transparent !important; box-shadow: none !important; border: 2px solid var(--bg-l); border-top-color: var(--bg-h); animation: pallocco-spin 0.8s linear infinite;animation-delay: var(--pallocco-delay, 0s);}
@keyframes pallocco-spin {to {transform: rotate(360deg);}}

.form {font-size: 15px; border: 1px solid #D2DEE4; font-family: Verdana, sans-serif; color: #01294C}

/*STILI PER PORZIONI DI FORM RICORRENTI*/
.caricamento {text-align: center; padding: 1em;}

/*STILI PER FORM SPECIFICI*/
.datiutente {position: relative; left: 0.5em; display: inline-table; text-align: left; width: calc(100% - 50px);}
.liclick {text-align: left; font-weight: bold;}
.liclick:hover {text-decoration: underline; cursor: pointer; cursor: hand;}

/*CLASSI DI COLORI*/
.green {color: #008800;} .bggreen {background-color: #008800 !important;}
.lightgreen {color: #DBEDF7;} .bglightgreen {background-color: #D4EBFF !important;}
.lightergreen {color: #DBEDF7;} .bglightergreen {background-color: #DBEDF7 !important;}
.orange {color: #EE7700;} .bgorange {background-color: #EE7700 !important;}
.red {color: #AA1111!important;} .bgred {background-color: #AA1111 !important;}
.lightred {color: #DD4444;} .bglightred {background-color: #DD4444 !important;}
.lightpink {color: #FFDDDD;} .bglightpink {background-color: #FFDDDD !important;}
.pink {color: #FFBBBB;} .bgpink {background-color: #FFBBBB !important;}
.darkred {color: #661111;} .bgdarkred {background-color: #661111;}
.grey {color: #999999;} .bggrey {background-color: #999999 !important;}
.lightgrey {color: #EEEEEE;} .bglightgrey {background-color: #EEEEEE !important;}
.lightergrey {color: #F8F8F8;} .bglightergrey {background-color: #F8F8F8 !important;}
.purple {color: #551A8B;} .bgpurple {background-color: #551A8B;}
.yellow {color: #FFFF00;} .bgyellow {background-color: #FFFF00 !important;}
.black {color: #000000;} .bgblack {background-color: #000000;}
.white {color: #FFFFFF;} .bgwhite {background-color: #FFFFFF;}
.blue {color:blue;} .bgblue {background-color:blue;}

/*DISPLAY*/
.inline {display: inline;}
.inline-table {display: inline-table; text-align: left;}
.inline-block {display: inline-block !important;}
.table-row {display: table-row;}
.table-cell {display: table-cell;}
.block {display: block !important;}
.width100 {width: 100%;}
.floatleft {float: left;}
.floatright {float: right;}

/*POSIZIONAMENTO E DIMENSIONE TESTO*/
.valignmiddle {vertical-align: middle;}
.valigntop {vertical-align: top;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.ellipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.nowrap {white-space: nowrap;}
.overflowhidden {overflow: hidden;}
.fontsize1em {font-size: 1em;}
.fontsize2em {font-size: 2em;}
.unselectable {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/*CLASSI PER MARGINI*/
.margin02em {margin: 0.2em !important;}
.margin05em {margin: 0.5em !important;}
.margin1em {margin: 1em !important;}
.margintop05em {margin-top: 0.5em !important;}
.marginbottom05em {margin-bottom: 0.5em !important;}
.marginleft05em {margin-left: 0.5em !important;}
.marginright05em {margin-right: 0.5em !important;}
.margintop1em {margin-top: 1em !important;}
.marginbottom1em {margin-bottom: 1em !important;}
.marginleft1em {margin-left: 1em !important;}
.marginright1em {margin-right: 1em !important;}
.margin2em {margin: 2em !important;}
.margintop2em {margin-top: 2em !important;}
.margintop3em {margin-top: 3em !important;}
.marginbottom2em {margin-bottom: 2em !important;}
.marginleft2em {margin-left: 2em !important;}
.marginright2em {margin-right: 2em !important;}
.margintop0 {margin-top: 0em !important;}
.marginbottom0 {margin-bottom: 0em !important;}
.marginleft0 {margin-left: 0em !important;}
.marginright0 {margin-right: 0em !important;}
.marginleft3em {margin-left: 3em !important;}

/*CLASSI PER PADDING*/
.padding0, table.form td.padding0 {padding: 0em !important;}
.padding2px {padding: 2px !important;}
.padding3px {padding: 3px !important;}
.padding4px {padding: 4px !important;}
.padding5px {padding: 5px !important;}
.padding05em, table.form td.padding1em {padding: 0.5em !important;}
.padding02em {padding: 0.2em !important;}
.paddingtop05em {padding-top: 0.5em !important;}
.paddingbottom05em {padding-bottom: 0.5em !important;}
.paddingtop02em {padding-top: 0.2em !important;}
.padding1em, table.form td.padding1em {padding: 1em !important;}
.paddingtop1em, table.form td.paddingtop1em {padding-top: 1em !important;}
.paddingbottom1em, table.form td.paddingbottom1em {padding-bottom: 1em !important;}
.paddingleft1em, table.form td.paddingleft1em {padding-left: 1em !important;}
.paddingright1em, table.form td.paddingright1em {padding-right: 1em !important;}
.padding2em, table.form td.padding2em {padding: 2em !important;}
.paddingtop2em, table.form td.paddingtop2em {padding-top: 2em !important;}
.paddingbottom2em, table.form td.paddingbottom2em {padding-bottom: 2em !important;}
.paddingleft2em, table.form td.paddingleft2em {padding-left: 2em !important;}
.paddingright2em, table.form td.paddingright2em {padding-right: 2em !important;}
.paddingtop0, table.form td.paddingtop0 {padding-top: 0em !important;}
.paddingbottom0, table.form td.paddingbottom0 {padding-bottom: 0em !important;}
.paddingleft0, table.form td.paddingleft0 {padding-left: 0em !important;}
.paddingright0, table.form td.paddingright0 {padding-right: 0em !important;}

/*CLASSI PER BORDI*/
.border {border: 1px solid #dadada;}
.borderblack {border: 1px solid #000000;}
.border0 {border: 0px !important;}
.bordertop0 {border-top: 0px !important;}
.borderleft0 {border-left: 0px !important;}
.borderright0 {border-right: 0px !important;}
.borderbottom0 {border-bottom: 0px;}
.bordertop1 {border-top: 1px solid #dadada;}
.borderbottom1 {border-bottom: 1px solid #dadada;}
.borderright1 {border-right: 1px solid  #dadada;}
.redborder1px {border: solid 1px red;}
.redborder2px {border: solid 2px red;}

/*CLASSI DI DIMENSIONI*/
.height05em {height: 0.5em;}
.height1em {height: 1em;}
.height2em {height: 2em;}
.height3em {height: 3em;}
.height4em {height: 4em;}
.height5em {height: 5em;}
.height6em {height: 6em;}
.height7em {height: 7em;}
.minheight1em {min-height: 1em;}
.minheight2em {min-height: 2em;}
.minheight3em {min-height: 3em;}
.minheight4em {min-height: 4em;}
.minheight5em {min-height: 5em;}

/*TABELLE DI TIPO DATI*/
table.table {font-size: 15px;}
table.table th {background: #D3DEE2; color: #3B576D; border: 1px solid #D2DEE4; padding: 5px 8px 5px 8px;}
table.table td {background: #FFFFFF; padding: 8px 8px 8px 8px;}
table.table select {
	/*box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	width: 100%; min-width: 100px; 
	max-width: 200px; 
	border: solid 1px #AAAAAA; 
	margin: 0px; 
	padding: 5px;*/
	
	font-family: Verdana, sans-serif;
    font-size: 15px;
    color: #01294C;
    background-color: #FFFFFF;
    border: 1px solid #015196;
    border-radius: 5px;
    padding: 2px 30px 2px 2px;
    min-width: 100px;
	max-width: 258px;
    cursor: pointer;
    box-sizing: border-box;
    appearance: auto !important;   
    background-repeat: no-repeat;
    /*background-position: right 8px center;*/
    background-size: 12px 12px;
	}

/*ALTRI STILI*/
.tablerow {display: table; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; border-top: 1px solid #D2DEE4;}
.tablerow > div {display: table-cell; padding: 5px;}
.colonnasxform {width: 50%; text-align: right; border-right: 1px solid #D2DEE4;}
.colonnacenterform {width: 50%; text-align: center; border-right: 1px solid #D2DEE4;}
.colonnasxsmallform {width: 20%; text-align: right; border-right: 1px solid #D2DEE4;}
div .divresult {display: none; background: white; font-weight: normal; margin-bottom: 1em; padding: 1em; border: 1px solid #D2DEE4;}


/*CAMPI DI INPUT*/
.form input[type=email], .form input[type=text], .form input[type=password] {padding: 2px 6px 2px 6px; font-size: 15px; font-family: Verdana, sans-serif; color: #01294C; }
table.table input[type=email], table.table input[type=text], table.table input[type=password] {padding: 5px;}
input[type=email], input[type=text], input[type=password], select {
	
	/*box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	min-width: 100px;
	max-width: 258px;
	margin: 0px;
	padding: 1px;
	border: solid 1px #AAAAAA;
	border-radius: 5px;	
	color: #01294C;
	font-size: 15px;*/
	
	font-family: Verdana, sans-serif;
    font-size: 15px;
    color: #01294C;
    background-color: #FFFFFF;
    border: 1px solid #015196;
    border-radius: 5px;
    padding: 2px 30px 2px 2px;
    min-width: 100px;
	max-width: 350px;
    cursor: pointer;
    box-sizing: border-box;
    appearance: auto !important;   
    background-repeat: no-repeat;
    /*background-position: right 8px center;*/
    background-size: 12px 12px;
}

.contenutopagina {padding: 1em 1em 0em 1em; font-size: 16px;}
.contenutopagina input[name=modifica] {margin-top: 2em; width: 140px; color: #AA1111;}
.staff {background: #F2F2F2;}

/*Paragrafi, Liste, Quadratino liste e altro*/
#contenuti p {text-align: justify; margin: 0em; margin-bottom: 1em;}
#contenuti ul,
#contenuti li {text-align: justify; margin: 5px; padding-top: 0;}
#contenuti ul {list-style: none; padding-left: 1.5em;}
#contenuti ul li {color: currentColor; position: relative; margin-bottom: 0.8em;}
#contenuti ul li::before {
    
	content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: -1.2em;
    top: 0.35em;
    box-sizing: border-box;
	border-radius: 2px;  
	
	background: white;
    border: 1px solid #01294C;
}

/*#contenuti ul li:hover::before {background-color: #000000;}*/

/*ORAAAAA*/

/*
#contenuti ul li:has(a)::before {
    background-color: #000000; 
	/*background-color: currentColor; */
/*}*/

/*
#contenuti ul li:has(a:hover)::before {   
	 border-color:  #000000 !important;
	 background: #000000 !important;
	 /*left: -1.4em;*/
/*}*/

#contenuti ul li:not(:has(a))::before {
 content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: -1.2em;
    top: 0.35em;
    box-sizing: border-box;
	border-radius: 2px;  
}

ul.noindent, ol.noindent {padding-left: 0em; list-style-type: none;}
ul.noindent li, ol.noindent li {padding-left: 0em; padding-bottom: 1em;}
.listaconspazi li {margin-bottom: 1em;}

/*LINK*/
a {color: #015196; font-weight: normal; text-decoration: none;}
a:hover {color: #01294C; text-decoration: none;}

/*PULSANTI STANDARD*/
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    background-color: #FFFFFF;
    border: 1px solid #015196;
    color: #015196;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 12px;    
    cursor: pointer;
   
    appearance: none;
    -webkit-appearance: none;
	border-radius: 2px;
	padding: 2px 6px;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background-color: #F4FAFF; /* valutare anche questo colore #D4EBFF #F4FAFF  #54AAD836*/
}

button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled {
    background-color: #E0E0E0;
    color: #888888;
    cursor: not-allowed;
}

/*PULSANTI PER PAGINE MAIN*/
.mainbutton{
	font-family: Verdana, sans-serif;
	font-size: 16px;
	border-radius: 2px;
    font-weight: normal !important;	
}

.mainbutton:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled {
    background-color: #E0E0E0;
    color: #888888;
    cursor: not-allowed;
}

/*PULSANTI ACCESSO, EMULA, EMULA++, SALVA, ELIMINA, INVIA*/
.accedi {
    font-family: Verdana, sans-serif;
    font-size: 16px !important;
    font-weight: normal !important;
	border: 0 !important;
    box-shadow: none !important;
    padding: 8px 18px !important;
    border: none !important;
    border-radius: 0px !important;
    background-color: #015196 !important;
    color: #FFFFFF !important;
}

.accedi:hover {
	color: #015196 !important;
    background-color: #D4EBFF !important;
   
}

/* PULSANTI DATI CONTESTO -> Area Staff -> Domande e Risposte*/
.emula_btn_daticontesto {
    width: 103px !important;
}
/* PULSANTI INFO STUDENTE -> Area Staff -> Domande e Risposte*/
.info_stud_btn_studente.smallerfont {
    width: 107px !important;
}
/* PULSANTI INFO UTENTE -> Area Staff -> Domande e Risposte*/
.info_stud_btn_utente.smallerfont {
    width: 93px !important;
}
/* PULSANTI CERCA -> moduli vari in Area Staff*/
button[name="cerca"] {
	height: 24px !important;   
    position: relative !important;
    top: -1px !important; 
}

button[name="pdf_riservatezza"] {
	font-family: Verdana, sans-serif !important;
    font-size: 15px !important;
}

/*
.accedi:focus,
.accedi:active {
    color: #FFFFFF !important;
}*/
/*
.invia{
	margin-right: 8px;
	font-family: Verdana, sans-serif;
	font-size: 16px !important;	
	border-radius: 0px !important;
    font-weight: normal !important;
	padding: 6px 6px !important;
	width: auto !important;
	min-width: fit-content;
    white-space: nowrap;
}

.emula,
.emulaforte{
	margin-right: 8px;
	font-family: Verdana, sans-serif;
	font-size: 16px !important;
	color: #B30F38 !important;
	border-color: #B30F38 !important;
	border-radius: 0px !important;
    font-weight: normal !important;
	padding: 6px 6px !important;
	width: auto !important;
	min-width: fit-content;
    white-space: nowrap;
}
*/

.emula,
.emulaforte,
.invia{
	margin-right: 8px;
	font-family: Verdana, sans-serif;
	font-size: 16px !important;	
	border-radius: 0px !important;
    font-weight: normal !important;
	padding: 6px 6px !important;
	width: auto !important;
	min-width: fit-content;
    white-space: nowrap;
}
.emula {margin-left: 35px;}

.salva {
    margin-right: 8px;
    font-family: Verdana, sans-serif;
    font-size: 15px !important;
    border-radius: 0 !important;
    font-weight: normal !important;
    padding: 6px 32px 6px 10px !important;
    background-image: url('/immagini/icona_salva.ico');
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-size: 15px 22px;
    width: auto !important;
    min-width: fit-content;
    white-space: nowrap;
}
/*.elimina {
    margin-right: 8px;
    font-family: Verdana, sans-serif;
    font-size: 13px !important;
    border-radius: 0 !important;
    font-weight: normal !important;
    padding: 6px 32px 6px 10px !important;
    background-image: url('/immagini/icona_elimina.ico');
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-size: 13px 18px;
    width: auto !important;
    min-width: fit-content;
    white-space: nowrap;
}*/

/*MENU A TENDINA SCELTA RUOLO */
.ruolo {
    font-family: Verdana, sans-serif;
    font-size: 15px;
    color: #01294C;
    background-color: #FFFFFF;
    border: 1px solid #015196;
    border-radius: 5px;
    padding: 2px 30px 2px 2px;
    min-width: 180px;
    cursor: pointer;
    box-sizing: border-box;
    appearance: auto !important;   
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px 12px;    
}
.ruolo:hover {
    background-color: #D4EBFF;
}
.ruolo:focus {
    outline: none;
    background-color: #F4F8F9;
    border-color: #015196;	
}


/*TESTO MESSAGEFORM*/
.form p,
.form ul *,
.form li *,
.form p * {
    font-family: Verdana, sans-serif !important;
    font-size: 15px !important;
}