@CHARSET "ISO-8859-1";

body{
	padding:0px;
	margin: 0px;	
	background-image:url(img/greenbackground.jpg);
}

table {
  	border-spacing: 0px;
}

@font-face {
    font-family: 'cali';
    src: url(Fonts/CALIBRI.TTF);
}

@font-face {
    font-family: 'strong';
    src: url(Fonts/FORTE.TTF);
}

@font-face {
    font-family: 'gotico';
    src: url(Fonts/GOTHIC.TTF);
}

.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: gotico;	
	border-bottom: solid 3px #ccc;
}

.log_b{
	position:absolute;
	cursor:pointer;
	font-weight:bold;
	color:#50c736;
	font-family:gotico;
	font-size:22px;
	margin-top:65px;
	margin-left:40px;
	color:white;
	z-index:6;
}

.hmenu{
	position:absolute;
	cursor:pointer;
	font-weight:bold;
	color:#50c736;
	font-family:gotico;
	font-size:22px;
	left:100%;
	margin-top:65px;
	margin-left:-220px;
	color:white;
	z-index:6;
	display:none;
}

.show{
	height: 50px;
	width:100%;
	border-bottom: solid 5px #50c736;
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top, #e0e0e0 1%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e0e0e0 1%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e0e0e0 1%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position:fixed;
	z-index:9;
}

.content{
	background-position: center bottom;
	/*)border-top: solid 3px #b4a698;*/
}

.sunflower{
	font-family: strong;
	position:absolute;
	font-size:40px;
	margin-top:-5px;
	color:#50c736;
}

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

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

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

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

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

#lcolumn{
	position:absolute;
	width:340px;
	height:500px;
	margin-top:25px;
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(left, #666666 2%, #777777 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #666666 2%,#777777 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #666666 2%,#777777 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#777777',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:#ffffff;
	font-family: gotico;
	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:arial;
	font-size:22px;
	color:#50c736;	
}

.tbox{
	position:absolute;
	font-size:16px;
	font-family:gotico;
	padding-left:5px;
	color:#333;
	border:solid 1px #ffffff;
}

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

.logsubmit{
	border-radius:2px;
	background-color:white;
	color:#94cb61;
	font-size:16px;
	line-height:22px;
	height:22px;
	text-align:center;
	font-family:gotico;	
	cursor:pointer;
	width:100px;
	left:50%;
	margin-left:-50px;
	position:absolute;
	font-weight:bold;
}

.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 #ccc;
	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:arial;
	text-align:right;
	padding-right:5px;
	color:#ffffff;
	border-bottom: solid .5px #eee;
	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: #98d16a; /* 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%;
	/*background-color:white;*/
	position:absolute;
	/*border-top: solid 3px #ccc;
	border-radius: 2px;*/
	padding-bottom:5px;
	padding-top:30px;
	/*-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);*/
	font-family:arial;
	color:#ffffff;
	font-size:15px;
}

.p1{
	color:#ffffff;
	font-family:gotico;
	margin-left:120px;
	margin-right:50px;
	font-size:18px;
	margin-top:10px;
	text-align:right;
}

.footer{
	background-color:#50c736;
	height:100px;
	border-top:solid 5px #b4a698;
}

.hidden{
	display:none;
}

.subrow{
	background: #dbdbdb; /* 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{
	width:50%;
	height:250px;
	float:left;	
}

#plantInfo{
	margin-top:0px;
	margin-left:20px;
	height:200px;
	float:left;	
	text-align:left;
}

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


.strAC1:hover{
	background-color:#f7c80b
}

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


.button:hover{
	background-color:#f7c80b
}

.sel_b{
	background-color:#f7c80b
}

#dc_b{
	margin-left:168px;
}

.str_b{
	margin-top:233px;
	width: 110px;
	height:24px;
	line-height:24px;
	font-size:14px;
	background-color:#f7c80b;
	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: #f4f7ed; /* 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 #ccc;
	cursor:pointer;
	color:#666;
}

.string{
	background: #f4f7ed; /* 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 #ccc;
	cursor:pointer;
	color:#666;
}

.inverter:hover{
	color:#ED9E00;
}

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

.string:hover{
	color:#ED9E00;
	background: #e5e8de; /* 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: #bfd255; /* 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: #fceabb; /* 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: #ff2121; /* 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: #fffff4;
	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 #333;
	margin-right:5px;
	float:left;
	line-height:14px;
}

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

.legendlabel:hover{
	color:#ED9E00;
}

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

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

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

.t_head{
	color:#50c736;
	font-size:20px;
}

.message{
	z-index:9;
	position:absolute;
	opacity:0;
	background-color:#50c736;
	font-family:arial;
	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 #ccc;
}

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


.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%);
}

.logoier{
	width:150px;
	height:50px;
	background-image:url(img/logo.png);	 
	position:absolute;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left:-170px;
	z-index:4;
	left:100%;			
}
		
.logohead{
	width:420px;
	height:50px;		
	margin-left:30px;
	background-image:url(img/logopowerstar.png);
	position:absolute;
}

.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;
}

.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:cali;
	margin-top:120px;
	margin-left:20px;
}

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

#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:cali;
}

#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:#888;
	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;
}