/* Versione a 3 elementi orizzontali, il primo fisso
 * 2 colonne nell'elemento centrale, la prima fissa 
 * . class, # id*/

body
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	font:100%/1.3em Arial, Helvetica, sans-serif; 
	text-align: left;
	margin: 0;
	border: 0;
}

#container{
	margin: 0;
	border: 0;
	position: relative;
	background-color: cyan;
}

#header{
	background: #pink;
	background-image: url("./organicologo.png") ;
	color: yellow;
	text-align: center;
	position: fixed;
	width: 100%;
	height: 40px;
}

.head{
	width:100%; 
	border-collapse:collapse;
	color: black;
	background-color: gold; 
}


#main{
	background-color: green;
	text-align:left;
	padding-top: 40px;
}

#left{
	text-align: left;
	float: left;
	width: 20%;
	position: fixed;
}

#menu{
	/*background-color: #FF8844;*/
	text-align: center;
	font-size: 100%;
}

#riepilogo{
	background-color: peachPuff;
	text-align: left;
	padding-left: 20 px;
}	

#right{
	background-color: white;
	text-align: center;
	float: right;
	width: 80%;
}

#titolo{
	background-color: cyan;
	text-align: center;
	font-size: 200%; 
	border:3px; padding:3px; margin:3px; 
}

#selettori{
	background-color: lightgreen; 
	text-align: center;
}

#dati{
	text-align: left;
}

#footer{
	background-color: lightsteelblue;
	text-align:center;
	float: right;
	width: 100%;	
}

.inserisciClasse{
	background-color: pink;
}

.modificaClasse{
	background-color: salmon;
}

.menu1{
	background-color: DeepSkyBlue;
	
}

.menu2{
	background-color: HotPink;	/**/
	
}

.menu3{
	background-color: LightSteelBlue;
	/* font-size: 50%; cmabia solo l'esterno non il valore per le option!*/
	border: 0;
	padding: 0;
	margin: 0;
}

.service-small{
    font-size: 90%;
}

table.formInserimentoClasse{
	/* per una tabella border="1" style="background-color:#FFFFCC;border-collapse:collapse;border:1px solid #FFCC00;color:#000000;width:100%" cellpadding="1" cellspacing="1"  */
	border:1px solid #FFCC00;
	width:100%; 
	border-collapse:collapse;
	border-spacing: 1;
}
table.formInserimentoClasse td{
	border:1px solid #FFCC00;
	padding: 1;
}


table.formModificaClasse{
	border:1px solid #FF1100;
	color:#000000;
	width:100%; 
	padding: 1;
	border-spacing: 1;
	border-collapse:collapse;
}

table.classiNormali{
	background-color:lightgrey; 
	border:1px solid;
	color:#000000;
	//width:100%;
	padding: 1;
	border-spacing: 1;
	border-collapse:collapse;
}
table.classiNormali tr:nth-child(even)
{ background-color: lightblue; }
table.classiNormali tr:hover
{ background-color: Orange; }
table.classiNormali tr
{ background-color: violet; }


table.classiarticolate{
	border:1px solid;
	color:#000000;
	width:100%; 
	padding: 1;
	border-spacing: 1;
	border-collapse:collapse;
}

.classeNormale{
	background-color: palegoldenrod;
}

.articolazioneMadre{
	background-color: salmon;
}

.articolazioneMadreNonCancellabile{
	background-color: darksalmon;
}

.articolazioneFigliaCancellabile{
	background-color: red;
}

.articolazioneFiglia{
	background-color: orange;
}

.classeCancellabile{
	background-color: lightgrey;
}

.boh{
	background-color: grey;
}

.mDipartimenti{
  background-color: lemonChiffon;
 	border:1px solid;
	color:black;
	padding: 1;
	border-spacing: 1;
	border-collapse:collapse;

}

.formInserimentoDipartimento{
	background-color: lemonChiffon;
 	border:1px solid;
	color:black;
	padding: 1;
	border-spacing: 1;
	border-collapse:collapse;
}

.formModificaDipartimento{
	background-color: salmon;
 	border:1px solid;
	color:black;
	padding: 1;
	border-spacing: 1;
	border-collapse:collapse;
}

/* per le tabelle declinate con td e th e tr, usa id anziché class*/
#insegnantiInDipartimento{
	width:100%; 
	border-collapse:collapse;
	color: black;
}
#insegnantiInDipartimento td, #insegnantiInDipartimento th{
	border:1px solid #ddd;
	padding: 2px;
}
#insegnantiInDipartimento tr:nth-child(even)
{ background-color: lightblue; }
#insegnantiInDipartimento tr:hover
{ background-color: salmon; }
#insegnantiInDipartimento tr
{ background-color: goldenrod; }

#elencoCdC{
	width:100%; 
	border-collapse:collapse;
	color: black;
}
#elencoCdC tr{
	border:1px solid #ddd;
	padding: 1px;
}
#elencoCdC tr:nth-child(even)
{ background-color: Lavender; }
#elencoCdC td:hover
{ background-color: yellow; }
#elencoCdC tr
{ background-color: violet; }

.formInserimentoCdC, .formInserimentoMateria{
	
	background-color: lemonChiffon;
 	border:1px solid;
	color:black;
	padding: 1;
	border-spacing: 1;
	border-collapse:collapse;
}

#elencoMaterie{
	width:100%; 
	border-collapse:collapse;
	color: black;
}
#elencoMaterie td, #elencoMaterie th{
	border:1px solid #ddd;
	padding: 1px;
}
#elencoMaterie td:nth-child(even)
{ background-color: pink; }
#elencoMaterie td:hover
{ background-color: yellow; }
#elencoMaterie td
{ background-color: hotpink; }

.inserisciInsegnante{
	background-color: lemonChiffon;
 	border:1px solid;
	color:black;
	padding: 1;
	border-spacing: 1;
	border-collapse:collapse;
}

.modificaInsegnante{
	background-color: salmon;
 	border:1px solid;
	color:black;
	padding: 1;
	border-spacing: 1;
	border-collapse:collapse;
}

/* insegnanti*/

.orarioSottoDimensionato{ background-color: coral; }
.orarioSovraDimensionato{ background-color: crimson; color: white;}
.ok{ background-color: mistyrose; color:black; }

/* [COE|partTime][NonRuolo][manca]*/

.Manca{ background-color: #FF8800; color: white;}
.mancaNonRuolo{ background-color: red; color: white;}
.mancaNonRuoloCOE{ background-color: red; color: green;}
.COENonRuoloManca{ background-color: red; color: green;}

.nonRuolo{ background-color: LightPink; }
.Nonruolo{ background-color: LightPink; }
.NonruoloManca{ background-color: LightPink; }
.NonRuolo{ background-color: LightPink; }

.nonRuoloCOE{ background-color: orange; }
.NonRuoloCOE{ background-color: orange; }
.COEnonRuolo{ background-color: orange; }

.COE{ background-color: #00BB00; /*verdone*/ color:black;}
.COENonruolo{ background-color: orange; }
.COENonruoloManca{ background-color: red; color: green;}
.COEManca{ background-color: red; color: lightgreen;}

.Parttime{ background-color: #33DD33; /*verdone meno*/ color:black;}
.ParttimeNonruolo{ background-color: orange; }
.ParttimeNonruoloManca{ background-color: red; color: green;}
.ParttimeManca{ background-color: red; color: lightgreen;}

.cancellaInsegnante{ background-color: #FF6622; /*rossiccio*/ color: white;}
.orgFatto{ background-color: orange; }
.orgDiritto{ background-color: white; color: black; }
.codocenza{ background-color: orange; color: purple; }
.errore{  background-color: red; color: lightgreen; }

#elencoInsegnanti{
	width:100%; 
	border-collapse:collapse;
	color: black;
	border:4px solid #ddd;
	padding: 2px;
}
#elencoInsegnanti td, #elencoInsegnanti th{
	border:4px solid #ddd;
	padding: 2px;
}
#elencoInsegnanti tr:nth-child(even)
{
	background-color: cyan;
}
#elencoInsegnanti tr:hover
{
	background-color: yellow;
	border:4px solid cyan;
	padding: 2px;
}
#elencoInsegnanti tr
{ background-color: white; }


#elencoInsegnantiCdc{
	width:100%; 
	border-collapse:collapse;
	color: black;
}
#elencoInsegnantiCdc td, #elencoInsegnantiCdc th{
	border:1px solid #ddd;
	padding: 1px;
}
#elencoInsegnantiCdc tr:nth-child(even)
{ background-color: cyan; }
#elencoInsegnantiCdc tr:hover
{ background-color: yellow; }
#elencoInsegnantiCdc tr
{ background-color: white; }

#tabella{
	width:100%; 
	border-collapse:collapse;
	color: black;
}
#tabella td, #tabella th{
	border:1px solid #ddd;
	padding: 1px;
}
#tabella tr:nth-child(even)
{ background-color: white; }
#tabella tr:hover
{ background-color: yellow; }
#tabella tr
{ background-color: lightgrey; }

.error{ background-color: red; }
.rosso{ background-color: red; }
.verdaccio{ background-color: green; }
.addCdcBox{ background-color: cyan; }
.removeCdcBox{ background-color: green; }
.colonnaCdC{ background-color: aqua; }
#gestioneAbilitazioni{
	width:100%; 
	/*border-collapse:collapse;*/
	color: black;
	border:1px solid #ddd;
	background-color: orangered; 
}
#gestioneAbilitazioni tr:nth-child(even)
{ background-color: yellowgreen; }

#dettaglioInsegnante{
	width:100%; 
	border-collapse:collapse;
	color: black;
	border:1px solid #000;
	background-color: mistyrose; 
}

#dettaglioInsegnante td{
	border-collapse:collapse;
	border:1px solid #000;
}

.verde{
	background-color: lightgreen; 
}

.bottoneQO {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
}

.bottone {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: lightgreen; 
}

.bottoneDip {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: greenyellow; 
}

.bottoneCdC {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: lime; 
}

.bottoneOrdine {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: springgreen; 
}

.bottoneReload {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: limegreen; 
}

.bottoneCorso {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: aquamarine; 
}

.bottoneAnno {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: khaki; 
}

.bottoneCSV {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: plum; 
}

.ordineClassi {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: sandybrown; 
}

.dsa {
    font-family: "Times New Roman", Times, sans-serif;
    font-size: 90%;
    background-color: coral; 
}

.sceltaClasse{ background-color: salmon;}
.sceltaCorso{ background-color: gold;}
.prossimaClasse{ background-color: cyan;}
.precedenteClasse{ background-color: orange;}
.formClonazione{background-color: #4488BB; }
.formBottoneClasse{ padding: 1px 1px ;}

#tabellaConsigli{
	width:100%; 
	border-collapse:collapse;
	color: black;
}
#tabellaConsigli td, #tabellaConsigli th{
	border:1px solid black;
	padding: 0px;
}

#tabellaConsigli td:nth-child(even)
{ background-color: white; }
#tabellaConsigli td
{ background-color: lightgrey; }
#tabellaConsigli td:hover
{ background-color: Thistle; }

#elencoMaterieQuadroOrario{
	width:100%; 
	border-collapse:collapse;
	color: black;
}
#elencoMaterieQuadroOrario td, #elencoMaterieQuadroOrario th{
	border:1px solid black;
	padding: 0px;
}
#elencoMaterieQuadroOrario tr:nth-child(even)
{ background-color: Cornsilk; }
#elencoMaterieQuadroOrario tr:hover
{ background-color: yellow; }
#elencoMaterieQuadroOrario tr
{ background-color: lightsteelblue; }


.statisticheConsiglioDiClasse{
	width:100%; 
	border-collapse:collapse;
	color: black;
	background-color: NavajoWhite; 
}
.statisticheConsiglioDiClasse td, .statisticheConsiglioDiClasse th{
	border:1px solid black;
	padding: 0px;
}
.statisticheConsiglioDiClasse tr:nth-child(even)
{ background-color: RosyBrown; }
.statisticheConsiglioDiClasse tr:hover
{ background-color: aqua; }

.consiglioDiClasse{
	width:100%; 
	border-collapse:collapse;
	color: black;
	background-color: Cornsilk; 
}
.consiglioDiClasse td, .consiglioDiClasse th{
	border:1px solid black;
	padding: 0px;
}
.consiglioDiClasse tr:nth-child(even)
{ background-color: LightSteelBlue; }
.consiglioDiClasse tr:hover
{ background-color: yellow; }

.materieAssegnateAInsegnante{
	width:100%; 
	border-collapse:collapse;
	color: black;
	background-color: Cornsilk; 
}
.materieAssegnateAInsegnante td, .materieAssegnateAInsegnante th{
	border:1px solid black;
	padding: 0px;
}
.materieAssegnateAInsegnante tr:nth-child(even)
{ background-color: lightsteelblue; }
.materieAssegnateAInsegnante tr:hover
{ background-color: yellow; }

.specchietto{
	width:100%; 
	border-collapse:collapse;
	color: black;
	background-color: Thistle; 
}
.specchietto td, .specchietto th{
	border:1px solid black;
	padding: 0px;
}
.specchietto tr:nth-child(even)
{ background-color: PaleGoldenRod; }
.specchietto tr:hover
{ background-color: yellow; }


.materieVacanti{
	width:100%; 
	border-collapse:collapse;
	color: black;
	background-color: yellow; 
}
.materieVacanti td, .materieVacanti th{
	border:1px solid black;
	padding: 0px;
}
.materieVacanti tr:nth-child(even)
{ background-color: MediumSpringGreen; }
.materieVacanti tr:hover
{ background-color: orange; }

.statisticheRiepilogoCdC{
	/*width:100%; */
	border-collapse:collapse;
	color: black;
	background-color: yellow; 
}
.statisticheRiepilogoCdC td, .statisticheRiepilogoCdC th{
	border:1px solid black;
	padding: 0px;
}
.statisticheRiepilogoCdC tr:nth-child(even)
{ background-color: MediumSpringGreen; }
.statisticheRiepilogoCdC tr:hover
{ background-color: orange; }


.tabellaStatistica{
	width:100%; 
	border-collapse:collapse;
	color: black;
	background-color: lightgrey; 
}
.tabellaStatistica td, .tabellaStatistica th{
	border:1px solid black;
	padding: 0px;
}
.tabellaStatistica tr:nth-child(even)
{ background-color: MediumSpringGreen; }
.tabellaStatistica tr:nth-child(odd)
{ background-color: lightyellow; }
.tabellaStatistica tr:hover
{ background-color: aqua; }


.tabellaRiassuntoCdc{
	width:100%; 
	border-collapse:collapse;
	color: black;
	background-color: lightgrey; 
}
.tabellaRiassuntoCdc td, .tabellaRiassuntoCdc th{
	border:1px solid black;
	padding: 0px;
}
.tabellaRiassuntoCdc tr:nth-child(even)
{ background-color: aqua; }
.tabellaRiassuntoCdc tr:nth-child(odd)
{ background-color: lightyellow; }
.tabellaRiassuntoCdc tr:hover
{ background-color: plum; }


.decretoForm{
	/*width:100%; */
	border-collapse:collapse;
	color: black;
	background-color: lightsalmon;
	text-align: left;
}
.decretoForm td, .decretoForm th{
	border:1px solid black;
	padding: 0px;
}

.decretoTabella{
	/*width:100%; */
	border-collapse:collapse;
	color: black;
	background-color: lightyellow; 
}
.decretoTabella td, .decretoTabella th{
	border:1px solid black;
	padding: 0px;
}
.decretoTabella tr:nth-child(even)
{ background-color: MediumSpringGreen; }
.decretoTabella tr:hover
{ background-color: aqua; }


.backupForm{
	/*width:100%; */
	border-collapse:collapse;
	color: black;
	background-color: lightgreen;
	text-align: left;
}

.alert
{ background-color: red; color:yellow; font-weight: bold;}

.login
{ background-color: OldLace; color:black; /*font-weight: bold;*/}


.confermaCancellazioneClasse
{ background-color: red; color:white; font-weight: bold;}

.confermaCancellazioneInsegnante
{ background-color: red; color:white; font-weight: bold;}

/* per le tabelle declinate con td e th e tr, usa id anziché class*/
#tabellaConsigli1{
	width:100%; 
	border-collapse:collapse;
	color: black;
}
#tabellaConsigli1 td, #tabellaConsigli1 th{
	border:1px solid black;
	padding: 0px;
}
#tabellaConsigli1 tr:nth-child(even)
{ background-color: white; }
#tabellaConsigli1 tr:hover
{ background-color: yellow; }
#tabellaConsigli1 tr
{ background-color: lightgrey; }

.buttonON {background-color: #00FF00; }
.buttonOFF {background-color: #FF0000; }
.buttonFatto {background-color: #FFFF00; }