/* DEFAULT CSS Document */
:root {
  
  /*sfondo e testi*/
  --themeColor: #FFF;
  --bgColor: #EEE;
  --textColor: #000;
  
  --shadowColor: rgba(0, 0, 0, 0.2);
  --logoFile:url(logo-default.svg);
  
  /*headers & hover dei tasti (blue)*/
  /*--contrastColor: #003285;*/
  /*--contrastfilterColor: brightness(0) saturate(100%) invert(13%) sepia(56%) saturate(4584%) hue-rotate(213deg) brightness(91%) contrast(100%);*/
  
  /*headers & hover dei tasti (orange)*/
  --contrastColor: #ff6a07;
  --contrastfilterColor: brightness(0) saturate(100%) invert(50%) sepia(85%) saturate(2958%) hue-rotate(353deg) brightness(103%) contrast(109%);
      
  /*costanti*/
  --darkColor:#111;
  --darkfilterColor: brightness(0) saturate(100%) invert(0%) sepia(62%) saturate(4279%) hue-rotate(151deg) brightness(103%) contrast(87%);
  --lightColor:#FFF;
  --lightfilterColor: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(629%) hue-rotate(239deg) brightness(115%) contrast(100%);

}

#job_select, #users{
  appearance: none; /* nasconde stile di default */
  padding: 0.5rem 1rem;
  border-width: 1px;
  border-style: solid;

  /* Usa un gradiente verticale per i bordi */
  border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent 100%) 1;
  background-color: white;
  color: #333;
  font-size: 1rem;
  border-radius: 6px;
}

/*mostrare il blocco di header e footer nelle stampe*/
#fs_legacy{display:block}

body {background-color: var(--bgColor);}

.htmlLogin {text-align:right}

#header {background-color:#5C5C5C; color:#BDBEC0; height:90px !important; }
#header_title{text-shadow: 4px 4px 4px #aaa;}

/*#content{min-height:100%;}*/
#logo a span{background-image:var(--logoFile); background-repeat:no-repeat; background-size:contain; padding: 0px; height:90px !important}
#login_info{padding-top:10px}
/*#container-header, #header {background: url("back-barra-top.jpg") repeat-x scroll 0% 0% transparent; height: 135px;}*/
#container-header, #header {background-color: var(--bgColor); color: #BDBEC0;}
#container-footer, #footer {background-color:var(--bgColor); color: var(--textColor); border-top: 1px solid transparent}
/*#customfooter {background: url("back-footer.jpg") repeat-x scroll 0% 0% transparent; height:250px}*/

#container-content,
#content {padding-bottom:10px; padding-top:10px}

#container-content,
#container-spacer {background-color: var(--bgColor) !important;}

.container-spacer, .spacer{display:none;}
#container-footer, .spacer {background-color:var(--bgColor);}

li.mosaic_cmp{border:1px solid #E3E3E3; margin: 2px; box-shadow:0px 0px 3px transparent}
li.mosaic_cmp:hover{border:1px solid #E3E3E3; margin: 2px; box-shadow:1px 1px 3px #E0E0E0}

#header_title, #login_info {color: var(--textColor)}

#job_summary {border:1px solid transparent;}
#job_summary tr:nth-child(even) {background-color: rgba(255,255,255,0.7)}
#job_summary tr:nth-child(odd) {background: rgba(0, 0, 0,0.1)}
#job_summary th{color:var(--themeColor); background-color:var(--contrastColor);}
#job_summary .summaryedit{background: rgba(255,255,255,0.1)!important}
#job_summary .summaryedit:hover{background: rgba(255,255,255,0.5)!important}
#box-rappresentante{border:1px solid #transparent;}
#totali{padding:5px; color: var(--themeColor); font-weight:bold; text-align:center; background-color: var(--contrastColor)}


#breadcrumb {background-color:transparent; height: 25px; }
/*#breadcrumb {background: url("breadcrumb.png") repeat-x scroll 0% 0% transparent; 
			border-radius: 5px; border-color: 10px solid #D5D5D5; height: 25px; padding:5px;
			}*/
#breadcrumb_text{padding-left:10px; color:var(--textColor); padding:0px 6px 0px 6px;}

/*link*/
#breadcrumb{margin-bottom:5px}
#breadcrumb a{text-decoration:none; color:var(--textColor); background-color:transparent}
#breadcrumb a:visited{text-decoration:none; color:var(--textColor); background-color:transparent}
#breadcrumb a:hover{text-decoration:none; color:var(--contrastColor); background-color:transparent}
#breadcrumb a:link{text-decoration:none;background-color:transparent}
#breadcrumb a:active{text-decoration:none;background-color:transparent}

#cmp_mosaic li{border:1px solid #E3E3E3}

a{text-decoration:none; color:var(--textColor); background-color:transparent; font-weight:400}
a:visited{text-decoration:none;color:var(--textColor); background-color:transparent; font-weight:400}
a:hover{text-decoration:none; color:var(--contrastColor); background-color:transparent; font-weight:400}
a:link{text-decoration:none;background-color:transparent; font-weight:400}
a:active{text-decoration:none;background-color:transparent; font-weight:400}

.hoverable 		{filter: var(--darkfilterColor)}
.hoverable:hover{filter: var(--contrastfilterColor)}

.htmlLoginItem a{text-decoration:none; color:var(--textColor); background-color:transparent; font-weight:400}}
.htmlLoginItem a:visited{text-decoration:none;color:var(--textColor); background-color:transparent; font-weight:400}
.htmlLoginItem a:hover{text-decoration:none; color:var(--contrastColor); background-color:transparent; font-weight:400}
.htmlLoginItem a:link{text-decoration:none; background-color:transparent; font-weight:400}
.htmlLoginItem a:active{text-decoration:none; background-color:transparent; font-weight:400}

.htmlHomeButton {background:url(../../img/home.svg); background-repeat:no-repeat; background-size:contain; width:24px;}
.htmlLogoutButton {background:url(../../img/exit.svg); background-repeat:no-repeat; background-size:contain; width:24px;}






div.toggle_selector{background-color:var(--themeColor)}

#link_tbl_ngcus,
#link_tbl_ngyrd,
#tbl_job_list,
#content,
#link_tbl_ngcom {background-color:var(--themeColor);}

#content {	padding:5px; 
			border:1px solid #DFDFDF;
			box-shadow: -10px 0 10px -6px var(--shadowColor), 10px 0 10px -6px var(--shadowColor);  /* ombra a sx,dxestra */ ;
		 }


#tbl_job,
#tbl_job th,
#tbl_job td{border:1px solid transparent}
 
#tbl_job th, 
#tbl_decommissioned_wt th,
#tbl_energy th,
#tbl_tee th,
#tbl_thermo th {padding:0px 5px; background-color:var(--contrastColor); color:var(--themeColor); padding-bottom:2px}

#tbl_tee a {color:var(--themeColor)}

/*Loader*/
#cmp_mosaic td.td_img,
select.loading {background:url(../../img/preloader.svg); background-repeat:no-repeat; background-size:50%; }
select.loading {filter: var(--darkfilterColor);}

#ajax_loader div{
		background:url(../../img/preloader.svg); background-repeat:no-repeat; background-size:contain; width:24px; 
		filter: var(--contrastfilterColor);}
#ajax_loader h2 {color:black;}   


/*Controlli per gli input */
input[type="text"], select,textarea { 
	padding: 3px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: var(--themeColor)FFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(var(--themeColor)FFF), color-stop(4%, #EEEEEE), to(var(--themeColor)FFF));
	background: -moz-linear-gradient(top, var(--themeColor)FFF, #EEEEEE 1px, var(--themeColor)FFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

input:hover, textarea:hover,
select:hover, select:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

#cmp_mosaic .description {height:24px; border-top:none;text-align:center;}
#cmp_mosaic .description div{height:19px;width:150px;overflow:hidden;}

.stars0 {background:url("margh0.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars1 {background:url("margh1.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars2 {background:url("margh2.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars3 {background:url("margh3.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars4 {background:url("margh4.png"); background-size:auto 16px; background-repeat:no-repeat;}
.stars5 {background:url("margh5.png"); background-size:auto 16px; background-repeat:no-repeat;}

#tbl_thermo td{border:1px solid transparent;}
#tbl_thermo th > a {background-color:#939395;} 
#tbl_nrm{border:1px solid #EDEDED; border-collapse:collapse}
#tbl_nrm > td {border-radius: 5px;}
td.currentnrm,
td.currentnrm>a {background-color: #00ACB6; border-radius: 5px; border-color: 1px solid black; color:var(--themeColor); font-weight:bold}