/* CSS Document */ 
body{ font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; margin-top:0px;
}
input 
{
font-size:11px;
color:#774427;
}
textarea
{
font-size:11px;
color:#774427;
}
select, option, textarea
{
font-size:11px;
color:#774427;
}
.content
{
	color:#431b05;
	font-size: 11px;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}
.content a
{
	color:#a76038;
	text-decoration: underline;
}
.content a:visited
{
	color:#a76038;
	text-decoration: underline;
}
.content a:hover
{
	color:#666666;
	text-decoration: underline;
}

.loginbox td{
	color:#FFFFFF;
	font-weight:bold;
	font-size: 11px;
	text-decoration: none;
	padding:2px;
}
.loginbox a{
	color:#ffffff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.loginbox a:visted{
	color:#ffffff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.loginbox a:hover{
	color:#000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.btnlogin{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-right:3px;
	border:#4b2d1c solid 1px;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #7d4e32;
}
.footer {
	
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#8b583b;
	padding:3px;
}
.enbHeader{
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#774427;
	padding:3px;
}
.disHeader{
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color:#decec5;
	padding:3px;	
}

.btn{ border:#4b2d1c solid 1px; background-color:#7d4e32; color:#FFFFFF; font-size:11px; text-decoration:bold;}

.frmbtn{ border:#F0F9FF solid 1px;background-color:#808080; color:#FFFFFF; font-weight:bold;}

.innerTable{padding:3px; font-size:10px; }
/*datatable*/
.dataTable{border:#c98f6e solid 1px; width:98%; padding:3px; font-size:10px; background-color:#ffffff; }
.dataTable td{
border-bottom:solid 1px #f0e6e1;}
.odd{ padding:3px; background:#f7f1ee; border-left:#efefef solid 1px; border-bottom:#FFffff solid 1px; font-size:10px;}
.dataTable .head{ padding:3px; background-color:#f2c3a8; color:#FFFFFF; font-weight:bold; nowrap: nowrap; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
.dataTable a{color:#a76038;}
.dataTable a:hover{color:#c98f6e;}
.even{ padding:3px; background:#fff9f5; border-left:#efefef solid 1px; border-bottom:#FFffff solid 1px; font-size:10px;}

/*form table*/
.frmTable{
border:#b2c2cc solid 1px;
width:98%;
padding:3px;
background-color:#f8f9ff;
}
.frmTable td
{
color:#666666;
font-size:12px;
}
.frmTable th
{
font-size:11px;
font-weight:bold;
}

.pgtitle{ font-size:15px; color:#774427; margin-left:0px; font-weight:bold;}
.srchbox{color:#006AB0}
.loginname{color:#006AB0; background-color:#f4f9fc; padding-left:15px; border-bottom:solid 1px #b2c2cc; border-left:solid 1px #b2c2cc;}

.listtitle{
font-size:12px;
font-weight:bold;
color:#a76038;
}
.notes
{
color:#FF0000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.accepted
{
background-color:#eff8f0;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
.pending
{
background-color:#efefed;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;

}
.rejected
{
background-color:#faeeee;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
.under_review
{
background-color:#eff1f9;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
.future_1
{
background-color:#f0f0f0;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
.future_2
{
background-color:#f6f7ed;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
.backgroundimg
{
background-image:url(images/background_img.jpg);
background-repeat:no-repeat;
}
.homelinks
{
color:#c98f6e;
line-height:24px;
}

.homelinks ul
{
margin:0px;
padding:0px;
}
.homelinks li
{
margin-left:15px;
padding-left:5px;
list-style:square;
border-bottom:dashed 1px #774427;
}
.homelinks a
{
color:#c98f6e;
font-weight:bold;
text-decoration:none;
}
.homelinks a:visited
{
color:#c98f6e;
font-weight:bold;
text-decoration:none;
}
.homelinks a:hover
{
color:#c98f6e;
font-weight:bold;
text-decoration:underline;
}
.titlemain
{
color:#660000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.bdr
{
background-color:#f8f2ef;
border:solid 1px #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.bcrumbs td
{
	font-size: 10px;
	text-decoration: none;
}
.bcrumbs1
{
	font-size: 10px;
}
.bcrumbs2
{
	font-size: 10px;
}
.bcrumbs3
{
	font-size: 10px;
}
.bcrumbs4
{
	font-size: 10px;
}
.bcrumbs5
{
	font-size: 10px;
}
.bcrumbs6
{
	font-size: 10px;
}
.bcrumbs7
{
	font-size: 10px;
}
.bcrumbs8
{
	font-size: 10px;
}

.ulink
{
	color:#774427;
	cursor:hand;
	text-decoration:none;
	border-bottom:dashed 1px #774427;
}
.JSWindowTitleStyle   { font-weight: bold; font-size: 11px; font-family: verdana, arial, helvetica, sans serif; color: #FFFFFF; }
.JSWindowContentStyle { font-size: 11px; font-family: verdana, arial, helvetica, sans serif; color: #000000; padding: 5px;}

.thTable
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font:  Verdana, Arial, Helvetica, sans-serif;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	background-color: #7d4e32;
	border-bottom:solid 2px #f0e6e1;
	border-right:solid 1px #f0e6e1;
}

.tdTable
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: BLACK;
	background-color: #ffffff;
	border-bottom:solid 1px #f0e6e1;
	border-left:solid 1px #f0e6e1;
	border-right:solid 1px #f0e6e1;
}

.mandatory
{
color:#FF0000;
}
td.warning
{
color: red;
font-weight:bold;
font-size: 1.4em
}

td.black
{
color: black;
font-weight:bold;
font-size: 1.2em
}

 #loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

.signatureButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #84a6bd));
	background:-moz-linear-gradient(top, #ededed 5%, #84a6bd 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #84a6bd 100%);
	background:-o-linear-gradient(top, #ededed 5%, #84a6bd 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #84a6bd 100%);
	background:linear-gradient(to bottom, #ededed 5%, #84a6bd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#84a6bd',GradientType=0);
	background-color:#ededed;
	border:1px solid #5995bd;
	display:inline-block;
	cursor:default;
	color:#140303 !important;
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	padding:3px 25px;
	text-decoration: none;
}
.signatureButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #84a6bd), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #84a6bd 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #84a6bd 5%, #ededed 100%);
	background:-o-linear-gradient(top, #84a6bd 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #84a6bd 5%, #ededed 100%);
	background:linear-gradient(to bottom, #84a6bd 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#84a6bd', endColorstr='#ededed',GradientType=0);
	background-color:#84a6bd;
}
.signatureButton:active {
	position:relative;
	top:1px;
}

.locationOption {
	text-align: top
}
.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 */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  padding-top: 7px;
  border: 1px solid #888;
  width: 300px;
  border: 2px solid #774427;
}

/* KHL PR-9934 01/28/2020 Only for test - start */
.float-button {
	/*position: sticky;
	right: -77px;
	top: 270px;*/
	position: absolute;
	top: 150px;
	transition: all 0.2s ease-in 0s;
	z-index: 9999;
	cursor: pointer;
}

.float-button:hover {
	/*right: -7px;*/
}
/* KHL PR-9934 01/28/2020 Only for test - end */