@media (orientation: portrait){ 
body {
  background-image: url("Landscape.png");
  background-repeat: no-repeat;
   background-size: 100% auto;

}
div.tdleft{display: none	}
div.tdright{display: none	}
div.divforgetpass{display: none	}
div.forgetpass{display: none	}
div.footerright{display: none	}

div.page{display: none	}
div.tilledash1_report1{ display: none }



div.button_print{display: none}


}

@media (orientation: landscape)and (min-width:320px) and (max-width : 595px){
		body {
  background-image: url("left2.png");
  background-repeat: repeat-y;

}
.con_img {width: 70%;height: auto}
.connect_gauge{position: fixed;width:80%;	height:auto;margin-left:22%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_dash{position: fixed;width:80%;	height:auto;margin-left:19%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_report{position: fixed;width:80%;	height:auto;margin-left:31%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }
/* print gozaresh ------------------------------------------------------------------------------*/

.tilledash1_report1{ position: absolute;  background-color:#ffffff; height:auto;width:100%;margin-top:15%; margin-left:0%;  }

.page_report{ position: absolute;  height: 100.2%;width:100%;margin-top:0%; margin-left:-1%; }


.title_p{ position: absolute;  height:100px;width:100%;margin-top:-10%; margin-left:0%; font-family:IRANYekanBold; font-size:90%; color:#fff; }
.low_p{ position: absolute;width: 30%;height: 30%; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.header_p{ position: absolute;width: 100%;height:auto; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:65%; color:#000;}
.logoheaddash_p{	 position: absolute;	width:35%;	height:auto;	 margin-left:-40%;	 margin-top: 4%; }

.footer{	display: none}
.print_p{position: absolute;margin-left:10%;margin-top:-1%;width:5%;   height:30px;  z-index:99;}
.img_btnres_p{margin-right:100%;margin-top:0px;width:15px ;height:15px;}
.button_print{
  background-color: #8db499;
    border: none;
    color: white;
    width:0%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 60%;
}
.button_print:active{
	border: 0px;
}

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 60px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 20px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:35%;height:100px;margin-left:30%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		

.logoheaddash_gauge{	 position: absolute;	width:40%;	height:auto;	 margin-left:71%;	 margin-top: -25%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 1.5%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 6px;}
.exit { position: absolute;	 margin-left:5%;	 margin-top: -3%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	
	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:35%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 10px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:90%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:-10%;z-index:1;font-family: IRANYekanBold;font-size: 5px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:75%; font-size:5px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:22%;  top:10px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:5px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}
#forgot-password {position: absolute;margin-left:3%;margin-top:10%;width: 90%;height: 25px; background-color: #4c976a;opacity: 0.8;border: 1px solid rgba(255, 255, 255, 0.12);box-sizing: border-box;border-radius: 4px;transition-duration: 0.4s;cursor: pointer;color: #fff;font-family: IRANYekanBold;font-size: 10px; padding:5px;}
 #forgot-password:hover {background: #4c976a;opacity: 1;}						

/* admin_user -------------------------------------------------------------------------------*/
		
.title_peygham{ position: absolute; background-color:#8db39a; height: 30px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 6px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:14%;width:13%;   height:40px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:46%;width:13%;   height:50px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:14%;width:30%;   height:40%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:20px; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:20%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:30%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:30%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:30%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:30%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:30%; }
 .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:15px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
::placeholder {     opacity: 0.5;font-size: 6px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }


/* report -----------------------------------------------------------------------------------*/

.tilledash_report{ position: absolute; background-color:#ffffff; height: 165px;width:87%;margin-top:17%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 15px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:-1%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:5px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%; }
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:3.5%; margin-left:82%; z-index:1;font-family:IRANYekanBold; font-size:5px;color:#6d977f;text-align:right;  }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:15px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 4px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:15px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 4px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:15%;margin-top:3.5%; margin-left:43%; z-index:1;font-family:IRANYekanBold; font-size:5px;color:#6d977f;text-align:right;}
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:5px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:-5% ;font-family:IRANYekanBold; font-size:4px;}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-12%; background-color:blue; z-index:1; }
.report_ex1{position: absolute;width :10px;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:3.5%;margin-top:-5%;width:13%;   height:20px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%;} 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 18%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 8px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-12%;width:13%;   height:auto;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:10px ;height:10px;}
 
 .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}






 table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 3px;
			min-width: 100%;
		}
		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
	/* gauge -----------------------------------------------------------------------------------*/

	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 125px;width:40%;margin-top:12%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 125px;width:40%;margin-top:12%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:115px;width:86%;margin-top:34%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.copyright_gauge{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 6px;}
.divcopyrightdash_gauge{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

  .container3 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:2%; margin-left:0%;  z-index:99;    width: 100%; }


.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:6px;color:#fff;text-align:right;padding:2px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:6px;color:#fff;text-align:right;padding:2px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:6px;color:#fff;text-align:right;padding:2px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:7%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.div_combo_select_device{ position: absolute;   height: 25%;width:22%;margin-top:0%; margin-right:23%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 25%;width:22%;margin-top:0%; margin-right:52%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:0%;width:13%;   height:100%;  z-index:97 }
 


		/* dashboard -----------------------------------------------------------------------------------*/



.page{ position: absolute;  height: 100.6%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 30px;width:101.2%;margin-top: -1%; margin-left:-1%;z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:71%;	 margin-top: -25px;}
.divlogoheaddash{position: absolute;  margin-top: 10px;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 6px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 1%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 6px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 10px;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 6px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:3px; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 14%;     height: 30px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:65%;margin-top:23px; color:white;font-family:IRANYekanBold; font-size:2px; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:55%;margin-top:26px; z-index:98; font-family:IRANYekanBold; font-size:2px;color:#fff;}
.hi{position: absolute;margin-left:5%;margin-top:23px; color:white;font-family:IRANYekanBold; font-size:2px; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:2%;margin-top:26px;z-index:98 ; font-family:IRANYekanBold; font-size:2px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:10px; color:white;font-family:IRANYekanBold; font-size:7px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#fff; height: 75%;width:87%;margin-top:9%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:5%; margin-left:0%;   overflow: auto;  }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height: 100%;width:5.2%;margin-top:0%; margin-left:95%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 10px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 6px;}
.gauge{ position: absolute;width: 100%;height: 35px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }

.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}

.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 

/* LOGIN -----------------------------------------------------------------------------------*/
	
.tdright{ position: absolute;  height: 100%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 8px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size:5px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:30%;
	margin-top: 40%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 5px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:90%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:25%;
                            width: 90%;
                            height: 15px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 6px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:82%;
	margin-top:8%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:60%;
	margin-top:10%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 3px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 5px;
        height: 5px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:10%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 3px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 5px; 
	
}

.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 60%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 80%;
  	 margin-left:10%;

}
input 				{

  font-size:4px;
  padding:7px 7px 7px 7px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:4px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:72%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-5px;
  font-size:4px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:4px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:75%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-5px;
  font-size:4px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}

.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
	  	
	  	
  
	  	
  
}
@media (orientation: landscape)and (min-width:596px) and (max-width : 666px){
		body {
  background-image: url("left2.png");
  background-repeat: repeat-y;

}
.con_img {width: 70%;height: auto}
.connect_gauge{position: fixed;width:80%;	height:auto;margin-left:22%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_dash{position: fixed;width:80%;	height:auto;margin-left:19%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_report{position: fixed;width:80%;	height:auto;margin-left:31%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }
/* print gozaresh ------------------------------------------------------------------------------*/

.tilledash1_report1{ position: absolute;  background-color:#ffffff; height:auto;width:100%;margin-top:15%; margin-left:0%;  }

.page_report{ position: absolute;  height: 100.2%;width:100%;margin-top:0%; margin-left:-1%; }


.title_p{ position: absolute;  height:100px;width:100%;margin-top:-10%; margin-left:0%; font-family:IRANYekanBold; font-size:90%; color:#fff; }
.low_p{ position: absolute;width: 30%;height: 30%; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.header_p{ position: absolute;width: 100%;height:auto; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:65%; color:#000;}
.logoheaddash_p{	 position: absolute;	width:35%;	height:auto;	 margin-left:-40%;	 margin-top: 4%; }

.footer{	display: none}
.print_p{position: absolute;margin-left:10%;margin-top:-0.5%;width:5%;   height:80px;  z-index:99;}
.img_btnres_p{margin-right:100%;margin-top:0px;width:20px ;height:20px;}
.button_print{
  background-color: #8db499;
    border: none;
    color: white;
    width:0%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 60%;
}
.button_print:active{
	border: 0px;
}

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 60px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 20px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:35%;height:100px;margin-left:30%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		

.logoheaddash_gauge{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: -8%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 3%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 10px;}
	.exit { position: absolute;	 margin-left:5%;	 margin-top: -1%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	
	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:35%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 10px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:90%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:-10%;z-index:1;font-family: IRANYekanBold;font-size: 6px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:75%; font-size:6px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:17%;  top:10px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:6px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}
#forgot-password {position: absolute;margin-left:3%;margin-top:10%;width: 90%;height: 35px; background-color: #4c976a;opacity: 0.8;border: 1px solid rgba(255, 255, 255, 0.12);box-sizing: border-box;border-radius: 4px;transition-duration: 0.4s;cursor: pointer;color: #fff;font-family: IRANYekanBold;font-size: 12px; padding:5px;}
 #forgot-password:hover {background: #4c976a;opacity: 1;}						

/* admin_user -------------------------------------------------------------------------------*/
		
.title_peygham{ position: absolute; background-color:#8db39a; height: 30px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 8px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:14%;width:13%;   height:50px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:46%;width:13%;   height:50px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:14%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:20px; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:20%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:30%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:30%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:30%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:30%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:30%; }
 .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:20px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
::placeholder {     opacity: 0.5;font-size: 7px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

					/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 230px;width:87%;margin-top:17%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 25px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:9px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%; }
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:3%; margin-left:82%; z-index:1;font-family:IRANYekanBold; font-size:8px;color:#6d977f;text-align:right;  }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:15%;margin-top:3%; margin-left:43%; z-index:1;font-family:IRANYekanBold; font-size:8px;color:#6d977f;text-align:right;}
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:20px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3% ;font-family:IRANYekanBold; font-size:8px;}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%; background-color:blue; z-index:1; }
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:3.5%;margin-top:-5%;width:13%;   height:20px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%;} 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 15%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 10px;width:100%;direction:ltr;  }

.print{position: absolute;margin-left:40%;margin-top:-6%;width:13%;   height:auto;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:17px ;height:17px;}
 
 .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}





  table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 6px;
			min-width: 100%;
		}
		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
/* gauge -----------------------------------------------------------------------------------*/

	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 125px;width:40%;margin-top:12%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 125px;width:40%;margin-top:12%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:115px;width:86%;margin-top:34%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.copyright_gauge{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 7px;}
.divcopyrightdash_gauge{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

  .container3 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:2%; margin-left:0%;  z-index:99;    width: 100%; }


.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:6px;color:#fff;text-align:right;padding:2px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:6px;color:#fff;text-align:right;padding:2px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:6px;color:#fff;text-align:right;padding:2px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:7%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.div_combo_select_device{ position: absolute;   height: 25%;width:22%;margin-top:0%; margin-right:23%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 25%;width:22%;margin-top:0%; margin-right:52%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:0%;width:13%;   height:100%;  z-index:97 }
 

		/* dashboard -----------------------------------------------------------------------------------*/


.page{ position: absolute;  height: 100.6%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 50px;width:101.2%;margin-top: -1%; margin-left:-1%;z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: 0%;}
.divlogoheaddash{position: absolute;  margin-top: 25px;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 25px;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 10px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:6px; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 14%;     height: 60px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:65%;margin-top:43px; color:white;font-family:IRANYekanBold; font-size:40%; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:57%;margin-top:52px; z-index:98; font-family:IRANYekanBold; font-size:3px;color:#fff;}
.hi{position: absolute;margin-left:5%;margin-top:43px; color:white;font-family:IRANYekanBold; font-size:40%; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:4%;margin-top:52px;z-index:98 ; font-family:IRANYekanBold; font-size:3px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:20px; color:white;font-family:IRANYekanBold; font-size:12px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height: 75%;width:87%;margin-top:8%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:5%; margin-left:0%;   overflow: auto;  }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height: 100%;width:5.2%;margin-top:0%; margin-left:95%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 25px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 7px;}
.gauge{ position: absolute;width: 100%;height: 30px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }

.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}

.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
/* LOGIN -----------------------------------------------------------------------------------*/
		
.tdright{ position: absolute;  height: 100%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 8px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size:6px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:20%;
	margin-top: 40%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 8px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:90%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 25px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 10px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:84%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:60%;
	margin-top:1%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 6px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 12px;
        height: 12px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:1%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 6px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 7px; 
	
}

.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 60%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 80%;
  	 margin-left:10%;

}
input 				{

  font-size:8px;
  padding:7px 7px 7px 7px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:72%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-5px;
  font-size:8px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:75%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-5px;
  font-size:8px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}

.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
	  	
	  	
  
}
@media (orientation: landscape)and (min-width:667px)  and (max-width : 700px){
	body {
  background-image: url("left2.png");
  background-repeat: repeat-y;

}
.con_img {width: 65%;height: auto}
.connect_gauge{position: fixed;width:80%;	height:auto;margin-left:24%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_dash{position: fixed;width:80%;	height:auto;margin-left:20%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_report{position: fixed;width:80%;	height:auto;margin-left:35%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }
/* print gozaresh ------------------------------------------------------------------------------*/

.tilledash1_report1{ position: absolute;  background-color:#ffffff; height:auto;width:100%;margin-top:15%; margin-left:0%;  }

.page_report{ position: absolute;  height: 100.2%;width:100%;margin-top:0%; margin-left:-1%; }


.title_p{ position: absolute;  height:100px;width:100%;margin-top:-10%; margin-left:0%; font-family:IRANYekanBold; font-size:90%; color:#fff; }
.low_p{ position: absolute;width: 30%;height: 30%; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.header_p{ position: absolute;width: 100%;height:auto; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:65%; color:#000;}
.logoheaddash_p{	 position: absolute;	width:35%;	height:auto;	 margin-left:-40%;	 margin-top: 4%; }

.footer{	display: none}
.print_p{position: absolute;margin-left:10%;margin-top:-0.5%;width:5%;   height:80px;  z-index:99;}
.img_btnres_p{margin-right:100%;margin-top:0px;width:20px ;height:20px;}
.button_print{
  background-color: #8db499;
    border: none;
    color: white;
    width:0%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 60%;
}
.button_print:active{
	border: 0px;
}

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 60px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 20px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:35%;height:100px;margin-left:30%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		

.logoheaddash_gauge{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: -8%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 3%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 10px;}
	.exit { position: absolute;	 margin-left:5%;	 margin-top: -1%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	
	
	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:35%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 10px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:90%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:-10%;z-index:1;font-family: IRANYekanBold;font-size: 6px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:75%; font-size:6px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:22%;  top:10px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:6px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}
#forgot-password {position: absolute;margin-left:3%;margin-top:10%;width: 90%;height: 45px; background-color: #4c976a;opacity: 0.8;border: 1px solid rgba(255, 255, 255, 0.12);box-sizing: border-box;border-radius: 4px;transition-duration: 0.4s;cursor: pointer;color: #fff;font-family: IRANYekanBold;font-size: 12px; padding:5px;}
 #forgot-password:hover {background: #4c976a;opacity: 1;}						

/* admin_user -------------------------------------------------------------------------------*/
		

.title_peygham{ position: absolute; background-color:#8db39a; height: 30px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 8px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:14%;width:13%;   height:50px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:46%;width:13%;   height:50px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:14%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:20px; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:20%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:30%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:30%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:30%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:30%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:30%; }
 .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:20px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
::placeholder {     opacity: 0.5;font-size: 7px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

				/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 240px;width:87%;margin-top:17%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 30px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%; }
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:3%; margin-left:82%; z-index:1;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;  }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:15%;margin-top:3%; margin-left:43%; z-index:1;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:25px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3%}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%; background-color:blue; z-index:1;}
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:2%;margin-top:-4%;width:13%;   height:20px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%;} 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 15%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 10px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-6%;width:13%;   height:auto;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:17px ;height:17px;}
 
 .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}






  table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 7px;
			min-width: 100%;
		}
		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
	
	/* gauge -----------------------------------------------------------------------------------*/

	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 140px;width:40%;margin-top:12%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 140px;width:40%;margin-top:12%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:130px;width:86%;margin-top:34%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.copyright_gauge{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size:8px;}
.divcopyrightdash_gauge{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

  .container3 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:2%; margin-left:0%;  z-index:99;    width: 100%; }


.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:7%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.div_combo_select_device{ position: absolute;   height: 25%;width:22%;margin-top:0%; margin-right:23%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 25%;width:22%;margin-top:0%; margin-right:52%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:0%;width:13%;   height:100%;  z-index:97 }
 		
		/* dashboard -----------------------------------------------------------------------------------*/


.page{ position: absolute;  height: 100.6%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 50px;width:101.2%;margin-top: -1%; margin-left:-1%;z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: -5%;}
.divlogoheaddash{position: absolute;  margin-top: 25px;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 25px;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 10px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:8px; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 14%;     height: 60px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:65%;margin-top:40px; color:white;font-family:IRANYekanBold; font-size:50%; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:55%;margin-top:50px; z-index:98; font-family:IRANYekanBold; font-size:4px;color:#fff;}
.hi{position: absolute;margin-left:5%;margin-top:40px; color:white;font-family:IRANYekanBold; font-size:50%; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:2%;margin-top:50px;z-index:98 ; font-family:IRANYekanBold; font-size:4px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:15px; color:white;font-family:IRANYekanBold; font-size:15px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height:79%;width:87%;margin-top:8%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:90%;width:100%;margin-top:5%; margin-left:0%;   overflow: auto;  }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height: 100%;width:5.2%;margin-top:0%; margin-left:95%; z-index:1	}
.headtilledash{ position: absolute; background-color:#8db39a; height: 25px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.gauge{ position: absolute;width: 100%;height: 35px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }

.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}

.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
/* LOGIN -----------------------------------------------------------------------------------*/
	
.tdright{ position: absolute;  height: 100%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 9px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size:7px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:20%;
	margin-top: 40%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:90%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 35px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 16px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:84%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:60%;
	margin-top:1%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 7px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 12px;
        height: 12px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:1%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 7px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 8px; 
	
}

.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 60%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 80%;
  	 margin-left:10%;

}
input 				{

  font-size:8px;
  padding:7px 7px 7px 7px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:74%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-5px;
  font-size:8px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:77%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-5px;
  font-size:8px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}


.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
	  	
	  	
  
}
@media (orientation: landscape)and (min-width:701px)  and (max-width : 740px){
	body {
  background-image: url("left2.png");
  background-repeat: repeat-y;

}
.con_img {width: 65%;height: auto}
.connect_gauge{position: fixed;width:80%;	height:auto;margin-left:24%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_dash{position: fixed;width:80%;	height:auto;margin-left:20%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_report{position: fixed;width:80%;	height:auto;margin-left:35%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }
/* print gozaresh ------------------------------------------------------------------------------*/

.tilledash1_report1{ position: absolute;  background-color:#ffffff; height:auto;width:100%;margin-top:15%; margin-left:0%;  }

.page_report{ position: absolute;  height: 100.2%;width:100%;margin-top:0%; margin-left:-1%; }


.title_p{ position: absolute;  height:100px;width:100%;margin-top:-10%; margin-left:0%; font-family:IRANYekanBold; font-size:90%; color:#fff; }
.low_p{ position: absolute;width: 30%;height: 30%; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.header_p{ position: absolute;width: 100%;height:auto; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:65%; color:#000;}
.logoheaddash_p{	 position: absolute;	width:35%;	height:auto;	 margin-left:-40%;	 margin-top: 4%; }

.footer{	display: none}
.print_p{position: absolute;margin-left:10%;margin-top:-0.5%;width:5%;   height:80px;  z-index:99;}
.img_btnres_p{margin-right:100%;margin-top:0px;width:20px ;height:20px;}
.button_print{
  background-color: #8db499;
    border: none;
    color: white;
    width:0%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 60%;
}
.button_print:active{
	border: 0px;
}

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 60px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 25px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:35%;height:100px;margin-left:30%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		
.logoheaddash_gauge{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: 0%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 3%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 10px;}
.exit { position: absolute;	 margin-left:5%;	 margin-top: -1%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	

	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:35%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 10px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:90%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:-10%;z-index:1;font-family: IRANYekanBold;font-size: 7px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:75%; font-size:7px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:17%;  top:10px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:10px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}
#forgot-password {position: absolute;margin-left:3%;margin-top:10%;width: 90%;height: 45px; background-color: #4c976a;opacity: 0.8;border: 1px solid rgba(255, 255, 255, 0.12);box-sizing: border-box;border-radius: 4px;transition-duration: 0.4s;cursor: pointer;color: #fff;font-family: IRANYekanBold;font-size: 13px; padding:5px;}
 #forgot-password:hover {background: #4c976a;opacity: 1;}						

	/* admin_user -------------------------------------------------------------------------------*/
		

.title_peygham{ position: absolute; background-color:#8db39a; height: 30px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 8px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:14%;width:13%;   height:60px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:49%;width:13%;   height:60px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:16%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:40%; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:40%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:40%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:40%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:40%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:40%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:40%; }
 .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:25px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}

::placeholder {     opacity: 0.5;font-size: 9px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 9px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

				/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 250px;width:87%;margin-top:15.5%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 30px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%; }
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:3%; margin-left:82%; z-index:1;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;  }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:15%;margin-top:3%; margin-left:43%; z-index:1;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:25px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3%}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%; background-color:blue; z-index:1;}
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:2%;margin-top:-4%;width:13%;   height:20px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%;} 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 15%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 10px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-6%;width:13%;   height:auto;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:18px ;height:18px;}
 
 .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}




 table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 8px;
			min-width: 100%;
		}
		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
	
		/* gauge -----------------------------------------------------------------------------------*/

	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 160px;width:40%;margin-top:15%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 160px;width:40%;margin-top:15%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:140px;width:86%;margin-top:37%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.copyright_gauge{	 position: fixed;	width:30%;	height:auto;	margin-left:5%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_gauge{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

  .container3 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:2%; margin-left:0%;  z-index:99;    width: 100%; }


.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:2%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.div_combo_select_device{ position: absolute;   height: 25%;width:22%;margin-top:2%; margin-right:23%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 25%;width:22%;margin-top:2%; margin-right:52%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:2%;width:13%;   height:100%;  z-index:97}
 

		/* dashboard -----------------------------------------------------------------------------------*/

.page{ position: absolute;  height: 100.6%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 58px;width:100%;margin-top: -1%; margin-left:-1%;z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: 0%;}
.divlogoheaddash{position: absolute;  margin-top: 25px;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 25px;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 10px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:8px; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 14%;     height: 70px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:65%;margin-top:50px; color:white;font-family:IRANYekanBold; font-size:50%; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:55%;margin-top:60px; z-index:98; font-family:IRANYekanBold; font-size:5px;color:#fff;}
.hi{position: absolute;margin-left:5%;margin-top:50px; color:white;font-family:IRANYekanBold; font-size:50%; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:2%;margin-top:60px;z-index:98 ; font-family:IRANYekanBold; font-size:5px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:15px; color:white;font-family:IRANYekanBold; font-size:15px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height: 79%;width:87%;margin-top:8%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:3%; margin-left:0%;   overflow: auto; }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height: 100%;width:5.2%;margin-top:0%; margin-left:94%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 25px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.gauge{ position: absolute;width: 100%;height: 35px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }

.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}

.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
/* LOGIN -----------------------------------------------------------------------------------*/

.tdright{ position: absolute;  height: 100%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 9px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size:6px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:20%;
	margin-top: 40%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 8px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:90%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 35px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 16px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:85%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:61%;
	margin-top:1%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 7px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 12px;
        height: 12px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:1%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 7px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 8px; 
	
}

.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 60%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top:80%;
  	 margin-left:10%;

}
input 				{

  font-size:8px;
  padding:7px 7px 7px 7px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:74%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-5px;
  font-size:8px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:77%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-5px;
  font-size:8px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}

.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
	  	
}
@media (orientation: landscape)and (min-width:741px)  and (max-width : 798px){
	body {
  background-image: url("left2.png");
  background-repeat: repeat-y;

}
.con_img {width: 65%;height: auto}
.connect_gauge{position: fixed;width:80%;	height:auto;margin-left:38%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_dash{position: fixed;width:80%;	height:auto;margin-left:20%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_report{position: fixed;width:80%;	height:auto;margin-left:35%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }
/* print gozaresh ------------------------------------------------------------------------------*/

.tilledash1_report1{ position: absolute;  background-color:#ffffff; height:auto;width:100%;margin-top:15%; margin-left:0%;  }

.page_report{ position: absolute;  height: 100.2%;width:100%;margin-top:0%; margin-left:-1%; }


.title_p{ position: absolute;  height:100px;width:100%;margin-top:-10%; margin-left:0%; font-family:IRANYekanBold; font-size:90%; color:#fff; }
.low_p{ position: absolute;width: 30%;height: 30%; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.header_p{ position: absolute;width: 100%;height:auto; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:65%; color:#000;}
.logoheaddash_p{	 position: absolute;	width:35%;	height:auto;	 margin-left:-40%;	 margin-top: 4%; }

.footer{	display: none}
.print_p{position: absolute;margin-left:10%;margin-top:-0.5%;width:5%;   height:80px;  z-index:99;}
.img_btnres_p{margin-right:100%;margin-top:0px;width:20px ;height:20px;}
.button_print{
  background-color: #8db499;
    border: none;
    color: white;
    width:0%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 60%;
}
.button_print:active{
	border: 0px;
}

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 80px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 25px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:50%;height:100px;margin-left:18%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		

.logoheaddash_gauge{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: 0%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 3%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 10px;}
	.exit { position: absolute;	 margin-left:5%;	 margin-top: -1%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	
	
	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:35%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 10px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:100%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:0%;z-index:1;font-family: IRANYekanBold;font-size: 7px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:75%; font-size:7px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:16%;  top:10px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:10px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}
#forgot-password {position: absolute;margin-left:3%;margin-top:10%;width: 90%;height: 45px; background-color: #4c976a;opacity: 0.8;border: 1px solid rgba(255, 255, 255, 0.12);box-sizing: border-box;border-radius: 4px;transition-duration: 0.4s;cursor: pointer;color: #fff;font-family: IRANYekanBold;font-size: 13px; padding:5px;}
 #forgot-password:hover {background: #4c976a;opacity: 1;}						
	
	/* admin_user -------------------------------------------------------------------------------*/
		

.title_peygham{ position: absolute; background-color:#8db39a; height: 40px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 8px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:18%;width:13%;   height:60px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:53%;width:13%;   height:60px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:20%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:40%; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:40%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:40%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:40%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:40%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:40%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:40%; }
 .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:25px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}

::placeholder {     opacity: 0.5;font-size: 9px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 9px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

	
			/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 280px;width:87%;margin-top:17%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 30px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%; }
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:3%; margin-left:82%; z-index:1;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;  }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:15%;margin-top:3%; margin-left:43%; z-index:1;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:25px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3%}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%; background-color:blue; z-index:1;}
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:2%;margin-top:-5%;width:13%;   height:30px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%;} 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 15%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 10px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-6%;width:13%;   height:auto;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:18px ;height:18px;}
 
 .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}

 table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 10px;
			min-width: 100%;
		}
		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
 
		/* dashboard -----------------------------------------------------------------------------------*/


.page{ position: absolute;  height: 100.6%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 58px;width:101.2%;margin-top: -1%; margin-left:-1%;z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: 0%;}
.divlogoheaddash{position: absolute;  margin-top: 25px;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 27px;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 10px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:60%; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 15%;     height: 90px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:65%;margin-top:65px; color:white;font-family:IRANYekanBold; font-size:50%; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:55%;margin-top:75px; z-index:98; font-family:IRANYekanBold; font-size:5px;color:#fff;}
.hi{position: absolute;margin-left:5%;margin-top:65px; color:white;font-family:IRANYekanBold; font-size:50%; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:2%;margin-top:75px;z-index:98 ; font-family:IRANYekanBold; font-size:5px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:30px; color:white;font-family:IRANYekanBold; font-size:15px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height: 80%;width:87%;margin-top:8%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:3%; margin-left:0%;   overflow: auto;  }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height: 100%;width:5.2%;margin-top:0%; margin-left:95%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 25px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.gauge{ position: absolute;width: 100%;height: 35px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }

.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}

.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
		/* gauge -----------------------------------------------------------------------------------*/

	
		.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 160px;width:40%;margin-top:15%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 160px;width:40%;margin-top:15%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:140px;width:86%;margin-top:37%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.copyright_gauge{	 position: fixed;	width:30%;	height:auto;	margin-left:5%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_gauge{ position: fixed;  height: 5%;width:100%; margin-left:0%; }

  .container3 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:2%; margin-left:0%;  z-index:99;    width: 100%; }


.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:2%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.div_combo_select_device{ position: absolute;   height: 25%;width:22%;margin-top:2%; margin-right:23%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 25%;width:22%;margin-top:2%; margin-right:52%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:2%;width:13%;   height:100%;  z-index:97 }
 
/* LOGIN -----------------------------------------------------------------------------------*/

.tdright{ position: absolute;  height: 100%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 9px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size:8px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:27%;
	margin-top: 50%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:100%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 35px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 16px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:85%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:61%;
	margin-top:0%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 8px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 12px;
        height: 12px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:0%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 8px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 8px; 
	
}

.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 70%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 90%;
  	 margin-left:10%;

}
input 				{

  font-size:8px;
  padding:7px 7px 7px 7px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:76%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-5px;
  font-size:8px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:79%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-5px;
  font-size:8px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}

.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
	  	
}
@media (min-width:799px){
	body {
  background-image: url("left2.png");
  background-repeat: repeat-y;

}
.con_img {width: 65%;height: auto}
.connect_gauge{position: fixed;width:80%;	height:auto;margin-left:38%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_dash{position: fixed;width:80%;	height:auto;margin-left:20%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_report{position: fixed;width:80%;	height:auto;margin-left:35%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 13px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }

/* print gozaresh ------------------------------------------------------------------------------*/

.tilledash1_report1{ position: absolute;  background-color:#ffffff; height:auto;width:100%;margin-top:15%; margin-left:0%;  }

.page_report{ position: absolute;  height: 100.2%;width:100%;margin-top:0%; margin-left:-1%; }


.title_p{ position: absolute;  height:100px;width:100%;margin-top:-10%; margin-left:0%; font-family:IRANYekanBold; font-size:90%; color:#fff; }
.low_p{ position: absolute;width: 30%;height: 30%; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.header_p{ position: absolute;width: 100%;height:auto; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.logoheaddash_p{	 position: absolute;	width:35%;	height:auto;	 margin-left:-40%;	 margin-top: 4%; }

.footer{	display: none}
.print_p{position: absolute;margin-left:10%;margin-top:0%;width:5%;   height:80px;  z-index:99;}
.img_btnres_p{margin-right:100%;margin-top:0px;width:25px ;height:25px;}
.button_print{
  background-color: #8db499;
    border: none;
    color: white;
    width:0%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 60%;
}
.button_print:active{
	border: 0px;
}

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 80px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 25px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:50%;height:100px;margin-left:18%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		
.logoheaddash_gauge{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: 0%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 3%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 13px;}
	.exit { position: absolute;	 margin-left:5%;	 margin-top: 0%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	
	
	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:35%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 10px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:100%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:0%;z-index:1;font-family: IRANYekanBold;font-size: 8px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:75%; font-size:8px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:16%;  top:10px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:10px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}
	#forgot-password {position: absolute;margin-left:3%;margin-top:10%;width: 90%;height: 45px; background-color: #4c976a;opacity: 0.8;border: 1px solid rgba(255, 255, 255, 0.12);box-sizing: border-box;border-radius: 4px;transition-duration: 0.4s;cursor: pointer;color: #fff;font-family: IRANYekanBold;font-size: 15px; padding:5px;}
 #forgot-password:hover {background: #4c976a;opacity: 1;}						

		/* admin_user -------------------------------------------------------------------------------*/
		
.title_peygham{ position: absolute; background-color:#8db39a; height: 40px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 10px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:15%;width:13%;   height:60px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:48%;width:13%;   height:60px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:17%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:40%; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:40%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:40%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:40%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:40%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:40%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:40%; }
 .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:25px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}

::placeholder {     opacity: 0.5;font-size: 9px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

	
	
			/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 310px;width:87%;margin-top:17%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 30px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%; }
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:3%; margin-left:82%; z-index:1;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;  }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:25px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 10px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:15%;margin-top:3%; margin-left:43%; z-index:1;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:25px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:9px;color:#fff;padding:7px;}
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3%; }
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%; z-index:99; }
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1;  }
 .div_button_report{position: absolute;margin-left:2%;margin-top:-4%;width:13%;   height:25px;   z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%;} 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 10%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-5%;width:50%;   height:auto;  z-index:98;}
.img_btnres1{margin-right:100%;margin-top:0px;width:20px ;height:20px;}
 
.button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	
}



 table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 10px;
			min-width: 100%;
		}

		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
 

			/* dashboard -----------------------------------------------------------------------------------*/


.page{ position: absolute;  height: 100%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 60px;width:101%;margin-top: -1%; margin-left:-1%; z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:70%;	 margin-top: 0%;}
.divlogoheaddash{position: absolute;  margin-top: 25px;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 26px;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 13px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:9px; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 14%;     height: 90px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:65%;margin-top:60px; color:white;font-family:IRANYekanBold; font-size:60%; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:55%;margin-top:73px; z-index:98; font-family:IRANYekanBold; font-size:5px;color:#fff;}
.hi{position: absolute;margin-left:5%;margin-top:60px; color:white;font-family:IRANYekanBold; font-size:60%; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:2%;margin-top:73px;z-index:98 ; font-family:IRANYekanBold; font-size:5px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:30px; color:white;font-family:IRANYekanBold; font-size:15px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height: 80%;width:87%;margin-top:8%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:3%; margin-left:0%;   overflow: auto;  }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height:100%;width:5%;margin-top:0%; margin-left:95%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 25px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:25%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.gauge{ position: absolute;width: 100%;height: 40px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }

.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}

.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
		/* gauge -----------------------------------------------------------------------------------*/


	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 180px;width:40%;margin-top:15%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 180px;width:40%;margin-top:15%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:150px;width:86%;margin-top:39%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.entery{ position: absolute;  height:10%;width:84%;margin-top:4%; margin-left:4%; direction:rtl;  }	
.copyright_gauge{	 position: fixed;	width:30%;	height:auto;	margin-left:5%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 8px;}
.divcopyrightdash_gauge{ position: fixed; height: 5%;width:100%; margin-left:0%;}

  .container3 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:5%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:2%; margin-left:0%;  z-index:99;    width: 100%; }


.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:8px;color:#fff;text-align:right;padding:5px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:2%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:10px;color:#6d977f;text-align:right;}
.div_combo_select_device{ position: absolute;   height: 25%;width:22%;margin-top:2%; margin-right:23%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 25%;width:22%;margin-top:2%; margin-right:52%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:25px;
	color:#333333;
	padding:2px 3px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 8px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:2%;width:13%;   height:100%;  z-index:97 }
 /* LOGIN -----------------------------------------------------------------------------------*/

.tdright{ position: absolute;  height: 100%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100.3%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 10px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size:8px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:27%;
	margin-top: 50%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:100%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 35px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 16px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:85%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:61%;
	margin-top:0%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 8px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 12px;
        height: 12px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:0%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 8px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 8px; 
	
}

.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}

* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 70%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 90%;
  	 margin-left:10%;

}
input 				{

  font-size:8px;
  padding:7px 7px 7px 7px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:76%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-5px;
  font-size:8px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:8px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:79%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-5px;
  font-size:8px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}


.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
	  
}
@media (min-width:1023px) {
	body {
  background-image: url("left2.png");
  background-repeat: repeat-y;

}
.con_img {width: 65%;height: auto}
.connect_gauge{position: fixed;width:80%;	height:auto;margin-left:24%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_dash{position: fixed;width:80%;	height:auto;margin-left:20%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_report{position: fixed;width:80%;	height:auto;margin-left:35%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 13px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }

/* print gozaresh ------------------------------------------------------------------------------*/

.tilledash1_report1{ position: absolute;  background-color:#ffffff; height:auto;width:100%;margin-top:15%; margin-left:0%;  }

.page_report{ position: absolute;  height: 100.2%;width:100%;margin-top:0%; margin-left:-1%; }


.title_p{ position: absolute;  height:100px;width:100%;margin-top:-10%; margin-left:0%; font-family:IRANYekanBold; font-size:90%; color:#fff; }
.low_p{ position: absolute;width: 30%;height: 30%; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.header_p{ position: absolute;width: 100%;height:auto; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:90%; color:#000;}
.logoheaddash_p{	 position: absolute;	width:35%;	height:auto;	 margin-left:-40%;	 margin-top: 4%; }

.footer{	display: none}
.print_p{position: absolute;margin-left:10%;margin-top:0%;width:5%;   height:80px;  z-index:99;}
.img_btnres_p{margin-right:100%;margin-top:0px;width:30px ;height:30px;}
.button_print{
  background-color: #8db499;
    border: none;
    color: white;
    width:0%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 60%;
}
.button_print:active{
	border: 0px;
}

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 80px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 25px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:50%;height:100px;margin-left:18%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		
.logoheaddash_gauge{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: 0%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 3%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 13px;}
.exit { position: absolute;	 margin-left:5%;	 margin-top: 0%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	

	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:40%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 13px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:100%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:0%;z-index:1;font-family: IRANYekanBold;font-size: 10px;opacity: 0.5;  text-align:right;}
.title_fpass1{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:10%;z-index:1;font-family: IRANYekanBold;font-size: 10px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:65%; font-size:9px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:26%;  top:20px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:10px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}
#forgot-password {position: absolute;margin-left:3%;margin-top:10%;width: 90%;height: 45px; background-color: #4c976a;opacity: 0.8;border: 1px solid rgba(255, 255, 255, 0.12);box-sizing: border-box;border-radius: 4px;transition-duration: 0.4s;cursor: pointer;color: #fff;font-family: IRANYekanBold;font-size: 20px; padding:5px;}
 #forgot-password:hover {background: #4c976a;opacity: 1;}						

	/* admin_user -------------------------------------------------------------------------------*/
		

	.title_peygham{ position: absolute; background-color:#8db39a; height: 40px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 11px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:13%;width:13%;   height:80px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:45%;width:13%;   height:80px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:15%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:40%; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:40%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:40%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:40%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:40%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:40%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:40%; }
 .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:30px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}

::placeholder {     opacity: 0.5;font-size: 9px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

	
	
			/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 420px;width:87%;margin-top:17%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 40px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%;}
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:3%; margin-left:82%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#6d977f;text-align:right; }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:11%;margin-top:0%; margin-left:46%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#6d977f;text-align:right;padding:25px; }
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:30px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }

.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3%}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%; background-color:blue; z-index:1;}
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:2%;margin-top:-5%;width:13%;   height:30px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%;} 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 10%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-10%;width:13%;   height:80px;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:25px ;height:25px;}
  .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	
}
  
  table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 14px;
			min-width: 100%;
		}

		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
 
		/* dashboard -----------------------------------------------------------------------------------*/


.page{ position: absolute;  height: 100.2%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100.1%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 72px;width:101.2%;margin-top: -1%; margin-left:-1%; z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:70%;	 margin-top: 0%;}
.divlogoheaddash{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 3.5%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 13px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:10px; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 14%;     height: 110px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:65%;margin-top:75px; color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:55%;margin-top:95px; z-index:98; font-family:IRANYekanBold; font-size:6px;color:#fff;}
.hi{position: absolute;margin-left:5%;margin-top:75px; color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:2%;margin-top:95px;z-index:98 ; font-family:IRANYekanBold; font-size:6px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:30px; color:white;font-family:IRANYekanBold; font-size:20px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height: 84%;width:87%;margin-top:8%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:3%; margin-left:0%;   overflow: auto;  }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height: 100%;width:5.2%;margin-top:0%; margin-left:95%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 30px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:25%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.gauge{ position: absolute;width: 100%;height: 50px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }

.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}

.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
		/* gauge -----------------------------------------------------------------------------------*/

	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 240px;width:40%;margin-top:14%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 240px;width:40%;margin-top:14%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:230px;width:86%;margin-top:39%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.copyright_gauge{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.divcopyrightdash_gauge{ position: fixed;   height: 5%;width:100%; margin-left:0%;  }
.container3 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:3.5%; margin-left:0%;  z-index:99;    width: 100%; }


.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:6%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;padding:32px;}
.div_combo_select_device{ position: absolute;   height: 80%;width:25%;margin-top:0%; margin-right:24%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 30%;width:25%;margin-top:0%; margin-right:50%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 20%;
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:0.5%;width:13%;   height:100%;  z-index:97 }
 
/* LOGIN -----------------------------------------------------------------------------------*/

.tdright{ position: absolute;  height: 100%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100.3%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 12px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:27%;
	margin-top: 50%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 12px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:100%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 45px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 16px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:85%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:61%;
	margin-top:0%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 11px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 18px;
        height: 18px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:0%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 11px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
.footerright{
	position: fixesd;  height:auto;width:99%;margin-top: 50%; margin-left:0%; }
.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}


* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 70%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 90%;
  	 margin-left:10%;

}
input 				{

  font-size:13px;
  padding:10px 10px 10px 5px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:76%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:10px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:79%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-20px;
  font-size:10px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}

.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
}
@media  (min-width:1151px) {
	body {
  background-image: url("left2.png");
  background-repeat: repeat-y;

}.connect_report{position: fixed;width:80%;	height:auto;margin-left:35%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 13px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }


/* print gozaresh ------------------------------------------------------------------------------*/

.tilledash1_report1{ position: absolute;  background-color:#ffffff; height:auto;width:100%;margin-top:15%; margin-left:0%;  }

.page_report{ position: absolute;  height: 100.2%;width:100%;margin-top:0%; margin-left:-1%; }


.title_p{ position: absolute;  height:100px;width:100%;margin-top:-10%; margin-left:0%; font-family:IRANYekanBold; font-size:90%; color:#fff; }
.low_p{ position: absolute;width: 30%;height: 30%; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.header_p{ position: absolute;width: 100%;height:auto; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:90%; color:#000;}
.logoheaddash_p{	 position: absolute;	width:35%;	height:auto;	 margin-left:-40%;	 margin-top: 4%; }

.footer{	display: none}
.print_p{position: absolute;margin-left:10%;margin-top:0%;width:5%;   height:80px;  z-index:99;}
.img_btnres_p{margin-right:100%;margin-top:0px;width:30px ;height:30px;}
.button_print{
  background-color: #8db499;
    border: none;
    color: white;
    width:0%;
	height:0%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 60%;
}
.button_print:active{
	border: 0px;
	border-bottom-color:red;
}




/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 80px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 25px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:50%;height:100px;margin-left:18%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
						


.logoheaddash_gauge{	 position: absolute;	width:40%;	height:auto;	 margin-left:76%;	 margin-top: 0%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 3%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 13px;}
	.exit { position: absolute;	 margin-left:5%;	 margin-top: 0%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	
	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:40%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 13px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:100%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:0%;z-index:1;font-family: IRANYekanBold;font-size: 10px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:60%; font-size:9px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:32%;  top:20px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:9px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}
#forgot-password {position: absolute;margin-left:3%;margin-top:10%;width: 90%;height: 45px; background-color: #4c976a;opacity: 0.8;border: 1px solid rgba(255, 255, 255, 0.12);box-sizing: border-box;border-radius: 4px;transition-duration: 0.4s;cursor: pointer;color: #fff;font-family: IRANYekanBold;font-size: 20px; padding:5px;}
 #forgot-password:hover {background: #4c976a;opacity: 1;}						
	/* admin_user -------------------------------------------------------------------------------*/
		
.title_peygham{ position: absolute; background-color:#8db39a; height: 40px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 11px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:13%;width:13%;   height:80px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:45%;width:13%;   height:80px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:15%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:40%; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:40%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:40%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:40%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:40%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:40%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:40%; }
  .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:35px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}

::placeholder {     opacity: 0.5;font-size: 9px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; }
	
	
			/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 510px;width:87%;margin-top:17%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;  }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 40px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%; }
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:2.5%; margin-left:82%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:11%;margin-top:0%; margin-left:46%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;padding:25px; }
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:30px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3%}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%;  z-index:1;}
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:2%;margin-top:-5%;width:13%;   height:30px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%; } 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 10%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-7%;width:13%;   height:80px;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:30px ;height:30px;}
  
   .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	
}
  
  
  table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 14px;
			min-width: 100%;
		}

		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   

		/* dashboard -----------------------------------------------------------------------------------*/


.page{ position: absolute;  height: 100.2%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100.1%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 83px;width:101.2%;margin-top: -1%; margin-left:-1%; z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: 0%;}
.divlogoheaddash{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 3%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 13px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:90%; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 15%;     height: 125px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:70%;margin-top:85px; color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:55%;margin-top:105px; z-index:80; font-family:IRANYekanBold; font-size:8px;color:#fff;}
.hi{position: absolute;margin-left:10%;margin-top:85px; color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:2%;margin-top:105px;z-index:80 ; font-family:IRANYekanBold; font-size:8px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:40px; color:white;font-family:IRANYekanBold; font-size:25px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height: 84%;width:87%;margin-top:8%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:3%; margin-left:0%;   overflow: auto;  }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height: 100%;width:5.2%;margin-top:0%; margin-left:95%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 40px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%;}
.copyright_report{	position: fixed;	width:25%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.gauge{ position: absolute;width: 100%;height: 60px; margin-left:0%;margin-top:170%; z-index:80;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:80;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:80;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:80; }
.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:80;}
.connect_dash{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:21%;
	
	bottom:0;
	z-index:99;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}

.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
		/* gauge -----------------------------------------------------------------------------------*/

	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 280px;width:40%;margin-top:16%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 280px;width:40%;margin-top:16%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:260px;width:86%;margin-top:42%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl;  }	
.copyright_gauge{	 position: fixed;	width:30%;	height:auto;	margin-left:5%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.divcopyrightdash_gauge{ position: fixed; height: 5%;width:100%; margin-left:0%; }
.connect_gauge{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:38%;
	
	bottom:0;
	z-index:99;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
.container3 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:3.5%; margin-left:0%;  z-index:99;    width: 100%; }

.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;padding:32px;}
.div_combo_select_device{ position: absolute;   height: 80%;width:25%;margin-top:0%; margin-right:24%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 30%;width:25%;margin-top:0%; margin-right:50%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 20%;
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:0.5%;width:13%;   height:100%;  z-index:97 }
 
		/* LOGIN -----------------------------------------------------------------------------------*/


.tdright{ position: absolute;  height: 100%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100.5%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 15px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size: 12px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:27%;
	margin-top: 50%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 13px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:100%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 45px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 20px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
							
							
							
							
							
							
							
							
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:85%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:63%;
	margin-top:0%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 11px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 18px;
        height: 18px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:0%;
	z-index:2;
font-family: IRANYekanBold; back
							font-size: 11px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
.footerright{
	position: absolute;  height: 10%;width:99%;margin-top: 50%; margin-left:0%;
}
.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 70%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 90%;
  	 margin-left:10%;

}
input 				{

  font-size:13px;
  padding:10px 10px 10px 5px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:78%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:10px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:80%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-20px;
  font-size:10px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}


.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
.error{
	position: absolute;
	width:70%;
	height:auto;
	margin-left:25%;
	margin-top:20%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 13px;

}

}
@media  (min-width:1280px) {
	body {
  background-image: url("left2.png");
  background-repeat: repeat-y;

}
.con_img {width: 65%;height: auto}
.connect_gauge{position: fixed;width:80%;	height:auto;margin-left:24%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_dash{position: fixed;width:80%;	height:auto;margin-left:20%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_report{position: fixed;width:80%;	height:auto;margin-left:35%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 13px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }



/* print gozaresh ------------------------------------------------------------------------------*/

.tilledash1_report1{ position: absolute;  background-color:#ffffff; height:auto;width:100%;margin-top:15%; margin-left:0%;  }

.page_report{ position: absolute;  height: 100.2%;width:100%;margin-top:0%; margin-left:-1%; }


.title_p{ position: absolute;  height:100px;width:100%;margin-top:-10%; margin-left:0%; font-family:IRANYekanBold; font-size:90%; color:#fff; }
.low_p{ position: absolute;width: 30%;height: 30%; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.header_p{ position: absolute;width: 100%;height:auto; margin-left:0%;margin-top:3%;  color:white;font-family:IRANYekanBold; font-size:90%; color:#000;}
.logoheaddash_p{	 position: absolute;	width:35%;	height:auto;	 margin-left:-40%;	 margin-top: 4%; }

.footer{	display: none}
.print_p{position: absolute;margin-left:10%;margin-top:0%;width:5%;   height:80px;  z-index:99;}
.img_btnres_p{margin-right:100%;margin-top:0px;width:30px ;height:30px;}
.button_print{
  background-color: #8db499;
    border: none;
    color: white;
    width:0%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 60%;
}
.button_print:active{
	border: 0px;
}

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 80px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 25px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:50%;height:100px;margin-left:18%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		
.logoheaddash_gauge{	 position: absolute;	width:35%;	height:auto;	 margin-left:75%;	 margin-top: -2%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 2.5%;margin-left: 75%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 17px;}
.exit { position: absolute;	 margin-left:5%;	 margin-top: 0%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	
	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:40%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 15px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:100%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:0%;z-index:1;font-family: IRANYekanBold;font-size: 10px;opacity: 0.5;  text-align:right;}
.title_fpass1{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:10%;z-index:1;font-family: IRANYekanBold;font-size: 10px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:60%; font-size:10px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:33%;  top:20px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:10px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}

	/* admin_user -------------------------------------------------------------------------------*/
		
.title_peygham{ position: absolute; background-color:#8db39a; height: 40px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 11px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:13%;width:13%;   height:80px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:45%;width:13%;   height:80px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:15%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:40%; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:40%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:40%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:40%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:40%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:40%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:40%; }
  .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:35px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}

::placeholder {     opacity: 0.5;font-size: 9px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

	
	
			/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 620px;width:87%;margin-top:15%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 40px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%;}
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:3%; margin-left:82%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:11%;margin-top:0%; margin-left:45%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;padding:25px; }
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:30px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3%}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%; background-color:blue; z-index:1;}
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:2%;margin-top:-4%;width:13%;   height:30px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%;} 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 10%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-7%;width:13%;   height:80px;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:30px ;height:30px;}
 
 .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	
}


 table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 14px;
			min-width: 100%;
		}

		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
 
	
	/* dashboard -----------------------------------------------------------------------------------*/



.page{ position: absolute;  height: 100.6%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100%;	background-color:#4c976a;		  opacity: 0.3; }
.headlogo{ position: absolute; background-color:#8db499; height: 83px;width:101.2%;margin-top: -1%; margin-left:-1%; z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:70%;	 margin-top: 0%;}
.divlogoheaddash{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 3%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 17px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:90%; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 14%;     height: 130px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:70%;margin-top:90px; color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:55%;margin-top:110px; z-index:98; font-family:IRANYekanBold; font-size:8px;color:#fff;}
.hi{position: absolute;margin-left:10%;margin-top:90px; color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:2%;margin-top:110px;z-index:98 ; font-family:IRANYekanBold; font-size:8px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:40px; color:white;font-family:IRANYekanBold; font-size:25px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height: 84%;width:87%;margin-top:8%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:3%; margin-left:0%;   overflow: auto;  }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height: 100%;width:5.2%;margin-top:0%; margin-left:95%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 35px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:20%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.gauge{ position: absolute;width: 100%;height: 60px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
  .user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }


.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}


.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.sensor:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
		/* gauge -----------------------------------------------------------------------------------*/

	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 320px;width:40%;margin-top:16%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 320px;width:40%;margin-top:16%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:280px;width:86%;margin-top:42%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl;  }	
.copyright_gauge{	 position: fixed;	width:30%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.divcopyrightdash_gauge{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }
.container3 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:3.5%; margin-left:0%;  z-index:99;    width: 100%; }


.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;padding:32px;}
.div_combo_select_device{ position: absolute;   height: 80%;width:25%;margin-top:0%; margin-right:24%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 30%;width:25%;margin-top:0%; margin-right:50%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 20%;
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:0.5%;width:13%;   height:100%;  z-index:97 }
 
	/* LOGIN -----------------------------------------------------------------------------------*/

.tdright{ position: absolute;  height: 100%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100.5%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 15px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size: 12px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:27%;
	margin-top: 50%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 13px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:100%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 45px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 20px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:85%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:65%;
	margin-top:0%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 11px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 18px;
        height: 18px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:0%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 11px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
.footerright{
	position: fixesd;  height:auto;width:99%;margin-top: 50%; margin-left:0%; }
.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}

* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 70%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 90%;
  	 margin-left:10%;

}
input 				{

  font-size:13px;
  padding:10px 10px 10px 5px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:78%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:10px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:80%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-20px;
  font-size:10px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}

.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
	  
}
@media  (min-width:1365px) {
	body {
  background-image: url("left2.png");
  background-repeat: repeat-y;


}
.con_img {width: 70%;height: auto}
.connect_gauge{position: fixed;width:80%;	height:auto;margin-left:22%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_dash{position: fixed;width:80%;	height:auto;margin-left:20%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; 	}
.connect_report{position: fixed;width:80%;	height:auto;margin-left:31%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:2%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 13px;}
.divcopyrightdash_report{ position: fixed;height: 5%;width:100%; margin-left:0%;  }

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 80px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 25px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:50%;height:100px;margin-left:18%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		

.logoheaddash_gauge{	 position: absolute;	width:35%;	height:auto;	 margin-left:75%;	 margin-top: -2%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 2.5%;margin-left: 75%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 17px;}
	.exit { position: absolute;	 margin-left:5%;	 margin-top: 0%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	
	/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:40%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 13px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:100%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:0%;z-index:1;font-family: IRANYekanBold;font-size: 10px;opacity: 0.5;  text-align:right;}
.title_fpass1{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:10%;z-index:1;font-family: IRANYekanBold;font-size: 10px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:60%; font-size:9px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:40%;  top:20px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:10px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}

/* admin_user -------------------------------------------------------------------------------*/
		
	.title_peygham{ position: absolute; background-color:#8db39a; height: 40px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 11px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:13%;width:13%;   height:80px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:45%;width:13%;   height:80px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:15%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:40%; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:40%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:40%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:40%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:40%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:40%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:40%; }
 .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:35px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}

::placeholder {     opacity: 0.5;font-size: 9px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

		
	
			/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 560px;width:87%;margin-top:15%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 40px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0.5%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%;}
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:2.5%; margin-left:80%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:11%;margin-top:0.5%; margin-left:45%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;padding:25px; }
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:30px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3%}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%;  z-index:1;}
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:2%;margin-top:-4%;width:13%;   height:35px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%; } 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 10%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-6%;width:13%;   height:80px;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:32px ;height:32px;}
 

 .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	
}

 table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 14px;
			min-width: 100%;
		}

		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
 
	/* dashboard -----------------------------------------------------------------------------------*/

.page{ position: absolute;  height: 100.6%;width:100%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: absolute;	width:100% ;	height:100%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 83px;width:101.2%;margin-top: -1%; margin-left:-1%; z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:74%;	 margin-top: 0%;}
.divlogoheaddash{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 3.5%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 17px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:90%; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 14%;     height: 140px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 30%;height: 30%; margin-left:70%;margin-top:60%; color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.divcaml{ position: absolute;width: 50%;height: 30%; margin-left:60%;margin-top:75%; z-index:98; font-family:IRANYekanBold; font-size:8px;color:#fff;}
.hi{position: absolute;margin-left:10%;margin-top:60%; color:white;font-family:IRANYekanBold; font-size:80%; color:#000;}
.divcamh{ position: absolute;width: 50%;height: 30%; margin-left:2%;margin-top:75%;z-index:98 ; font-family:IRANYekanBold; font-size:8px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:30%; color:white;font-family:IRANYekanBold; font-size:25px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height: 78%;width:87%;margin-top:8%; margin-left:4%; }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:3%; margin-left:0%;   overflow: auto; }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: absolute; background-color:#819097; height: 100%;width:5.2%;margin-top:0%; margin-left:95%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 40px;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:25%;	height:auto;	margin-left:0%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 13px;}
.gauge{ position: absolute;width: 100%;height: 60px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }

.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}

.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
 /* gauge -----------------------------------------------------------------------------------*/

	
	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 320px;width:40%;margin-top:16%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 320px;width:40%;margin-top:16%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:290px;width:86%;margin-top:42%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl;  }	
.copyright_gauge{	 position: fixed;	width:25%;	height:auto;	margin-left:2%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 13px;}
.divcopyrightdash_gauge{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }
.container3 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:3.5%; margin-left:0%;  z-index:99;    width: 100%; }


.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;padding:32px;}
.div_combo_select_device{ position: absolute;   height: 80%;width:25%;margin-top:0%; margin-right:24%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 30%;width:25%;margin-top:0%; margin-right:50%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 20%;
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:0.5%;width:13%;   height:100%;  z-index:97 }
 
/* LOGIN -----------------------------------------------------------------------------------*/


.tdright{ position: absolute;  height: 80%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100.5%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 15px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size: 12px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:27%;
	margin-top: 50%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 13px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:100%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 45px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 20px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:85%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:65%;
	margin-top:0%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 11px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 18px;
        height: 18px;
}
.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:0%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 11px;

}
a:link {
  color: #1ba6f4;
  
}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
.footerright{
	position: fixesd;  height:auto;width:99%;margin-top: 50%; margin-left:0%; }
.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}

* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 70%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 90%;
  	 margin-left:10%;

}
input 				{

  font-size:13px;
  padding:10px 10px 10px 5px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:78%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:10px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:80%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-20px;
  font-size:10px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}


.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
	  
		
}
@media  (min-width:1390px) {
	body {
  background-image: url("left2.png");
  background-repeat: repeat-y;
  height:100%;
  width:100%;

}	
.copyright_report{position: fixed;width:25%;	height:auto;margin-left:0%;bottom:0;z-index:2;opacity: 0.5;font-family: IRANYekanBold;font-size: 13px;}
.divcopyrightdash_report{ position: fixed; text-align:center;height: 5%;width:100%; margin-left:0%; text-align:center; }
.connect_report{position: fixed;width:80%;	height:auto;margin-left:20%;bottom:0;z-index:99;opacity: 0.5;font-family: IRANYekanBold;font-size: 11px; }

/* rookesh baste shodan session -----------------------------------------------------------------------------------*/

#LoginBt1 {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 100%;
                            height: 80px;
                          
                            background-color: #4c976a;
							
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 25px;
							 z-index:99
                            }
 #LoginBt1:hover {
                                background: #4c976a;
									opacity: 1;
                            }
		.buttonsec{	 position: absolute;width:50%;height:100px;margin-left:18%;margin-top:20%; z-index:99; }
	.cokieerror{margin-left:-1%;margin-top:-1%;  z-index:98; background-color:#eee; opacity: 0.8;}
#cokieerror{      position: fixed;  float: left;       width: 101.5%;     height: 101%;     z-index:98;	 font-family:IRANYekanBold;	} 
				
	/*  -----------------------------------------------------------------------------------*/
		

.exit { position: absolute;	 margin-left:5%;	 margin-top: 0%; background-color:blue; }
	.picexit { position: fixed;	width:2.5%;	height:auto;	 margin-left:0%;	 margin-top: 1%;cursor: pointer; }
	
/* forget pass -----------------------------------------------------------------------------------*/

.titlevorod_fpass{	 position: absolute;width:50%;	height:auto;margin-left:40%;margin-top: 50%;opacity: 0.8;font-family: IRANYekanBold;font-size: 13px;}
.button_fpass{	 position: absolute;width:90%;height:100px;margin-left:7%;margin-top:100%;}
.title_fpass{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:0%;z-index:1;font-family: IRANYekanBold;font-size: 10px;opacity: 0.5;  text-align:right;}
.title_fpass1{	 position: absolute;width:100%;height:auto;margin-left:0%;margin-top:10%;z-index:1;font-family: IRANYekanBold;font-size: 10px;opacity: 0.5;  text-align:right;}
.group_fpass 	 {   position: absolute; width:90%;  margin-top: 70%;  	 margin-left:10%;}
.label_fpass{  color:#999; width:60%; font-size:9px; font-weight:normal;  position:absolute;  pointer-events:none; opacity: 0.8; left:32%;  top:20px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;   font-family: IRANYekanBold;}
input:focus ~ label_fpass, input:valid ~ label_fpass{  top:-20px;  font-size:10px;  color:#999;}
.footerright_fpass{	position: absolute;  height: 10%;width:27%;margin-top: 42%; margin-left:68.5%; text-align:right;opacity: 0.8;}

/* admin_user -------------------------------------------------------------------------------*/
		
	.title_peygham{ position: absolute; background-color:#8db39a; height: 40px;width:50%;margin-top:8%; margin-left:22%; padding:5px;z-index:95; font-family: IRANYekanBold;font-size: 15px; color:#fff; text-align:center }
	 .div_btn_update{position: absolute;margin-left:40%;margin-top:13%;width:13%;   height:80px;  z-index:96;}
 .div_btn_add{position: absolute;margin-left:40%;margin-top:45%;width:13%;   height:80px;  z-index:96;}
 .div_input_user{position: absolute;margin-left:31.5%;margin-top:15%;width:30%;   height:50%;  z-index:97; }
 .input_user{position: absolute;margin-left:5%;margin-top:0%;width:90%;   height:40%; }
 .input_user1{position: absolute;margin-left:5%;margin-top:12%;width:90%;   height:40%; }
 .input_user2{position: absolute;margin-left:5%;margin-top:24%;width:90%;   height:40%;   }
 .input_user3{position: absolute;margin-left:5%;margin-top:36%;width:90%;   height:40%;  }
 .input_user4{position: absolute;margin-left:5%;margin-top:48%;width:90%;   height:40%;   }
 .input_user5{position: absolute;margin-left:5%;margin-top:60%;width:90%;   height:40%;  }
 .input_user6{position: absolute;margin-left:5%;margin-top:72%;width:90%;   height:40%; }
  .input_report_user{position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:35px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}

::placeholder {     opacity: 0.5;font-size: 9px; }
	.copyright_user{	 position: fixed;	width:80%;	height:auto;	margin-left:7%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 11px;}
.divcopyrightdash_user{ position: fixed; text-align:center;  height: 5%;width:100%; margin-left:0%; text-align:center; }

	
	
	/* report -----------------------------------------------------------------------------------*/
.tilledash_report{ position: absolute; background-color:#ffffff; height: 700px;width:87%;margin-top:15%; margin-left:3.5%;  }
.tilledash1_report{ position: absolute; background-color:#ffffff; height:85%;width:87%;margin-top:4%; margin-left:3.5%;   overflow: auto;    }
	.headtilledash_report{ position: absolute; background-color:#8db39a; height: 40px;width:100%;margin-top:0%; margin-left:0%; z-index:1;}
.title_export_repost{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:79%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;text-align:right;padding:7px;}
.head_filter_report{ position: absolute; height: 10%;width:86%; margin-top:7%; margin-left:3%;}
	.title_select_report{ position: absolute; height: 30%;width:20%;margin-top:2.5%; margin-left:78%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.div_combo_select_device_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:76%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;}
.combo_select_device_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;		margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.div_combo_select_sensor_report{ position: absolute;   height: 100%;width:15%;margin-top:0%; margin-left:60%; z-index:1;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:0px;  }
.combo_select_sensor_report {	background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	height:30px;	color:#333333;	padding:2px 5px;margin-top:15%;	font-family: IRANYekanBold;	font-size: 12px;border-radius:3px;}	
.title_time_report{ position: absolute; height: 30%;width:11%;margin-top:0.5%; margin-left:45%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_report {	position: absolute;background-image:url(images/form_bg.jpg);	background-repeat:repeat-x;	border:1px solid #8db39a;	width: 100%;	color:#333333;height:30px;	opacity:0.9; text-align:center;	margin-top:20%;	font-family:IRANYekanBold;border-radius:3px; z-index:99}
.input_date1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date10{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:37%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_date11{ position: absolute; height: 100%;width:11%;margin-top:-5%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_date2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:25%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;}
.input_time1{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:12.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.input_time2{ position: absolute; height: 100%;width:11%;margin-top:0%; margin-left:0.5%; z-index:1;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right; }
.export_repost{ position: absolute; height: 100%;width:8%;margin-top:0%; margin-left:0%; z-index:1;font-family:IRANYekanMedium; font-size:11px;color:#fff;padding:7px; }
.div_title_export_repost {position: absolute;width :0%;height:auto;  margin-left:100%;margin-top:3%}
.div_report_ex{ position: absolute;width :100%;margin-left:0%;margin-top:-3%; background-color:blue; z-index:1;}
.report_ex1{position: absolute;width :35%;height:auto;  margin-left:0%;margin-top:0%;z-index:1; }
 .div_button_report{position: absolute;margin-left:3.5%;margin-top:-4%;width:13%;   height:30px;  z-index:97}
.table_report{position: absolute;margin-left:10%;margin-top:10px;width:80%;} 
.divlogoheaddash_report{position: absolute;  margin-top: 3.5%;margin-left: 88%; transform: translate(-50%, -50%);color: white;font-family: IRANYekanBlack;font-size: 15px;width:10%;height:100%;}
.divtitleheaddash_report{position: absolute;margin-top: 3.5%;  margin-left: 87%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.div_page{position: absolute;margin-top: 10%;  margin-left:50%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:100%;direction:ltr;  }
.print{position: absolute;margin-left:40%;margin-top:-7%;width:13%;   height:80px;  z-index:97}
.img_btnres1{margin-right:100%;margin-top:0px;width:30px ;height:30px;}
  
  .button_blue1 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue1:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor1{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:45%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 8px;
	margin-right:0%;
	
}
.button_blue2 {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue2:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor2{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	
} 
  
  table {
			margin: auto;
			font-family: "IRANYekanExtraBold";
			font-size: 11px;
		}

		h1 {
			margin: 25px auto 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 17px;
		}

		table td {
			transition: all .5s;
		}
		
		/* Table */
		.data-table {
			border-collapse: collapse;
			font-size: 14px;
			min-width: 100%;
		}

		.data-table th, 
		.data-table td {
			border: 1px solid #819097;
			text-align: center;
			padding: 7px 17px;
		}
		.data-table caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table thead th {
			background-color: #819097;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table tbody td {
			color: #353535;
			text-align: center;
		}
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table tfoot th {
			background-color: #e5f5ff;
			text-align: center;
		}
		.data-table tfoot th:first-child {
			text-align: left;
		}
		.data-table tbody td:empty
		{
			background-color: #ffcccc;
		}
   .data-table1 {
			border-collapse: collapse;
			font-size: 14px;
			font-size: 14px;
			min-width: 80%;
		}

		.data-table1 th, 
		.data-table1 td {
			border: 1px solid #e1edff;
			padding: 7px 17px;
		}
		.data-table1 caption {
			margin: 7px;
		}

		/* Table Header */
		.data-table1 thead th {
			background-color: #508abb;
			color: #FFFFFF;
			border-color: #6ea1cc !important;
			text-transform: uppercase;
		}

		/* Table Body */
		.data-table1 tbody td {
			color: #353535;
		}
		.data-table1 tbody td:first-child,
		.data-table1 tbody td:nth-child(4),
		.data-table1 tbody td:last-child {
			text-align: right;
		}

		.data-table1 tbody tr:nth-child(odd) td {
			background-color: #f4fbff;
		}
		.data-table1 tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Footer */
		.data-table1 tfoot th {
			background-color: #e5f5ff;
			text-align: right;
		}
		.data-table1 tfoot th:first-child {
			text-align: left;
		}
		.data-table1 tbody td:empty
		{
			background-color: #ffcccc;
		}
   
 
	/* gauge -----------------------------------------------------------------------------------*/

	.tilledash_gauge_left{ position: absolute; background-color:#ffffff; height: 320px;width:40%;margin-top:16%; margin-left:4%; z-index:97;   }
.headtilledash_gauge_left{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff; text-align:right; direction:rtl;}
.tilledash_gauge_right{ position: absolute; background-color:#ffffff; height: 320px;width:40%;margin-top:16%; margin-left:50%;}
.headtilledash_gauge_right{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl;}
.tilledash_gauge_down{ position: absolute; background-color:#ffffff; height:290px;width:86%;margin-top:42%; margin-left:4%;  }	
.headtilledash_gauge_down{ position: absolute; background-color:#8db39a; height: 12%;width:100%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right; direction:rtl; }
.copyright_gauge{	 position: fixed;	width:25%;	height:auto;	margin-left:3%;		bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 13px;}
.divcopyrightdash_gauge{ position: fixed;   height: 5%;width:100%; margin-left:0%; }
.container3 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width: 98%;
         
		
        }
		.container1 {
						position: absolute; margin-top:8%; margin-left:0%;  z-index:99;  
          width:98%;
         
		
        }
		.container2 {position: absolute; margin-top:3.5%; margin-left:0%;  z-index:99;    width: 100%; }

.connect_gauge{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:20%;
	
	bottom:0;
	z-index:99;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
.graf_week{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_now{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.graf_year{ position: absolute;   height: 100%;width:20%;margin-top:0%; margin-left:0%; z-index:10;font-family:IRANYekanBold; font-size:12px;color:#fff;text-align:right;padding:5px;}
.entery{ position: absolute;  height:10%;width:84%;margin-top:8%; margin-left:4%; direction:rtl }	

.title_select{ position: absolute; height: 100%;width:20%;margin-top:0%; margin-right:10%; z-index:10;font-family:IRANYekanBold; font-size:14px;color:#6d977f;text-align:right;padding:32px;}
.div_combo_select_device{ position: absolute;   height: 80%;width:25%;margin-top:0%; margin-right:24%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_device {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	
.div_combo_select_sensor{ position: absolute;   height: 30%;width:25%;margin-top:0%; margin-right:50%; z-index:10;font-family:IRANYekanBold;font-size:12px;color:#fff;text-align:right;padding:30px;}
.combo_select_sensor {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #8db39a;
	width: 100%;
	height:30px;
	color:#333333;
	padding:2px 5px;
	
	margin-bottom:8px;
	font-family: IRANYekanBold;
	font-size: 12px;
border-radius:3px;
}	

.button_blue {
    border: 0px solid #82B697;
    color: #eee;
    opacity:1;
}
.button_blue:hover {
    background-color: #82B697;
    
    filter:alpha(opacity=90);        
}

 .button_about_sensor{
  background-color: #82B697;
    border: none;
    color: white;
    width:100%;
	height:40%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
cursor: pointer;
	 border-radius: 3px;
	  font-family: IRANYekanBold;
	font-size: 12px;
	margin-right:0%;
	margin-top: 20%;
}
 .div_btn_search{position: absolute;margin-right:85%;margin-top:0.5%;width:13%;   height:100%;  z-index:97 }
 
	/* dashboard -----------------------------------------------------------------------------------*/
.logoheaddash_gauge{	 position: absolute;	width:35%;	height:auto;	 margin-left:63%;	 margin-top: -9%; }
.logoheaddashtitle_gauge{	 position: absolute;margin-top: 2.5%;margin-left: 75%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 20px;}


.page{ position: fixed;  height: 100.3%;width:100.3%;margin-top: -1%; margin-left:-1%; background: #8DB499 url("left.png")}
.rookeshdash{	position: fixed;	width:100.3% ;	height:100.3%;	background-color:#4c976a;	 position: absolute;	  opacity: 0.3;}
.headlogo{ position: absolute; background-color:#8db499; height: 80px;width:101.2%;margin-top: -1%; margin-left:-1%; z-index:50}
.logoheaddash{	 position: absolute;	width:40%;	height:auto;	 margin-left:73%;	 margin-top: -8%; }
.divlogoheaddash{position: absolute;  margin-top: 2%;margin-left: 88%;color: white;font-family: IRANYekanBlack;font-size: 15px;width:12%;height:auto; }
.divtitleheaddash {position: absolute;margin-top: 3%;  margin-left: 70%;  transform: translate(-50%, -50%); color: white; font-family: IRANYekanBlack;font-size: 15px;width:50%;}
.logoheaddashtitle{	 position: absolute;margin-top: 2.5%;margin-left: 74%;width:20%;	text-align:right;height:auto;opacity: 0.8;color: white; font-family: IRANYekanBold;	font-size: 23px;}
	.title{ position: absolute;  height:80%;width:100%;margin-top:0%; margin-left:5%;  font-family:IRANYekanBold; font-size:18px; color:#fff; }
.head1{margin-left:2.2%;margin-top:2%; background-color:#98ccf1;}
#head1{      position: relative;  float: left;       width: 14%;     height: 160px;     z-index:9;	 font-family:IRANYekanBold;	} 
.low{ position: absolute;width: 90%;height: 30%; margin-left:0px;margin-top:115px; text-align:right;color:white;font-family:IRANYekanBold; font-size:16px; color:#000;}
.divcaml{ position: absolute;width: 100%;height: 30%; margin-left:0px;margin-top:135px; z-index:98; text-align:right;font-family:IRANYekanBold; font-size:10px;color:#fff;}
.hi{position: absolute;width: 90%;margin-left:15px;margin-top:115px; color:white;text-align:left;font-family:IRANYekanBold; font-size:16px; color:#000;}
.divcamh{ position: absolute;width: 100%;height: 30%; margin-left:0px;margin-top:135px;z-index:98 ; font-family:IRANYekanBold; font-size:10px;color:#fff;}
.value{position: absolute;width: 100%; height: 30%;margin-left:0%;margin-top:50px; color:white;font-family:IRANYekanBold; font-size:31px; color:#000; text-align:center;}
.tilledash{ position: absolute; background-color:#ffffff; height: 80%;width:87%;margin-top:11%; margin-left:4%; z-index:11 }
.tilledash1{ position: absolute; background-color:#ffffff; height:95%;width:100%;margin-top:3%; margin-left:0%;   overflow: auto; z-index:11 }
.head2{position: absolute; margin-left:0%;margin-top:0%; background-color:#8db499;  height:20%;width:100%; }
.tilledash2{  background-color:#ffffff;  }
	.menudash{ position: fixed; background-color:#819097; height: 100%;width:5.2%; margin-left:95%; z-index:1}
.headtilledash{ position: absolute; background-color:#8db39a; height: 10%;width:100%;margin-top:0%; margin-left:0%; z-index:10;}
.divcopyrightdash{ position: fixed;  height: 5%;width:100%; margin-left:0%; text-align:center;}
.copyright_report{	 position: fixed;	width:25%;	height:auto;	margin-left:0%;	bottom:0;	z-index:2;	opacity: 0.5;font-family: IRANYekanBold;font-size: 15px;}
.gauge{ position: absolute;width: 100%;height: 60px; margin-left:0%;margin-top:170%; z-index:98;}
.chart{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:290%; z-index:98;}
.report{ position: absolute;width: 100%;height: 10%; margin-left:0%;margin-top:415%; z-index:98;}
.user{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:555%; z-index:98; }
.sensor{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:695%; z-index:98; }

.call{ position: absolute;width: 100%;height: 8%; margin-left:0%;margin-top:680%; z-index:98;}
.connect_dash{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:20%;
	
	bottom:0;
	z-index:99;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
.con_img {width: 70%;height: auto}
.gauge:hover {    background-color: #6a777d;        filter:alpha(opacity=90);      }
.chart:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.report:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.user:hover {    background-color: #6a777d;        filter:alpha(opacity=90);       }
.call:hover {    background-color: #6a777d;        filter:alpha(opacity=90);        }

.picgauge{width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picchart{ width :70%;height:auto;  margin-left:16%;margin-top:16%;}
.picreport{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
.picuser{ width :65%;height:auto;  margin-left:16%;margin-top:10%;}
.piccall{ width :65%;height:auto;  margin-left:16%;margin-top:11%;}
 
 /* LOGIN -----------------------------------------------------------------------------------*/


.tdright{ position: absolute;  height: 80%;width:33.8%;margin-top: -1%; margin-left:65%;}


.tdleft{ width:65% ; height:100%; margin-top: -1%;}
#tdleft { background: #8DB499 url("left.png");
  background-color: #cccccc;
  height: 100.5%;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
margin-left:-1%;
  }
  
  .text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
    font-family: IRANYekanBlack;
	font-size: 15px;
	width:100%;
	 opacity: 0.8;
}
.rookesh{
	width:100% ;
	height:100%;
	background-color:#4c976a;
	 position: absolute;
	  opacity: 0.7;
}
.divright{
	width:100% ;
	height:50px;
	
	 position: absolute;
	 margin-left:0%;
	margin-top: 0%;
	 font-family: IRANYekanBold;
	font-size: 10px;
	

}.logoright{
	width:30%;
	height:auto;
	 position: absolute;
		 margin-left:35%;
	margin-top: 5%;
	
}
.logoleft{
	width:10%;
	height:10%;
}

.logorighttitle{
	 position: absolute;
	width:35%;
	height:auto;
		 margin-left:35%;
	margin-top: 17%;
	opacity: 0.5;
	 font-family: IRANYekanBold;
	font-size: 12px;
	

}
.titlevorod{
	
	 position: absolute;
	width:70%;
	height:auto;
		 margin-left:27%;
	margin-top: 50%;
	opacity: 0.8;
	 font-family: IRANYekanBold;
	font-size: 13px;
	

}
.button1{
	 position: absolute;
	width:90%;
	height:100px;
		 margin-left:7%;
	margin-top:100%;

	

}
#LoginBt {
                        	 position: absolute;  
 margin-left:3%;							 
							 margin-top:10%;
                            width: 90%;
                            height: 45px;
                          
                            background-color: #4c976a;
							opacity: 0.8;
                            border: 1px solid rgba(255, 255, 255, 0.12);
                            box-sizing: border-box;
                            border-radius: 4px;
                            transition-duration: 0.4s;
                            cursor: pointer;
                            color: #fff;
							font-family: IRANYekanBold;
							font-size: 20px;
                            }
 #LoginBt:hover {
                                background: #4c976a;
									opacity: 1;
                            }
							
.chkdiv{
	 position: absolute;
	width:15%;
	height:auto;
	margin-left:85%;
	margin-top:0%;
	z-index:2;

	
}.chktitle{
	 position: absolute;
	width:25%;
	height:auto;
	margin-left:65%;
	margin-top:0%;
	z-index:1;
	font-family: IRANYekanBold;
							font-size: 11px;
							opacity: 0.5;
						
}
.chek{
	 position: absolute;
	 width:100%;
	margin-left:100%;
	margin-top:0%;
	
	font-family: IRANYekanBold;
							font-size: 11px;
							z-index:1;
}
input.larger {
        width: 18px;
        height: 18px;
}

.forgetpass{
	 position: absolute;
	width:40%;
	height:auto;
	margin-left:10%;
	margin-top:0%;
	z-index:2;
font-family: IRANYekanBold;
							font-size: 11px;

}
.copyright{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:70%;
	
	bottom:0;
	z-index:2;
	opacity: 0.5;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
.footerright{
	position: fixesd;  height:auto;width:99%;margin-top: 50%; margin-left:0%; 
}
.connect{
	 position: fixed;
	width:80%;
	height:auto;
	margin-left:4%;
	
	bottom:0;
	z-index:99;
	opacity: 1;
font-family: IRANYekanBold;
							font-size: 11px; 
	
}
a:link {
  color: #1ba6f4;
  
}


* { box-sizing:border-box; }


/* form starting stylings ------------------------------- */
.group 	 { 

  position: absolute;
 width:90%;
  margin-top: 70%;
  	 margin-left:10%;

}
.group1 			  { 
  position: absolute;
 width:90%;
  margin-top: 90%;
  	 margin-left:10%;

}
input 				{

  font-size:13px;
  padding:10px 10px 10px 5px;
  display:block;
  width:90%;
  border:none;
     font-family: IRANYekanBold;
  border-bottom:2px solid #4c976a;
   opacity: 0.7;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:78%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:10px;
  color:#999;
}
.label1 				 {
  color:#999; 
  font-size:10px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:80%;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
   font-family: IRANYekanBold;
}

/* active state */
input:focus ~ label1, input:valid ~ label1 		{
  top:-20px;
  font-size:10px;
  color:#999;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:90%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#4c976a; 
  
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#4c976a; }
  to 	{ width:0; background:transparent; }
}


.divforgetpass{
	position: absolute;  height: 10%;width:33.8%;margin-top: 42%; margin-left:65%;
}
	  
}