/* per non visualizzare le due frecce di cambio periodo; se necessario si sceglie un altra data */
@media screen and (max-width: 767px) {
	#esse3 #diario_doc-containerPeriodo #sett_prev, #esse3 #diario_doc-containerPeriodo #sett_succ {
		display: none;
	}
}

#esse3 #diario_doc-containerPeriodo #sett_prev {
	float: right;
	height: 41px;
}

#esse3 #diario_doc-containerPeriodo #sett_succ {
	height: 41px;
}

#esse3 #diario_doc-containerPeriodo input {
	background-color: transparent;
	border: none;
}
#esse3 #diario_doc-textPeriodo {
	text-align: center;
}

#esse3 #diario_doc-containerPeriodo .container-split3-left-noborder {
	padding: 0px;
}

#esse3 #diario_doc-containerSelezData .container-split3-right #btnVaiData {
	background-color: transparent;
	text-decoration: underline;
	border: none;
	color: black;
	font-size: 12px;
}

/* per fare in modo che il pulsante accanto alla selezione della data resti sulla stessa linea della data anche con width ridotta */  
#esse3 #diario_doc-containerSelezData .container-split3-left-noborder {
	padding: 0px;
}

#esse3 #diario_doc-containerStato #StampaDiario{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 center;
	color: black;
	border: none;
    text-decoration: underline;
    margin-left: 30%;
    margin-right: 0;
}

#esse3 #diario_doc-containerNote #mese_prev{
 	background-color: transparent;
    border: none;
    color: black;
    text-decoration: underline;
    font-size: 12px;
    margin-left: 10%;
}

#esse3 #diario_doc-containerNote #mese_succ{
 	background-color: transparent;
    border: none;
    color: black;
    text-decoration: underline;
    font-size: 12px;
    margin-left: 10%;
}

#esse3 #diario_doc-tabellaOre {
	table-layout: fixed;
}

/* per fare in modo che la casella di input dentro le cella abbia un allenamento verticale centrato anche con bootstrap abilitato */
#esse3 #diario_doc-tabellaOre td {
	vertical-align: middle;
	padding: 2px;
	border: 0px;
}

#esse3 #diario_doc-tabellaOre th {
	text-align: center;
	border: 0px;
}

#esse3 #diario_doc-tabellaOre .cell_festivo {
	background-color : #eeeeee;
}

#esse3 #diario_doc-tabellaOre .head_festivo {
	color : #cc6666;
}

#esse3 #diario_doc-textAreaNote {
	width: 80%;
}

#esse3 #diario_doc-inputOreDiario-div #diario_doc-inputOreDiario{
	padding-right: 0px;
}

/* per fare in modo che la casella di input dentro le cella abbia un allenamento verticale centrato anche con bootstrap abilitato */
#esse3 #diario_doc-inputOreDiario-div {
	margin-bottom: 0px;
}

/* per fare in modo che il testo mostrato dentro gli input text delle celle del diario docente possa occupare tutto lo spazio a sx e dx */
#esse3 #diario_doc-inputOreDiario {
	padding: 0px;
	width: 100%;
}

/* la dimensione minima del font, al di sotto dei 911px, viene calcolata dinamicamente in funzione della larghezza della viewport */
@media screen and (max-width: 910px) {
	#esse3 #diario_doc-inputOreDiario, #esse3 [id^=diario_doc-tabellaOreth], #esse3 #diario_doc-tabellaOre td:nth-child(1) {
		font-size: calc(1px + 1.5vw);
	}
}

@media screen and (max-width: 910px) {
	#esse3 #diario_doc-textTotaleOre {
		font-size: calc(1.5px + 1.2vw);
	}
}

/* il seguente codice, ottimizzandolo, può essere utilizzato per nascondere le prime x colonne quando la viewport si ridure */
/* viene lasciato commentato per utilizzi futuri */
/*
@media screen and (max-width: 910px) {
	#esse3 th:nth-child(2), #esse3 td:nth-child(2), #esse3 th:nth-child(3), #esse3 td:nth-child(3), #esse3 th:nth-child(4), #esse3 td:nth-child(4), #esse3 th:nth-child(5), #esse3 td:nth-child(5), #esse3 th:nth-child(6), #esse3 td:nth-child(6) {
	  display: none
	}
}
*/

#esse3 #diario_doc-tabellaOre td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#esse3 #reg_doc-tabellaRegistri .tdstato_reg{
	width: 73px;
}