html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


/*** General ***/
body {color: #666;font: 1rem;font-family: 'Open Sans', sans-serif;background: #fff;}

	/* Typography */
	a 			{color: #666;text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	a:hover 	{color: #21aabd;}
	a:active	{outline: none;}
	p, dl, hr, h1, h2, h3,
	ol, ul, dd, pre, table, fieldset {margin-bottom: 20px;}
	h1, h2, h3, h4, h5, h6 {text-shadow: 0 1px 0 #fff;}
	h1 			{font-size: 32px;}
	h2 			{font-size: 28px;}
	h3 			{font-size: 26px;letter-spacing: -1px;}
	h4 			{font-size: 21px; ,margin-bottom:2px; color:#333; padding:1px; border-bottom: solid; border-bottom-color: #333; border-bottom-width: 1px;}
	h5 			{font-size: 18px;}
	h6 			{font-weight: normal;font-size: 16px;}
	
	/* Structure */
	#wrapper 		{width: 100%;margin: 0 auto;background:#fff; flex-direction: column; display: grid; place-items: center;  }
	#main 			{width: 98%;float:left; margin: auto;  }
	#content 		{width: 620px;float:left;}
	#content_full	{/*width: 1090px;*/width: 98%; 	float:left;}
	#footer			{/*width: 920px;*/ width:100%; float:left; margin: 0 auto; background:#FFF;}/*888*/

	
	
.meter_mio {
  
  margin: 0 auto;
  width: 150px;
  height: 40px;
  display: block;

}
	
	

/*TABLE*/
	table {border-collapse: collapse; width: 100%; z-index:1; }
    
    tr:nth-child(even){ background-color: #f2f2f2}
	th {/*background-color: #6caee0;*/background-color:#035e8d; color: white;}
    tbody tr.clickable:hover td { cursor: pointer;}

	
	
	

	
	



/*** Footer ***/
#footer 				{color: #666;}/*fff*/
#footer a 				{font: 14px; color:#666;}
#footer hr 				{ color:#000; border-color:#333; background-color:#333;}




/*boz dashboard*/
.box_dash {
	 float:left; border:solid 1px; width:33%;min-height:400px; max-height:400px; overflow:scroll;  margin:2px; flex-direction: column;
}
/**/




@media (min-width: 1200px) {

	

	/*#main 			{width:100%; float:left;padding: 1px 20px 1px 20px;}*/
	#content 		{width: 870px;float:left;}
	/*#content_full	{width: 100%; 	float:left;}*/
	/*#footer			{width:100%;float:left;padding: 30px 20px 10px 20px;}*/
	/*IMMAGINE IN HOME PAGE + LOGIN*/
	#imghome		{float:center;/* width:650px; height:650px;*/ width:90%; height:650px; background-image:url(../img/sfondo_home.jpg);}
	#loginhome	{float:center; max-width:475px;  border:solid; border-width:1px; margin:0 auto;}
	
	/*TABELLE*/
	th, td {text-align: left;padding: 8px;}
	#colonne-1		{float:left; width: 50%;margin: 0 auto;}
	#colonne-2		{float:left; width: 50%;margin: 0 auto;}
	
	
	
	
	
}

@media (min-width: 1024px) and (max-width: 1199px) {

	/* Structure 768 to 1000 */
	
	
	/*#main 			{width: 960px;float:left;padding: 1px 20px 1px 20px;}*/
	#content 		{width: 800px;float:left;  }
	/*#content_full	{width: 920px;float:left;}*/
	/*#content_full	{width: 100%; background-color: lightblue; float:left;}*/
	/*#footer			{width: 960px;float:left;padding: 30px 20px 10px 20px;}*/
	/*IMMAGINE IN HOME PAGE + LOGIN*/
	#imghome		{display:none;}
	#loginhome	{float:left; width:100%;  border:solid; border-width:1px;}
	
	/*boz dashboard*/
.box_dash {
	 float:left; border:solid 1px; width:49%;min-height:300px; max-height:400px; overflow:scroll; padding:10px;
}
/**/
	
	/*TABELLE*/
	th, td {text-align: left;padding: 8px;}
	#colonne-1		{float:left; width: 50%;margin: 0 auto;}
	#colonne-2		{float:left; width: 50%;margin: 0 auto;}

	
	
	/*CONTENITORE ETICHETTA TABELLE*/
	.etichetta_tabella_rossa{float:left; max-width:100px; height:15px; width:30%; background-color:#F00; font-color:#FFF; border:solid;}
	.etichetta_tabella_verde{float:left; max-width:100px; height:15px; width:30%; background-color:#090; font-color:#FFF; border:solid;}
	
	/* GRAFICO */
	.grafico 		{float:left; width: 960px; height: 400px;}
	.box_grafico_container{width: 960px; height: 430px;text-align:center;margin:0 auto;}
.box_grafico_titolo{  float: left; width: 960px; height: 30px;text-align:center;margin:0 auto;	border-bottom: solid #3B3B3B 1px;
						font-family: "Palatino Linotype"; font-size:1em; font-weight:bold; }

	
 
}

@media (min-width: 980px) and (max-width: 1000px) {

	/* Structure 768 to 1000 */
	
	
	/*#main 			{width: 920px;float:left;padding: 1px 20px 1px 20px;}*/
	#content 		{width: 470px;float:left;  }
	/*#content_full	{width: 900px;float:left;}*/
	/*#content_full	{width: 100%; background-color: lightblue; float:left;}*/
	/*#footer			{width: 920px;float:left;padding: 30px 20px 10px 20px;}*/
	/*IMMAGINE IN HOME PAGE + LOGIN*/
	#imghome		{display:none;}
	#loginhome	{float:left; width:100%;  border:solid; border-width:1px;}
	
	/*boz dashboard*/
.box_dash {
	 float:left; border:solid 1px; width:100%;min-height:300px; max-height:400px; overflow:scroll; padding:10px; margin:2px;
}
/**/
	
	/*TABELLE*/
	th, td {text-align: left;padding: 8px;}
	#colonne-1		{float:left; width: 50%;margin: 0 auto;}
	#colonne-2		{float:left; width: 50%;margin: 0 auto;}

	
	

	


 
}

@media (min-width: 768px) and (max-width: 980px) {

	/* Structure 768 to 1000 */
	
	
	/*#main 			{width: 708px;float:left;padding: 1px 20px 1px 20px;}*/
	#content 		{width: 470px;float:left;  }
	#content_full	{width: 680px;float:left;}
	/*#footer			{width: 708px;float:left;padding: 30px 20px 10px 20px;}*/
/*IMMAGINE IN HOME PAGE + LOGIN*/
	#imghome		{display:none;}
	#loginhome	{float:left; width:100%;  border:solid; border-width:1px;}
	
	
		/*boz dashboard*/
.box_dash {
	 float:left; border:solid 1px; width:100%;min-height:300px; max-height:400px; overflow:scroll; padding:10px; margin:2px;
}
/**/
	
	/*TABELLE*/
	th, td {text-align: left;padding: 8px;}
	#colonne-1		{float:left; width: 50%;margin: 0 auto;}
	#colonne-2		{float:left; width: 50%;margin: 0 auto;}

	
	
	

	
 
}

@media (max-width: 767px) {

	/* Structure  < 767 */
	
	
	/*#header 		{width:100%;padding: 10px 0 10px 0px; } 
	#header img		{ display:block;} */
	#content 		{width:100%;float:left;}
	#content_full	{width: 100%;float:left; }
	/*#footer			{width:100%;float:left;padding: 20px 0 0 0px;}*/
	
	
			/*boz dashboard*/
.box_dash {
	 float:left; border:solid; width:100%;min-height:300px; max-height:400px; overflow:scroll; 
}
/**/
	
	
	#footer p     {margin-left:10px;}
	/*IMMAGINE IN HOME PAGE + LOGIN*/
	#imghome		{display:none;}
	#loginhome	{float:left; width:50%;  border:solid; border-width:1px;}
	
	/*TABELLE*/
	th, td {text-align: left;padding: 0px; font-size:10px;}
	#colonne-1		{float:left; width: 100%;margin: 0 auto;}
	#colonne-2		{float:left; width: 100%;margin: 0 auto;}
	
	
}

@media (max-width: 480px) {
	
}