/*font-family: 'Raleway', sans-serif;*/


html,body {
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #000000;
}

.main-header {
	 position: relative;
	height: 100px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 2rem;


}

.main-header img.logo-left {
	height: 100px;
	width: auto;
}

/* Barra utente grigia sempre presente */
.user-bar {
	background-color: #e9ecef;
	color: #333;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 1rem;
	font-weight: 500;
}

/* Area centrale: occupa tutta l'altezza restante della finestra */
.content {
	min-height: calc(100vh - 100px - 40px - 60px); /* header + userbar + footer */

	
}

/* Footer colorato */
footer {
	background-color: #a12823; /* un arancione tenue */
	color: #fff;
	padding: 1rem;
	text-align: center;
}

/* Stile sidebar */
.sidebar {
    background-color: #f8f9fa;
    height: calc(100vh - 100px - 40px - 60px); /* header + userbar + footer */
    padding: 20px;
}
/* Stile contenuto */
.main-content {
    padding: 20px;

}

/* Sidebar ottimizzata per dispositivi piccoli */
@media (max-width: 767.98px) {
    .sidebar {
        height: auto;       /* Rimuove l'altezza fissa */
        padding: 10px 15px; /* Spaziatura più leggera */
    }
}

th, .cellaIntestazione
{
    font-weight:bold;
    text-align:center;
    border:none;
}