@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900");

body, input, select, textarea {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 2em;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    line-height: 1.75em;
}
a:hover {
	filter: brightness(75%);
}

#main {
    background-image: url(/assets/img/dark-tl.svg), url(/assets/img//dark-tr.svg), 
					url(/assets/img//dark-bl.svg), url(/assets/img//dark-br.svg);
    background-position: top left, top right, bottom left, bottom right;
    background-repeat: no-repeat;
    background-size: 22em;
}
@media screen and (max-width: 992px) { /* MODIFICHE per Tablet */
	#main {
		background-size: 15em;
	}
}
@media screen and (max-width: 576px) { /* MODIFICHE per Mobile */
	#main {
		background-size: 8em;
	}
}


/* ******************************************************** Sito REPORT ******************************************************** */
fieldset {
	padding: revert;
	border: revert;
}

.my-link {
	cursor: pointer;
}
.my-link:hover, .my-link:active {
	opacity: .7;
}

.bg-light-1 { background: #f5f5f5 }
.bg-light-2 { background: #e5e5e5 }

.font-1 { font-size: .25em !important }
.font-2 { font-size: .5em !important }
.font-3 { font-size: 1em !important }
.font-4 { font-size: 1.5em !important }
.font-5 { font-size: 3em !important }

.w-5  { width:  5% !important }
.w-10 { width: 10% !important }
.w-15 { width: 15% !important }
.w-20 { width: 20% !important }
.w-25 { width: 25% !important }
.w-30 { width: 30% !important }
.w-35 { width: 35% !important }
.w-40 { width: 40% !important }
.w-45 { width: 45% !important }
.w-50 { width: 50% !important }
.w-55 { width: 55% !important }
.w-60 { width: 60% !important }
.w-65 { width: 65% !important }
.w-70 { width: 70% !important }
.w-75 { width: 75% !important }
.w-80 { width: 80% !important }
.w-85 { width: 85% !important }
.w-90 { width: 90% !important }
.w-95 { width: 95% !important }


/* ******************************************************** NAVBAR ******************************************************** */
.nav-item.active {
	background: #CCC;
}



/* ****************************************************** BACK OFFICE ****************************************************** */
/* ************* LEFT SIDEBAR ************* */
.nav .nav-link {
	color: darkgray;
}
.nav .nav-link.active {
    border-left: 4px solid #e42622; /* ROSSO più scuro */
    background: #222;
	color: white;
}
.nav .nav-link:active, .nav .nav-link:hover {
    background: #222;
	color: white;
}