/* --------------------------------------------- START Demo Code --------------------------------------------- */
/* the following should be removed once the actual captcha is implemented (i.e. copied from existing application) */
input#captcha {
	width: 45px;
	display: inline;
}
/* --------------------------------------------- END Demo Code --------------------------------------------- */

/* fixes bootstrap media break blind-spots */
@media (max-width:47.99em){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (min-width:48em) and (max-width:61.99em){.visible-xs.visible-sm{display:block!important}tr.visible-xs.visible-sm{display:table-row!important}td.visible-xs.visible-sm,th.visible-xs.visible-sm{display:table-cell!important}}@media (min-width:62em) and (max-width:74.99em){.visible-xs.visible-md{display:block!important}tr.visible-xs.visible-md{display:table-row!important}td.visible-xs.visible-md,th.visible-xs.visible-md{display:table-cell!important}}@media (min-width:75em){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}td.visible-xs.visible-lg,th.visible-xs.visible-lg{display:table-cell!important}}.visible-sm,td.visible-sm,th.visible-sm,tr.visible-sm{display:none!important}@media (max-width:47.99em){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}td.visible-sm.visible-xs,th.visible-sm.visible-xs{display:table-cell!important}}@media (min-width:48em) and (max-width:61.99em){.visible-sm{display:block!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:62em) and (max-width:74.99em){.visible-sm.visible-md{display:block!important}tr.visible-sm.visible-md{display:table-row!important}td.visible-sm.visible-md,th.visible-sm.visible-md{display:table-cell!important}}@media (min-width:75em){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}td.visible-sm.visible-lg,th.visible-sm.visible-lg{display:table-cell!important}}.visible-md,td.visible-md,th.visible-md,tr.visible-md{display:none!important}@media (max-width:47.99em){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}td.visible-md.visible-xs,th.visible-md.visible-xs{display:table-cell!important}}@media (min-width:48em) and (max-width:61.99em){.visible-md.visible-sm{display:block!important}tr.visible-md.visible-sm{display:table-row!important}td.visible-md.visible-sm,th.visible-md.visible-sm{display:table-cell!important}}@media (min-width:62em) and (max-width:74.99em){.visible-md{display:block!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:75em){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}td.visible-md.visible-lg,th.visible-md.visible-lg{display:table-cell!important}}.visible-lg,td.visible-lg,th.visible-lg,tr.visible-lg{display:none!important}@media (max-width:47.99em){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}td.visible-lg.visible-xs,th.visible-lg.visible-xs{display:table-cell!important}}@media (min-width:48em) and (max-width:61.99em){.visible-lg.visible-sm{display:block!important}tr.visible-lg.visible-sm{display:table-row!important}td.visible-lg.visible-sm,th.visible-lg.visible-sm{display:table-cell!important}}@media (min-width:62em) and (max-width:74.99em){.visible-lg.visible-md{display:block!important}tr.visible-lg.visible-md{display:table-row!important}td.visible-lg.visible-md,th.visible-lg.visible-md{display:table-cell!important}}@media (min-width:75em){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}td.hidden-xs,th.hidden-xs{display:table-cell!important}@media (max-width:47.99em){.hidden-xs,td.hidden-xs,th.hidden-xs,tr.hidden-xs{display:none!important}}@media (min-width:48em) and (max-width:61.99em){.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm{display:none!important}}@media (min-width:62em) and (max-width:74.99em){.hidden-xs.hidden-md,td.hidden-xs.hidden-md,th.hidden-xs.hidden-md,tr.hidden-xs.hidden-md{display:none!important}}@media (min-width:75em){.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}td.hidden-sm,th.hidden-sm{display:table-cell!important}@media (max-width:47.99em){.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs{display:none!important}}@media (min-width:48em) and (max-width:61.99em){.hidden-sm,td.hidden-sm,th.hidden-sm,tr.hidden-sm{display:none!important}}@media (min-width:62em) and (max-width:74.99em){.hidden-sm.hidden-md,td.hidden-sm.hidden-md,th.hidden-sm.hidden-md,tr.hidden-sm.hidden-md{display:none!important}}@media (min-width:75em){.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}td.hidden-md,th.hidden-md{display:table-cell!important}@media (max-width:47.99em){.hidden-md.hidden-xs,td.hidden-md.hidden-xs,th.hidden-md.hidden-xs,tr.hidden-md.hidden-xs{display:none!important}}@media (min-width:48em) and (max-width:61.99em){.hidden-md.hidden-sm,td.hidden-md.hidden-sm,th.hidden-md.hidden-sm,tr.hidden-md.hidden-sm{display:none!important}}@media (min-width:62em) and (max-width:74.99em){.hidden-md,td.hidden-md,th.hidden-md,tr.hidden-md{display:none!important}}@media (min-width:75em){.hidden-md.hidden-lg,td.hidden-md.hidden-lg,th.hidden-md.hidden-lg,tr.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}td.hidden-lg,th.hidden-lg{display:table-cell!important}@media (max-width:47.99em){.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs{display:none!important}}@media (min-width:48em) and (max-width:61.99em){.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm{display:none!important}}@media (min-width:62em) and (max-width:74.99em){.hidden-lg.hidden-md,td.hidden-lg.hidden-md,th.hidden-lg.hidden-md,tr.hidden-lg.hidden-md{display:none!important}}@media (min-width:75em){.hidden-lg,td.hidden-lg,th.hidden-lg,tr.hidden-lg{display:none!important}}

/* --------------------------------------------- main container --------------------------------------------- */
.searchPortal {
	margin-bottom:20px;
}

/* --------------------------------------------- help icon --------------------------------------------- */
.help a {
	border-bottom: none!important;
	padding: 5px;
}
div.help {
	position: relative;
	float: right;
	margin-top: -150px;	
}
@media (max-width: 48em) {
	div.help {
		margin-top: -120px;
		left:20px;
	}
	div.accountMobile {
		margin-top: -80px;
	/* 	left:20px; */
		
	}
}
@media (min-width: 280px) and (max-width: 320px){ 
  div.help {
		margin-top: -120px;
		left:50px;
	}
	div.accountMobile {
		margin-top: -80px;
		 left:50px; 
		
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	div.help {
		margin-top: -150px;
		
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1400px) {
	div.accountMobile {
		margin-top: -100px;
		left:0px;
		
	}
}


/* --------------------------------------------- disclaimer text on login page --------------------------------------------- */
.disclaimer {
	font-size: 0.8em;
	margin-top: 45px;
}
@media (max-width: 62em) {
	.disclaimer {
		font-size: 0.8em;
		margin-top: 20px;
	}
}

/* --------------------------------------------- line between columns on login page --------------------------------------------- */
@media (min-width: 62em) {
	.colSplit, .colSplit-noMobile {
		padding-right: 30px!important;
		border-right: 1px solid #aaa;
	}
}
@media (max-width: 62em) {
	.colSplit {
		padding-bottom: 30px !important;
		border-bottom: 1px solid #aaa;
	}
}

/* --------------------------------------------- vertically centers hyperlink and button --------------------------------------------- */
.link-and-btn {
	position: relative;
}
.link-and-btn a {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* --------------------------------------------- input validation --------------------------------------------- */
.inputError {
	border: 2px solid #D12212;
}
.errorText {
	color: #D12212;
	font-weight: bold;
	float: right;
	width: 100%;
  /* height: 36px;
    padding: 8px 0px 2px 0px; */
}
.alertError {
	background: #FCE9E8;
	border-color: #F1BBB6;
	color: #97180C;
}
.alertError i {
	margin-right:10px;
}
.alertSuccess {
	background: #DDEEDD;
	border-color: #93BE93;
	color: #305A30;
}

/* --------------------------------------------- button validation --------------------------------------------- */
.validating, .validating:hover, .validating:focus {
	opacity: .65;
}
.validated, .validated:hover, .validated:focus {
	background-color: #3C763D!important;
	border-color: #305A30!important;
	opacity: 1!important;
}
.validated:before {
	font-family: FontAwesome;
	content: "\f00c";
	margin-right: 5px;
	font-size: 90%;
}

/* --------------------------------------------- my account controls ---------------------------------------------*/
.accountDesktop {
	position: relative;
	float: right;
	margin-top: -50px;
	z-index: 10;
	font-size: 13px;
}
.accountDesktop p {
	display: inline;
	margin-right: 10px;
}
button#myAccBtnDesktop {
	padding: 5px 11px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.42857143;
}
.accountMobile {
	position: relative;
	left: 10px;
	float: right;
	margin-top: -80px;
	z-index: 10;
	font-size: 13px;
}
#myAccBtnMobile {
	border-bottom: 0;
	cursor: pointer;
}
a#myAccBtnMobile svg {
	width: 39px;
	height: 39px;
}
.accountMobile .dropdown-menu {
	padding: 7px 0;
}
.accountMobile .dropdown-menu a {
	font-size: 16px;
	padding: 7px 20px;
}

/* --------------------------------------------- re-enabling default bootstrap dropdown buttons ---------------------------------------------*/
.dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	border-bottom: none!important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}
.dropdown-menu>li {
	margin-top: 0;
	margin-left: 0;
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.btn-default .caret {
	border-top-color: #333;
}
.btn .caret {
	margin-left: 0;
}
.open>.dropdown-menu {
	display: block;
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

/* --------------------------------------------- change password guidelines for mobile --------------------------------------------- */
.guidelinesMobile div {
	margin-bottom: 10px;
}
.guidelinesMobile button {
	margin-bottom: 10px;
}
.guidelinesMobile button::before {
	font-family: FontAwesome;
	content: "\f068";
	margin-right: 5px;
	font-size: 90%;
}
.guidelinesMobile button.collapsed::before {
	font-family: FontAwesome;
	content: "\f067";
	margin-right: 5px;
	font-size: 90%;
}

/* --------------------------------------------- firm search page --------------------------------------------- */
div.firmSearch {
	margin-top: 20px;
}
.ruleLine {
	position: relative;
	margin: 25px 0;
}
.ruleLine .line {
	width: 100%;
	height: 1px;
	background-color: #333;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}
.ruleLine span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	padding: 0 .4em;
	background-color: #fff;
	z-index: 1;
}
.ruleLine.result {
	margin-bottom: 40px;
}
.ruleLine.result .buttons {
	position: absolute;
	top: 50%;
	right: 0;
	background-color: #fff;
	padding: 0 0 0 .4em;
	z-index: 1;
	transform: translateY(-50%);	
}

.buttons .btn{
	float: left;
}

.ruleLine.result span {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%) translateX(-1%);
	padding: 0 .4em 0 0;
	background-color: #fff;
	z-index: 1;
	font-size: 1.15em;
}
.ruleLine.result .line {
	background-color: #ccc;
}
.optional label::after {
	content: " (optional)";
	font-style: italic;
	font-weight: normal
}
.resultLG {
	font-size: 1.75em;
}
.resultSM {
	font-size: 1.2em;
}
.searchResult .col-xs-12 {
	margin-bottom: 20px;
}
.resultSM, .resultLG {
	line-height: 1.25em;
}

/* --------------------------------------------- firm search mobile tabs --------------------------------------------- */
.firmSearchM>.nav>li:first-child a {
	border: 1px solid #ccc;
	border-radius: 5px 0px 0px 5px;
}
.firmSearchM>.nav>li:last-child a {
	border: 1px solid #ccc;
	border-left: 0;
	border-radius: 0px 5px 5px 0px;
}
.firmSearchM>.nav li {
	width: 50%;
	margin: 0;
	text-align: center;
}
.firmSearchM>.nav {
	margin-bottom: 20px;
}
.firmSearchM>.nav-pills>li.active>a, .firmSearchM .nav-pills>li.active>a:focus {
	color: #fff;
	background-color: #005f9f;
	border-color: #002b48;
}
.firmSearchM>.nav-pills>li.active>a:hover {
	background-color: #004776;
	border-color: #002b48;
}

/* --------------------------------------------- restoring bootstrap modal default CSS --------------------------------------------- */
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
  }
  .close:hover,
  .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
  }
  button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
  }
  .modal-open {
	overflow: hidden;
  }
  .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
  }
  .modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
		 -o-transition:      -o-transform .3s ease-out;
			transition:         transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
		-ms-transform: translate(0, -25%);
		 -o-transform: translate(0, -25%);
			transform: translate(0, -25%);
  }
  .modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		 -o-transform: translate(0, 0);
			transform: translate(0, 0);
  }
  .modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
  }
  .modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
  }
  .modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
			background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
			box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  }
  .modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
  }
  .modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
  }
  .modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
  }
  .modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
  }
  .modal-header .close {
	margin-top: -2px;
  }
  .modal-title {
	margin: 0;
	line-height: 1.42857143;
  }
  .modal-body {
	position: relative;
	padding: 15px;
  }
  .modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
  }
  .modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px;
  }
  .modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
	margin-left: 0;
  }
  .modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
  }
  @media (min-width: 768px) {
	.modal-dialog {
	  width: 600px;
	  margin: 30px auto;
	}
	.modal-content {
	  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
			  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-sm {
	  width: 300px;
	}
  }
  @media (min-width: 992px) {
	.modal-lg {
	  width: 900px;
	}
  }

/* --------------------------------------------- custome modal CSS --------------------------------------------- */
.modal-footer {
	border-top: none;
    padding: 0px 15px 15px 15px;
}
.modal-dialog {
	top: 25%;
}

@media  (max-width: 48em){
	
	#feiportal .form-group .radio-inline{display: block !important;position: relative !important;font-weight: normal !important;}	
	
}
/* ------------ Displays only second breadcrumb on mobile view ------------------------------------------------------ */
@media  (max-width: 48em){
	.lcds-breadcrumb li.last:before {		
		padding: 0 .375em 0 0;		
		color:#333;
	}
	.lcds-breadcrumb li.last {
		display: inline-block !important;
	}
	.lcds-breadcrumb li.secondLast {
    	display: none !important;
	}
	header h1{
		font-size:25px !important;
	}
}

/* --------------------------------------------- custome search page CSS --------------------------------------------- */

.searchResults{
	margin-top: 20px;
}
#errorResponse, #al_apiError, #al_serviceNotfound  {
	display: block !important;
}

.border {
    border: 1px solid Tomato!important;
	padding: 0.01em 16px;
	 border-radius: 16px;
}

.accountaccess {
	color: #5b616b;
	font-style: italic;
}


@media (max-width: 48em){
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1px!important;
    padding-right: 1px!important;
	/* overflow-y:hidden; */
}
}


.ui-dialog .ui-dialog-title {
    float: none!important;
	 display:inline-block !important;
   
}
.ui-dialog .ui-widget-header {
   background: #004776 !important; 
     height: 30px !important;
     color: black!important;
    font-weight: bold !important;
}
.ui-dialog .ui-dialog-titlebar-close {
   
    padding: inherit!important;
   
}
.errorMultiFactor, .errorrAlRequired{
	color: #D12212;
	font-weight: bold;
	float: right;
	width: 100%;
    padding: 8px 0px 20px 0px; 
}

 @media (min-width: 768px) {
#digitCode{
width:60%;
}
}

@media (max-width: 576px) and (orientation : portrait){

#digitCode{
width:100%;
}
}

@media (min-width: 768px) {
#multiAuthForm .link-and-btn {
margin-right:40%;
}

}