/* CSS Document */
/*@charset "UTF-8";*/
/*@import url(http://fonts.googleapis.com/css?family=Ubuntu:500,400,300);*/
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  /*src: url(http://fonts.gstatic.com/s/ubuntu/v7/_tMhxyW6i8lbI7YsUdFlGA.eot);*/
}

body, html, h1, h2, h3, h4, p, ul, li, textarea, form, header, tr, td, input, label, option {font-family:'Ubuntu',Sans-Serif; margin:0; padding:0; font-weight:300;}
a, a:link, a:visited, a:hover, a:active {color:#FFFFFF; text-decoration:none;}
img, a img{
    border: 0; border:none;
}
strong{
	font-weight: 500 !important;
}
html{
	background-color:transparent;
	background-image: url(../images/body-bgnd.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	/*height:100%;*/
}
body{background-color:transparent !important;background-image: none !important;}
header {
  height: 80px;
  /*background-image: url(../images/headerbgnd.png);*/
  background-image: url(../images/new_header.png);
  background-position: center;
  background-size: cover;
  padding: 10px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #036;
  position: relative;
  background-size: cover !important;
}
header em {color:#fff; font-size:14px;position:absolute;right:30px; top:55px; text-align:right;}
header em a span{display:inline-block; position:relative;width:20px; height:20px; background-image:url(../images/globe.png); background-repeat:no-repeat; text-indent:-5000px !important; margin-left:3px; margin-top:6px; top:3px;}
header em a:hover{color:#ffcc00;}
header em a:hover > span{background-image:url(../images/globe-hover.png);}
.logo-header {
	float: right;
	top: 15px;
	position: relative;
	margin-right: 10px;
	height: 30px;
	width: 362px;
	background-repeat: no-repeat;
	background-size: contain;
/*	background-image: url('../images/PressureNET-logo.png');*/
}
.company-name {
	display: none;
}
div#sign_user {
	vertical-align: middle;
	width: 480px;
	height: 330px;
	padding-top: 10px;
	box-shadow: 0px 4px 3px #333;
}
#sign_user, #sign_user table, #sign_user td{background-color:#FFF; text-align:center;}
#sign_user input{padding:10px;}
#sign_user label{color:#666; display:block; font-size:16px; margin-bottom:10px;}
label.label-password {margin-top:20px;}

/*table#Login{padding-left:110px;height:25px;width:150px;border-collapse:collapse;border-collapse:separate;border: 0px}*/
table#Login{padding-left:110px;}
/*div#LoginDiv{height:25px;width:100%;border-collapse:collapse;border-collapse:separate;border: 0px}*/
td#Login_B{color:#fff; background-color:#045191;font-size:16px;display:block; width:240px;padding:10px !important;margin-top:30px;}
input#Login {
  color:#fff; 
  background-color:#045191;
  font-size:16px;
  width:265px !important;
  padding:10px !important; 
  margin-top:30px;
  border: 0px;
  text-align: center;
  vertical-align: middle;
  cursor:pointer;
}

input#pwdTxt, input#usernametxt{border:solid 1px #aaa; text-align:center; font-size:16px;color:#045191; font-weight:400;}
input#pwdTxt:focus, input#usernametxt:focus{border:solid 1px #045191; background-color:#fafafa; box-shadow:inset 0px 0px 4px #ddd;}
.login-title h3{
	font-size: 24px;
	font-weight: 400;
	background-image: url(../images/triangle-top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:25px;
	text-shadow: 1px 1px 3px #000;
	text-align: center;
	width:480px;
}
table.table-language{margin-left:30px;}
table.table-language label{color:#fff; display:block; font-size:16px; margin-bottom:10px;}
table.table-language select{border:solid 1px #aaa; width:160px;color:#045191;padding-left:8px; outline:none;}
table.table-language select option{padding:8px; color:#045191;}

/*div.info  {
  font-size: 18px;
  margin-top: 25px;
  width: 480px;
}
  div.info#brief {
    background-color:#5B9BD5;
    border: solid 2px #41719C;
    padding: 10px;
    /*text-shadow: 1px 1px 3px #ADCDEA;
  }
  div.info#notacustomer, div.info#GPSTrackingNotEnabled {
    background-color:#FFDA95;
    border: solid 2px #BC9322;
    padding: 10px;
  }
  div.info p {
    padding: 10px;
    font-weight: 500;
  }
  div.info span.notacustomer {
    color:  #DD8E42;
  }
  div.info span.clickhereforinfo {
    color:  #060503;
  }
  div.info a {
    color:  #2270BB;
    text-decoration: underline;
  }*/
div.GPSTrackingNotEnabled{
  width:100%;
  padding:10px 0 10px 0;
  /*margin-left:auto;
  margin-right:auto;
  margin-top: 5px;
  margin-bottom: 5px;*/
  margin: 5px auto 5px auto;
  font-size:16px;
  text-align:center;
  color:#ffcc00;
  background: rgba(0,0,0,0.5);
  border-bottom:solid 1px #045191;
}/*BC9322*/
  div.GPSTrackingNotEnabled a {
    text-decoration: underline;
  }
/******      READINGS SCREEN         *****/
#PageHeader_lblWelcome{color:#fff; position:relative; top:10px; left:20px; font-size: 15pt;}
#PageHeader_PageHeader_lblUser{color: #FFCC00; font-weight:400;position:relative; top:10px; left:20px;font-size: 15pt;}
a#PageHeader_hypLogout{	
	background-image: url(../images/logout-n.png);
	background-repeat: repeat;
	background-position: center center;
	display:block;
	width:30px; height:30px;
	text-indent:-90000px;}
a#PageHeader_hypLogout:hover{background-image: url(../images/logout.png);}	
#PageHeader_PageHeader_hypSettings {
	background-image: url(../images/options-n.png);
	background-repeat: repeat;
	background-position: center center;
	display:block;
	width:30px; height:30px;
	text-indent:-90000px;
}
#PageHeader_PageHeader_hypSettings:hover{background-image: url(../images/options.png);}
#PageHeader_PageHeader_hypHome {
	background-image: url(../images/home-n.png);
	background-repeat: repeat;
	background-position: center center;
	display:block;
	width:30px; height:30px;
	text-indent:-90000px;
}
#PageHeader_PageHeader_hypHome:hover{background-image: url(../images/home.png);}
/*.dxbButton_PlasticBlue{}*/
.dxbButton_PlasticBlue div.dxb {
    padding: 0;
    border-width: 0px;
}
.dxbButton_PlasticBlue {
    vertical-align: middle;
    border: none;
    background: none;
    padding: 0px;
    cursor: pointer;
    font-family: 'Ubuntu';
    color: #000;
}
div.wrap {
  width:90px; 
  position:relative; top:12px; 
left:0px;
  height: 36px;
}
div.centered {
  /*display: table;
  margin-left: auto;
  margin-right: auto;*/
  /*display: block;
    margin-left: 30px;
  margin-right: 30px;*/
  display: block;
}
a.vehchart:link, a.vehchart:visited, a.vehchart:hover, a.vehchart:active {
  color: #2443aa;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

.alert-1{width:100%;padding:15px 0 15px 0;position:absolute; top: 102px;  margin-left:auto; margin-right:auto; font-size:16px; text-align:center; color:#ffffff; background: rgba(0,0,0,0.5); border-bottom:solid 1px #cccccc;}
.alert-2{width:100%;bottom:0px;padding:15px 0 15px 0;position:fixed; margin-left:auto; margin-right:auto; font-size:16px; text-align:center; color:#ffcc00; background: rgba(0,0,0,0.5); border-top:solid 1px #cccccc;}
#flat-graphic{
	background-image: url(../images/divider.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:5%;
	padding-top:20px;
	min-width:400px;
}
#login-form{padding-left:5%;}
.warningmsg {
  width: 100%;
  padding: 15px 0 15px 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  text-align: center;
  color: red;
}

.btnNoBorder {
  border: 0 !important;
}

.btnRefresh:hover {
	background-color: #0F50A1;
}

.btnRefresh:hover {
	color: #ffcc00 !important;
	cursor: pointer !important;
}

.btnRefresh {
	background: #0F50A1 !important;
	padding: 0px !important;
	height: 25px;
	line-height: 25px;
	border-radius: 0px !important;
	color: white;
	cursor: pointer !important;
}

.download {
	width: 480px;
	text-align: center;
	padding-top: 5px;
}

#section {
	margin-top: 50px;
}

.forgetPasswordTrigger {
	cursor: pointer !important;
}
.mb-5 {
	margin-bottom: 5px;
}
.mt-5 {
	margin-top: 5px;
}