html ,body{
	/*background-color:#fffafa;*/
	background-image: url('../img/background.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.top-fixed{
	position:fixed;
	padding:5px;
	top:0px;
	width:100%;
	z-index:1000;
	height:60px;
	margin-left: -12px;
}
.header, .h_menu{
	position:fixed;
	top:0px;
	z-index:999;
	line-height:50px;
	width:100%;
	color: #f0f8ff;
	
}
.header{
	text-align:left;
	background-color:transparent;
	padding:5px 5px 5px 5px;
}
.header >span {
	font-size:1.8em;
}
.contain{
	margin-top:100px;
	margin-bottom:80px;
}
.h_menu, .footer{
	font-weight: 600;
	background-color:#f3de9c;
	background-repeat:no-repeat;
	background-size:cover;
	border-top: 2px solid grey;
	border-bottom: 2px solid grey;
	color: #f0f8ff;
	z-index:1000;
}
.h_menu{
	background-image:url(../img/up-meta.png);
}
.footer{
	background-image:url(../img/dw-meta.png);
}
.footer a:visited {
  color: #c9a3be;
}
.h_menu{
	padding-top: 5px;
	height:80px;
}
.footer a{
	font-weight: 600;
	color: white !important;
}
.h_menu a:hover, .footer a:hover{
	color: #1b5766 !important;
}
.h_menu a img {
            transition: filter 0.3s;
        }
.h_menu a:hover #img-profile{
	filter: brightness(0) saturate(100%) invert(30%) sepia(12%) saturate(2254%) hue-rotate(145deg) brightness(92%) contrast(93%);
}
.dropdown-menu a:hover{
	color: #e5ac7c !important;
}
.h_menu .nav-link{
	color: white !important;
	font-size: bold !important;
}





.h_menu .navbar-collapse.show {
	padding:0 5px 0 5px;
	
	background-color:#999297;
	background-repeat:no-repeat;
	background-size:cover;
	line-height:16px;
	width:100% !important;
}
@media (min-width: 992px) {
    .h_menu .navbar-collapse.show {
		background-image:url();
		background-color:transparent;
 
    }
}

.dropdown-item{
	line-height:20px !important;
}
.footer, #footer_spacing{
	height:60px;
}
.footer{
	position:fixed;
	padding:5px;
	bottom:0px;
	line-height:50px;
	width:100%;
	text-align:center;
}
#footer_home{
	color:white;
}

/* SEZIONE TABELLE */
.tabella {
width: 100%;
border-collapse: collapse;
}

.tabella tr:nth-child(even) {
background-color: #f2f2f2; /* Colore per le righe pari */
}

.tabella tr:nth-child(odd) {
background-color: #ffffff; /* Colore per le righe dispari */
}

.tabella th, .tabella td {
border: 1px solid #dddddd;
padding: 8px;
text-align: left;
}
/* SEZIONE TABELLE END*/

/* SEZIONE ALERT */
.error_responding{
	color: red;
	font-weight: bold;
}
#alert-container{
	width:100%;
	position: absolute;
	top:20px;
}
#alert{
	padding: 5px;
	display: none;
	z-index: 1100;
	min-height:60px;
	border-radius:15px;
}
#alert > span{
	width:80%;
	float:left;
	font-size:1.1em;
}
 #alert > p {
	 cursor: pointer;
	 float:right;
	 text-align:center;
	 line-height:25px;
	 font-size:1.2em;
	 font-weight:bold;
	 width:30px;
	 height:30px;
	 border-radius:15px;
	 margin:5px;
 }
 #alert > span, #alert > p {
	display:inline;
	border-radius:15px;
}
/* SEZIONE ALERT END*/

/* SEZIONE SOCIAL */
#social-container{
	display:inline;
	zoom:90%;
}
.social{
	float:right;
	display:inline-table;
	position: relative;
	width: 48px; /* Larghezza desiderata dell'immagine */
	height: 48px; /* Altezza desiderata dell'immagine */
	overflow: hidden;
}
.social-img{
	width:300px;
	position: absolute;
}
.fb{
	top: -1px;
	left: -66px;
	         /*top  dx    bot  sx*/
	clip: rect(5px 110px 50px 65px);
	
}
.ig{
	top: -1px;
	left: -4px;
	clip: rect(5px 50px 50px 5px);
}
.tw{
	top: -136px;
	left: -4px;
	clip: rect(140px 50px 185px 5px);
}
.wp{
	top: -48px;
    left: -66px;
    clip: rect(47px 110px 92px 65px);
}
.yt{
	   top: -180px;
    left: -4px;
    clip: rect(182px 50px 225px 5px);
}
.table-container {
    max-width: 100vw; /* Limita la larghezza massima al 100% del contenitore */
    overflow-x: auto; /* Abilita lo scroll orizzontale */
    overflow-y: hidden; /* Nasconde lo scroll verticale */
    white-space: nowrap; /* Impedisce che le celle vadano a capo */
}

table {
    width: 100%;
    border-collapse: collapse; /* Per eliminare lo spazio tra i bordi delle celle */
}

/* SEZIONE SOCIAL END*/
.flex-img {
	
	max-height: 100%;     /* questo scala in modo automatico la largh, mantenendo le proporzioni */
	display: block;     /* altrimenti non si puo` centrare */
	margin: 0 auto;
	}
	@media (max-width: 1200px) {
		.navbar-brand img {
		  width: 180px; /* Riduce la dimensione del logo */
		  height: auto; /* Mantiene il rapporto di aspetto */
		}
	  
		.navbar-nav .nav-link {
		  font-size: 0.8rem; /* Riduce la dimensione del testo per i link */
		  padding: 5px 10px; /* Riduce il padding dei link */
		}
	  
		.navbar-toggler {
		  margin-right: 5px; /* Riduce lo spazio tra il bottone del menu e il contenuto */
		}
	  
		.h_menu {
		  padding-left: 0;
		  padding-right: 0;
		}
	  }
/* Stili per dispositivi con larghezza <= 600px */
@media (max-width: 600px) {
  /* Regole CSS per dispositivi mobili */
.navbar-nav .nav-link, .dropdown-menu a{ 
  font-size: 1.5rem !important;
  padding-top:20px ! important;
  }



}
/* VIDEO IN BACKGROUND*/
.bg-video {
        position: relative;
    }
	.bg-video .velo{
		opacity: 0.6;
		width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
		z-index:1;
	}
	.bg-video .velo-black{
		background-color:black;
	}
	.bg-video .velo-white{
		background-color:white;
	}
    .bg-video video {
		padding:0;
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
        z-index: 0;
    }
    .bg-video .contenuto {
        z-index: 2;
        position: relative;
    }
 /* END VIDEO IN BACKGROUND*/