.btn1 {
/*	background-color: #f3f3f3; */
 background: none;*/ /* Light Grey */
 width: auto;
 border: none;
 border-radius: 10px; 
 position: absolute;
 text-align: center;
 color: #0000E1;
 text-decoration: none;
 font-size-adjust: .6;  
 display: block;
 max-width: 100%;
 margin: 2px 2px;
 cursor: pointer;
/*
	-webkit-transition-duration: 0.4s; /* Safari */
*/
/*	transition-duration: 0.4s;box-shadow: 0 2px 4px 0 	rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
*/
}
.btn1:hover {
 text-decoration: underline;
 font-weight: bold;
 font-size-adjust: .55;  
 -ms-transform: scale(1.1); /* IE 9 */
 -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
/* border: 2px solid #FFFF33; */ /* Light yellow */
}
.btn1:focus {
  outline: 2px solid blue;  
}
.btn1:disabled {
	border: none;
	opacity: .5; 
}
.btn1:hover:disabled {
 text-decoration: none; 
 font-weight: normal; 
 font-size-adjust: .6;  
 -ms-transform: scale(1.0); /* IE 9 */
 -webkit-transform: scale(1.0); /* Safari 3-8 */
  transform: scale(1.0);
}
.btn2 {
	background-color: transparent; 
	border: none;
	width: auto;
	border-radius: 5px; 
	position: absolute;
 	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	vertical-align: middle;
}
.btn2:hover {
 border: 2px solid #FFFF33; /* Light yellow */
 text-decoration: underline;
 color: blue;
 font-weight: bold;
}
.btn2:hover:disabled {
 text-decoration: none; 
 font-weight: normal; 
 font-size-adjust: .6;  
 -ms-transform: scale(1.0); /* IE 9 */
 -webkit-transform: scale(1.0); /* Safari 3-8 */
  transform: scale(1.0);
}
.btn3 {
	background-color: transparent; 
	border: none;
	width: auto;
	border-radius: 5px; 
	position: absolute;
 	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	vertical-align: middle;
}
.bodyPanel {
	background-color: #f3f3f3; /*light grey d3d3d3 */
}
.mnbtn {
  background-color: #e3e3e3; 
  position: absolute;
  display: inline-block;
}
.text1 {
	position: absolute;
	font-size-adjust: .75;
}
.text1:disabled {
	background-color: #D3D3D3; /*light grey */
}
.text1:focus {
  outline: 2px solid blue;  
}
.text1::-moz-focus-inner {
  border: 0;
}
.text1:read-only {
	background-color: #D3D3D3; /*light grey */
	outline: none;
	outline-style: none;
	-moz-outline: none;
	outline-width: 0;
	-moz-outline-width: 0;
/*
	border:none;
*/
	-moz-border:none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}
.text1:-moz-read-only { /* For Firefox */
	background-color: #D3D3D3; /*light grey */
}

.qrybtn {
	position: absolute;
	background-color: #D3D3D3; /* Light Grey */
	width: auto;
	border-radius: 1px;
 	text-align: center;
	text-decoration: none;
	display: block;
	max-width: 100%;
	margin: 2px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;box-shadow: 0 2px 4px 0 	rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}
.qrybtn:hover {
border: 2px solid #FFFF33; /* Light yellow */
}
.qrybtn:disabled {
	background-color: #D3D3D3; /*light grey */
	opacity: .5; 
}
.box {
	position: absolute;
	border-width: 1px;
	border-style: solid;
	border-color: darkcyan;
	border-radius: .5em;
}
h4{
	margin-top:-10px;
	margin-left:5px;
	width:120px;
	background: #D3D3D3; /*light grey */
	color: blue;
}
.boxText{
	margin-top:-10px;
	margin-left:5px;
	width:120px;
	background: #f3f3f3; /*light grey */
	color: darkcyan;
}
.lbl_text1 {
	position: absolute;
	font-size-adjust: .70;
	border:none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
       	background-color: #D3D3D3; /*light grey */
	background: transparent;
}
.lbl_check_box1 {
	position: absolute;
	font-size-adjust: .70;
	border:none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
       	background-color: #D3D3D3; /*light grey */
	background: transparent;
}
.checkbox1 {
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width; 10px;
/*	transition-duration: 0.4s;box-shadow: 0 2px 2px 0 	rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
*/
}
.checkbox1pwd {
	background: #ffc8c8;
	accent-color: #ffc8c8;
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width; 10px;
}
.checkbox1:hover {
	border: 2px solid #FFFF33; /* Light yellow */
}
input[type="checkbox"]:disabled {
	background-color: lightgrey;
	color: black;
	font-weight: bold;
	opacity: .6; 
	transition-duration: 0.4s;box-shadow: 0 2px 2px 0 	rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}
.checkboxLocked {
	background-color: lightgrey;
	color: black;
	font-weight: bold;
	opacity: .6; 
	transition-duration: 0.4s;box-shadow: 0 2px 2px 0 	rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}
.checkbox1:focus {
	outline: 2px solid blue; 
}

.dropbox1 {
	position: absolute;
	font-size-adjust: .70;
	background-color: white; 
}
.dropbox1:hover {
	border: 2px solid #FFFF33; /* Light yellow */
}
.dropbox1:disabled {
	background-color: #D3D3D3; /*light grey */
}
.dropbox1:focus {
  outline: 2px solid blue;  
}

.tabFolder1 {
  position: absolute;
  font-size-adjust: .75;
/*  background-color: yellow; */
  color: blue;
  float: left;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
/*  border: none; */
/*  background: linear-gradient(135deg, transparent 10px, #b3b3b3 0);  */
    background: linear-gradient(45deg, transparent 22%, #b3b3b3 22%, #b3b3b3 78%, transparent 0);
  transform: skewX(15deg);
  outline: none;
  cursor: pointer;
  width: 25%;
}

.tabFolder1:hover {

  border: 1px solid #f3f3f3;
  text-decoration: underline;
  font-weight: bold;
}
.tabFolder1:focus {
/*  border: 1px solid #f3f3f3; */
  outline: none;
  box-shadow: none;
}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: white;
  display: none;
  padding: 100px 20px;
  height: 100%;
}
.radio1 {
position: absolute;
}
.radio1:disabled {
	background-color: #D3D3D3; /*light grey */
	opacity: .5; 
}
.radio1:read-only {
	background-color: #D3D3D3; /*light grey */
}
.radio1:-moz-read-only { /* For Firefox */
	background-color: #D3D3D3; /*light grey */
}
.lbl_radio1 {
	position: absolute;
	font-size-adjust: .70;
	border:none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
       	background-color: #D3D3D3; /*light grey */
	background: transparent;
}
/* here start modal */
.modal {
/*  display: none; /* Hidden by default */ */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.maa-modal{
	z-index:3;
	display: none;    
	border: 2px;
	padding-top:1px; 
	padding: 0;
	position: absolute;
	left:0; 
	top:0; 
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4)
}
.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #888;
  width: 500px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
.msgboxbtn1 {
	background-color: #D3D3D3; /* Light Grey */
	width: auto;
	border-radius: 10px;
	position: absolute;
 	text-align: center;
	text-decoration: none;
	display: block;
	max-width: 100%;
	font-weight: bold;
	margin: 2px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;box-shadow: 0 2px 4px 0 	rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}
.msgboxbtn1:hover {
border: 2px solid #FFFF33; /* Light yellow */
}
.msgboxbtn1:focus {
  outline: 2px solid blue;  
}
.msgboxbtn1:active {
border: 2px solid #FFFF33; /* Light yellow */
background-color: blue;
}
.modal-header {
  padding: 1px 16px;
  background-color: #D3D3D3; /* Light Grey */ /* this one is green #5cb85c; */
  color: black;
}

.modal-body {
	padding: 1px 16px;

}

.modal-footer {
  padding: 1px 16px;
  background-color: #D3D3D3; /* Light Grey */
  color: black;
}
.msgboxbodytext {
	font-weight: bold;
}

/* here end modal  */

.parentDisable 
{
	z-index:999;
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0;
	left:0;
	background-color: #ccc;
	color: #aaa;
	opacity: .5;
	filter: alpha(opacity=50); 
}
.fixed-bottom
{
  position: fixed;
  bottom: 10px;
}
.url-no-Cache
{
 Cache-Control: max-age=0; 
}
.notification .badge {
  position: absolute;
  top: -6px;
  right: -5px;
  padding: 3px 5px;
  border-radius: 50%;
  background-color: red;
  color: white;
}

.SLbtn 
{
  background-color: #d3d3d3;
  border-radius: 10px;
  background: url('/images/16x16/resultset_down.png') no-repeat;
  background-position:center;
/*
style='background: url('/images/16x16/resultset_down.png) no-repeat ;background-position:center;'

  background-blend-mode: lighten;
*/
  position: relative; 
  margin: 2px 2px;
  width: 100%;
  Height:100%;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  box-shadow: 0 2px 4px 0 	rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}

.SLdown 
{
  position: absolute;
  display: inline-block;
}

.SLdown-content 
{
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.SLdown-content a 
{
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  width:400px;   
}

.SLdown-content a:hover 
{
  background-color: blue;
}

.SLdown:hover .SLdown-content 
{
  display: block;
}

.SLdown:hover .SLbtn 
{
  border: 2px solid #FFFF33; /* Light yellow */
  background-color: #cffbfe;
}
.SLbtn:hover
{
  border: 2px solid #FFFF33; /* Light yellow */
  background-color: #cffbfe;
}
.color-cffbfe
{
  background-color: #cffbfe;
}
.color-ffffff
{
  background-color: #ffffff;
}
.modal-content-but {
  position: relative;
  margin: auto;
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #888;
  width: 300px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
hr.solid {
  border-top: 2px solid #bbb;
}
.hrMnu{
 height:2px;
 width:175px;
 border-width:0;
 color:gray;
 background-color:gray;
}
.userSpecific {
}
.userSpecific:hover {
 text-decoration: underline;
 font-weight: bold;
}
.refreshSmallBtn {
	background: url('/images/refreshsmall.png') no-repeat;
	background-color: Transparent;
	border: none;
	color: Black;
	padding: 10px 15px;
	color: green;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;vertical-align: middle;
}
.helpSmallBtn {
	background: url('/images/HelpSmall.png') no-repeat;
	background-color: Transparent;
	border: none;
	color: Black;
	padding: 18px 15px;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 2px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
 	transition-duration: 0.4s;
	vertical-align: middle;
}
.data-display {
	color: blue;
}
.green-button4 {
	background-color: #4CAF50; /* Green */
	border: none;
	border-radius: 12px;
	color: white;
	padding: 3px 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
.driver-button {
	background: 43px url('/images/location.jpg') no-repeat;
	background-color: #4CAF50;
        border-style: solid;
        border-color: #4CAF50;
	border-radius: 10px;
	color: white;
	padding: 3px 1px;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
.lightgrey-rectangle{
	background:#d3d3d3;
	height:10px;
	border: none;
}
.grey-rectangle{
	background:gray;
	height:10px;
	border: none;
}
/* start here...   */
.green-rectangle{
	background:green;
	height:10px;
	border: none;
}
.red-rectangle{
	background-color: #ff8080;
	height:10px;
	border: none;
}
.grey-rectangle{
	background:gray;
	height:10px;
	border: none;
}
.lightgrey-rectangle{
	background:#d3d3d3;
	height:10px;
	border: none;
}
.lightblue-rectangle{
	background:lightblue;
	height:10px;
	border:2px solid #00008b;
}
.orange-rectangle{
	background-color: #ffa500;
	height:10px;
	border: none;
}
.refreshMapBtn {
 background: url('/images/Refresh_googlemap.png') no-repeat;background-color: Transparent;border: none;border-radius: none ;color: Black;padding: 30px 50px;color: green;text-align: left;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;-webkit-transition-duration: 0.4s; /* Safari */
 transition-duration: 0.4s;vertical-align: middle;}
.exit {
	background: 75px url('/images/exit.png') no-repeat;
	padding-left: 10px;
	border: none;
	border-radius: none;
	color: Black;
	padding: 15px 50px;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}