@CHARSET "ISO-8859-1";

@font-face {
    font-family: 'poppins';
    src: url(Fonts/Poppins.ttf);
}

html {
	font-family: poppins;
    height: 100%;
}

body{
	font-family: poppins;
	padding:0px;
	height: 100%;
	margin: 0px;
    background: #ffffff;
}

table {
	font-family: poppins;
  	border-spacing: 0px;  	
}

table td {
  	padding-left: 0px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header{
	height:40px;
	line-height:40px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */	
	font-family: poppins;	
	border-bottom: solid 3px #ccc;
}

.log_b{
	color:#24394C;
	font-family:poppins;
	font-size:14px;
}

.hmenu{
	position:absolute;
	cursor:pointer;
	font-weight:bold;
	color:#277C27;
	font-family:poppins;
	font-size:22px;
	left:100%;
	margin-top:90px;
	margin-left:-220px;
	color:#FFFFFF;
	z-index:6;
	display:none;
}

.show{
	height: 75px;
	width:100%;
	border-bottom: outset 5px #277C27;
	background: #EDF4F0;
	position:fixed;
	z-index:100;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.content{
	background-position: center bottom;
}

.logosun{
	width:50px;
	height:50px;
	position:absolute;
	margin-left:180px;
}

.logotitle{
	font-family: poppins;
	font-size:22px;
	margin-top:95px; 
	color:#24394C;
	text-align:right;
	margin-left:0px;	
	float:right;
}	

#wpanel{
	display:none;
	opacity:0;
	position:fixed;
	height:100%;
	width:100%;
	z-index:7;
	background-color:#FFFFFF;
}

#gpanel{
	position:fixed;
	background:#24394C;
	height: 300px;
	width: 620px;
	margin-left:50px;
	margin-top:10px;
	display:none;
	opacity:0;
	font-family:poppins;
	font-size:12px;
	padding:10px;
	padding-top:20px;
	z-index:6;
}

#gpanel2{
	position:fixed;
	background:#EDF4F0;
	height: 300px;
	width: 620px;
	margin-left:50px;
	margin-top:10px;
	display:none;
	opacity:0;
	font-family:poppins;
	font-size:12px;
	padding:10px;
	padding-top:20px;
	z-index:6;
}

#lcolumn{
	position:absolute;
	width:340px;
	height:500px;
	margin-top:25px;
	background: #EDF4F0; /* Old browsers */
	background: -moz-linear-gradient(left, #EDF4F0 2%, #EDF4F0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #EDF4F0 2%,#EDF4F0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #EDF4F0 2%,#EDF4F0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDF4F0', endColorstr='#EDF4F0',GradientType=1 );
	padding:10px;
}

#dcframe{
	position:absolute;
	width:540px;
	height:500px;
	margin-left:395px;
	margin-top:25px;
	/* background: #999; */
	padding:10px;
}

.hidpanel{
	
	display:none;
	opacity:0;
	width:400px;
	height:300px;
	background-color:white;
	position:fixed;
	left:50%;
	margin-left:-200px;
	margin-top:20px;
	-webkit-box-shadow: 0px 0px 16px -5px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 16px -5px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 16px -5px rgba(50, 50, 50, 1);
	z-index:8;
}

.label{
	color:#24394C;
	font-family: poppins;
	font-size:20px;
	text-align:right;
	width:150px;
	position:absolute;
}

.logtitle{
	position:absolute;
	margin-top:60px;
	left:50%;
	text-align:center;
	width:300px;
	margin-left:-150px;	
	font-family:poppins;
	font-size:22px;
	color:#277C27;	
}

.tbox{
	position:absolute;
	font-size:16px;
	font-family:poppins;
	padding-left:5px;
	color:#24394C;
	border:solid 1px #24394C;
}

.tbox:focus{
	box-shadow: 0 0 5px rgba(255, 255, 255, 1);
}

.logsubmit{
	border-radius:8px;
	border:solid 1px #24394C;
	color:#277C27;	
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edefef));
 	background: -webkit-linear-gradient(top,  #ffffff,  #edefef);
 	background: -moz-linear-gradient(top,  #ffffff,  #edefef);
 	background: -ms-linear-gradient(top,  #ffffff,  #edefef);
 	background: -o-linear-gradient(top,  #ffffff,  #edefef);
	font-size:16px;
	line-height:22px;
	height:22px;
	text-align:center;
	font-family:poppins;	
	cursor:pointer;
	width:100px;
	left:50%;
	margin-left:-50px;
	position:absolute;
	font-weight:bold;
}

.logsubmit:hover {
	 background: #ffffff;
	 background: -webkit-gradient(linear, left top, left bottom, from(#edefef), to(#ffffff));
	 background: -webkit-linear-gradient(top,  #edefef,  #ffffff);
	 background: -moz-linear-gradient(top,  #edefef,  #ffffff);
	 background: -ms-linear-gradient(top,  #edefef,  #ffffff);
	 background: -o-linear-gradient(top,  #edefef,  #ffffff);
	 background: linear-gradient(top,  #edefef,  #ffffff);
}

.genericButton{
	border-radius:8px;
	color:#24394C;
	border:solid 1px #24394C;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edefef));
 	background: -webkit-linear-gradient(top,  #ffffff,  #edefef);
 	background: -moz-linear-gradient(top,  #ffffff,  #edefef);
 	background: -ms-linear-gradient(top,  #ffffff,  #edefef);
 	background: -o-linear-gradient(top,  #ffffff,  #edefef);
	font-size:16px;
	line-height:28px;
	height:28px;
	text-align:center;
	font-family:poppins;	
	cursor:pointer;
	width:215px;
	position:absolute;
	font-weight:normal;
}

.genericButton:hover {
	 background: #ffffff;
	 background: -webkit-gradient(linear, left top, left bottom, from(#edefef), to(#ffffff));
	 background: -webkit-linear-gradient(top,  #edefef,  #ffffff);
	 background: -moz-linear-gradient(top,  #edefef,  #ffffff);
	 background: -ms-linear-gradient(top,  #edefef,  #ffffff);
	 background: -o-linear-gradient(top,  #edefef,  #ffffff);
	 background: linear-gradient(top,  #edefef,  #ffffff);
}

.closelog{
	left:100%;
	margin-left:-40px;
	margin-top:5px;"
	cursor:pointer;
	position:absolute;
	z-index:9;
}

.backleft{
	margin-left:65px;
	margin-top:-316px;
	cursor:pointer;
	position:absolute;
	z-index:9;
}

.vmenu{
	margin-top:30px;
	left:45%;
	width:180px;
	margin-left:-380px;
	background-color:white;
	position:absolute;
	border-top: solid 3px #EDF4F0;
	border-radius: 2px;
	padding-bottom:5px;
	-webkit-box-shadow: 0px 0px 16px -5px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 0px 16px -5px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 0px 16px -5px rgba(50, 50, 50, 0.4);
	visibility:hidden;
}

.vrow{
	height:40px;
	line-height:40px;
	font-size:14px;
	color: black;
	cursor:pointer;
	font-family:poppins;
	text-align:right;
	padding-right:5px;
	color:#24394C;
	border-bottom: solid .5px #EDF4F0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 47%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 47%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 47%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}

.vrow:hover{
	background: #277C27; /* Old browsers */
	background: -moz-linear-gradient(top, #98d16a 0%, #6db745 50%, #4da81c 51%, #82cc51 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #98d16a 0%,#6db745 50%,#4da81c 51%,#82cc51 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #98d16a 0%,#6db745 50%,#4da81c 51%,#82cc51 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d16a', endColorstr='#82cc51',GradientType=0 );
	color:white;
}

.wrap1{
	margin-top:100px;
	width:100%;
	position:absolute;
	padding-bottom:5px;
	padding-top:30px;
	font-family:poppins;
	color:#24394C;
	font-size:15px;
}

.p1{
	color:#24394C;
	font-family:poppins;
	margin-left:100px;
	margin-right:50px;
	font-size:18px;
	margin-top:10px;
	text-align:right;
}

.footer{
	background-color:#277C27;
	height:100px;
	border-top:solid 5px #EDF4F0;
}

.hidden{
	display:none;
}

.subrow{
	background: #EDF4F0; /* Old browsers */
	background: -moz-linear-gradient(top, #dbdbdb 0%, #eaeaea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #dbdbdb 0%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #dbdbdb 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#eaeaea',GradientType=0 );
	
}

#psubrow{
	overflow:auto;
	transition: 1s;
	height:0px;
}

#plantPhoto{
	margin-top:-145px;
	margin-left:0px;
	width:100%;
	height:100%;
	float:left;
	position:relative;
	z-index:11;
}

#plantInfo{
	margin-top:50px;
	margin-left:0%;
	margin-right:0%;
	width:100%;
	height:100%;
	float:left;	
	position:relative;
	z-index:12;
}

#plantInfoInv1{
	float:left;
	position:relative;
	width:300px;
	height:540px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
}

#plantInfoInv11{
	float:left;
	position:relative;
	width:300px;
	height:420px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

#plantInfoInv12{
	float:left;
	position:relative;
	width:300px;
	height:90px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

#plantInfoInv2{
	float:left;
	position:relative;
	width:710px;
	height:540px;
	margin-top:0px;
	margin-left:10px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

#plantInfoInv21{
	float:left;
	position:relative;
	width:710px;
	height:190px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
}

#plantInfoInv211{
	float:left;
	position:relative;
	width:100%;
	height:35%;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:0.8vw;
    font-weight:bold;
    text-align:center;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

@media screen and (min-width: 1580px) {
#plantInfoInv211{
	float:left;
	position:relative;
	width:100%;
	height:65px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:0.8vw;
    font-weight:bold;
    text-align:center;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
}

#plantInfoInv212{
	float:left;
	position:relative;
	width:690px;
	height:80px;
	margin-top:10px;
	margin-left:10px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

#plantInfoInv2121{
	float:left;
	position:relative;
	width:33%;
	height:76px;
	margin-top:4%;
	color:#24394C;
    font-size:1vw;
    font-weight:bold;
    text-align:center;
	border-right-style: solid;
	border-right-color: #FFF;
}

@media screen and (min-width: 1580px) {
#plantInfoInv2121{
	float:left;
	position:relative;
	width:33%;
	height:76px;
	margin-top:4%;
	color:#24394C;
    font-size:1vw;
    font-weight:bold;
    text-align:center;
	border-right-style: solid;
	border-right-color: #FFF;
}
}

#plantInfoInv2122{
	float:left;
	position:relative;
	width:33%;
	height:76px;
	margin-top:4%;
	color:#24394C;
    font-size:1vw;
    font-weight:bold;
    text-align:center;
	border-right-style: solid;
	border-right-color: #FFF;
}

@media screen and (min-width: 1580px) {
#plantInfoInv2122{
	float:left;
	position:relative;
	width:33%;
	height:76px;
	margin-top:4%;
	color:#24394C;
    font-size:1vw;
    font-weight:bold;
    text-align:center;
	border-right-style: solid;
	border-right-color: #FFF;
}
}


#plantInfoInv2123{
	float:left;
	position:relative;
	width:33%;
	height:76px;
	margin-top:4%;
	color:#24394C;
    font-size:1vw;
    font-weight:bold;
    text-align:center;
}

@media screen and (min-width: 1580px) {
#plantInfoInv2123{
	float:left;
	position:relative;
	width:33%;
	height:76px;
	margin-top:4%;
	color:#24394C;
    font-size:1vw;
    font-weight:bold;
    text-align:center;
}
}

#plantInfoInv22{
	float:left;
	position:relative;
	width:710px;
	height:340px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

#plantInfoInv221{
	float:left;
	position:relative;
	width:350px;
	height:340px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
}

#img21{
	background-image: url("img/pannello.png"); 
	position:absolute;
	z-index:10;
	padding:0px;
	left:35px;
	top:100px;
	width:100px;
	height:75px;
}

#img22{
	background-image: url("img/pannello.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:215px;
	top:100px;
	width:100px;
	height:75px;
}

#img201{
	background-image: url("img/pannello2.png"); 
	position:absolute;
	z-index:10;
	padding:0px;
	left:35px;
	top:100px;
	width:80px;
	height:60px;
}

#img202{
	background-image: url("img/pannello2.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:135px;
	top:100px;
	width:80px;
	height:60px;
}

#img203{
	background-image: url("img/pannello2.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:235px;
	top:100px;
	width:80px;
	height:60px;
}

#img2invab{
	background-image: url("img/invab.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:125px;
	top:210px;
	width:100px;
	height:75px;
}

#img2invcdg{
	background-image: url("img/invcdg.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:125px;
	top:210px;
	width:100px;
	height:75px;
}

#img2invf{
	background-image: url("img/invf.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:125px;
	top:210px;
	width:100px;
	height:75px;
}

#img2invij{
	background-image: url("img/invij.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:125px;
	top:210px;
	width:100px;
	height:75px;
}

#text21{
	position:absolute;
	z-index:11;
	padding:0px;
	left:10px;
	top:10px;
	width:155px;
	height:85px;
	font-size:14px;
	text-align:center;
}

#text22{
	position:absolute;
	z-index:11;
	padding:0px;
	left:185px;
	top:10px;
	width:155px;
	height:85px;
	font-size:14px;
	text-align:center;
}

#text201{
	position:absolute;
	z-index:11;
	padding:0px;
	left:10px;
	top:30px;
	width:125px;
	height:85px;
	font-size:10px;
	text-align:center;
}

#text202{
	position:absolute;
	z-index:11;
	padding:0px;
	left:110px;
	top:30px;
	width:125px;
	height:85px;
	font-size:10px;
	text-align:center;
}

#text203{
	position:absolute;
	z-index:11;
	padding:0px;
	left:210px;
	top:30px;
	width:125px;
	height:85px;
	font-size:10px;
	text-align:center;
}

#box21{
	background-image: url("img/blu_dx.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:65px;
	top:180px;
	width:45px;
	height:60px;
}

#box22{
	background-image: url("img/blu_sx.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:240px;
	top:180px;
	width:45px;
	height:60px;
}

#box201{
	background-image: url("img/blu_dx.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:50px;
	top:180px;
	width:45px;
	height:60px;
}

#box202{
	background-image: url("img/blu_down.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:160px;
	top:170px;
	width:30px;
	height:40px;
}

#box203{
	background-image: url("img/blu_sx.png");
	position:absolute;
	z-index:10;
	padding:0px;
	left:255px;
	top:180px;
	width:45px;
	height:60px;
}

#textSNfv{
	position:absolute;
	z-index:11;
	padding:0px;
	left:10px;
	top:290px;
	width:340px;
	height:20px;
	font-size:14px;
}

#textAggiornamentofv{
	position:absolute;
	z-index:11;
	padding:0px;
	left:10px;
	top:310px;
	width:340px;
	height:20px;
	font-size:14px;
}

#plantInfoInv222{
	float:left;
	position:relative;
	width:350px;
	height:340px;
	margin-top:0px;
	margin-left:10px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
}

#plantInfoInv2221{
	float:left;
	position:relative;
	width:350px;
	height:30px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
    text-align:center;
}

#plantInfoInv2222{
	float:left;
	position:absolute;
	width:285px;
	height:300px;
	margin-top:10px;
	margin-left:10px;
	color:#24394C;
    font-size:12px;
    font-weight:bold;
    top:35%;
    left:-6%;
}

@media screen and (min-width:1580px){
#plantInfoInv2222{
	float:left;
	position:absolute;
	width:420px;
	height:300px;
	margin-top:10px;
	margin-left:10px;
	color:#24394C;
    font-size:12px;
    font-weight:bold;
    top:45%;
    left:-1%;
}
}

#plantInfoAcc1{
	float:left;
	position:relative;
	width:95%;
	height:105%;
	margin-top:0px;
	margin-left:10px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#plantInfoAcc1b{
	float:left;
	position:relative;
	width:95%;
	height:92%;
	margin-top:0px;
	margin-left:10px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#plantInfoAcc11{
	float:left;
	position:relative;
	width:100%;
	height:100%;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:1vw;
    font-weight:bold;
}

@media screen and (min-width: 1580px) {
#plantInfoAcc11{
	float:left;
	position:relative;
	width:100%;
	height:100%;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:1vw;
    font-weight:bold;
}
}

#plantInfoAcc12{
	float:left;
	position:relative;
	width:300px;
	height:90px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

#plantInfoAcc2{
	float:right;
	position:relative;
	width:95%;
	height:105%;
	margin-top:0px;
	margin-right:-5%;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#plantInfoAcc21{
	float:left;
	position:relative;
	width:100%;
	height:70%;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    top: 5%;
}

#plantInfoAcc3{
	float:left;
	position:relative;
	width:108%;
	height:29%;
	margin-top:0px;
	margin-left:-2.2%;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    background-color: #EDF4F0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#plantInfoAcc30{
	float:left;
	position:relative;
	width:300px;
	height:10px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
}

#plantInfoAcc31{
	float:left;
	position:relative;
	width:300px;
	height:20px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}

#plantInfoAcc32{
	float:left;
	position:relative;
	width:100%;
	height:17%;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
}

#plantInfoAcc35{
	float:left;
	position:relative;
	width:100%;
	height:30%;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
}

#plantInfoAcc36{
	float:left;
	position:relative;
	width:100%;
	height:5%;
	margin-top:1%;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
}

#plantInfoAcc37{
	float:left;
	position:relative;
	width:100%;
	height:60%;
	margin-top:1%;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

#plantInfoAcc321{
	float:left;
	position:relative;
	width:85px;
	height:130px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

@media screen and (min-width: 1580px) {
#plantInfoAcc321{
	float:left;
	position:relative;
	width:120px;
	height:130px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}
}

#plantInfoAcc322{
	float:left;
	position:absolute;
	width:100%;
	height:110px;
	margin-top:20px;
	margin-left:5px;
	color:#24394C;
    font-size:12px;
    font-weight:bold;
    left:10%;
}

#plantInfoAcc33{
	float:left;
	position:relative;
	width:100%;
	height:20%;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
 }

#plantInfoAcc331{
	float:left;
	position:relative;
	width:85px;
	height:130px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    
}

@media screen and (min-width:1580px) {
#plantInfoAcc331{
	float:left;
	position:relative;
	width:120px;
	height:130px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    
}
}

#plantInfoAcc332{
	float:left;
	position:absolute;
	width:100%;
	height:110px;
	margin-top:20px;
	margin-left:5px;
	color:#24394C;
    font-size:12px;
    font-weight:bold;
    left:10%;
}

#plantInfoAcc34{
	float:left;
	position:relative;
	width:300px;
	height:240px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
	background-color:#EDF4F0;
    font-size:13px;
    font-weight:bold;
}

#plantInfoAcc341{
	float:left;
	position:relative;
	width:300px;
	height:20px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}

#plantInfoAcc342{
	float:left;
	position:relative;
	width:300px;
	height:190px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

#plantInfoGrAcc1{
	float:left;
	position:relative;
	width:100%;
	height:70.5%;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    
}

@media screen and (min-width:1580px){
#plantInfoGrAcc1{
	float:left;
	position:relative;
	width:100%;
	height:71%;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}  
}


#plantInfoGrAcc11{
	float:left;
	position:relative;
	width:100%;
	height:30px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    display: none;
}

#plantInfoGrAcc12{
	float:left;
	position:relative;
	width:100%;
	height:350px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    z-index: 30;
}

#plantInfoGrAcc13{
	float:left;
	position:relative;
	width:100%;
	height:140px;
	margin-top:3%;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    display:block;
}

#plantInfoGrAcc2{
	float:left;
	position:relative;
	width:100%;
	height:105%;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    background-color: #EDF4F0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: block;
}

#plantInfoGrAcc21{
	float:left;
	position:relative;
	width:100%;
	height:350px;
	margin-top:40px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
    display: block;
}

#plantInfoGrAcc22{
	float:left;
	position:relative;
	width:210px;
	height:25px;
	margin-top:40px;
	margin-left:0px;
	color:#24394C;
    font-size:13px;
    font-weight:bold;
}

#plantInfoGrAcc3{
	float:left; 
	position:relative;
	width:210px;
	height:70px;
	margin-top:15px;
	margin-left:10px;
	color:#24394C;
	font-size:13px;
    font-weight:bold;
    display:none;
}

#plantInfo0{
	float:left;
	position:relative;
	width:835px;
	height:25px;
	margin-top:5px;
	margin-left:25%;
	color:#24394C;
    font-size:24px;
    font-weight:bold;
    text-align:center;
}

#plantInfo00{
	float:left;
	position:relative;
	width:835px;
	height:25px;
	margin-top:10px;
	margin-left:25%;
	color:#24394C;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}

#plantInfoFull{
	float:left;
	position:relative;
	width:1055px;
	height:445px;
	margin-top:10px;
	margin-left:25%;
	color:#24394C;
    font-size:14px;
}

#plantInfoFullTotalGraph{
	float:left;
	position:relative;
	width:835px;
	height:445px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfoFullGraph{
	float:left;
	position:relative;
	width:835px;
	height:340px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
    z-index:12;
}

#plantInfoFullMenu{
	float:left;
	position:relative;
	width:200px;
	height:445px;
	margin-top:0px;
	margin-left:20px;
	color:#24394C;
    font-size:14px;
    z-index:11;
}

#plantInfoFullDown{
	float:left;
	position:relative;
	width:835px;
	height:95px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo1{
	float:left;
	position:relative;
	width:1055px;
	height:200px;
	margin-top:6px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
    display:block;
}

#plantInfo11{
	float:left;
	position:relative;
	width:345px;
	height:200px;
	margin-top:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo12{
	background:#edefef;
	float:left;
	position:relative;
	width:345px;
	height:200px;
	margin-top:0px;
	margin-left:10px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo121{
	float:left;
	position:relative;
	width:345px;
	height:120px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo122{
	cursor:pointer;
	float:left;
	position:relative;
	width:345px;
	height:70px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:12px;
    font-weight:bold;
}

#StatoImpianto {
	border-width: thin;
	border-radius:5px;
	margin-left:auto; 
	margin-right:auto;
}

#StatoImpianto td{
	border:0.5px solid #FFFFFF;
	border-width: thin;
}

#plantInfo13{
	background:#EDF4F0;
	float:left;
	position:relative;
	width:345px;
	height:200px;
	margin-top:0px;
	margin-left:10px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo131{
	background:#EDF4F0;
	float:left;
	position:relative;
	width:345px;
	height:15px;
	margin-top:5px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
    text-align:center;
}

#plantInfo132{
	cursor:pointer;
	background:#EDF4F0;
	float:left;
	position:relative;
	width:345px;
	height:170px;
	margin-top:5px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo2{
	background:#EDF4F0;
	float:left;
	position:relative;
	width:345px;
	height:300px;
	margin-top:10px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo21{
	float:left;
	position:relative;
	width:345px;
	height:20px;
	margin-top:5px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
    text-align:center;
}

#plantInfo22{
	float:left;
	position:relative;
	width:345px;
	height:130px;
	margin-top:5px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo221{
	cursor:pointer;
	float:left;
	position:relative;
	width:110px;
	height:130px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo222{
	float:left;
	position:relative;
	width:230px;
	height:60px;
	margin-top:35px;
	margin-left:5px;
	color:#24394C;
    font-size:12px;
    font-weight:bold;
}

#plantInfo23{
	float:left;
	position:relative;
	width:345px;
	height:130px;
	margin-top:5px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#plantInfo231{
	cursor:pointer;
	float:left;
	position:relative;
	width:110px;
	height:130px;
	margin-top:0px;
	margin-left:0px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
    z-index: 21;
}

#plantInfo232{
	float:left;
	position:relative;
	width:230px;
	height:60px;
	margin-top:35px;
	margin-left:5px;
	color:#24394C;
    font-size:12px;
    font-weight:bold;
    z-index: 21;
}

#plantInfo3{
	background-image: url("img/sfondo.png");
	float:left;
	position:relative;
	width:700px;
	height:300px;
	margin-top:10px;
	margin-left:10px;
	color:#24394C;
    font-size:14px;
    font-weight:bold;
}

#imgRete{
	position:absolute;
	z-index:10;
	padding:0px;
	left:0%;
	top:29%;
}

#imgRete2{
	position:absolute;
	z-index:10;
	padding:0px;
	left:0%;
	top:25%;
}

@media screen and (min-width: 1580px){
#imgRete{
	position:absolute;
	z-index:10;
	padding:0px;
	left:5%;
	top:29%;
}
}
@media screen and (min-width: 1580px){
#imgRete2{
	position:absolute;
	z-index:10;
	padding:0px;
	left:15%;
	top:27%;
}
}


#imgProduzione{
	position:absolute;
	z-index:10;
	padding:0px;
	left:30%;
	top:5%;
}

#imgProduzione2{
	position:absolute;
	z-index:10;
	padding:0px;
	left:60%;
	top:5%;
}

@media screen and (min-width: 1580px) {
#imgProduzione{
	position:absolute;
	z-index:10;
	padding:0px;
	left:35%;
	top:5%;
}
}

@media screen and (min-width: 1580px) {
#imgProduzione2{
	position:absolute;
	z-index:10;
	padding:0px;
	left:55%;
	top:5%;
}
}

#imgConsumo{
	position:absolute;
	z-index:10;
	padding:0px;
	left:30%;
	top:61%;
}

#imgConsumo2{
	position:absolute;
	z-index:10;
	padding:0px;
	left:60%;
	top:61%;
}

@media screen and (min-width: 1580px){
#imgConsumo{
	position:absolute;
	z-index:10;
	padding:0px;
	left:35%;
	top:61%;
}
}

@media screen and (min-width: 1580px){
#imgConsumo2{
	position:absolute;
	z-index:10;
	padding:0px;
	left:55%;
	top:61%;
}
}

#imgBatteria{
	position:absolute;
	z-index:10;
	padding:0px;
	left:75%;
	top:31%;
}

@media screen and (min-width:1580px){
#imgBatteria{
	position:absolute;
	z-index:10;
	padding:0px;
	left:75%;
	top:30%;
}
}

#textProduzione{
	position:absolute;
	z-index:11;
	padding:0px;
	left:30%;
	top:-1%;
	font-size:0.8vw;
	text-align:center;
}

#textProduzione2{
	position:absolute;
	z-index:11;
	padding:0px;
	left:60%;
	top:-1%;
	font-size:0.8vw;
	text-align:center;
}


@media screen and (min-width: 1580px) {
#textProduzione{
	position:absolute;
	z-index:11;
	padding:0px;
	left:35%;
	top:1%;
	font-size:0.8vw;
	text-align:center;
}
}

@media screen and (min-width: 1580px) {
#textProduzione2{
	position:absolute;
	z-index:11;
	padding:0px;
	left:55%;
	top:1%;
	font-size:0.8vw;
	text-align:center;
}
}

#boxImmissione{
	background-image: url("img/green_sx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:6%;
	top:15%;
	width:81px;
	height:117px;
}

#boxImmissioneNone{
	background-image: url("img/grey_sx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:6%;
	top:15%;
	width:81px;
	height:117px;
}

@media screen and (min-width:1580px) {
#boxImmissione{
	background-image: url("img/green_sx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:10%;
	top:15%;
	width:81px;
	height:117px;
}
}

@media screen and (min-width:1580px) {
#boxImmissioneNone{
	background-image: url("img/grey_sx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:10%;
	top:15%;
	width:81px;
	height:117px;
}
}

#boxImmissione2{
	background-image: url("img/green_sx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:24%;
	top:14%;
	width:94px;
	height:111px;
}

#boxImmissioneNone2{
	background-image: url("img/grey_sx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:24%;
	top:14%;
	width:94px;
	height:111px;
}

@media screen and (min-width: 1580px){
#boxImmissione2{
	background-image: url("img/green_sx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:27%;
	top:14%;
	width:94px;
	height:111px;
}
}

@media screen and (min-width: 1580px){
#boxImmissioneNone2{
	background-image: url("img/grey_sx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:27%;
	top:14%;
	width:94px;
	height:111px;
}
}

#textImmissione2{
	position:absolute;
	z-index:11;
	padding:0px;
	left:15%;
	top:10%;
	font-size:0.8vw;
}

#textImmissione{
	position:absolute;
	z-index:11;
	padding:0px;
	left:3%;
	top:8%;
	font-size:0.8vw;
}

#boxPrelievo{
	background-image: url("img/green_dx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:6%;
	top:47%;
	width:73px;
	height:91px;
}

#boxPrelievoNone{
	background-image: url("img/grey_dx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:6%;
	top:47%;
	width:73px;
	height:91px;
}

@media screen and (min-width:1580px){
#boxPrelievo{
	background-image: url("img/green_dx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:10%;
	top:47%;
	width:73px;
	height:91px;
}
}

@media screen and (min-width:1580px){
#boxPrelievoNone{
	background-image: url("img/grey_dx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:10%;
	top:47%;
	width:73px;
	height:91px;
}
}

#boxPrelievo2{
	background-image: url("img/green_dx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left: 24%;
    top: 40%;
    width: 94px;
    height: 111px;
}

#boxPrelievoNone2{
	background-image: url("img/grey_dx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left: 24%;
    top: 40%;
    width: 94px;
    height: 111px;
}

@media screen and (min-width:1580px) {
#boxPrelievo2{
	background-image: url("img/green_dx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left: 27%;
    top: 45%;
    width: 94px;
    height: 111px;
}
}

@media screen and (min-width:1580px) {
#boxPrelievoNone2{
	background-image: url("img/grey_dx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left: 27%;
    top: 45%;
    width: 94px;
    height: 111px;
}
}

#textPrelievo{
	position:absolute;
	z-index:11;
	padding:0px;
	left:7%;
	top:64%;
	font-size:0.8vw;
}

#textPrelievo2{
	position:absolute;
	z-index:11;
	padding:0px;
	left:18%;
	top:62%;
	font-size:0.8vw;
}

#boxAutoconsumo{
	background-image: url("img/green_down_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:44%;
	top:19%;
	width:40px;
	height:193px;
}

#boxAutoconsumoNone{
	background-image: url("img/grey_down_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:44%;
	top:19%;
	width:40px;
	height:193px;
}

#boxAutoconsumo2{
	background-image: url("img/green_down_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:73%;
	top:19%;
	width:40px;
	height:220px;
}

#boxAutoconsumoNone2{
	background-image: url("img/grey_down_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:73%;
	top:19%;
	width:40px;
	height:220px;
}

@media screen and (min-width: 1580px){
#boxAutoconsumo2{
	background-image: url("img/green_down_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:64%;
	top:21%;
	width:40px;
	height:220px;
}
}

@media screen and (min-width: 1580px){
#boxAutoconsumoNone2{
	background-image: url("img/grey_down_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:64%;
	top:21%;
	width:40px;
	height:220px;
}
}

#textAutoconsumo{
	position:absolute;
	z-index:11;
	padding:0px;
	left:36%;
	top:35%;
	font-size:0.8vw;
	background-color:#EDF4F0;
}

#textAutoconsumo2{
	position:absolute;
	z-index:11;
	padding:0px;
	left:66%;
	top:35%;
	font-size:0.8vw;
	background-color:#EDF4F0;
}

@media screen and (min-width: 1580px){
#textAutoconsumo{
	position:absolute;
	z-index:11;
	padding:0px;
	left:37%;
	top:35%;
	font-size:0.8vw;
	background-color:#EDF4F0;
}
}

@media screen and (min-width: 1580px){
#textAutoconsumo2{
	position:absolute;
	z-index:11;
	padding:0px;
	left:56%;
	top:35%;
	font-size:0.8vw;
	background-color:#EDF4F0;
}
}

#textPercentuale{
	position:absolute;
	z-index:11;
	padding:0px;
	left:66%;
	top:42%;
	font-size:0.8vw;
	text-align:center;
}

#textPercentuale2{
	position:absolute;
	z-index:11;
	padding:0px;
	left:66%;
	top:42%;
	font-size:0.8vw;
	text-align:center;
	display:none;
}

#boxCarica{
	background-image: url("img/green_dx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:58%;
	top:15%;
	width:77px;
	height:94px;
}

#boxCaricaNone{
	background-image: url("img/grey_dx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:58%;
	top:15%;
	width:77px;
	height:94px;
}

@media screen and (min-width: 1580px){
#boxCarica{
	background-image: url("img/green_dx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:63%;
	top:15%;
	width:77px;
	height:94px;
}
}

@media screen and (min-width: 1580px){
#boxCaricaNone{
	background-image: url("img/grey_dx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:63%;
	top:15%;
	width:77px;
	height:94px;
}
}


#textCarica{
	position:absolute;
	z-index:11;
	padding:0px;
	left:72%;
	top:8%;
	font-size:0.8vw;
	text-align:right;
}

#boxScarica{
	background-image: url("img/green_sx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:58%;
	top:47%;
	width:81px;
	height:93px;
}

#boxScaricaNone{
	background-image: url("img/grey_sx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:58%;
	top:47%;
	width:81px;
	height:93px;
}

@media screen and (min-width:1580px){
#boxScarica{
	background-image: url("img/green_sx_move.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:63%;
	top:47%;
	width:81px;
	height:93px;
}
}

@media screen and (min-width:1580px){
#boxScaricaNone{
	background-image: url("img/grey_sx_stop.gif");
	position:absolute;
	z-index:10;
	padding:0px;
	left:63%;
	top:47%;
	width:81px;
	height:93px;
}
}

#textScarica{
	position:absolute;
	z-index:11;
	padding:0px;
	left:72%;
	top:64%;
	font-size:0.8vw;
	text-align:right;	
}

#textConsumo{
	position:absolute;
	z-index:11;
	padding:0px;
	left:30%;
	top:76%;
	font-size:0.8vw;
	text-align:center;
}

#textConsumo2{
	position:absolute;
	z-index:11;
	padding:0px;
	left:60%;
	top:76%;
	font-size:0.8vw;
	text-align:center;
}

@media screen and (min-width: 1580px){
	#textConsumo{
	position:absolute;
	z-index:11;
	padding:0px;
	left:35%;
	top:76%;
	font-size:0.8vw;
	text-align:center;
}
}

@media screen and (min-width: 1580px){
	#textConsumo2{
	position:absolute;
	z-index:11;
	padding:0px;
	left:55%;
	top:76%;
	font-size:0.8vw;
	text-align:center;
}
}


#textSN{
	position:absolute;
	z-index:11;
	padding:0px;
	left:25%;
	top:83%;
	font-size:0.8vw;
	display:none;
}

#textAggiornamento{
	position:absolute;
	z-index:11;
	padding:0px;
	left:10%;
	top:85%;
	font-size:0.8vw;
	display:block;
}

#dateButton{
	float:left;
	position:relative; 
	width:70px; 
	height:30px; 	
	margin-top:5px;
	margin-left:70px;
	color:#24394C;
    font-size:20px;
    font-weight:bold;
	background-color:#EDF4F0;

	line-height: 30px;
	text-align:center;
	border-radius:100px;	
}

#dateButton:hover{
	background-color:#3F9E56;
}

#dateButton2{
	background-color:#aaaaaa; 
	color:#ffffff; 
	position:relative; 
	float:left; 
	margin-top:3px; 
	margin-left:0px; 
	margin-bottom:3px; 
	margin-right:0px; 
	width:200px; 
	height:20px; 
	line-height: 20px;
	text-align:center;
	border-radius:3px;	
	cursor:pointer;
	border-radius:3px;
	border:solid 1px #999999;
}

#dateButton2:hover{
	background-color:#999999;
}

select{
	margin-bottom:5px;
	width:100%;
}

#NotesFullDown {
	width:100%;
	background:#ffffff;
	/*border-radius:5px;*/
	/*box-shadow:1px 1px 3px #000000;*/
	margin-left:auto; 
	margin-right:auto;
	font-family:poppins;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#HeadFullDown {
	background:#EDF4F0;
	width:800px;
	height:25px;
	line-height: 20px;
	font-size:13px;
	color:#24394C;
	text-align:center;
}

#BodyFullDown {
	width:800px;
	height:115px;
	line-height: 25px;
	font-size:10px;
	text-align:center;
}

@media screen and (min-width:1580px) {
#BodyFullDown {
	width:800px;
	height:115px;
	line-height: 25px;
	font-size:13px;
	text-align:center;
}
}

#BodyFullDown td{
	border:0.5px solid #EDF4F0;
	border-width: thin;
}

#NotesFullRight {
	width:210px;
	height:348px;
	border: 1px solid #24394C;
	background:#ffffff;
	/*border-radius:5px;*/
	/*box-shadow:1px 1px 3px #000000;*/
	margin-left:auto; 
	margin-right:auto;
	font-family:poppins;
}

#HeadFullRight {
	background:#EDF4F0;
	width:210px;
	height:24px;
	line-height: 20px;
	font-size:13px;
	color:#24394C;
	text-align:center;
}

#BodyFullRight {
	width:210px;
	/* height:235px; */
	line-height: 20px;
	font-size:13px;
	text-align:left;
}

#BodyFullRight td{
	border:0.5px solid #EDF4F0;
	border-width: thin;
	padding-left:1px;
}

#HeadFullRight2 {
	background:#EDF4F0;
	width:210px;
	height:24px;
	line-height: 20px;
	font-size:13px;
	color:#24394C;
	text-align:center;
}

#BodyFullRight2 {
	width:210px;
	/* height:65px; */
	line-height: 20px;
	font-size:13px;
	text-align:left;
}

#BodyFullRight2 td{
	border:0.5px solid #EDF4F0;
	border-width: thin;
	padding-left:1px;
}

@-moz-document url-prefix() {#BodyFullRight {height:235px;}}
@-moz-document url-prefix() {#BodyFullRight2 {height:65px;}}

#PlantMenu {
	width:85%;
	height:25px;
	background:#ffffff;
	margin-left:auto; 
	margin-right:auto;
	font-family:poppins;
	border:0.5px solid #277C27;	
	border-width: thin;
	display: revert;
	margin-top: 2%;
}

#HeadPlantMenu {
	background:#277C27;
	width:700px;
	height:25px;
	line-height: 25px;
	font-size:16px;
	color:#ffffff;
	text-align:center;
}

#HeadPlantMenu th{
	border:0.5px solid #EDF4F0;
	border-width: thin;
	padding:5px;
}

#BodyPlantMenu {
	width:700px;
	height:30px;
	line-height:30px;
	font-size:14px;
	text-align:center;
}

#BodyPlantMenu td{
	border:0.5px solid #EDF4F0;
	border-width: thin;
	padding-left:5px;	
	height:30px;
	line-height:30px;
}

#BodyPlantMenu tr:hover{
	cursor:pointer;
	background: #EDF4F0;
}

#NotesFullAlarm {
	width:600px;
	height:25px;
	border: 1px solid black;
	background:#ffffff;
	border-radius:5px;
	box-shadow:1px 1px 3px #24394C;
	margin-left:auto; 
	margin-right:auto;
	font-family:poppins;	
}

#HeadFullAlarm {
	background:#EDF4F0;
	width:600px;
	height:25px;
	line-height: 25px;
	font-size:13px;
	color:#ffffff;
	text-align:left;
}

#HeadFullAlarm th{
	border:0.5px solid #EDF4F0;
	border-width: thin;
	padding:5px;
}

#BodyFullAlarm {
	width:600px;
	height:0px;
	line-height: 25px;
	font-size:13px;
	text-align:left;
}

#BodyFullAlarm td{
	border:0.5px solid #EDF4F0;
	border-width: thin;
	padding:5px;
}

#NotesFullVisDet {
	width:600px;
	height:25px;
	border: 1px solid black;
	background:#ffffff;
	border-radius:5px;
	box-shadow:1px 1px 3px #24394C;
	margin-left:auto; 
	margin-right:auto;
	font-family:poppins;	
}

#HeadFullVisDet {
	background:#EDF4F0;
	width:600px;
	height:25px;
	line-height: 25px;
	font-size:13px;
	color:#000000;
	text-align:center;
}

#HeadFullVisDet th{
	border:0.5px solid #EDF4F0;
	border-width: thin;
	padding:5px;
}

#BodyFullVisDet {
	width:600px;
	height:0px;
	line-height: 25px;
	font-size:13px;
	text-align:center;
}

#BodyFullVisDet td{
	border:0.5px solid #EDF4F0;
	border-width: thin;
	padding:5px;
}

#TableNumbers {
	color:#277C27;
	font-size:20px;
}

.jqplot-highlighter{
	background-color:#EDF4F0;
    color: #24394C;
    font-size: 12px;
    z-index: 30;
}

.jqplot-highlighter0{
	background-color:#EDF4F0;
    color: #24394C;
    font-size: 12px;
    z-index: 30;
}

.jqplot-highlighter2{
	background-color:#ffffff;
    color: #277C27;
    font-size:14px;
    text-align: center;
    border: 1px solid #24394C;
    border-radius: 6px;
    width:100px;
    height:30px;
    top: -15px;
    right: -15px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 21;
}

.tooltiprequest {
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.tooltiprequest .tooltiprequesttext {
    visibility: hidden;
    width: 600px;
    background-color: #ffffff;
    color: #24394C;
    text-align: left;
    border: 1px solid #24394C;
    border-radius: 6px;
    padding: 2px 0;
    font-size:14px; 
    overflow-y:auto; 
    transition-property:visibility; 
    transition-delay:0.1s;   
    
    /* Position the tooltip */
    position: absolute;
    z-index: 31;
}

.tooltiprequest:hover .tooltiprequesttext {
  visibility: visible;
}

#TableTooltipRequest {
	color: #24394C;
	width: 596px;
	border: 1px solid #EDF4F0;
	margin-left: 2px;
	margin-right: 2px;		
}

#TableTooltipRequest th {
	border: 1px solid #EDF4F0;
    padding: 0px 5px;
    background-color: #EDF4F0;
    text-align: center;
    font-weight:bold;	
}

#TableTooltipRequest td {
	border: 1px solid #EDF4F0;
    padding: 0px 5px;
    text-align: left;	
}

.tooltipicon {
	cursor:pointer;
    position: relative;
    display: inline-block;
}

.tooltipicon .tooltiptexticon {
    visibility: hidden;
    heigth: 145px;
    max-height: 145px;
    background-color:#ffffff;
    color: #277C27;
    text-align: center;
    border: 1px solid #24394C;
    border-radius: 6px;
    padding: 2px 0;
    font-size:14px;
    line-height: 20px;
    overflow-y:auto;
    transition-property:visibility; 
    transition-delay:0.1s;
    width: 220px;
    top: 100%;
    left: 50%;
    margin-left: -110px; /* Use half of the width (120/2 = 60), to center the tooltip */
    
    /* Position the tooltip */
    position: absolute;
    z-index: 21;
}

.tooltipicon:hover .tooltiptexticon {
    visibility: visible;
}

.tooltip {
	cursor:pointer;
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    heigth: 145px;
    max-height: 145px;
    background-color:#ffffff;
    color: #277C27;
    text-align: center;
    border: 1px solid #24394C;
    border-radius: 6px;
    padding: 2px 0;
    font-size:14px;
	bottom: -20%;
    left: 105%; 
    overflow-y:auto;
    transition-property:visibility; 
    transition-delay:0.1s;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 21;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip2 {
	cursor:pointer;
    position: relative;
    display: inline-block;
}

.tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 400px;
    heigth: 140px;
    max-height: 140px;
    background-color:#ffffff;
    color: #277C27;
    text-align: center;
    border: 1px solid #24394C;
    border-radius: 6px;
    padding: 2px 0;
    font-size:14px;
	bottom: 10%;
    right: 110%; 
    overflow-y:auto; 
    transition-property:visibility; 
    transition-delay:0.1s;   
    
    /* Position the tooltip */
    position: absolute;
    z-index: 31;
}

.tooltip2:hover .tooltiptext2 {
    visibility: visible;
}

.tooltip3 {
	cursor:pointer;
    position: relative;
    display: inline-block;
}

.tooltip3 .tooltiptext3 {
    visibility: hidden;
    width: 400px;
    heigth: 230px;
    max-height: 230px;
    background-color:#ffffff;
    color: #277C27;
    text-align: center;
    border: 1px solid #24394C;
    border-radius: 6px;
    padding: 2px 0;
    font-size:14px;
	bottom: -20%;
    right: 105%; 
    overflow-y:auto; 
    transition-property:visibility; 
    transition-delay:0.1s;   
    
    /* Position the tooltip */
    position: absolute;
    z-index: 31;
}

.tooltip3:hover .tooltiptext3 {
    visibility: visible;
}

.tooltip4 {
	cursor:pointer;
    position: relative;
    display: inline-block;
}

.tooltip4 .tooltiptext4 {
    visibility: hidden;
    width: 400px;
    heigth: 230px;
    max-height: 230px;
    background-color:#ffffff;
    color: #277C27;
    text-align: center;
    border: 1px solid #24394C;
    border-radius: 6px;
    padding: 2px 0;
    font-size:14px;
	top: -20%;
    right: 105%; 
    overflow-y:auto; 
    transition-property:visibility; 
    transition-delay:0.1s;   
    
    /* Position the tooltip */
    position: absolute;
    z-index: 31;
}

.tooltip4:hover .tooltiptext4 {
    visibility: visible;
}

.tooltip5 {
	cursor:pointer;
    position: relative;
    display: inline-block;
}

.tooltip5 .tooltiptext5 {
    visibility: hidden;
    width: 400px;
    heigth: 500px;
    max-height: 500px;
    background-color:#ffffff;
    color: #277C27;
    text-align: center;
    border: 1px solid #24394C;
    border-radius: 6px;
    padding: 2px 0;
    font-size:14px;
	top: -25%;
    left: 105%; 
    overflow-y:auto; 
    transition-property:visibility; 
    transition-delay:0.1s;   
    
    /* Position the tooltip */
    position: absolute;
    z-index: 31;
}

.tooltip5:hover .tooltiptext5 {
    visibility: visible;
}

#TableTooltip {
	color: #24394C;
	width:396px;
	border: 1px solid #EDF4F0;
	margin-left: 2px;
	margin-right: 2px;		
}

#TableTooltip th {
	border: 1px solid #EDF4F0;
    padding: 0px 5px;
    background-color: #EDF4F0;
    text-align: center;
    font-weight:bold;	
}

#TableTooltip td {
	border: 1px solid #EDF4F0;
    padding: 0px 5px;
    text-align: left;	
}

.ui-tabs {
	width:795px;
	height:345px;
}

.ui-tabs-nav{
  	font-size: 9.5px;
}

.ui-tabs-panel{
  	font-size: 14px;
}

.jqplot-target {
  	color:#24394C !important;
	margin-top: 7%;

} 

@media screen and (min-width: 1580px) {
.jqplot-target {
  	color:#24394C !important;
	margin-top: 5%;

} 
}

.strAC1{
	width:55px;
	height:24px;
	line-height:24px;
	font-size:14px;
	font-family:poppins;
	text-align:center;
	color:red;
	background-color:#EDF4F0;
	border: solid 1px #EDF4F0;
	border-radius:3px;
	cursor:pointer;
	position:absolute;
	z-index:6;
}


.strAC1:hover{
	background-color:#277C27
}

.button{
	width:55px;
	height:24px;
	line-height:24px;
	font-size:14px;
	font-family:poppins;
	text-align:center;
	color:white;
	background-color:#EDF4F0;
	border: solid 1px #EDF4F0;
	border-radius:3px;
	cursor:pointer;
	position:absolute;
	z-index:6;
}


.button:hover{
	background-color:#277C27
}

.sel_b{
	background-color:#277C27
}

#dc_b{
	margin-left:168px;
}

.str_b{
	margin-top:233px;
	width: 110px;
	height:24px;
	line-height:24px;
	font-size:14px;
	background-color:#277C27;
	position:absolute;
	left: 100%;
	margin-left:-130px;
	display:none;
}

.opt_b{
	width: 140px;
	margin-top:-40px;
	height:24px;
	line-height:24px;
	font-size:14px;
	position:absolute;
	left: 100%;
	margin-left:-160px;
	z-index:6;
}

#inv_b{
	margin-left:84px;
}

#chartdiv1{
	width:100%;
	height:250px;
	margin-top: 20px;
	text-align:center;
}

#chartdiv2{
	width:100%;
	height:250px;
	margin-top: 20px;
	text-align:center;
}

#chartdiv3{
	width:100%;
	height:250px;
	margin-top: 20px;
	text-align:center;
}

#chartdiv4{
	width:100%;
	height:250px;
	margin-top: 20px;
	text-align:center;
}

#chartdiv5{
	width:100%;
	height:250px;
	margin-top: 20px;
	text-align:center;
}

#chartdivdc{
	width:100%;
	height:220px;
	margin-top: 10px;
	text-align:center;
}

#chartdivdc2{
	width:100%;
	height:220px;
	margin-top: 10px;
	text-align:center;
}

.inverter{
	background: #EDF4F0; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f7ed 0%, #d6d6be 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f7ed 0%,#d6d6be 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f7ed 0%,#d6d6be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7ed', endColorstr='#d6d6be',GradientType=0 );
	width: 115px;
	height: 30px;
	border-radius:2px;
	float:left;
	margin-top:20px;
	margin-right:3px;
	border: solid 1px #EDF4F0;
	cursor:pointer;
	color:#24394C;
}

.string{
	background: #EDF4F0; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f7ed 0%, #d6d6be 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f7ed 0%,#d6d6be 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f7ed 0%,#d6d6be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7ed', endColorstr='#d6d6be',GradientType=0 );
	width: 70px;
	height: 20px;
	border-radius:2px;
	float:left;
	margin-top:20px;
	margin-right:3px;
	border: solid 1px #EDF4F0;
	cursor:pointer;
	color:#24394C;
}

.inverter:hover{
	color:#24394C;
}

.invlabel{
	font-size:9px;
	line-height:10px;
	font-weight:bold;
	position:absolute;
}

.string:hover{
	color:#24394C;
	background: #EDF4F0; /* Old browsers */
	background: -moz-linear-gradient(top, #e5e8de 0%, #c4c2ae 89%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e5e8de 0%,#c4c2ae 89%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e5e8de 0%,#c4c2ae 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e8de', endColorstr='#c4c2ae',GradientType=0 );
}


.lsema_g{
	background: #277C27; /* Old browsers */
	background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
	width:5px;
	height:5px;
	border-radius:5px;
	-webkit-box-shadow: 1px 1px 4px 2px rgba(155,255,105,1);
	-moz-box-shadow: 1px 1px 4px 2px rgba(155,255,105,1);
	box-shadow: 1px 1px 4px 2px rgba(155,255,105,1);
}

.lsema_y{
	background: #EDF4F0; /* Old browsers */
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
	width:8px;
	height:8px;
	border-radius:8px;
	-webkit-box-shadow: 1px 1px 4px 2px rgba(255,255,25,0.9);
	-moz-box-shadow: 1px 1px 4px 2px rgba(255,255,25,0.9);
	box-shadow: 1px 1px 4px 2px rgba(255,255,25,0.9);
}

.lsema_r{
	background: #277C27; /* Old browsers */
	background: -moz-linear-gradient(top, #ff2121 1%, #f25932 50%, #e80606 51%, #f92f2f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff2121 1%,#f25932 50%,#e80606 51%,#f92f2f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff2121 1%,#f25932 50%,#e80606 51%,#f92f2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2121', endColorstr='#f92f2f',GradientType=0 );
	width:8px;
	height:8px;
	border-radius:8px;
	-webkit-box-shadow: 1px 1px 4px 2px rgba(255,25,25,1);
	-moz-box-shadow: 1px 1px 4px 2px rgba(255,25,25,1);
	box-shadow: 1px 1px 4px 2px rgba(255,25,25,1);
}

.legenda{
	background-color: #ffffff;
	height:122px;	
	position:absolute;
	margin-left:450px;
	float:right;
	margin-top:-200px;
	border: solid 3px #ffffff;
	padding:10px;
	line-height:9px;
	font-size:13px;
	width:115px;
	display:none;
}

.legendmark{
	cursor:pointer;
	width:9px;
	height:9px;
	border:solid 1px #24394C;
	margin-right:5px;
	float:left;
	line-height:14px;
}

.legendlabel{
	cursor:pointer;
	float:left;
}

.legendlabel:hover{
	color:#277C27;
}

.pansumm{
	position:absolute;
	margin-top:0px;
	margin-left:60px;
}

#nuser_b{
	width: 115px;
	position:relative;
	float:right;
	margin-top:-3px;
	background-color:#277C27;
}

.t_user{
	width:550px;	
	margin-left:25px;
	font-family:poppins;
}

.t_head{
	color:#277C27;
	font-size:20px;
}

.message{
	z-index:9;
	position:absolute;
	opacity:0;
	background-color:#277C27;
	font-family:poppins;
	text-align:center;
	color:white;
	height:40px;
	line-height:40px;
	margin-top:10px;
	font-size:20px;
	width:100%;
}

.tr-b-bottom td{
	border-bottom: 0.5px solid #24394C;
}

.tr-bottom td{
	border-bottom: 0.5px solid #24394C;
}


.tr-bottom:hover td{
	background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(102,102,102,0) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(102,102,102,0) 60%,rgba(0,0,0,0) 100%);
}
		
.logohead{
	width:225px;
	height:50px;		
	/* margin-left:44%; */
	margin-left:30px;
	margin-top:13px;
	background-image:url(img/logo_sunflower.png);
	position:absolute;
}

.logoEN{
	width:32px;
	height:32px;
	background-image:url(img/UnitedKingdom.png);	 
	position:absolute;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:300px;
	margin-top:0px;
	position:absolute;
	cursor:pointer;			
}

.logoIT{
	width:32px;
	height:32px;
	background-image:url(img/Italy.png);	 
	position:absolute;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:340px;
	margin-top:0px;
	position:absolute;
	cursor:pointer;			
}

.logoier{
	width:205px;
	height:50px;
	background-image:url(img/logo_ier.png);	 
	position:absolute;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:-235px;
	margin-top:13px;
	z-index:4;
	left:100%;			
}

.plantData{	
	width:205px;
	height:50px; 
	position:absolute;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:-400px;
	margin-top:130px;
	z-index:15;
	left:100%;	
}

.dashpanel{
	margin:2%;
	margin-top:0px;
	width:44%;
	min-width:450px;
	display:block;
	float:left;
	height:500px;
	display:none;
	position:relative;
	text-align:left;
}

.dashpaneluser{
	margin:2%;
	margin-top:0px;
	width:44%;
	min-width:450px;
	display:block;
	float:left;
	height:340px;
	display:none;
	position:relative;
	text-align:left;
}

.dashpaneluser2{
	width:100%;
	min-width:1280px;
	float:left;
	height:90%;
	min-height:400px;
	display:none;
	position:relative;
	text-align:center;
}

.dashpanel1{
	margin:2%;
	width:44%;
	min-width:450px;
	display:block;
	float:left;
	height:340px;
	display:none;
	position:relative;
	text-align:left;
}

.dashpanel2{
	margin:2%;
	width:92%;
	min-width:940px;
	display:block;
	float:left;
	height:340px;
	display:none;
	position:relative;
	text-align:left;
}

#invchartdiv{
	width:100%;
	height:220px;
	margin-top: 10px;
	text-align:center;
}

#conschartdiv{
	width:100%;
	height:220px;
	margin-top: 10px;
	text-align:center;
}

#invchartdiv2{
	width:430px;
	height:220px;
	margin-top:20px;
}

#invlist{
	margin-top:15px;
} 

#UTForm{
	font-size:13px;
	font-family:poppins;
	margin-top:120px;
	margin-left:20px;
}

#UTFbutton{
	float:right;
	margin-left:440px;
	width:120px;
	background-color:#277C27;
}

#UTF{
	width:600px;
	margin-left:-300px;
	position:absolute;
	margin-top:20px;
	left:50%;
	background-color:white;
	height:260px;
	display:none;
	opacity:0;
	transition:0.75s;
	z-index:9;
}

#greendiv{
	margin-top:20px;
	position:relative;
}

.icon{
	position:absolute;
	font-weight:bold;
	font-family:poppins;
}

#tree{
	width:28%;
	left:4%;
}

#co2{
	width:28%;
	left:36%;
}

#baril{
	width:28%;
	left:68%;
	
}

#greenhistbutton{
	margin-top:230px;
}

.invblock{
	width:100%;
	position:relative;
	display:block;
	height:180px;
}

.invblock:hover{
	background-color:#24394C;
	cursor:pointer;	
}

.invcol{
	margin-top:20px;
	height:100%;
	width:80px;
	position:absolute;
	text-align:center;
	color:white;
	font-size:10px;
	float:left;
}

.stringdiv{
	margin-top:20px;
	margin-left:80px;
	position:absolute;
	width:230px;
	display:block;
	float:left;
}

.invicon{
	width:28px;
	left:50%;
	margin-left:-15px;
	position:absolute;
	margin-top:10px;
}

#stringinfo{
	margin-top:50px;
	height:150px;
}

#stringpanel{
	position:absolute;
	width:250px;
	height:400px;
	margin-top:-150px;
	margin-left:300px;
	float:right;
}

fieldset { 
    display: block;
    margin-top:-18px;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    /*border: 2px groove (internal value);*/
    border: 1px solid;
  	border-radius: 10px;
}

.quadrato_giallo {
	width:12px;
	height:12px;
	background:#f0b74d;
}

.quadrato_verde {
	width:12px;
	height:12px;
	background:#008000;
}

.quadrato_rosso {
	width:12px;
	height:12px;
	background:#ef4c4c;
}

.quadrato_viola {
	width:12px;
	height:12px;
	background:#50008f;
}

.legend_text{
	font-size:12px;
	font-style:italic;
}

#nav {
	cursor:pointer;
	position:absolute;
    border-bottom:5px solid #277C27;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin-top:105px;
    font-family:poppins;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#nav, #nav ul {
    list-style:none;
    padding:10px;
    width:100%;
}
#nav ul {
    position:relative;
    z-index:-1;
}
#nav li {
    position:relative;
    z-index:100;
}
#nav ul li {
    margin-top:-27px;
    -moz-transition:  0.4s linear 0.4s;
    -ms-transition: 0.4s linear 0.4s;
    -o-transition: 0.4s linear 0.4s;
    -webkit-transition: 0.4s linear 0.4s;
    transition: 0.4s linear 0.4s;
}
#nav li a {
    background-color:#FFF;
    color:#24394C;
    display:block;
    font-size:16px;
    line-height:32px;
    outline:0;
    padding-left:19px;
    text-decoration:none;
}
#nav li a.sub {
    background:#EDF4F0 url("../css/img/down.png") no-repeat;
}
#nav li a + img {
    cursor:pointer;
    display:none;
    height:32px;
    left:0;
    position:absolute;
    top:0;
    width:200px;
}
#nav li a img {
	cursor:pointer;
    border-width:0px;
    height:18px;
    line-height:32px;
    margin-right:12px;
    vertical-align:middle;
    width:18px;
}
#nav li a:hover {
    /*background-color:#EDF4F0;*/
    background-color:#3F9E56;
}
#nav ul li a {
    background-color:#ffffff;
    border-bottom:1px solid #ccc;
    color:#24394C;
    font-size:13px;
    line-height:26px;
}
#nav ul li a:hover {
    /*background-color:#EDF4F0;*/
    background-color:#3F9E56;
    color:#24394C;
}
#nav ul li a img {
    border-width:0px;
    height:18px;
    line-height:26px;
    margin-right:5px;
    vertical-align:middle;
    width:18px;
}
#nav ul li:nth-child(odd) a img {

}
#nav a.sub:focus {
    background:#EDF4F0;
    outline:0;
}
#nav a:focus ~ ul li {
    margin-top:0;

    -moz-transition:  0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linears;
    -webkit-transition: 0.4s linears;
    transition: 0.4s linear;
}
#nav a:focus + img, #nav a:active + img {
    display:block;
}
#nav a.sub:active {
    background:#EDF4F0;
    outline:0;
}
#nav a:active ~ ul li {
    margin-top:0;
}
#nav ul:hover li {
    margin-top:0;
}

#suntitle {
	cursor:default;
	position:absolute;
    border:1px solid #24394C;
    box-shadow:1px 1px 3px #24394C;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    list-style:none;
    padding:0;
    width:200px;
    display: none;
}    

#suntitle ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width:200px;
    position:relative;
    z-index:-1;
}

#suntitle li a {
    display: block;
    /*background-color:#EDF4F0;*/
    background-color:#3F9E56;
    color:#24394C;
    text-decoration: none;
    font-size:14px;
    font-weight:bold;
    height:62px; 
    line-height:15.5px;
    outline:0;
    vertical-align:middle;
}

#suntitle li a img{
	float: left; 
	padding: 15px 10px 15px 10px;
	cursor:default;
    border-width:0px;
    width:32px;
    height:32px;
    display:inline-block;
    line-height:32px;
    vertical-align:middle;
}

.jqplot-meterGauge-label {
    color: #24394C;
    margin-top: 5px;
}

.jqplot-meterGauge-tick {
    color:#24394C;
}

input[type="text"]{
    font-family:poppins;
    color:#24394C;
    width:200px;
    margin-left: 0px;
}

input[type="password"]{
    color:#24394C;
    width:200px;
}

input[type="number"]{
    font-family:poppins;
    color:#24394C;
    width:150px;
}

select option{
    font-family:poppins;
    color:#24394C;
    width:150px;
}

#topnav{
  background-color: #EDF4F0;
  padding:8px;
  margin-right: 8px;
  color: #000;
  text-decoration: none;
  font-size:10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  
}

#topnav:focus {
   background-color: #3F9E56;
   color: white;
   padding:8px;
   margin-right: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  
}

#topnav:active {
   background-color: #3F9E56;
   color: white;
   padding:8px;
   margin-right: 8px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  
}

#topnav:hover {
   background-color: #3F9E56;
   padding:8px;
   margin-right: 8px;
   color: white;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
   
}

.btn {
  padding: 8px;
  background-color: #EDF4F0;
  cursor: pointer;
  margin-right: 8px;
  text-decoration: none;
  font-size:10px;
}

/* Style the active class (and buttons on mouse-over) */
.active, .btn:hover {
  background-color: #3F9E56;
  color: white !important;
}

.box {
  width: 20vw;
  height: 60vh;
  border-radius: 5px;
  box-shadow: 0 2px 30px rgba(black, 0.2);
  background: darken(#eff3f9,20%);
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  min-width: 200px;
  min-height: 350px;
}

.wave {
  opacity: 0.3;
  position: absolute;
  top: 120%;
  left: 50%;
  background: white;
  width: 500px;
  height: 500px;
  margin-left: -250px;
  margin-top: -250px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 3000ms infinite linear;
  z-index: 1;
}

.wave.-three {
  animation: drift 5000ms infinite linear;
  z-index: 2 !important;
  opacity: 0.2;
}

.wave.-two {
  animation: drift 7000ms infinite linear;
  opacity: 0.1;
  z-index: 3 !important;
}

.box:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  transform: translate3d(0, 0, 0);
}

@keyframes drift {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}

.info {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 45%;
  z-index: 4;
}

.location {
  text-align: center;
  font-weight: 800;
}

.date {
  text-align: center;
  margin-top: 5%;
  color: lighten(grey, 10%);
  font-size: 70%;
}

.temp {
  margin-top: 10%;
  text-align: center;
}

.weathercon {
  height: 55%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3em;
}

@media (max-width: 600px) {
  .box {
    width: 90vw;
    height: 80vh;
  }

  .wave {
    top: 85%;
  }

  .weathercon {
    font-size: 5em;
  }

  .info {
    font-size: 1.5rem;
  }
}

@media (max-height: 500px) {
  .box {
    height: 80vh;
  }

  .wave {
    top: 115%;
  }
}

#topnav1 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav2 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav3 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav9 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav4 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav44 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav8 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav5 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav6 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav7 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav10 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav11 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#topnav12 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#myDiv.fullscreen{
    z-index: 9999; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
 }
 
 #textAggiornamento2 {
 margin-top:6%;
 }
 
 @media screen and (min-width:1580px){
 #textAggiornamento2 {
 position:static;
 font-size:16px;
 top:20%;
 margin-top:6%;
 }
 }
 
 
 #confronto {
 position:absolute;
 top:50%;
 left:2%; 
 }

@media screen and (min-width:1580px){
 #confronto {
 position:absolute;
 top:61%;
 left:14%; 
 font-size:16px;
 }
}

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  margin-bottom:2%;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button:active {
  background-color: #ddd;
}

.myclassact {
  background-color: #000;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tabcontent.active {
  display: block;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

@media screen and (min-width:1900px){
	.forecast {
	margin-left:3%;
	}
}

@media screen and (max-width:1899px){
.forecast {
	margin-left:0%;
	}
}

#plantInfoGrAcc13b {
	display:none;
}

#plantInfoGrAcc13b2 {
	display:none;
}

#plantInfoGrAcc13b3 {
	display:none;
}

#plantInfoGrAcc13b4 {
	display:none;
}

#plantInfoGrAcc13b5 {
	display:none;
}

#Giorno {
	height:400px;
}

@media screen and (min-width:1850px){
#Giorno {
	height:450px;
}
}

#Vita {
	height:400px;
}

@media screen and (min-width:1850px){
#Vita {
	height:450px;
}
}

#Settimana {
	height:403px;
}

@media screen and (min-width:1850px){
#Settimana {
	height:445px;
}
}

#Mese {
	height:400px;
}

@media screen and (min-width:1850px){
#Mese {
	height:450px;
}
}

#Anno {
	height:403px;
}

@media screen and (min-width:1850px){
#Anno {
	height:445px;
}
}

#SelectDate {
	display:none;
}

.show1 {
	display:block;
	font-family: poppins;
}
.show2 {
	display:none;
	font-family: poppins;
}
.show3 {
	display:none;
	font-family: poppins;
}
.show4 {
	display:none;
	font-family: poppins;
}
.show5 {
	display:none;
	font-family: poppins;
}
.show6 {
	display:none;
	font-family: poppins;
}
.show7 {
	display:none;
	font-family: poppins;
}
.show8 {
	display:none;
	font-family: poppins;
}
.show9 {
	display:none;
	font-family: poppins;
}

.show10 {
	display:none;
	font-family: poppins;
}
.rectangle {
	height: 50px;
	width: 20%;
	background-color: #3F9E56;
	position: absolute;
	left: 79.45%;
	top: 73%;
	padding: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	font-size:10px;
}

@media screen and (max-width:1480px){
	.rectangle {
	height: 50px;
	width: 20%;
	background-color: #3F9E56;
	position: absolute;
	left: 79.25%;
	top: 73%; 
	padding: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	font-size: 12px;
}
}

.vvvv {
	background-color: #FFF;	
}

table.jqplot-table-legend {
display: block;
width: 65%;
overflow-x: hidden;
overflow-y: hidden;
margin-left: 5%;
}

table.jqplot-table-legend2 {
display: block;
width: 65%;
overflow-x: hidden;
overflow-y: hidden;
margin-left: 5%;
}

jqplot-highlighter-tooltip{
	z-index:1000;
}

@media screen and (min-width: 1580px) {
#rectangol{
	margin-top:0%;
	margin-left:4%;
	width: 90%;
    height: 100px;
    background-color: #3F9E56;
    color: #FFF;
	box-shadow: 0 4px 8px 0 rgba(230, 22, 22, 0.2);
}
}

@media screen and (max-width: 1580px) {
#rectangol{
	width: 90%;
    height: 100px;
    background-color: #3F9E56;
    color: #FFF;
    margin-left: 3%;
    box-shadow: 0 4px 8px 0 rgba(230, 22, 22, 0.2);
}
}
    
@media screen and (min-width: 1580px) {
#rectangol2{
text-shadow: 2px 2px rgba(230, 22, 22, 0.2);
margin-left: 13%;
margin-top: 12%;
font-size:18px;
}
}

@media screen and (max-width: 1580px) {
#rectangol2{
text-shadow: 2px 2px rgba(230, 22, 22, 0.2);
margin-left: 13%;
margin-top: 17%;
}
}

@media screen and (min-width: 1580px) {
#rectangol3{
text-shadow: 2px 2px rgba(230, 22, 22, 0.2);
margin-left: 6%;
margin-top: 11%;
font-size:18px;
}
}

@media screen and (max-width: 1580px) {
#rectangol3{
text-shadow: 2px 2px rgba(230, 22, 22, 0.2);
margin-left: 6%;
margin-top: 11%;
}
}

@media screen and (min-width: 1580px) {
#rectangol4{
text-shadow: 2px 2px rgba(230, 22, 22, 0.2);
margin-left: 3%;
margin-top: -8%;
font-size:18px;
}
}

@media screen and (max-width: 1580px) {
#rectangol4{
text-shadow: 2px 2px rgba(230, 22, 22, 0.2);
margin-left: 3%;
margin-top: -8%;
}
}


#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 24%; /* Full width (cover the whole page) */
  height: 63%; /* Full height (cover the whole page) */
  top: 20%;
  left: 0%;
  right: 0%;
  bottom: 20%;
  background-color: #FFF; /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  overflow-y: scroll;
  overflow-x: hidden;
}

#overlayClose {
  position: fixed;
display: none;
width: 24%;
height: 5%;
top: 15%;
left: 0%;
right: 0%;
bottom: 20%;
z-index: 2;
cursor: pointer;
background-color: #000;
display: block;
font-size: 24px;
color: white;
}

#overlayShow {
  position: fixed;
display: none;
width: 5%;
height: 5%;
top: 15%;
left: 0%;
right: 0%;
bottom: 20%;
z-index: 2;
cursor: pointer;
background-color: #000;
display: block;
font-size: 24px;
color: white;
}

#myInputStyle {
  background-image: url('/css/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 50%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 5px solid #277C27;
  margin-bottom: 12px;
}