/* Per avere il footer sempre in fondo (sticky footer vero, non “spaziato”).

Impostare la pagina come colonna flex a tutta altezza

Rendi il contenuto principale “espandibile”.
Serve un wrapper unico per il contenuto tra header e footer. TAG <main>.

Il footer deve stare sempre fuori dal main, come già fai:
header -> main -> footer.

Queste 3 regole (body flex, main flex:1, footer margin-top:auto),
il footer resta in fondo su pagine corte e scorre normalmente su pagine lunghe.

*/

:root {
	--sm-cyan-500: #0dcaf0;
}


html, body {
	height: 100%;
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

main,
.page-main {
	flex: 1 0 auto;
}

.siaf_cornice_footer {
	margin-top: auto;
	flex-shrink: 0;
	padding: 1rem;

	a, a:hover {
		color: white;
	}
}
/* FINE ... Per avere il footer sempre in fondo (sticky footer vero, non “spaziato”). */


.container {
	max-width: 1600px !important;
}

.it-header-navbar-wrapper {
	background: #001F5B;
}

.bg-white {
	background: #FFFFFF;
}

.bg-unifi {
	background-color: #001F5B !important;
}

.bg-footer-unifi {
	background: #004C7F;
}

.bg-el {
	background-color: #0071C6 !important;
}

.bg-eval {
	background-color: #C0354C !important;
}

.bg-lightgrey {
	background-color: #F1F1F1;
}

.bg-lightblue {
	background-color: #B2E0F6;
}

.color-white {
	color: #FFFFFF !important;
}

.color-eval {
	color: #C0354C;
}

.color-black {
	color: #000000;
}

.color-unifi {
	color: #001F5B;
}

.color-lightblue {
	color: #B2E0F6;
}

.color-info {
	color: var(--sm-cyan-500);
}

.color-icoinfo {
	color: #14539A;
}

.tab-thead-unifi {
	text-align: center;
	vertical-align: middle !important;
}

table>:not(:first-child) {
	border-top: none !important;
}

h1, .h1 {
	color: #A0011A;
	font-weight: normal;
}
	
@media (min-width: 576px) {
	h1, .h1 {
		font-size: 2.2rem;
	}
}

.btnxl {
	font-size: x-large !important;
}

.table {
	font-size: 0.8rem;
}

.div-searchmatricola {
	max-width: 600px;
	padding: 20px;
	
	p {
		line-height: 1.25rem;
	}
	.span_searchmatred {
		color: #A0011A;
	}
}

hr.elf {
	margin-left:0px;
	height: 5px;
	color: #806040;
	border-style: solid;
	border-color: #806040;
	border-width: 1px 0 0 0;
	border-radius: 10px;
	}
hr.elf:before {
	display: block;
	content: "";
	height: 30px;
	margin-top: -31px;
	border-style: solid;
	border-color: #806040;
	border-width: 0 0 1px 0;
	border-radius: 10px;
}

.dati-titolo-precompilato {
	background-color: #0071C6;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 5px;
}

.l_ofleft_form {
	font-weight: bold;
	color: #004C7E;
	font-size: 1.1em;
	height: 50px;
	padding-left: 15px;
	padding-right: 5px;
	text-transform: uppercase;
}

.r_ofleft_form {
	font-size: 0.9em;
	color: black;
	height: 50px;
	padding-left: 15px;
	padding-right: 5px;
}

.form_infodoc {
	font-size: 1.2em;
	height: 50px;
	padding-left: 15px;
	padding-right: 5px;
	color: #FFF;
}

.w100p {
	width: 100px;
}

.w120p {
	width: 120px;
}

.w150p {
	width: 100px;
}

.w200p {
	width: 200px;
}

.w400p {
	width: 400px;
}

.wmaxc {
	max-width: max-content;
}

.h25p {
	height: 25px !important;
}

.h35p {
	height: 35px !important;
}

.h75p {
	height: 75px !important;
}

.h120p {
	height: 120px !important;
}

.margtop10p {
	margin-top: 10px !important;
}

.margtop20p {
	margin-top: 20px !important;
}

.padd-0-5p {
	padding: 0 5px;
}

.padd15p {
	padding: 15px;
}

.fontb {
	font-weight: bold;
}

.fonts09em {
	font-size: 0.9em;
}

.fonts1em {
	font-size: 1em;
}

.fonts12 {
	font-size: 1.2em;
}

.fonts14 {
	font-size: 1.4em;
}

.txtcenter {
	text-align: center;
}

.vamiddle {
	vertical-align: middle;
}

#container_data_firma {
	overflow:auto;
	margin-bottom:80px;
}

#data_riempimento {
	float: left;
	margin-top:50px;
	margin-left:20px;
	text-align: center;
}

#firma_riempimento {
	float: left;
	margin-left:560px;
	margin-top:50px;
	text-align: center;
}

.marg50p {
	margin-top: 50px;
}

.margleft5p {
	margin-left: 5px;
}

.margleft10p {
	margin-left: 10px;
}

.margleft30p {
	margin-left: 30px;
}

.margleft60p {
	margin-left: 60px;
}

.r_ofleft_bkinsegn {
	font-size: 0.9em;
	color: black;
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
}

/* CLASSI Pagina "insegnamenti_MATRICOLA" */

.container-custom-afidglobal {
    width: 100%;
	border: 1px solid #ddd;
    border-bottom: none; /* eviti doppio bordo finale */
}

.row-custom {
    display: flex;
    width: 100%;
	border-bottom: 1px solid #ddd;
}

/* Riga con una sola colonna */
.row-custom.single {
    display: block;   /* niente flex */
}

/* Colonna sinistra fissa */
.col-label {
    width: 180px;
    min-width: 180px;
    padding: 8px;
    font-weight: bold;
	border-right: 1px solid #ddd;
}

/* Colonna destra fluida */
.col-value {
    flex: 1;
    padding: 8px;
}

.col-full {
    width: 100%;
    padding: 8px;
}

.insegn-title-blue {
	font-weight: bold;
	color: #001F5B;
	font-size: 0.9em;
	padding: 5px;
	height: 50px;
}

.insegn-textblack {
	font-size: 0.9em;
	padding: 5px;
	height: 50px;
}

.copertura {
	background-color: #806040;
	color: #FFFFFF;
	padding:3px 5px 3px 5px;
}

.sfondo_scuola {
	background-color: #001F5B;
	color: #FFFFFF;
	padding: 5px;
	text-transform: uppercase;
}

.descr_inc_mutua {
	font-size: 1em;
	padding: 5px;
	height: 35px;
	font-style: italic;
	font-weight: bold;
}

.ins_mutuato {
	color: #68279B;
}

.button-insegn {
	font-size: 1em;
	padding: 2px;
}

.btn-pad-min {
	padding: 3px 5px;
	font-size: 1em;
}

.gia_presente {
	background-color: #96D585;
}

.text-ins-integrato {
	margin-left: 10px;
	font-style: italic;
	font-weight: bold;
}

.border-rad-25e {
	border-radius: .25rem;
}
/* FINE ... CLASSI Pagina "insegnamenti_MATRICOLA" */

/* Change Password */
#check_passwd {
	font-weight: bold;
	width: 500px;
	padding: 5px;
	margin-top: 5px;
}
#check_replacepwd {
	font-weight: bold;
	width: 500px;
	padding: 5px;
	margin-top: 5px;
}

.valido_fra_chpw {
	color: #3C763D;
	background-color: #DFF0D8;
	max-width: max-content;
}
.non_valido_fra_chpw {
	color: #A94442;
	background-color: #F2DEDE;
	max-width: max-content;
}
/* FINE ... Change Password */



/* Pagina Gestione insegnamenti da ADMIN */
#CourseEval {
	width: 100% !important;
	table-layout: fixed;
	margin-top: 20px;
}
#CourseEval th,
#CourseEval td {
	white-space: normal !important;
	word-break: break-word;
	vertical-align: middle;
	font-size: 0.86rem;
	line-height: 1.2;
}
#CourseEval .btn {
	padding: .2rem .35rem;
	font-size: .75rem;
}
#CourseEval_wrapper .row {
	margin-left: 0;
	margin-right: 0;
}

table.dataTable thead th, table.dataTable thead td {
	padding: 3px !important;
}

/* FINE ... Pagina Gestione insegnamenti da ADMIN */