/* all */
::-webkit-input-placeholder { color:#DDD9D9; font-size: 80%;}
::-moz-placeholder { color:#DDD9D9; font-size: 80%;} /* firefox 19+ */
:-ms-input-placeholder { color:#DDD9D9; font-size: 80%;} /* ie */
input:-moz-placeholder { color:#DDD9D9; font-size: 80%;}

body{
	font-family: Arial;
	padding-right: 0px !important
}

/** Rupesh commented
input:required {
	box-shadow: none;
}
*/

.field-required {
    border: 1px solid #CE443E;
    box-shadow: 0 0 5px rgb(206 68 62);
}

.skipnav {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden;
}
a.skipnav:active, a.skipnav:focus, a.skipnav:hover {
	/* Becomes visible and underlined when user tabs into it 
	:active pseudo-class necessary for IE
	: focus pseudo-class necessary for Mozilla
	*/
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
	background: #000000;
	color: #FFFFFF;
}


a, a:hover, a:visited, a:active, a:link{
	/*text-decoration:none; REMOVED DUE TO ADA SCANS*/
}

table{
    font: .75em;
    color: #555;
}

/* handle removing borders on cde decision page*/
.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}

.buttonHmda{
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
	 color: blue;
}
.buttonHmda:hover {
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
	 color: green
}

.buttonDisc{
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
	 color: darkblue;
}
.buttonDisc:hover {
     background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
	 color: darkgreen;
}


.panel-default {
	border: 0px;
    border-color: #ffffff;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    margin-bottom: 5px;
}

.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.0em;
    color: inherit;
    line-height: 20px;
}

.panel-heading {
    padding: 10px 10px;
    border-bottom: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #2d2d2d;
    background-color: #f5f5f5;
    border-color: #ffffff;
}


/*panel CSS*/
.panel-heading1 {
    padding: 9px 10px;
    border-bottom: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #2d2d2d;
    background-color: #f5f5f5;
    border-color: #ffffff;
}


.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px solid #ddd;
}


/*accordian panel CSS*/
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
}



.cla-html{
	height: 100%;
}

.cla-body{
	margin: 0 auto;
	width: 100%;
	clear: both;
	background: #9D9D9D;	
	text-align: left;
}
.cla-container{
	width:70%;
	margin: 0 15% 0 15%;
}

.cla-global-nav-link{
	font: 0.940em bold;
	color: #555;
	padding: 5px;
	padding-top: 0px;
	font-family: Arial;
	
}
.cla-error-text{ font-weight: 600;
    font-size: .75em;
    color: red;
    line-height: 24px;
    transition: all 0.5s ease;
    margin: 0 0 5px;
    top: 100%;
}
.cla-last-login-info{
	font: 0.625em bold;
	color: #007d8a;
	margin: 0 15% 0 0;
	padding-top: 0px;
	font-family: Arial;
}


/*rupesh start*/
.two-col .inline-fields {
  display: inline-block;
  width: 50%;
}



.two-col {
  overflow: hidden;/* Makes this div contain its floats */
}
/* Rupesh end*/
.fixedElement {
    z-index:100;
}
.cla-top-banner{
	background-color: #FFF;	
	width:100%;
	margin:0;
	padding:0;
	border-bottom:1px solid #AAA;
	box-shadow:1px 1px 2px 2px #999;
	height:55px;
}
.cla-brand{	
	margin: 8px 15% 0 15%;
}



.cla-menu{
	float:left;
	padding:0;
	margin:0 0 0 15%;
}


.cla-float-left{
	float:left;
}
.cla-float-right{
	float:right;
}
.cla-clear-both{
	clear:both;
}

.cla-menu-container{
	margin:0 0 0 0;
	background-color: #2C7388;	
	width:100%;
	box-shadow: 1px 1px 2px 2px #999;
}
.cla-menu-container-empty{
	height: 25px;
}
.cla-menu ul{
	list-style: none;
	margin: 10px 10px auto;
}

.cla-menu-container ul li{
	float: left;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    cursor: pointer;
    padding: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #FFF;
}

.cla-menu a:link, .cla-menu a:visited{
	color: #FFFFFF;
	display: inline-block;
	padding: 10px 25px;
}

.cla-menu a:hover, .cla-menu a:active, 
 .cla-menu .active a:link, .cla-menu .active a:visited {
	text-shadow: none;	
	display:block;
}

.cla-menu ul li a{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFF;
}

.cla-navbar-toggle{
	display:none;
}

.cla-invisible{
	display:none;
}

.content{

	line-height: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top:1%;
	width: 100%;
	/**/
	float: left;	
}
.topcontent{
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3% 5%;
}

.cla-form-hrader{
	color: #0883EE;
	font: bold 1.20em Georgia, serif;
}

.cla-separate-header {
	color: #085584;
	width: 100%;
    float: left;
}

.cla-separate-header-review {
	color: #085584;
	width: 100%;
    float: left;
    font-size: 1.00em;
}

.cla-hr-top {
    clear: both;
    height: 1px;
    background-color: #dad8db;
    color: #000000;
    margin: 20px 0 5px;
}

.cla-hr-top-dashed {
    clear: both;
    margin: 20px 0 5px;
    border-top: 1px dashed #c9c9c9;
}

.cla-hr-bottom {
    clear: both;
    height: 1px;
    background-color: #dad8db;
    color: #000000;
    margin: 20px 0 20px;
}

.cla-disclouser-container{
	background: #E7E2EF;
	border: 1px solid #085584;
	margin-top: 1%;
	padding: 1%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.cla-collapsable{
	margin:0px 5px 0px 5px;
	cursor:pointer;
}

.cla-collapsable:focus{
	outline:none;
}






.inline-fields{
	display: inline;
	width: 50%;
	float: left;
	margin-top:1%;
}

/*
#form-start-application label span, .ssn span, .inline-fields span {
	color: #444;
	display: block;
	margin: 5px 0;
	font-size: 15px;
}
*/

.cla-input {
	width: 190px;
	border: 1px solid #085584;
	background: #FFF;
	padding: 4px 10px 2px 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 1.15em;
	height: 30px;
}

.cla-select  {
	width: 190px;
	
	border: 1px solid #085584;
	background: #FFF;
	margin: 0 0 5px;
	padding: 5px 10px 5px 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 1.15em;
	height: 30px;
}

.cla-select-small  {
	width: 60px;
}

.cla-select-med  {
	width: 100px;
}

.cla-select.ng-invalid.ng-dirty{
	border: 1px solid #CE443E;
	box-shadow: 0 0 5px rgba(206, 68, 62, 1);
}

.cla-input:hover, .cla-select:hover{
	border: 1px solid #4B9EB8;
	box-shadow: 0 0 5px rgba(75, 158, 184, 1);
}


.cla-input:focus, .cla-select:focus  {	
	border: 1px solid #3cb0fd;	
	/*outline:none; REMOVED PER ADA SCANS*/
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}


.cla-input.error,.cla-select.error{
	border: 1px solid #CE443E;
	box-shadow: 0 0 5px rgba(206, 68, 62, 1);
}

.field-label{
	display:block;
	font-weight:bold;
}

.text-label{	
	font-weight:normal;
}





.applicant-info{
	background: #F8F8F8;
	border: 1px solid #085584;
	margin-top: 1%;
	padding-left: 1%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*
.ssn span{
	cursor: pointer;
	color: #444;
	display: block;
	margin: 5px 0;
	font-size: 15px;
}
*/
.ssn .ssn1,  .ssn .ssn3{
	width: 100px;
}
.ssn .ssn2{
width: 60px;
}

.ssnshow {
width: 12px;
}

.dob {
line-height: 20px;
}


.name-row{
	background:#BFBFBF;
	display:block;
	margin-top:1%;
}
.name-block{
	float:left;
	margin-right:15px;
}

#firstName, #middleName, #lastName, #lastName2 , #phoneType{
	width:130px;
	margin-right:14px;
}
#numDependents{
	width:50px;
	margin-right:14px;
}
#suffixName{
	width:130px;
}
#businessRelationship{
	width:190px;
}
#addressnum, #prevaddressnum{
	width:110px;
	margin-right:14px;
}
#u1addressnum{
	width:110px;
	margin-right:14px;
}
#u2addressnum{
	width:110px;
	margin-right:14px;
}
#mailaddressnum{
	width:110px;
	margin-right:14px;
}
#addressname, #prevaddressname{
	width: 200px;
	margin-right:14px;
}
#u1addressname{
	width: 200px;
	margin-right:14px;
}
#u2addressname{
	width: 200px;
	margin-right:14px;
}
#mailaddressname{
	width: 200px;
	margin-right:14px;
}
#address2, #prevaddress2{
	width: 340px;
	margin-right:14px;
}
#u1address2{
	width: 340px;
	margin-right:14px;
}
#u2address2{
	width: 340px;
	margin-right:14px;
}
#mailaddress2{
	width: 340px;
	margin-right:14px;
}
#addresstype, #prevaddresstype{
	width:110px;
}

#mailaddresstype{
    width:110px;
}

#addresscity, #prevaddresscity{
	width:110px;
	margin-right:14px;
}
#u1addresscity{
	width:110px;
	margin-right:14px;
}
#u2addresscity{
	width:110px;
	margin-right:14px;
}
#mailaddresscity{
	width:110px;
	margin-right:14px;
}
#addressstate, #prevaddressstate{
	width: 200px;
	margin-right:14px;
}
#u1addressstate{
	width: 200px;
	margin-right:14px;
}
#u2addressstate{
	width: 200px;
	margin-right:14px;
}
#mailaddressstate{
	width: 200px;
	margin-right:14px;
}
#zipCode, #prevzipCode{
	width:110px;
}
#u1zipCode{
	width:110px;
}
#u2zipCode{
	width:110px;
}
#mailzipCode{
	width:110px;
}


#headdressnum{
	width:110px;
	margin-right:14px;
}
#headdressname{
	width:200px;
	margin-right:14px;
}
#headdress2{
	width: 340px;
	margin-right:14px;
}
#headdresstype{
	width:110px;
}
#busaddresstype{
	width:110px;
}

#headdresscity{
	width:110px;
	margin-right:14px;
}
#headdressstate{
	width: 200px;
	margin-right:14px;
}


#residenceStatus{
	width:175px;
	margin-right:14px;
}
#rent{
	width:110px;
	margin-right:14px;
}
#yrsAtResidance{
	
	margin-right:14px;
}

.name-label{
	display:block;
}

.field{
	display:block;
	width:100%;
	float: left;
	margin-top:1%;
}

.emailfield{
	display:block;
	width:70%;
	float: left;
	margin-top:1%;
}

.ssnfield{
	display:block;
	width:100%;
	float: left;
}
#email-label{
	clear:both;
	display:block;
}
.single-row-field{
	width:90%;
}


.income-block{
	float:left;
	margin-right:20px;
	margin-top:1%;
}
#form-start-application #income1, #form-start-application #income2, #form-start-application #incomeFrequency{
	width:140px;
}



#comments{
	width:100%;
	height: 70px;
}

/*footer*/
.cla-footer{
	width: 100%;
	height: 40px;
	float: left;
	background-color: #395963;
	margin: 2% 0 0 0;
	position:relative;
	bottom:0px;
}

/* ------------------------------------- modal overrides -------------------------------------- */
/* --- modal header background color ------------------------------*/
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
	background-color: #2C7388;
}
/* --- modal title text color ------------------------------*/
.modal-title {
    margin: 0;
    line-height: 1.42857143;
	color : #fff !important;
}

.cla-copyright{
	margin: 10px 0 auto 10px;
	color: #FFF;
	float:left;
}


.cla-footer-links {	
	margin: 10px 10px auto;
	float:right;
}
.cla-footer-links span{
	color:#FFF;
	cursor:pointer;
	padding:10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.cla-footer-links span:hover{
	color:#FFF;
	background:#02681c;
	cursor:pointer;
}

/*footer ends*/


/* angular overrides */

input.ng-invalid.ng-dirty:not([type=submit]):not([type=file]){
  border: 1px solid #CE443E;
  box-shadow: 0 0 5px rgba(206, 68, 62, 1);
}


/* end angular overrideds  */

/* bootstrap overrides */

.modal-open {
  position: fixed;
  overflow: hidden;
}



.btn-primary {
		background-color: #8dc63f;
		border-color: #DADADA;
		color: #fff;
	}
	
	.btn {
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}

/* end bootstrap overrideds  */

accordion .panel-heading p[role="button"]:focus,
accordion .panel-heading p[role="button"]:hover,
accordion .panel-heading a:focus, 
accordion .panel-heading a:hover { text-decoration: none; outline: none; }
    
@media only screen and (min-width: 800px) and (max-width: 1050px)
{
	
	.cla-menu a:link, .cla-menu a:visited{
		padding: 7px 8px;
	}
	
	.cla-container{
		width:90%;
		margin: 0 5% 0 5%;
	}
	
	.cla-menu{
		margin: 0 0 0 5%;
	}
	
	.cla-brand{
		margin: 8px 5% 0 5%;
	}
	
}

@media only screen and (min-width: 275px) and (max-width: 800px)
{
	
	.cla-navbar-toggle{
		position: relative;
		float: right;
		padding: 5px 5px;		
		margin: 0 5% 0 2px;		
		border: 1px solid #2C7388;
		background: #2C7388;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		display:block;
	}

	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		border: 0;
	}
	.icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background-color: #FFFFFF;
		margin:4px;
	}
	
}

@media only screen and (min-width: 699px) and (max-width: 800px){

	.cla-last-login-info{
		margin: 0 5% 0 0;
	}
	
	.cla-brand{	
		margin: 8px 2% 0 2%;
	}

	.cla-container{
		width:90%;
		margin: 0 5% 0 5%;
	}
	.cla-menu{		
		margin:0 0 0 5%;
	}
	
	.cla-menu-container ul li{
		display: block;
		float: none;
		background:#215462;
		width:100%;
	}
	.cla-menu-container ul li a{
		display: block;
		color: #333333;
	}
	
	.cla-menu-container ul{
		display:none;
	}
	
	.cla-responsive-menu:before{	
		cursor: pointer;
		float: right;
		margin: 30px 10px 0 0;
	}
	
	.cla-navbar-toggle:hover{
		background:#2C7388;
	}

}


@media only screen and (min-width: 501px) and (max-width: 699px){
	.cla-last-login-info{
		display:none;
	}
	.cla-container{
		width:96%;
		margin: 0 2% 0 2%;
	}
	
	.cla-brand{	
		margin: 8px 2% 0 2%;
	}
	.cla-menu{
		margin:0 0 0 2%;
	}
	
	.cla-menu-container ul li{
		display: block;
		float: none;
		background:#215462;
		width:100%
	}
	.cla-menu-container ul li a{
		display: block;
	}
	
	.cla-menu-container ul{
		display:none;
	}
	
	.cla-responsive-menu:before{	
		cursor: pointer;
		float: right;
		margin: 30px 10px 0 0;
	}
	
	.cla-navbar-toggle:hover{
		background:#2C7388;
	}
	
	.cla-input {
		width: 190px;
	}

	.cla-select  {
		width: 190px;
	}
	.cla-select-small  {
		width: 60px;
	}
	
	.cla-select-med  {
		width: 100px;
	}
	.single-row-field{
		width:75%;
	}
	
	#firstName, #middleName, #lastName, #lastName2,#suffixName{
		width:120px;
	}
	
	#rent{
		width:100px;
	}
	

}

/* below @media is for iphone 5 and galaxy landscape view issue */
@media only screen and (min-width: 550px) and (max-width: 650px)
{
	#rent{
		width:175px;
		margin-right: 10cm;
	}
}


@media only screen and (min-width: 275px) and (max-width: 500px)
{

	.cla-last-login-info{
		display:none;
	}
	.cla-container{
		width:96%;
		margin: 0 2% 0 2%;
	}
	
	.cla-brand{	
		margin: 8px 2% 0 2%;
	}
	.cla-menu{
		margin:0 0 0 2%;
	}
	
	.cla-menu-container ul li{
		display: block;
		float: none;
		background:#215462;
		width:100%
	}
	.cla-menu-container ul li a{
		display: block;
	}
	
	.cla-menu-container ul{
		display:none;
	}
	
	.cla-responsive-menu:before{	
		cursor: pointer;
		float: right;
		margin: 30px 10px 0 0;
	}
	
	.cla-navbar-toggle:hover{
		background:#2C7388;
	}
	

/* rupesh comment */
	.inline-fields{
		display: block;
		width: 100%;
	}

  /**/

	.cla-input {
		width: 190px;
	}

	.cla-select  {
		width: 190px;
	}
	
	.cla-select-small  {
		width: 60px;
	}
	
	.cla-select-med  {
		width: 100px;
	}
	
	.ssn .ssn1,  .ssn .ssn3{
		width: 80px;
	}
	.ssn .ssn2{
		width: 40px;
	}
	.single-row-field{
		width:98%;
	}
	.ssnshow {
		width: 12px;
	}
	
	.dob {
		line-height: 20px;
	}
	
	.btn-group-sm>.btn, .btn-sm {
	    padding: 3px 7px;
	    font-size: 12px;
	    line-height: 1.5;
	    border-radius: 3px;
	}
	.emailfield{	
		width:100%;	
    }
	
	#headdressnum{
		width:190px;
		margin-right:14px;
	}
	#headdressname{
		width:190px;
		margin-right:14px;
	}
	#headdress2{
		width:190px;
		margin-right:14px;
	}

	#headdresstype{
	  width:190px;
	}

	#busaddresstype{
		width:190px;
	}
	#headdress2{

		width:190px;
	}	
	#headdresscity{
		width:190px;
		margin-right:14px;
	}
	#headdressstate{
		width:190px;
		margin-right:14px;
	}
	#address2, #prevaddress2{
		width: 200px;
		margin-right:14px;
	}
	
	#u1address2{
	width: 200px;
		margin-right:14px;
	}
	
	#u2address2{
	width: 200px;
		margin-right:14px;
	}
	#mailaddress2{
		width: 200px;
		margin-right:14px;
	}	
	#rent{
		width:175px;
	}	
	#firstName, #middleName, #lastName, #lastName2,#suffixName{
		width:190px;
	}

}

@media only screen and (min-width: 275px) and (max-width: 354px)
{
    .btn-primary {
        font-size: 10px;
    }
    
    table{
	    font: 12px bold;
	    color: #555;
	}
    
}

@media only screen and (min-width: 355px) and (max-width: 400px)
{
    .btn-primary {
        font-size: 12px;
    }
    
    table{
    	font: 12px bold;
    	color: #555;
	}

    
}

/*make toggle switch size consistent*/
.ats-switch.switch-small {
  min-width: 100px;
}

    
textarea {
    resize: none;
}

.pointer {
      width: 300px;
      height: 24px;
      position: relative;
      background: #f5f5f5;
 }
 

.pointer:before {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 12px solid #a69b9b;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.ada{
	visibility:hidden
}

[ng\:cloak], [ng-cloak], .ng-cloak {
		  display: none !important;
}

.claReviewBlock{
	width: 100%;
	margin: 10px 0px 10px 0px;
}
.display-inline{
	display : inline;
	padding-left: 6px;
}

.custom-review-margin{
	margin-left: 4px;
}

.ln-btn-div{
	display: inline-block;
	text-align: right;
	margin-top: 12px;
}

.disc-visited{
	color:#e52ce5;
}