body
{
	zoom: 0.9;
}

input, select, .button
{
	border-radius: 3px;
	border-color:rgba(0, 0, 0, 0.27);
}

input[type=button], input[type=submit]
{
	cursor: pointer;
}

th
{
	background-color: rgb(77,77,77);
}

#barwrapper{
	width:auto;
	text-align: center;
	margin-top:-20px;
	z-index:20;
}
#topleft{
	position:absolute;
	float:left;
}
#sdata, #edata{
	display:none;
}
#databox{
	position:absolute;
	background-color:#000;
	color:white;
	font-weight:400;
	font-family:monospace;
	top:5px;
	padding:5px;
	float:left;
	left:20%;
	width:40%;
	height:30px;
	border-radius:4px;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index:1000;
}
.open {
    min-height: 100px;
    max-height: 100px;
  }  

ul{
	list-style: none;
	width: auto;
	height:36px;
	float:left;
	position:relative;
	display:block;
	left:50%;
	z-index: 21;
	font-size: 14px;
}
ul #wrap{
	background-color: #FFF;
	display:block;
	position:relative;
	padding: 7px;
	border-radius:5px;
	height:100%;
	background-position: center;
	right:53%;
	z-index:22;
}
ul li{
	float: left;
	display:inline;
	position:relative;
	margin:2px;
	padding: 8px;
	width:100px;
	background-color: rgb(77,77,77);
	border-radius:4px;
	z-index:23;
}
ul li a{
	color:white;
	display:block;
	font-family: sans-serif;
	text-decoration: none;
	font-weight: normal;
	z-index:24;
}
ul li a:hover{
	color:black;
}
ul li a:visited{
	color:white;
}
ul li:hover{
	background-color:rgb(155,155,155);
}
li ul {
	display: none;
	background: transparent;
	z-index:25;
}
li:hover li {
	float: left;
	color:white;
	font-family: sans-serif;
	margin-top: -1.2px;
}
li:hover ul{
	display: block;
	margin-top:10px;
	padding:0;
	position:absolute;
	margin-left:-50%;
}
li:hover ul a:hover{
	color:black;
}
body {
  	font-family: Verdana, Helvetica, sans-serif;
  	background-color: #FFFFFF;
}
.do-print{
	display:none;
}
@media print
{    
    .do-print
    {
        display:block;
    }
}

/*input[type=checkbox], input[type=radio]
{
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-o-transform: scale(1.4);
	padding: 10px;
	float: none;
}*/
  
label {
    width:180px;
    clear:left;
    text-align:right;
    padding-right:10px;
    color:	#3F3F3F;
	font-weight: bold;
	font-size: 14;
}
label.extend{
	width:200px;
	text-align:left;
	margin-left:50px;
}
label.extend2{
	width:240px;
	text-align:left;
	margin-left:50px;
}
label.extend3{
	width:240px;
	text-align:left;
	margin-left:10px;
	padding: 5px 5px;
}
label.rtl{
	text-align: left;
	float:right;
	margin-left: 30px;
}

label.rtl2{
    width:180px;
    clear:left;
    text-align:left;
    padding-right:10px;
    color:	#3F3F3F;
	font-weight: bold;
	font-size: 14;
}


input.rtl2{
	color:rgb(77,77,77);
	font-weight: bold;
	font-size: 14;
	padding: 3px 10px;
	float:right;
	display: inline-block;
	border-radius: 3px;
	border-width: 1px;
	border-style:groove;
	/*border-color: black;*/
}

form{
    display:inline-block;
}
input, label {
    float:left;
    display: inherit;
}
#pagename{
	font-size: 20px;
	color:	#2A2A2A;
	text-align: center;
	display:block;
}
#pagedata{
	display:block;
	position:relative;
	margin-top:100px;
	z-index:10;
}
.tcont{
	float: left;
	height: auto;
	margin-top:40px;
	max-height: 560px;
	overflow: auto;
	max-width: 77%;
	position:relative;
}
html>body div.tcont {
	overflow: hidden;
	max-width:77%;
}
table{
	text-align: center;
  max-width:90%;
  font-size:14px;
  border:1px solid grey;
  border-radius: 5px;
  border-collapse: collapse;
}

/*td, th
{
	border: 1px solid grey;
}*/
.nestedtb{
	column-span:all;
	-webkit-column-span:all;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	border-radius: 2px;
	min-width:100%;
}
.nestedrow{
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #000;
}
html>body thead.fixedHeader tr {
	display: block
}
html>body tbody.scrollContent {
	display: block;
	height: auto;
	max-height: 420px;
	overflow: auto;
	width: 100%
}
html>body tbody.scrollC {
	display: block;
	height: auto;
	max-height: 200px;
	overflow: auto;
	width: 100%
}
.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
}
tr:hover{
	background-color: #E0FFFF;
}
tr.no-bg{
	background-color: rgb(77,77,77);
	color: white;
	font-weight: bold;
	border: 1;
}
tr.no-bg2{
	background-color: pink;
	color: black;
	font-weight: bold;
}
tr.no-bg3{
	background-color: lightgrey;
	color: black;
	font-weight: bold;
}
td.Urgent{
	background-color: yellow;
	cursor:pointer;
}
td.Normal{
	background-color: lightgreen;
	cursor:pointer;
}
td.TopUrgent{
	background-color: red;
	cursor:pointer;
}
tr.Issued{
	background-color: lightgrey;
}
tr.Approved{
	background-color: white;
}
tr.Processing{
	background-color: yellow;
}
tr.Fulfilled{
	background-color: lightgreen;
}
td{
	padding-left: 10px;
	padding-right: 10px;
}
a, a:visited{
	color:rgb(000, 90, 190);
}
#logo{
	background-image: url('logo.png');
	background-repeat: no-repeat;
	min-height: 61px;
	min-width: 145px;
}

.ajaxError
{
	margin-top: 13%;
	margin-left: 15%;
	margin-right: 15%;
	font-size: 17px;
	color: #DC5050;
	font-weight: bold;
}

.ldImg
{
	height: 30px;
	width: 30px;
	text-align: center;
	content: url('/stylesheets/images/load1.gif');
}

#title{
	font-weight: bold;
	font-size: 14;
	color:rgb(77,77,77);
	margin-left: 40px;
	display: inline-block;
}
#navigation{
	color:rgb(77,77,77);
	font-weight: bold;
	font-size: 14;
	padding-left: 40px;
	display: inline-block;
}

#hform{
	overflow: auto;
	text-align: center;
	display: none;
}

#hdata{
	display: none;
}
#sform{
	display: inline-block;
}
#cart{
	margin-top:40px;
	margin-left:740px;
	width:33%;
	max-width: 33%;
	display:inline-block;
	position:absolute;
}

#navigation a, .button, #button[type='button'], #rbutton[type='button'], #button2[type='button'], #button3, #button4, #button5, #button6, #button7, #button8,#button9, .button[type='button'], .arButton
{
	background-color:rgb(77,77,77);
	color:rgb(255,255,255);
	font-weight: bold;
	font-size: 14;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 10px;
	box-shadow: 0px 1px 2px #5F5F5F;
	padding: 5px 10px;
	border-radius: 3px;
	border-style: none;
	margin-top: 5px;
}

input[type='submit']
{
	background-color: rgb(186, 237, 33);
	color: rgb(83, 92, 105);
	font-weight: bold;
	font-size: 14;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 10px;
	box-shadow: 0px 1px 2px #5F5F5F;
	padding: 5px 10px;
	border-radius: 3px;
	border-style: none;
}

input[type='submit']:active
{
	box-shadow: none;
}

input[type='submit']:disabled
{
	background-color: darkgrey;
	color:black;
}

/*#navigation a
{
	padding: 10px;
}
*/
#rbutton{
	float:right;
	right: 4%;
}
#dbutton, #dbutton2{
	color:black;
}
.rndBtn
{
	background-color:#003366;
	color:rgb(255,255,255);
	font-weight: bold;
	font-size: 14;
	text-decoration: none;
	padding: 3px 8px;
	display: inline-block;
	border-radius: 20px;
	border-width: 2px;
	border-style:groove;
	border-color: black;
	margin-bottom: 10px;
}
}
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabmenu {margin:0 0 2% 10%;}
ul#tabmenu li { display: inline; }
ul#tabmenu li a { color: #ffffff; background-color: rgb(160,00,00); border: 2px solid #000000; padding: 0.3em; text-decoration: none; border-radius: 5px;}
ul#tabmenu li a:hover { background-color: rgb(220,00,00); }
ul#tabmenu li a.selected { color: #fff; background-color: rgb(160,00,00); font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { padding: 0.5em; }
div.tabContent.hide { display: none; }

table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
th.table-sortable {
cursor: pointer;
}
th.table-sorted-asc {
background-image: url("icons/04_ascending.gif");
background-position: center;
background-position: 5%;
background-repeat: no-repeat;
}
th.table-sorted-desc {
background-image: url("icons/04_descending.gif");
background-position: center;
background-position: 5%;
background-repeat: no-repeat;
}
input, textarea{
	padding: 6px;
	color:rgb(77,77,77);
	font-weight: bold;
	font-size: 14;
	/*padding: 3px 10px;*/
	display: inline-block;
	border-radius: 3px;
	border-width: 1px;
	border-style:groove;
}

input[type="date"], input[type="time"]
{
	padding: 3px;
	padding-left: 5px;
	font-family: arial;
}


input.filter::-webkit-input-placeholder { /* Safari, Chrome(, Opera?) */
 color:gray;
 font-style:italic;
}
input.filter:-moz-placeholder { /* Firefox 18- */
 color:gray;
 font-style:italic;
}
input.filter::-moz-placeholder { /* Firefox 19+ */
 color:gray;
 font-style:italic;
}
input.filter:-ms-input-placeholder { /* IE (10+?) */
 color:gray;
 font-style:italic;
}
.details{
	text-align: left;
	margin-left: 55px;
}
#commands{
	float: right;
	margin-right: 100px;
}
#usertab{
	float:right;
	right:10px;
	font-weight: bold;
	font-size: 8;
	top:10px;
	position:absolute;
}
#mapCanvas {
    width: 500px;
    height: 400px;
    float: left;
  }
#infoPanel {
    float: left;
    margin-left: 10px;
  }
#infoPanel div {
    margin-bottom: 5px;
  }
 #dialogoverlay{
	display: none;
	opacity: .5;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}
#dialogbox{
	display: none;
	min-width:500px;
	position: fixed;
	background: #000;
	border-radius:6px;
	border-width: 1px;
	width:700px;
	z-index: 28;
}
#dialogbox > div{ background:#FFF; margin:8px; }
#dialogbox > div > #dialogboxhead{ background:#FFF; font-size:22px; padding:10px; color:rgb(160,00,00); font-weight:800;}
#dialogbox > div > #dialogboxbody{ background:#FFF; padding:20px; color:#000; font-size:20px; font-weight:bold; }
#dialogbox > div > #dialogboxfoot{ background:#FFF; padding:10px; text-align:right; }

.loadImg
{
	height: 30px;
	width: 30px;
	text-align: center;
}

.normalBut
{
	background-color:#003366;
	color:rgb(255,255,255);
	font-size: 14;
	text-decoration: none;
	padding: 3px 8px;
	display: inline-block;
	border-radius: 6px;
	border-width: 1px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	float: none;
}

.msg
{
  border: solid 2.5px red;
  border-radius: 3px;
  padding: 10px;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ldImg
{
	height: 30px;
	width: 30px;
	text-align: center;
	content: url('/stylesheets/images/load1.gif');
}

.logs
{
	width: 90%;
	margin-left: 5%;
	height: 500px;
	border: 3px solid black;
	border-radius: 4px;
	padding: 20px;
	overflow: auto;
}

.logs span
{
	display: block;
	margin-top: 10px;
}

.log1
{
	margin-top: 20px !important;
	margin-left: 2%;
}

.log2
{
	margin-left: 5%;
}

.warnMsg
{
	color:white; 
	padding:20px; 
	background-color:#f44336; 
	opacity:1; 
	transition: opacity 0.6s; 
	margin-bottom:15px;
	border-radius: 4px;
}

.cb
{
	background-color: transparent;
	border-width: 0px;
	border-style:none;
	border-radius: 20px;
	font-weight: bold;
	font-family: Calibri;
	float:right;
	font-size: 18px;
	color: gray;
	cursor: pointer;
}

.cb::after
{
	content: "×";
}

.mail-ip
{
	min-width:  325px;
	margin-right: -5px;
	text-align: right;
	float: none;
	padding: 2px;
	border: 0px solid;
	height: 30px;
}

.mail-cont
{
	border: 1px solid grey;
	border-radius: 3px;
	padding: 5px;
	margin-bottom: 6px;
	margin-right: 6px;
	display: inline-block;
}

/*Tooltip triggered on hover*/
.tooltip
{
	position: relative;
	/*display: inline-block;*/
	/*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext
{
	visibility: hidden;
    width: 120px;
    background-color: #f44336;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after
{
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #f44336 transparent transparent transparent;
}

.tooltip:hover .tooltiptext
{
	visibility: visible;
    opacity: 1;
}

/*Pop-up triggered on click*/
.popup {
    position: relative;
    cursor: pointer;
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 210px;
    background-color: rgba(85, 85, 85, 0.97);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 23%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: rgba(85, 85, 85, 0.97) transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
/*.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}*/

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.rightClickImg
{
	height: 25px;
	width: 25px;
	opacity: 0.7;
	margin-left: 75%;
	margin-top: 10px;
	content: url('/stylesheets/images/right-click.png');
}

label .required
{
	color: red;
}

/*input[type="submit"]
{
	border-width: 3px;
	border-color: white;
	background-color:rgb(77,77,77);
	color:rgb(255,255,255);
	font-weight: bold;
	font-size: 14;
	text-decoration: none;
	padding: 3px 10px;
	display: inline-block;
	border-radius: 5px;
	border-style:groove;
	margin-bottom: 10px;
	padding: 5px;
}*/

input[type="submit"]:active
{
	box-shadow: none;
}

select
{
	background-color:rgb(77,77,77);
	padding: 5px;
	color: white;
	font-weight: bold;
	border-color: rgba(0, 0, 0, 0.27);
}

.favImg
{
	height: 30px;
	width: 30px;
	text-align: center;
	cursor: pointer;
	content: url('/stylesheets/images/star.png');
}

.favImg:hover
{
	height: 30px;
	width: 30px;
	text-align: center;
	cursor: pointer;
	content: url('/stylesheets/images/starhvr.png');
}

.favImgSel
{
	height: 30px;
	width: 30px;
	text-align: center;
	cursor: pointer;
	content: url('/stylesheets/images/starhvr.png');
}

.favImgSel:hover
{
	height: 30px;
	width: 30px;
	text-align: center;
	cursor: pointer;
	content: url('/stylesheets/images/star.png');
}

.exportImg
{
	height: 30px;
	width: 25px;
	opacity: 0.7;
	margin-right: 3%;
	margin-top: -2%;
	content: url('/stylesheets/images/export.png');
	cursor: pointer;
}