/* xl - DESKTOP STYLES */ 
.applicant_form * {
	font-family: roboto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 16px;
	line-height: 1;
	color: #000000;
}
.applicant_form .fa {
	font-family: FontAwesome !important;
}



.applicant_form  .section:after,
.applicant_form .two_columns_50_50:after,
.applicant_form .three_columns:after,
.applicant_form .four_columns:after,
.applicant_form .two_columns_25_75:after,
.applicant_form .five_columns:after,
.applicant_form .two_columns_75_25:after {
    content: "";
    clear: both;
    display: table;
}
@media (max-width: 1199px){
	.applicant_form{
		padding: 0 15px;
		
	}
	h2.credmainhead {
    margin-left: 13px;
}
}

@media(max-width: 600px){
	.applicant_form select {
    width: 100% !important;
}


}
@media(min-width: 601px) and (max-width: 767px){
	.applicant_form select {
    width: 100% !important;
}

}
@media (max-width: 991px){
	.applicant_form select, .applicant_form input {
	    padding-left: 10px !important;
	    font-size: 12px !important;
	}
	.applicant_form textarea {
		padding-left: 10px !important;
	    font-size: 12px !important;
	}
	.budgt label{
		font-size: 14px;
		   
		line-height: 16px;
		}
		.two_columns_50_50 .assets {
		  padding-left: 0px !important;
          text-align: center;
		}
	.total label {
		font-size: 12px;
		
		}
}
@media (max-width: 767px){
	.co-applicant-cell-phone .column1, .co-applicant-cell-phone .column2 {
	    width: 50% !important;
	}
	.preferred-email select{
	    margin-top: 30px;
	}
	.co-applicant-employeraddress .column1 {
	    margin-bottom:30px;
	}
}
@media (max-width: 767px){
.applicant_form .three_columns .column1,.applicant_form .three_columns .column2,.applicant_form .three_columns .column3,
.applicant_form.two_columns_50_50>.column1, .applicant_form .two_columns_50_50>.column2 {
    width: 100%;
   
}
.applicant_form .two_columns_50_50 .column1, .applicant_form .two_columns_50_50>.column2 {
    width: 100%;
}
.applicant_form .four_columns .column1, .applicant_form .four_columns>.column2, .four_columns>.column3, .applicant_form .four_columns>.column4 {
    width: 100%;
}
.applicant_form .two_columns_25_75 .column1, .applicant_form .two_columns_25_75>.column2 {
    width: 100%;
}
.applicant_form .five_columns .column1, .applicant_form .five_columns>.column2, .five_columns>.column3, .applicant_form .five_columns>.column4, .applicant_form .five_columns>.column5 {
    width: 100%;
}
.applicant_form .three_columns.home .column1.adderrc, .applicant_form .home .column2.adderrc {
   padding-bottom: 20px;
}

.column1.check.adderrc.uscit {
   padding-bottom: 25px;
}
.applicant_form .two_columns_75_25>.column2 {
    width: 100%;
    
}
 .two_columns_50_50 .assets {
   padding-left: 0 !important;
   text-align: center;
}
	

.applicant_form .column1.check {
   padding-top: 0 !important;
   font-size: 14px !important;
   
padding-bottom: 0px;
}
.assets .column_inner {
padding: 0 !important;
}




.applicant_form .two_columns_50_50 .column1.check {
   padding-bottom: 25px;
}


}

.applicant_form{
	width: 100% !important;
	max-width: 1100px;
}
.applicant_form .applicant {
     padding: 15px 0 15px 0;
}
.applicant_form .budget {
    padding: 15px 0 15px 0;
}



.applicant_form .home::after {
    content: "";
    clear: both;
    display: table;
}

.applicant_form .bottom-submit {
	display: none;
}
.applicant_form .bottom-submit input {
    background: #ba8748;
    padding: 15px 32px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
	
	    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.applicant_form .bottom-submit input:hover {
    background: #fff;
    color: #ba8748 !important;
}




.applicant_form input[type="text"],
.applicant_form input[type="email"] {
    width: 100%;
    height: 48px;
    font-size: 15px;
	line-height: 1;
    border: none;
    padding: 0px 0px 0px 10px;
    margin: 0;
	background: none;
}
.applicant_form select {
    height: 48px;
    width: 100%;
	font-size: 15px;
	line-height: 1;
	color: #656565;
	border: none;
    padding: 0px 0px 0px 10px;
    margin: 0;
	background: none;
	max-width: 100%;
}
.applicant_form select option {
/* wrap text in compatible browsers */
  /*-moz-white-space: pre-wrap;
  -o-white-space: pre-wrap;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.applicant_form textarea {
    width: 100%;
    height: 48px;
    font-size: 15px;
	line-height: 19px;
	color: #656565;
    border: none;
    padding: 16px 0px 0px 10px;
    margin: 0;
	background: none;
}

.applicant_form ::placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.applicant_form :hover::placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.applicant_form ::-webkit-input-placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.applicant_form :hover::-webkit-input-placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.applicant_form :-moz-placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.applicant_form :hover:-moz-placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.applicant_form ::-moz-placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.applicant_form :hover::-moz-placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.applicant_form :-ms-input-placeholder {
  color: #656565 !important;
  opacity:  1 !important;
  text-align: left;
}
.applicant_form :hover:-ms-input-placeholder {
  color: #252525 !important;
  opacity:  1 !important;
  text-align: left;
}

.applicant_form h2 {
	text-align:center;
	color: #ba8748;
	font-size: 24px;
	line-height: 1;
}


.htmlform .vc_col-sm-12 input[type=button] {
    float: right;
    padding: 15px 40px !important;
    position: relative;
    right: 0;
	font-size: 20px;
	line-height: 1;
}
.vc_row.wpb_row.applicant {
    margin-left: 0;
    margin-right: 0;
}
.wpb_column.co-applicant {
    margin-left: 0;
    margin-right: 0px;
	padding: 20px 0 20px 0;
}
.applicant_form .column4.check {
    display: block;
    
    
    height: 50px;
}
.column3.check1.adderrc.checkhere {
    background: #fff;
    width: 22.10%;
    padding: 5px;
    
    line-height: 18px;
    font-size: 15px;
	line-height: 1;
    margin-left: 19px;
}


.applicant_form select.selected,
.applicant_form textarea.selected,
.applicant_form textarea:focus {
	color: #000000;
}

.hidden {
	display: none !important;
}




.fselcinp select {
    width: 100%;
}
.three_columns .column3.if{
line-height: 0;
}


/* above are CSS taken from existing page
below are CSS MI custom added for new form updates */





#sfsubmit {
	cursor: pointer;
	border: 0;
}
#sfsubmit:hover {
	color: #ffffff;
	background: #353535;
}
#sfsubmit:disabled {
	opacity: .5 !important;
}
input.error,
select.error,
textarea.error {
	/* border: 1px solid #ff1111; */
}
label.error {
	color: #ff1111;
	font-size: 11px !important;
	line-height: 1;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.text.error {
	color: #ff1111;
}
a.error {
	color: #ffffff;
	background: #ff1111;
	padding:3px 6px;
}
.checkbox.error {
	color: #ff1111;
	border: 1px solid #ff1111;
	background: #ff1111;
}

input.householdmonthlycashflow.negative {
	color: #ff1111;
}
.section {
	margin-bottom: 30px;
}
.section-coborrower {
	display: none;
}
.section-coborrowerincome {
	display: none;
}
.section-coborroweremployment {
	display: none;
}
.section-coapplicant {
	display: none;
}
.section-householdmortgages {
	display: none;
}
.section-homerepair {
	display: none;
}
.section-eligibility {
	display: none;
}
.section-damaged {
	display: none;
}
.section-nrg {
	display: none;
}
.section-tenant {
	display: none;
}
.questions-both,
.questions-foreclosureprevention,
.questions-mrp2 {
	display: none;
}
.note {
	display: none;
	padding: 4px;
	background: #ff1111;
	color: #ffffff;
	font-size: 14px;
}
.note a {
	color: #ffffff;
}

.text-newhomebuyer,
.text-homerepair,
.text-foreclosureprevention,
.text-mrp2 {
	display: none;
}

.row.total {
    background: #dcdcdc;
}

h2.credmainhead {
	text-align: center;
}

.applicant_form .column1,
.applicant_form .column2,
.applicant_form .column3,
.applicant_form .column4,
.applicant_form .column5 {
	border: 1px solid #aaa;
	min-height: 50px;
	font-size: 0;
	line-height: 0;
	position: relative;
}

.applicant_form label {
	margin: 16px 0px 0px 8px;
    display: block;
	font-size: 16px;
	line-height: 1;
}

.applicant_form input[type=checkbox].inline {
	display: inline;
    margin: 16px 8px 0px 8px;
    float: left;
}

.label {
	text-align: center;
    font-weight: bold;
    padding: 16px 0px 16px 0px;
    background: gainsboro;
    color: #333333;
}

.noborder {
	border: 0 !important;
}

.empty-slot {
	color: #ff0000;
}

.paragraph-input {
	   padding: 4px 20px 18px 20px;
}
.text-point {
	margin-bottom: 16px;
	    position: relative;
		line-height: 1.3;
}
.applicant_form input.money,
.applicant_form input.moneywhole {
	text-align: right;
	padding-right: 10px;
}

.signature-pad-wrap {
	
}

.ie-warning {
	
	background: #e4e2e2 !important;
    cursor: pointer;
    padding: 15px;
    border: 2px solid #adadad;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 60px;
    display: block;
    max-width: 480px;
    text-align: center;
}
.ie-warning p,
.ie-warning p strong {
	color: #ea4242 !important;
	line-height: 1.4;
}

.mobile-only-inline {
	display: none;
	color: #ea4242 !important;
	line-height: 1.4;
}
.mobile-only-block {
	display: none;
	color: #ea4242 !important;
	line-height: 1.4;
}

.results{
	font-size: 21px;
	font-weight: 400;
	line-height: 1.3;
	margin: 20px 15px 14px 15px;
	text-align: center;
	position: relative;
	padding: 5px;
	/* border-top: 1px solid #a2a2a2; */
	/* border-bottom: 1px solid #a2a2a2; */
}
.results .success{	
	color: #61b045; /* green */
	padding: 16px;
}
.results .success a{	
	font-size: 21px;
}
.results .error {
	color: #ff2222; /* red */
}

.hide-initial {
	display: none;
}

.coursequestioncol-newhomebuyer,
.coursequestioncol-foreclosureprevention,
.coursequestioncol-mrp2,
.reliefquestioncol-mrp2 {
	max-width: 700px;
	margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
}
.coursequestioncol-newhomebuyer .fa,
.coursequestioncol-foreclosureprevention .fa,
.coursequestioncol-mrp2 .fa,
.reliefquestioncol-mrp2 .fa {
	position: absolute;
    right: 30px;
    top: 14px;
    font-size: 22px;
	display: none;
}
.coursequestioncol-newhomebuyer .fa.fa-check,
.coursequestioncol-foreclosureprevention .fa.fa-check,
.coursequestioncol-mrp2 .fa.fa-check,
.reliefquestioncol-mrp2 .fa.fa-check {
	color: #61b045;
}
.coursequestioncol-newhomebuyer .fa.fa-times,
.coursequestioncol-foreclosureprevention .fa.fa-times,
.coursequestioncol-mrp2 .fa.fa-times,
.reliefquestioncol-mrp2 .fa.fa-times {
	color: #ff2222;
}
select.coursequestion-newhomebuyer,
select.coursequestion-foreclosureprevention,
select.coursequestion-mrp2,
select.reliefquestion-mrp2 {
	
	/* border: 1px solid #df1717; */
}
select.coursequestion-newhomebuyer.yes,
select.coursequestion-foreclosureprevention.yes,
select.coursequestion-mrp2.yes,
select.reliefquestion-mrp2.yes {
	border-top: 1px solid #aaa;
	border-right: none;
	border-bottom: none;
	border-left: none;
	color: #61b045;
}
select.coursequestion-newhomebuyer.no,
select.coursequestion-foreclosureprevention.no,
select.coursequestion-mrp2.no,
select.reliefquestion-mrp2.no {
	color: #ff2222;
}


.courseinfo-newhomebuyer,
.courseinfo-foreclosureprevention,
.courseinfo-mrp2,
.reliefinfo-mrp2 {
	max-width: 700px;
	margin-left: auto;
    margin-right: auto;
	border-top: none;
}
.courseinfo-newhomebuyer>.column1,
.courseinfo-foreclosureprevention>.column1,
.courseinfo-mrp2>.column1,
.reliefinfo-mrp2>.column1 {
	padding: 15px !important;
}
.courseinfo-newhomebuyer h2,
.courseinfo-foreclosureprevention h2,
.courseinfo-mrp2 h2,
.reliefinfo-mrp2 h2 {
	color: #ff2222;
	line-height: 1.8;
}
.courseinfo-newhomebuyer p,
.courseinfo-foreclosureprevention p,
.courseinfo-mrp2 p,
.reliefinfo-mrp2 p {
	line-height: 1.4;
}
.courseinfo-newhomebuyer .inner div,
.courseinfo-foreclosureprevention .inner div,
.courseinfo-mrp2 .inner div ,
.reliefinfo-mrp2 .inner div {
	margin-top: 8px;
}
.courseinfo-newhomebuyer a,
.courseinfo-foreclosureprevention a,
.courseinfo-mrp2 a,
.reliefinfo-mrp2 a {
    background: #353535;
    padding: 15px 32px;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
	
	    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
	text-align: center;
}
.courseinfo-newhomebuyer a:hover,
.courseinfo-foreclosureprevention a:hover,
.courseinfo-mrp2 a:hover,
.reliefinfo-mrp2 a:hover {
    background: #ba8748;
    color: #fff !important;
}
.courseinfo-newhomebuyer a span,
.courseinfo-foreclosureprevention a span,
.courseinfo-mrp2 a span,
.reliefinfo-mrp2 a span {
	font-size: 20px !important;
	color: #fff !important;
}

/* START CSS-ONLY LOADING SPINNER */
@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-spinner {
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  height: 30px;
  width: 30px;
  border: 8px solid #ffffff;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  margin: 0px auto;
}
/* END CSS-ONLY LOADING SPINNER */


.please-wait {
	display: none;
	background: #ba8748;
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    padding: 14px;
}
.please-wait .message {
	margin: 0px 0px 12px 0px;
	/* color: #ea4242; */
	color: #ffffff;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	line-height: 1.2;
	
}
.please-wait .message span {
	font-weight: 400;
}

.requiredlinks {
	max-width: 700px;
	margin: 0px auto 16px auto;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.requiredlinks .message {
	display: none;
	color: #ffffff;
	background: #ff1111;
	padding:6px 6px;
	text-align: center;
	margin: 0px 0px 14px 0px;
	font-size: 16px;
    line-height: 1;
}

.requiredlinks a {
	display: inline-grid;
    width: 48%;
    text-align: center;
    background: #ba8748;
	color: #ffffff;
    font-weight: 600;
    padding: 8px;
    min-height: 48px;
	font-size: 16px;
    line-height: 1;
}
.requiredlinks a:first-of-type {
	margin-right: 4%;
}
.requiredlinks a:hover {
	background: #dcdcdc;
	color: #ba8748;
}
.requiredlinks a.alert {
	/*color: #ffffff;
	background: #ff1111;
	padding:3px 6px;
	*/
}

.btn-brown {
    display: inline-grid;
    width: 100%;
    text-align: center;
    background: #ba8748;
    color: #ffffff;
    font-weight: 600;
    padding: 8px;
    min-height: 48px;
    font-size: 16px;
    line-height: 1;
    border: none;
	cursor: pointer;
}
.btn-brown:hover {
	background: #dcdcdc;
	color: #ba8748;
}



.messagebox {
	display:none;
	height: auto;
	overflow: hidden;
	padding: 4px;
	border: 1px solid #cccccc;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	margin: 0px auto 10px auto;
	background: #ffffff;
	
	width: 80%;
	max-width: 360px;
	
	
}
.messagebox-item {
	
}
.messagebox-title {
	color: #666666;
}

.sfforminstructions {
	max-width: 800px;
    margin: 0px auto 25px auto !important;
}
.sfforminstructions h3 {
	margin-bottom: 12px;
	line-height: 1.2;
}
.sfforminstructions ol li {
	margin-bottom: 12px;
	line-height: 1.2;
}
.sfforminstructions .emph {
	color: #b30000;
}