﻿@charset "utf-8";
/* CSS Document */

html {
    height: 100%;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: 'PT Sans', sans-serif;
	font-size:13px;
}

img { border:none; }

body * {transition:none !important; }

input, select {
	vertical-align: middle;
	/*outline:0 none;*/
}
.paddingDocModal {
	padding-bottom: 50px !important;
	padding-top: 50px !important;
}
/*--------------------CLEARFIX-------------------*/
.clearfix:before, .clearfix:after {
	content: " ";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.clear {
	clear: both;
}

.main-wrapper {
	max-width:1080px;
	margin:0 auto;
	width:95%;
	position:relative;
}


header img { padding: 10px; }

.page-title {
    text-align:center; 
    color:#1b4692; 
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 1); 
    margin-top: 5px;
    margin-bottom:5px;
}
.sub-page-title {text-align:left; color:#1b4692; text-shadow: 1px 1px 1px rgba(150, 150, 150, 1); }
.text-form {width:100px; padding:1px 4px;}
select.select-form {width:104px; padding:1px 4px;}

.content-wrapper { 
    margin-top:12px; 
    width:98%; 
    top:0; 
    left:0; 
    padding:10px; 
    border:1px solid #ddd; 
    border-radius:5px; 
    background-color:#FCFCFC; 
    margin-bottom:50px;
    min-height: 300px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.51);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.51);
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.51); }

.detail-wrapper {
    min-height:190px;
    min-height:90px\9; /* IE8 specific style*/
}

table.table-form {width: 90%; margin:0 auto;}

table.table-form td {padding:5px 0; }

.text-right { text-align:right; }

.text-center { text-align:center;}

div.block {padding:3px; width:100%;   }

div.block div.box {
	float:left; 
	min-width:400px; 
	border-color: #ddd;
	border-width: 1px;
	border-radius: 4px; 
	border-style:solid; 
	padding:5px;
	margin:0px 2px 2px 2px;
	
}

div.block div.left { width:45%; }

div.block div.right { width:45%;  }

.submitbtn{
	display: inline-block;
	cursor:pointer;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 4px;
	background:#539f2d;
	text-decoration:none;
	color:#FFF;
}
.submitbtn:hover {
	background:#428b1d;
}
.submitbtn[disabled] {opacity:0.65; cursor:not-allowed; }

label.error { display: inline-block; color: red; }
input.error, select.error {border: 1px solid red;}
input[type=checkbox].error {outline:1px solid red;}

.form-wrapper div.row { border-bottom: 1px solid #ddd; padding:15px 0;  }

.form-wrapper div.row .sub-page-title {margin:0px;}

.form-wrapper div.row div.column {
	margin:3px 1.5%;
	padding:3px 1%;
	width:45%;
	float:left;
	line-height:2;
	min-height:32px;
}
div.column div.col-row {margin-bottom:10px;}
.form-wrapper div.row div.column input[type='text'],  textarea, select, input[type='email'] { width:190px; resize:none; padding:3px; }
.form-wrapper div.row div.column select { width:192px; }
.form-wrapper div.row div.column span.col-title { text-align:left;}
.form-wrapper div.row div.column span.col-right { float: right; margin-right: 20%;}
.addPay {color: #40861c; font-weight: bold; text-decoration:none;  font-size: 14px; margin-right: 20%;}
.delPay {color: #1b4692; font-weight: bold; text-decoration:none;  font-size: 14px; margin-right: 20%;}
.form-wrapper div.row div.column .grnbtn { margin-right: 20%; margin-top:10px;}
input, select, textarea{
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
	  
}

div.img-container { 
	width:1080px;
	margin:0 auto;
	border:0;
	padding:0;
	position:relative; 
}
div.img-container img {max-width:100%;}

div.login-form { 
    width:300px; 
    margin:10px auto; 
    border-color: #ddd; 
    border-width: 1px; 
    border-radius: 4px; 
    border-style: solid; 
    padding:25px;  
    margin-bottom: 75px;
    margin-bottom: 0\9; /* IE 8 style*/
}

div.login-form p {margin: 5px; /* text-transform: uppercase; */ font-weight: bold;}

div.login-form input.text-form{width: 100%; height: 23px; padding:5px;}

div.form-grp { margin-bottom:15px;}

div.info-div {text-align: center;
width: 90%;
background-color: #f8474c;
margin: 0 auto;
min-height: 38px;
color: white;
font-weight: bold;
border-radius: 7px;
display:none;
}
div.successdiv { background-color:#539f2d; }

div.info-div p {display:inline-block; }
table.report-table { margin:2.5% 0 2.5% 2.5%; width:86%; border: 2px solid #ddd; }
table.report-table th { text-align:left; border-bottom: 1px solid #ddd;}
table.report-table td { border-top: 1px solid #ddd; }
table.report-table  tr.grey  td {background-color: #f5f5f5; }

table.payeeTable { margin:10px 2.5%; width:80%; line-height:1; border: 2px solid #ddd;  }
table.payeeTable th { text-align:left; border-bottom: 1px solid #ddd;  padding:3px; }
table.payeeTable td { border-top: 1px solid #ddd; }
table.payeeTable  tr.grey  td {background-color: #f5f5f5; }
.payeeTableContainer {/*max-height:240px; overflow-y:scroll;*/}

table.addPayeeTable {  width:190px; line-height:1; }
table.addPayeeTable tr { background:#FFF; }
table.addPayeeTable td { border: 1px solid #ddd; }
table.addPayeeTable input {border:0; width:195px !important; padding:2px !important;  background:none;}

.hidden {display:none; }
#claimPaymentPage label.error { display:block; }
.shorter {/*width:180px !important;*/}
#claimPaymentPage label.error {display:none !important; }


.main-navigation{
background:#343538;
font-size:13px;
position:relative;
/* Font awesome icons */
/* General menu link styling */
/* For when the menu becomes a sticky menu */
}
.main-navigation [class^="icon-"]{
display:inline-block;
margin-right:15px;
font-size:16px;
line-height:0.5em;
color:#CCCCCC;
}
.main-navigation a:hover [class^="icon-"]{
color:#FFFFFF;
}
.main-navigation ul{
list-style:none;
margin:0;
padding-left:0;
zoom:1;
/* Second level menu items */
}
.main-navigation ul:before{
content:'';
display:block;
}
.main-navigation ul:after{
content:'';
display:table;
clear:both;
}
.main-navigation ul li{
display:block;
position:relative;
float:left;
}
.main-navigation ul li:hover > a{
background:#00bcff;
color:#FFFFFF;
}
.main-navigation ul li a{
padding:10px 35px;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.main-navigation ul li a,.main-navigation ul li a > *{
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.main-navigation ul ul{
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);
box-shadow:0 1px 2px rgba(0,0,0,0.15);
background:#464646;
display:none;
position:absolute;
top:100%;
left:0;
z-index:99999;
/* Third Level Items */
}
.main-navigation ul ul a{
width:240px;
padding:15px 20px;
}
.main-navigation ul ul li{
position:relative;
/* Hovering over 2nd level items */
}
.main-navigation ul ul li:hover > a{
background:#00bcff;
color:#FFFFFF;
}
.main-navigation ul ul ul{
left:100%;
top:0;
margin-left:0;
}
.main-navigation ul li:hover > ul{
display:block;
}
.main-navigation a{
display:block;
text-decoration:none;
color:#e2e2e2;
font-weight:bold;
}
.main-navigation.sticky{
-webkit-box-shadow:0 2px 1px rgba(0,0,0,0.15);
-moz-box-shadow:0 2px 1px rgba(0,0,0,0.15);
box-shadow:0 2px 1px rgba(0,0,0,0.15);
}
body.has-menu-search .main-navigation ul{
margin-right:59px;
}

.full-container{
max-width:1080px;
margin-left:auto;
margin-right:auto;
}

.logoContainer {
	/*
    padding-top: 5px !important;
	padding-bottom: 5px !important; 
    */
}

#colophon {
margin-bottom: 0;
margin-top: 0;
padding-top: 10px;
padding-bottom: 20px;
background: #2f3033;
/* padding: 30px; */
color:#cccccc;
}

#colophon a {color:#cccccc;}

.mainLink { font-size: 15px; margin-bottom: 15px !important; }
.mainLink a, .mainLink span {color: #539f2d; font-weight: bold; text-decoration: none; cursor:pointer;}
.mainLink a:hover, .mainLink span:hover {color:#1b4692}

#Divtitle {
            font-size: 20px;
            font-weight:bold;

        }

.uatBanner {
	display: none;
	text-align: center;
	background-color: rgb(255, 255, 145);
	height: max-content;
	padding-top: 4px;
	padding-bottom: 3px;
	color: red;
	font-size: large;
	font: bold;
}
