html {
	height:100%;
}

body {
	/*margin:0;*/
	margin-top:70pt;
	padding:0;
	height:100%;
	/*overflow:hidden;*/
}

#body_div {
	position: relative;
	min-width: 900px;
	width:100%;
    transition: 0.5s;
  	max-width: 2000px;
}

#left_menu {
	position: relative;
    z-index: 1;
	float:left;
	width:0px;
	height:600px;
	background: #FFF;
    top: 0;
    left: 0px;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
}

#left_menu_button {
	color: #496E8A;
	font-size: 30px;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}

#left_menu_button:hover {
	cursor:pointer;
}

#blanket {
	background: #FFF;
	/*position: fixed;*/
	position: relative;
	left:0px;
	width: 0px;
    transition: 0.5s;
    margin-left: 40px;
    /*opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
/*
#blanket_body {
	position: absolute;
    border: solid #000 1px;
}*/

#main_body {
    transition: margin-left .5s;
	position: relative;
	overflow: hidden;
	min-width:850px;
	width: 100%;
    transition: 0.5s;
}

input {
	background: #FFFFFF;
	border: 1px solid #999999;
	border-radius:7pt;
	-webkit-border-radius: 7pt;
    -moz-border-radius: 7pt;
    padding-left: 5pt;
    padding-right: 5pt;
}

select {
	background: #FFFFFF;
	border: 1px solid #999999;
    -moz-border-radius-topleft: 7pt;
    -webkit-border-top-left-radius: 7pt;
    border-top-left-radius: 7pt;
    -moz-border-radius-bottomleft: 7pt;
    -webkit-border-bottom-left-radius: 7pt;
    border-bottom-left-radius: 7pt;
    padding-left: 1pt;
}
/*
div {
	!border: black solid 1px;
}*/

p {
	margin: 0;
	padding:0;
}

#header {
	position: absolute;
	background-color: #496E8A;
	top: 0;
	left:0;
	width: 100%;
	height: 52pt;
	border-bottom: 1px solid #1F3F57;
}

#footerdiv {
    position: fixed;
    left: 0;
    bottom: 0;
	float:left;
  /*position: static;
  border: 3px solid #73AD21;*/
  	bottom: 0;
  	width: 400px;
 	height:15pt;
}

#yellow_note {
	display: block;/*none;*/
	position: absolute;
	top: 52pt;
	width: 100%;
	height: 40px;
}

.yellow_note_text {
	padding-top: 2pt;
	font-family: Verdana, sans-serif;
	color: #db7070;
	font-size: 12px;
	font-weight: bold;
	
	/*border-top: 1px #000 solid;*/
	border-bottom: 1px #000 solid;
	background-color:#FFECB3
}

#footertext {
	padding-left: 30pt;
	padding-right: 100pt;
	font-family: Verdana, sans-serif;
	color: #A9AE8A;
	font-size: 10px;
}

#loginblueline {
	background-color: #496E8A;
	top: 0;
	left:0;
	width: 100%;
	height: 100pt;
}

#floatinglogin {
	position: fixed;
}

#logintable {
	width:100%;
	margin: 0px;
	padding: 0px;

	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 10pt;
}

#submitbtn {
	width:110pt;
}

.logindescription {
	text-align:right;
}

.loginentrycell {
	width:50%;
}

.loginicon {
	width: 48pt;
	height:48pt;
	margin: 12pt 24pt 8pt 24pt;
}

.loginoptions {
	text-align:center;
}

.loginentry {
	width:100pt;
	color: #496E8A;
}

.loginback {
	background-color: #FFFFFF;
}

.loginlogo {
	text-align: center;
	margin: 15pt;
}

.innerbox {
	height:calc(100% - 8pt);
    overflow: hidden;
	padding-right: 8pt;
}

.headlogo {
	text-align: center;
	margin: 10pt 0 0 25pt;
	float:left;
}

.headlogoimg {
	height:30pt;
}

.headerrest {
	padding-left: 16pt;
	float:left;
	font-size: 16pt;
	overflow:hidden;
	margin-top: 20pt;
	line-height: 25pt;
	vertical-align:middle;
	font-family: Verdana, sans-serif;
	color: #FFF;
	/*color: #D1E7F8;*/
}

.headeruser {
	float:left;
	font-size: 10pt;
	margin: 0 8pt 0 0;
	line-height: 40pt;
	vertical-align:middle;
}

#headerlogout {
	float:right;
	margin-right: 30pt;
	margin-top: 10pt;
	line-height: 45pt;
}

#headeruser {
	float: right;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-right: 10pt;
	margin-top: 20pt;
}

#headeruser a, a:link, a:visited {
	text-decoration: none;
	color: #FFF;
}

#headeruser a:hover {
	text-decoration: none;
	color: #DDD;
}

#advancemenu {
    display: none;
	position: absolute;
	background-color: #FFF;
	border: 1px solid #000;
	width: 170px;
	height: 170px;
}

.advancemenubox {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #555;
	background-color: #FFF;
	padding: 3pt;
	padding-left: 10pt;
	width: 180px;
}

.advancemenubox:hover{
	cursor:pointer;
	color: #555;
	background-color: #DDD;
}

.advancemenubox_space {
	height: 30px;
}
.advancemenubox_title {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: rgb(44, 44, 44);
	background-color: #FFF;
	padding: 3pt;
	padding-left: 10pt;
	width: 180px;
	font-weight: bold;
}

.advancemenubox_important {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: rgb(72, 28, 159);
	background-color: rgb(246, 174, 255);
	padding: 3pt;
	padding-left: 10pt;
	width: 180px;
}

.advancemenubox_important:hover{
	cursor:pointer;
	color:  rgb(106, 81, 156);
	background-color: #DDD;
}

#infoboxdiv {
    display: none;
	position: absolute;
	background-color: #FFF;
	border: 1px solid #000;
	width: 170px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	padding: 3pt;
}

.fullwidth {
	width:100%;
	margin:1pt auto;
}

.logoutimg {
	width:15pt;
	height:15pt;
}

#loginbox {
	background-color: #FFFFFF;
	width: 100%;
	border: 0px;
	margin: 10% 0 0 0;
	/*!padding: 12pt;*/
}

#loginboxbackwalled {
	/*!background: url(../page/stevec-01.jpg) no-repeat top center;
	!background-size: cover;
*/
	text-align: center;
	color: #fff;
	position: relative;
}

.loading {
	position:absolute;
	top:50%;
	left:50%;
	width:32pt;
	height:32pt;
	margin-left:-16pt;
	margin-top:-16pt;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	opacity:0.75;
	background-image:url(../loading.png);
	background-size:100%;
	background-position:center center;
}

/* FORM style */
#adddevicetable {
	width:100%;
	margin: 0px;
	border: 1px solid #999;
	padding: 5px;

	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 10pt;
}

#floatingendpoint{
	width: 400px;
}

#endpointtable {
	width:100%;
	margin: 0px;
	border: 1px solid #999;
	padding: 5px;

	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 10pt;
}

.flotingmsg {
	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 14pt;
	font-weight: bold;
}

.formdescription {
	text-align: right;
}
/*
.formentrycell {

}*/

.formsavebtn {
	width: 100px;
	color: #496E8A;
}

.formentry {
	color: #496E8A;
	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 10pt;
}

/*Table table css*/
#city_map {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	margin-left: 50px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #496E8A;
}

#blanket_nav {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	margin-left: 50px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #496E8A;
}

#metertable {
	min-width: 800px;
	height: 400px;
	margin-left: 40px;
	margin-top: 20px;
}

#tablemenu {
	height: 20px;
	margin-bottom: 5pt;
}

#tabletags {
	font-weight: bold;
	border-top: 1px solid #496E8A;
	background-color: #ECF2FB;
	height: 15px;
	min-width: 800px;
}

.brightrow {
	background-color: #FFF;
	border-bottom: 1px solid #496E8A;
	padding: 5px;
	height: 12px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #496E8A;
	min-width: 800px;
}

.brightrow:hover {
	background-color: #CDF;
	cursor:pointer;
}

.darkrow {
	background-color: #F1F7FF;
	border-bottom: 1px solid #496E8A;
	padding: 5px;
	height: 12px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #496E8A;
	min-width: 800px;
}

.darkrow:hover {
	background-color: #CDF;
	cursor:pointer;
}

.brightrow_alert {
	background-color: #ffc0ff;
	border-bottom: 1px solid #496E8A;
	padding: 5px;
	height: 12px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #5a1c5a;
	min-width: 800px;
}

.brightrow_alert:hover {
	background-color: #ffa0ff;
	cursor:pointer;
}

.darkrow_alert {
	background-color: #ff80ff;
	border-bottom: 1px solid #496E8A;
	padding: 5px;
	height: 12px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #5a1c5a;
	min-width: 800px;
}

.darkrow_alert:hover {
	background-color: #ff50ff;
	cursor:pointer;
}

.tabletag {
	float: left;
	width: 22%;
}

.tabletag4 {
	float: left;
	width: 12%;
}

.tablemenuicones {
	width: 20px;
	margin-right: 5px;
    vertical-align: middle;
	cursor:pointer;
}

.table_ok_cancle_cones {	
	margin-top:-4px;
	width: 20px;
	margin-left: 10px;
    vertical-align: top;
	cursor:pointer;
	float: right;
}

.table_lock_icon {	
	margin-top:-4px;
	width: 20px;
	margin-left: 10px;
    vertical-align: top;
	cursor:pointer;
	float: left;
}

#tablepages {
	float: right;
	padding-top: 5px;
    vertical-align: bottom;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #496E8A;
}

#tablepages a, a:link, a:visited {
	text-decoration: none;
	color: #496E8A;
}

#tablepages a:hover {
	text-decoration: none;
	color: #091E3A;
}

.tablemap {
	padding-left: 40pt;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #496E8A;
}

.tablemap_link {
	font-weight: bold;
	text-decoration: underline;
}

#tabletype {
	background: #FFFFFF;
	border: 1px solid #999999;
	border-radius:7pt;
	-webkit-border-radius: 7pt;
    -moz-border-radius: 7pt;
    padding-left: 5pt;
    padding-right: 5pt;
}

/*Information table css*/
#informationtable {
	position: absolute;
	right:0px;
	top: 0px;
	/*float:right;*/
	display: none;
	width: 300px;
	background-color: #FFF;
	padding: 10px;
	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 11pt;
	display: inline-block;
}

#informationheader {
	float: left;
	width: 200px;
}

.inforamtionrow {
	width:100%;
	float: left;
}

#informationrowfix {
	float: left;
	width: 65%;
}

#informationpicture {
	width: 100px;
}

#informationrowpic {
	float: right;
	width: 35%;
}

.informationrowline {
	border-bottom: 1px solid #496E8A;
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#informationrowmeasur {
	margin-bottom: 15px;
	width: 100%;
	float: left;
}

#informationrowsett {
	margin-bottom: 15px;
	width: 100%;
	float: left;
}

.informationtitle {
	font-size: 18px;
	color: #395E7A;
	font-weight: bold;
}

.informationtext {
	font-weight: bold;
	font-size: 13px;
}

.informationdescript {
	font-size: 13px;
	color: #698EAA;
	font-style: italic;
}

.informationdescript_s {
	font-size: 11px;
	color: #698EAA;
	font-style: italic;
}

.entrydescript_s {
	font-size: 10px;
	color: #6E93AF;
	font-style: italic;
}

.informationtext_s {
	font-weight: bold;
	font-size: 11px;
}

#informationeditmeter {
	float: right;
	text-align: right;
}

#information_Xheder {
	display: none;
  width: auto;
  height: 20px;
  padding-right: 10px;
  text-align: right;
  font-size: 10pt;
}

.information_edit_icone {
	width: 15px;
	margin-right: 5px;
    vertical-align: middle;
	cursor:pointer;
}

/*ALL detail*/
#details_div {
	background-color: #FFF;
	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 10pt;
	margin: 10px;
}

/*Entry edit box*/
#entry_edit_box {
  display: none;
	position: fixed;
	background-color: #FFF;
	border: 1px solid #496E8A;
	width:300px;
	height: 120px;
	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 10pt;
	left: 30%;
	top: 20%;
}

#entry_edit_head {
	padding-top: 5px;
  vertical-align: bottom;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #496E8A;
	border-bottom: 1px solid #496E8A;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#entry_edit_window {
	float: left;
	padding-top: 5px;
  vertical-align: bottom;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #496E8A;
	height: 30px;
	width: 190px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

#entry_edit_value {
	text-align: right;
	width: 150px;
}

.entry_edit_text {
	font-weight: bold;
	font-size: 13px;
}

.entry_edit_descript {
	font-size: 13px;
	color: #698EAA;
}

.entry_edit_descript_s {
	font-size: 11px;
	color: #698EAA;
}

.entry_edit_entrydescript_s {
	font-size: 10px;
	color: #6E93AF;
}

#entry_edit_line {
	height: 20px;
}

#entry_edit_xline {
	float: right;
  height: 20px;
  margin-right: 10px;
  text-align: right;
  font-size: 10pt;
}

#entry_edit_serial {
	float: left;
  height: 20px;
  margin-left: 10px;
  text-align: left;
  font-size: 8pt;
	font-weight: bold;
}

#entry_edit_buttons {
	position: absolute;
	/*float: right;*/
	height: 35px;
	width: 290x;
	bottom:1px; 
	right:1px;
}

#entry_edit_ok {
	float: right;
	height: 24px;
	width: 24px;
	background-image: url("../images/button_ok.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 24px 24px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

#entry_edit_ok:hover {
	cursor:pointer;
}

#entry_edit_cancle {
	float: right;
	height: 24px;
	width: 24px;
	background-image: url("../images/button_cancel.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 24px 24px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

#entry_edit_cancle:hover {
	cursor:pointer;
}

/* #####  EXPORT function  ##################*/
#export_box {
	display: none;
	position: fixed;
	background-color: #FFF;
	border: 1px solid #496E8A;
	width:350px;
	height: 200px;
	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 10pt;
	left: 30%;
	top: 20%;
}

#export_from_value {
	text-align: right;
	width: 150px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color: #496E8A;
}

#export_to_value {
	text-align: right;
	width: 150px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color: #496E8A;
}

.export_text {
	font-weight: bold;
	font-size: 13px;
}

#export_line {
	margin-left: 10px;
	height: 20px;
}

#export_xline {
	float: right;
  height: 20px;
  margin-right: 10px;
  text-align: right;
  font-size: 10pt;
}

#export_buttons {
	float: right;
	height: 24px;
	width: 24px;
	background-image: url("../gtk-save.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 24px 24px;
	margin: 10px;
}

#export_buttons:hover {
	cursor:pointer;
}

/*EXPORT Teb designe */

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

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

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

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

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
	padding-top: 5px;
	float: left;
	vertical-align: bottom;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #496E8A;
	width: 240px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
/*END teb design*/


/* #####  Table entry type selection window  ##################*/
#floting_table_entry_type {
  display: none;
	position: fixed;
  background-color: #FFF;
  border: 1px solid #496E8A;
  width:300px;
  height: 150px;
	font-family: Verdana, sans-serif;
	color: #496E8A;
	font-size: 10pt;
	left: 30%;
	top: 20%;
}

#table_entry_type_windoww {
	float: left;
	padding-top: 5px;
  vertical-align: bottom;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #496E8A;
	height: 30px;
	width: 190px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

#table_entry_type_line {
	margin-left: 10px;
	height: 20px;
}

#table_entry_type_xline {
	float: right;
  height: 20px;
  margin-right: 10px;
  text-align: right;
  font-size: 10pt;
}

.table_entry_type_boldtext {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #496E8A;
	font-weight: bold;
}

.table_entry_type_text {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #496E8A;
}
#manegment_submenu {
    display: none;
    
}
li {
  margin-top: 10px;
    
}