/* XPages Application CSS */
html {
	min-height: 100%;
	position: relative;
}

@font-face{
	font-family: "Graphik Web";
	src: url(Graphik-Regular.otf);
	font-weight: normal;
}

body.xsp {
	font-family: "Graphik Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;	
}

body {
	font-family: "Graphik Web","Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	height: auto;
	margin-bottom: 70px; 
	/* background-color: #f7f7f7;
	background-image: url("Client_Portal.jpg");
	background-size: cover;
	background-repeat: no-repeat;*/
}


.form-control {
	font-size: 13px;
	height: 32px;
}

.panel-title {
	padding-top: 0px;
	padding-bottom: 0px;
}

legend {
	margin-bottom: 5px;
}

.padding-top-note {
	padding-top: 20px;
}

.padding-topbody {
	padding-top: 50px;
}

.padding-container-top {
	padding-top: 10px;
}

.row-padding {
	padding-top: 5px;
}

.last-row {
	padding-bottom: 90px;
	
}

.resultsFont {
	font-size: 12px;
}

.sidebar {
	display: none;
}

.date {
	color: #008789;
	font-weight: bold;
}

.note {
	color: #000000;
}

.dept {
	color: #992135;
	font-weight: bold;
}

.category {
	color: #605e4f;
	font-style: italic;
	font-weight: bold;
}

.smallList{
	margin-left: 10px;
	font-size: 10px;
}

table.viewClass>tbody>tr:first-child,table.viewClass>tbody>tr:last-child
	{
	display: none;
}

@media ( min-width : 768px) {
	.sidebar {
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
		bottom: 0;
		display: block;
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 20px;
		position: fixed;
		top: 51px;
		z-index: 1000;
	}
}

.top-panel {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #464b50;
}

.top-panel h1 {
	font-size: 20px;
	color: #fff;
	margin-top: 0px; 
	padding-left: 15px;
	margin-bottom: 0px;
}

.navbar {
	border-bottom: 0px;
}

.navbar-brand {
	height: 40px;
	padding-top: 12px;
}

.navbar-inverse {
	background-color: #00BFEC;
	background-image: linear-gradient(to bottom, #00BFEC 0px, #00BFEC 100%);
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover
	{
	background-color: #fff;
	color: #000;
}

.nav>li>a {
	
	padding-bottom: 5px;
}

.navbar-nav>li>a:hover {
	background-color: #464b50;
	color: #fff;
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse {
	background-color: transparent;
	color: #999;
}

.xsp .navbar.navbar-inverse {
	background-color: #fff;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a
	{
	background-image: linear-gradient(to bottom, #fff 0px, #fff 100%);
	box-shadow: none;
}

.nav-sidebar {
	margin-bottom: 20px;
	margin-left: -20px;
	margin-right: -21px;
}

.navbar-inverse .navbar-brand {
	color: #fff;
}

.navbar-inverse .navbar-nav>li>a {
	font-weight: bold;
	color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover {
	background-color: #464b50;
}

.nav-sidebar>.active>a,.nav-sidebar>.active>a:hover,.nav-sidebar>.active>a:focus
	{
	background-color: #464b50;
	color: #fff;
}

@media ( min-width : 768px) {
	.main {
		padding-left: 40px;
		padding-right: 40px;
	}
}

.login-panel {
	margin-top: 25%;
}

table.viewClass>tbody>tr:first-child,table.viewClass>tbody>tr:last-child
	{
	display: none;
}

.personLink {
	float: right; 
	width: 300px;
	padding-top: 10px
}

.personLink a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}

.personLink a:hover {
	color: #fff;
	font-size: 16px;
	text-decoration: underline;
}

.personLink .navbar-inverse .navbar-nav>li>a:hover {
	background-color: #000000;
	text-decoration: underline;
}

.xspSection-body {
	border: 1px solid #d0d0d0;
}

.footer {
	height: auto; /*ENH#22#*/
	font-weight: normal;
	margin-top: 20px;
	padding-left: 5px; /*ENH#22# was 20px;*/
	padding-bottom: 10px; /* ENH#22# was 0px; */
	padding-top: 14px; /*24px;*/
	bottom: 0;
	position: absolute;
	width: 100%;
}

.footerBg{
	color: #fff;
	/*font-weight: bold;
	margin-top: 20px;
	padding-left: 30px;
	padding-bottom: 15px;
	padding-top: 24px;*/
	background-color: #00bfec;
}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover
	{
	color: #708090;
}

.jobHeading {
	font-size: 20px;
	font-weight: bold;
}

.panel-ig
{
	border-color:#0076A8;
}

.panel-ig > .panel-heading
{
	color: #ffffff;
	font-weight: bold;
	background-color:#0076A8;
	border-color:#0076A8;
}

.dbootstrap .alert-ig {
	background-color: #0076A8;
	border-color: #0076A8;
	color: #FFFFFF;
}

.xspSection-box-header {
	background: #F0F0F0 none repeat scroll 0 0;
	border-color: #d0d0d0;
}

.modal-dialog {
	width: 700px;
}

@media ( min-width : 769px) {
	.padding-top {
		padding-top: 115px;
	}
}

@media ( max-width : 768px) {
	.padding-top{
		padding-top: 115px;
	}
}


.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.progress{
	margin-bottom: 5px;
}
.progress-bar {
	background-color: #0076A8;
}

.mandatory{
	color: #FF0000;
	font-weight: bold;
	padding-top: 9px;
	
}

.white-hdr{
	padding-top: 3px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	
}

.white-hdr p{
	margin-top: 3px;
	margin-bottom: 3px;
	
}

a.white-hdrLink:link, a.white-hdrLink:visited {
	color: #FFFFFF;
	
}


.smallWhiteHdr{
	font-size: 15px;
}
.verified{
	color: #5cb85c;
	
}

.redText{ 
	color:#d9534f;
	
}

.greenText{
	color:#5cb85c;	
}
/*.checkbox table { display: inline; width:100%;}
.checkbox td { float: left; width: 19%; }*/

.control-label{
	padding-top: 9px;
}

.hidden{
	display: none;
}

.actual-submit{
	position: relative;
	z-index: 50;
	/*position: fixed;
	top: 20px;
	right: 15px;
	z-index: 1000;*/
}

.card-header:hover{
	cursor: pointer;
}

.card-header{
	color: black;
}

.card-toggle{
	color: black;
	/*padding-right: 10px;*/
	width: 30px;
	text-align:center;
	display: inline-block;
}

.error-card{}
.error{
	background-color: red;
	background-image: linear-gradient(to right, red 0, transparent 2%);
}

.error-field{
	border: 1px solid red;
	border-radius: 19px;
}
.pop-veh{
	background-color:black;
	color:white;
	font-style:italic;
}

.footer-privacy{
	color: #fff;
	background-color: transparent;
	padding-left: 0px;/*ENH#22# was 10px*/
	padding-right: 0px;/*ENH#22# was 10px*/
	padding-top: 2px;
	padding-bottom: 2px;
}
/* summit */
/* medium blue (#0b4e90) */

.progress-bar {
	background-color: #0b4e90;
}
.cust-hdrlink{
	font-weight: normal;
}
.cust-hdr{
	color: #fff;
	background-color: #0b4e90;
	font-weight: normal;
}

.cust-link{
	color: #fff;
	background-color: transparent;
}

.cust-footer-phone{
	float: right;
	margin-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: normal;
}

.cust-header-logo-style{
	/* no longer needed content:url("IG_Logo_Stacked_Reversed_RGB.png");*/
	float: left;
}

.cust-header-title-style{
	font-size: 16px;
}

.cust-top {}

.cust-navbar>.cust-top-panel, .cust-top-panel{ /* like .top-panel */
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
}

.cust-padding-top{
	padding-top: 121px;
}

/* start of new additions */
.cust-row{}
.cust-row-padding{}
.cust-panel{}
.cust-panel-primary{
	border-color: transparent;
	box-shadow: none;
}
.cust-panel-default{}

.cust-panel-default>.cust-panel-heading{
	border-bottom: 1px solid rgb(0,0,238);
}
.cust-panel-primary>.cust-panel-heading, .cust-panel-heading{
	/*background-image: linear-gradient(to bottom, #440099 0, #00e6ff 100%);*/
	background-image: linear-gradient(to bottom, #e1e1e1 0, #e2e2e2 100%);
	/*background-repeat: repeat-x;*/
	/*border-color: #440099;*/
	color: #000;
	background-color: #e1e1e1; /*#440099;*/
	/*padding: 10px 15px;*/
	/*border-bottom: 1px solid transparent;*/
	border-bottom: 2px solid #0b4e90;
	/*border-top-left-radius: 3px;
	//border-top-right-radius: 3px;*/
}
.cust-panel-title{
	color: black;
}
.cust-panel-body{
	background-color: #fff;
}
.cust-control-label{}
.cust-card-toggle{
	width: 30px;
	border-width: 0px;
	padding: 0;
	border: none;
	background: none;
	box-shadow: none;
}
.cust-mandatory{}
.cust-btn{
	/*background-color: #440099;*/
	/*border-color: #440099;*/
	/*float: right;
	margin-left: 10px;*/
	border: none;
}
.cust-btn-success{
	background-image: none;
	background-color: #0b4e90;
}
.cust-btn-success:hover, .cust-btn-success:focus, .cust-btn-success:active, .cust-btn-success:active:focus{
	background-image: none;
	background-color: #0b4e90;
}
.cust-btn-primary{
	background-image: none; /*linear-gradient(to bottom, #440099 0, #00e6ff 100%);*/
	background-repeat: repeat-x;
	background-color: #0b4e90;
	border: none;
}
.cust-btn-primary:hover, .cust-btn-primary:focus, .cust-btn-primary:active, .cust-btn-primary:focus:active:focus{
	background-image: none; /*linear-gradient(to bottom, #440099 100%, #00e6ff 0);*/
	background-repeat: repeat-x;
	background-color: #0b4e90;
	border-color: white;
}
.cust-btn-sm{}
.cust-error{
	background-color: transparent;
	background-image: none; /*linear-gradient(to right, #0b4e90 0, transparent 2%);*/
}
.cust-error .form-control{
	border-color: red;
	border-radius: 19px;
}
.cust-error-field{
	border: 1px solid red;
	border-radius: 19px;
}

.cust-help-block{
	color: #464B50;
	background-color: #f9e9e9; /* very light red */
}

.cust-unvalidated{
	color: red;
}

/* end of new additions */

.cust-footer{
	color: #fff;
	height: auto; /*ENH#22#*/
	font-weight: normal;
	margin-top: 20px;
	padding-left: 5px; /*ENH#22# was 20px;*/
	padding-bottom: 10px; /* ENH#22# was 0px; */
	padding-top: 14px; /*24px;*/
	background-color: #0b4e90; /*#00bfec;*/
	bottom: 0px;
	position: fixed;
}

.cust-navbar{}
.navbar-inverse .navbar-nav>li>a{
	font-weight: normal;
	color: #0b4e90;
}
.navbar-brand, .navbar-nav>li>a{
	text-shadow: none;
}
.navbar-collapse{
	float: right;
}