body {
	font-family: 'Open Sans' !important;
}
#baseLayout_body {
	margin-top: 32px;
}

input::-ms-clear {
	display: none; 
}
.font_color_black {
	color: #000;
}
.color_charcoal {
	color: #3B3C39 !important;
}
.color_charcoal_1 {
    color: #3B3C43 !important;
}
.color_gray {
	color: gray;
}
.text_uppercase {
	text-transform: uppercase;
}
.lineheight_default {
	line-height: 1 !important;
}
.unset_min_height {
	min-height: unset;
}
.max_width_500 {
    max-width: 500px;
    margin: auto;
}
.max_width_580 {
    max-width: 580px;
    margin: auto;
}
.panel-responsive {
	padding-left: 0px;
	padding-right: 0px;
}
.col-responsive {
	margin-bottom: 30px;
}

.col-responsive-top {
	margin-top: 0px;
}

.card-center {
	margin-bottom: 50px;
	justify-content: center;
}

@media ( min-width : 768px) {
	#PriPhone.help-icon{
		bottom: 4px;
	}
	.col-pull-right0 {
		padding-right: 0px;
		width: 72%;
	}
	.col-pull-left20 {
		padding-left: 20px;
		width: 28%;
	}
	.col-pull2-right0 {
		padding-right: 0px;
		width: 72%;
	}
	.col-pull2-left20 {
		padding-left: 20px;
		width: 28%;
	}
	.col-pull-left14 {
		padding-left: 14px;
		width: 28%;
	}
	.col-zip-pull-right0 {
		padding-right: 0px;
		width: 32.3%;
	}
	.col-citystate-pull-left10 {
		padding-left: 10px;
		width: 67.7%;
	}
	.col-phonenum-pull-right0 {
		padding-right: 0px;
    	width: 56.52%;
	}
	.col-phonetype-pull-left15 {
		padding-left: 15px;
    	width: 43.48%;
	}
	.col-pull-right7 {
		padding-right: 7px;
	}
	.col-pull-left7 {
		padding-left: 7px;
	}
	.col-pull-right3 {
		padding-right: 3px;
	}
	.col-pull-left3 {
		padding-left: 3px;
	}
	.col-pull-right2 {
		padding-right: 2px;
	}
	.col-pull-left12 {
		padding-left: 12px;
	}
	.col-margin-right8 {
		margin-right: -8px;
	}
	.col-button-pull-right100 {
		margin-left:100px;
	}
}

@media only screen and (max-width: 760px) and (min-width: 120px) {
	.col-pull-right0 {
		padding-right: 0px;
		width: 59%;
	}
	.col-pull-left20 {
		padding-left: 16px;
		width: 41%;
	}
	.col-phonenum-pull-right0 {
		padding-right: 0px;
    	width: 58.434%;
	}
	.col-phonetype-pull-left15 {
		padding-left: 16px;
    	width: 41.566%;
	}
	
	.income-lastlattres {
		font-family: Arial;
		font-size: 18px;
		height: 20px;
		width: 26px;
		margin-top: 20px;
		margin-right: 49px;
	}
	#PriPhone.help-icon{
		bottom: 6px;
	}
	
	.card-center {
		display: flex;
	}
}

.income-lastlattres {
	position: absolute;
	color: #3b3c43;
	font-family: Open Sans;
	font-size: 16px;
	height: 24px;
	width: 23px;
	top: 0px;
	right: 0px;
	margin-top: 18px;
	margin-right: 48px;
}

@media ( min-width : 630px) {
	.desktop_col_padding_14 {
		padding-left: 14px;
		padding-right: 14px;
	}
}

.inputWrap {
	display: block;
	font-family: 'Open Sans' !important;
	width: 100%;
	height: 47px;
	padding: 20px 16px 8px 15px !important;
	border: 0;
	border-radius: 6px;
	font-size: 16px;
	font-weight: normal !important;
	line-height: 1;
	background: rgba(255, 255, 255, 0.97);
	color: #212121;
	outline: none !important;
	appearance: none;
	transition: all 0.2s ease-in-out;
}

.float-label {
	font-family: 'Open Sans' !important;
	width: 100%;
	height: 52px;
	border-radius: 6px;
	background-color: #ffffff;
}

.input_field_nolabel {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.float-label .fieldset {
	position: relative;
	width: inherit;
	height: inherit;
	border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.38);
	border-radius: 6px;
  	padding: 2px;
  	overflow: hidden;
}

.float-label .fieldset+.fieldset {
	border-top: 1px solid #ddd;
}

.float-label label {
	position: absolute;
	font-family: 'Open Sans' !important;
	font-size: 16px;
	top: 14px;
	left: 16px;
	color: #3b3c43;
	/* transform: translate3d(0, 0, 0); */
	transition: all 0.2s ease-in-out;
	background-color: #fff !important;
	height: 25px;
}

.form-css-label input[data-empty="false"]+label,
.form-css-label input[required]:valid+label,
.form-css-label input:focus+label {
	color: #34657f;
	font-weight: normal;
	font-size: 12px;
	/* transform: translate3d(0, -10px, 0); */
	top: 5px;
	height: auto !important;
	background-color: transparent !important;
}

/* styles for disabled fields -start */
.disabled-field-notempty select:disabled ~ label,
.disabled-field-notempty input:disabled+label {
	color: #656565;
	font-weight: normal;
	font-size: 12px;
	transform: translate3d(0, -10px, 0);
	height: auto !important;
	background-color: transparent !important;
}
.disabled-field-empty select:disabled ~ label,
.disabled-field-empty input:disabled+label {
	background-color: transparent !important;
}

.disabled-field-notempty, .disabled-field-empty {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #e9eaeb !important;
	border: solid 1px rgba(0, 0, 0, 0.24) !important;
}
.disabled-field-notempty:hover, .disabled-field-empty:hover {
	border-color: rgba(0, 0, 0, 0.24) !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

.disabled-field-notempty label a, .disabled-field-empty label a,
.disabled-field-notempty .help-icon, .disabled-field-empty .help-icon {
	cursor: pointer;
	pointer-events: auto;
}

.disabled-field-notempty-overlaid-label select:disabled ~ label,
.disabled-field-notempty-overlaid-label input:disabled+label {
    background-color: #e9eaeb !important;
    height: 60% !important;
}
/* for disabled fields -end */

/*visited/focused/hovered validation begin's*/
.float-label .fieldset:hover, .floatingComoponent:hover {
	 -webkit-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.54);
     -moz-box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.54);
     box-shadow:inset 0px 0px 0px 1px rgba(0, 0, 0, 0.54);
}

.float-label .fieldset:focus-within, .floatingComoponent:focus-within,
.float-label .fieldset:focus-within:hover, .floatingComoponent:focus-within:hover {
	border-color:#34657f;
	-webkit-box-shadow:inset 0px 0px 0px 1px #34657f;
	-moz-box-shadow:inset 0px 0px 0px 1px #34657f;
	box-shadow:inset 0px 0px 0px 1px #34657f;
}
.fieldFocusedColorIE {
	border-color: #34657f !important;
	-webkit-box-shadow:inset 0px 0px 0px 1px #34657f !important;
	-moz-box-shadow:inset 0px 0px 0px 1px #34657f !important;
	box-shadow:inset 0px 0px 0px 1px #34657f !important;
}
.fieldset:focus .iconvisible {
	color: red;
}

.float-label:focus .fieldset {
	background-color: red;
}
/*visited/focused/hovered validation end's*/

/*Drop down selections goes here*/
.floatingComoponent .floating-form {
	width: inherit;
	padding-right: 5px;
}

option:first-child {
	height: 1px !important;
	display: none;
}

.optionHover {
	font-size: 16px;
	height: 48px;
	color: rgba(0, 0, 0, 0.87);
}

.optionHover:hover {
	background-color: #f0f3f5 !important;
}

.floatingComoponent {
	height: 52px;
	border: 1px solid rgba(0, 0, 0, 0.38);
	border-radius: 6px;
	width: 100%;
	background-color: #ffffff;
  	overflow: hidden;
}

.floatingComoponent .floating-label {
	position: relative;
	height: inherit;
}

.floatingComoponent .floating-form {
	height: inherit;
}

.floatingComoponent .floating-select {
	font-size: 16px;
	padding: 22px 16px 6px 13px;
	display: block;
	width: 100%;
	height: inherit;
	background-color: transparent;
	border: none;
}

.floatingComoponent .floating-select:focus {
	outline: none;
}

.floatingComoponent label {
	color: #3b3c43;
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	top: 14px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
	padding-left: 16px;
}


.floating-select:not([value=""]):not(:disabled):valid ~ label {
	top: 5px;
	color: #34657f;
	font-size: 12px;
}

/* highlighter */
.floatingComoponent .highlight {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}
.input-error {
	border-color: #9e2a20 !important;
	box-shadow : inset 0px 0px 0px 1px #9e2a20 !important;
	-webkit-box-shadow : inset 0px 0px 0px 1px #9e2a20 !important;
	-moz-box-shadow : inset 0px 0px 0px 1px #9e2a20 !important;
}  
.input-error input:valid+label{
	color: #c63527 !important;
}
.input-error:hover {
 	border-color: #9e2a20 !important;
	-webkit-box-shadow:inset 0px 0px 0px 1px #9e2a20 !important;
	-moz-box-shadow:inset 0px 0px 0px 1px #9e2a20 !important;
	box-shadow:inset 0px 0px 0px 1px #9e2a20 !important; 
} 
.input-error input:focus+label{
	color: #c63527 !important;
}
.input-error .floating-form .floating-label .floating-select:focus ~ label{
	color: #c63527 !important;
}

@-moz-document url-prefix() {
  input:required {
    box-shadow:none;
}
}
/*Drop down selections goes here /****  floating-Lable style end ****/

.margin-top0px {
	margin-top: 0px !important;
}
.padding-top0px {
	padding-top: 0px !important;
}

.google-prefill-success input{
 	background-image: url(../../etail/images/dapply_input_validate.jpg) !important;
 	background-repeat: no-repeat !important;
	background-position: 10px center !important;
	-webkit-background-size: 20px 20px !important;
	background-size: 20px 20px !important;	
	padding-left: 40px !important;
}

.google-prefill-success label{
	padding-left: 26px !important;
}

/*-----------------SeamlessUI checkboxes--start-----------------*/
.seamlessCheckLabel .seamlessCheckbox ~ .checkboxLabelText,
.seamlessCheckLabel + .checkboxLabelText {
	padding-left: 35px;
	display: inline-block;
}
.seamlessCheckLabel .seamlessCheckbox ~ .checkboxLabelText2,
.seamlessCheckLabel + .checkboxLabelText2 {
	margin-top: -22px;
	padding-left: 35px;
	display: inline-block;
}
/* DPS-4913 ADA changes. checkbox label updated.*/
/* -DCPP-177 Check mark Behaviour across dapply pages */
.seamlessCheckLabel .seamlessCheckbox ~ .checkboxLabelText3,
.seamlessCheckLabel + .checkboxLabelText3 {
	padding-left: 35px;
	display: inline-block;
	margin-top: -9px;
}
.checkboxLabelText.checkboxLabelTextTop18 {
	margin-top: -18px;
}
.seamlessCheckLabel {
	color: #000;
	width: 100%;
}
 
/* Hide the browser's default checkbox */
.seamlessCheckLabel input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}
 
/* Create a custom checkbox */
.seamlessCheckbox {
	position: absolute;
	height: 20px;
	width: 20px;
	background-color: white;
	cursor: pointer;
	border-radius: 2px;
	border-width: 2px;
	border-style: solid;
	border-color: #8B8C8F;
}
 
.seamlessCheckLabel input:checked ~ .seamlessCheckbox {
	border-style: none;
	background-color: #2e631e;
}
 
.seamlessCheckLabel input:disabled ~ .seamlessCheckbox {
	border-style: none;
	background-color: rgba(0, 0, 0, 0.38) !important;
	cursor: not-allowed;
}
 
/* checkmark inside checkbox --start */
.seamlessCheckbox:after {
	content: "";
	position: absolute;
	display: none;
}
.seamlessCheckLabel input:checked ~ .seamlessCheckbox:after {
	display: block;
}
.seamlessCheckLabel .seamlessCheckbox:after {
	left: 5px;
	top: 0px;
	width: 9px;
	height: 14px;
	border: solid white;
	border-left: none;
	border-top: none;
	border-width: 0px 2px 2px 0px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* checkmark inside checkbox --end */

.seamlessCheckLabel input:focus-visible ~ .seamlessCheckbox {
    outline:2px solid #888A96;
	outline-offset:3px;
}
 
/* DPS-5215 ADA changes checkbox focus indicator updated for gray background */
#prequalWaterfallDis .seamlessCheckLabel .checkbox-backCircle:before,
#adaContent .seamlessCheckLabel .checkbox-backCircle:before,
#coAppadaContent .seamlessCheckLabel .checkbox-backCircle:before {
	outline: 2px solid #888A96;
    outline-offset: 4px !important;
    border-radius: 0.1px;
  	left: 0px;
	top: 0px;
    width: 100%;
    height: 100%;
}
.seamlessCheckLabel input:not(:checked):focus ~ .checkbox-backCircle:before,
#prequalWaterfallDis .seamlessCheckLabel input:not(:checked):focus ~ .checkbox-backCircle:before,
#adaContent .seamlessCheckLabel input:not(:checked):focus ~ .checkbox-backCircle:before,
#coAppadaContent .seamlessCheckLabel input:not(:checked):focus ~ .checkbox-backCircle:before {
    outline-offset: 5px !important;
}
/* checkbox-backCircle  --end */

.preventCheckLabelClick .seamlessCheckLabel {
	pointer-events: none;
}
.preventCheckLabelClick .seamlessCheckLabel .seamlessCheckbox,
.preventCheckLabelClick .seamlessCheckLabel a {
	pointer-events: auto;
} 

/*-----------------SeamlessUI checkboxes--end-----------------*/

h3.checkboxLabelText {
	margin-top: 0px;
}
.electronicStmtBlock {
	display: inline-block;
	width: 100%;
	padding-top: 2px;
}

.resetLabelFont .seamlessCheckLabel {
	font-size: 100%;
	color: #333333;
}

.customFontColor {
	color: #333333 !important;
}

#confirmEmailSection .checkboxLabelText {
	font-size: 16px;
	margin-top: -4px;
	color: #fff !important;
	/* color: #333333; */
}

.chckbxAgree .checkboxLabelText {
	margin-top: -5px;	
}

.error-msg-top-container {
	padding:15px;
	padding-top:0px; 
}
.error-msg-top { 
	width: 100%;
	height: auto;
	min-height: 52px;
	border-radius: 10px;
	border: solid 1px #e39a93;
	background-color: #fcf4f3;
	/* margin: 0px 0px 15px 0px; */
}

.error-msg-top-icon {
	color: #c63527;
	font-size: 17px;
	margin: 0px 23px 0px 0px;
	position: absolute;
	float: left;
}
.error-msg-top-text {
	color: #3b3c43;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.5;
	margin: 0px 0px 0px 40px;
	display: inline-block;
}
.labelWidth90 {
	width: 90%;
}
.ssnClear {
	float: right;
}

.custom-font11 {
	font-size: 11px !important;
}
@media screen and (min-width:750px) {
	.zipcodeSpanish {
		top: 4px !important;
	}
}

/* DPS-5438 styles updated and moved down */
.check-app-status-block {
  max-width: 513px;
  min-height: 60px;
  padding: 18px 52px;
  border-radius: 8px;
  box-shadow: 10px 0 40px 10px rgba(0, 0, 0, 0.02), 0 11px 40px 10px rgba(0, 0, 0, 0.02);
  background-color: #ffffff;
  margin: 0px auto;
  margin-bottom: 32px;
}
.check-app-status-content {
	text-align: center;
    margin: 0px;
    line-height: 1.5;
}
.check-app-status-link {
	display: inline-block;
	font-weight: bold;
	color: #34657f !important;
}
@media screen and (max-width: 750px) {
	.check-app-status-block {
    	max-width: 283px;
    	height: auto;
    	padding: 22px 36px;
    	margin-bottom: 34px;
	}
}  
.mpq_pf_imageSection {
    margin: auto;
    margin-top: 20px;
}
.mpq_pf_setpay_logo {
	/* width: 115px; */
	width: auto;
	height: 30px;
}

.mpq_setpay_logo_border {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 172px;
    height: 60px;
    border-radius: 8px;
    border: solid 1px #eeeeee;
    background-color: #ffffff;
}

.pq_ampersand {
    width: 18px;
    height: 36px;
    margin: 0px 28px;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
}
.pq_card_arts_pipe {
	width: 1px;
	height: 50px;
	border: 1px solid #94969A;
	border-radius: 6px;
	margin-left: 24px;
    margin-right: 24px;
}

.mpq_pq_pf_cardImage{
	max-width: 96px;
    height: 58px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);
}
.mpq_prequal-sec{
	padding: 24px 15px;
}

#prequalCondition .seamlessCheckLabel {
	display: none;
}
#prequalCondition .checkboxLabelText {
	padding: 21px 25px;
}

.amt-button{
  width: 133px !important;
  height: 36px !important;
  margin: 0 0 18px !important;
  border-radius: 10000px !important;
  font-weight: normal !important;
}
.amt-button:focus{
	outline: 2px solid #000 !important;
}

#totalAmountFinanced{
	background-image: url(../../etail/images/financedamount_dollar.png) !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    -webkit-background-size: 20px 20px !important;
    background-size: 24px 24px !important;
    padding-left: 40px !important;
}

@media screen and (max-width: 320px) {
	.pq_ampersand {
	margin: 0px 10px;
	}
}
@media screen and (min-width: 768px) {
	.zip-city-width{
		width: 97% !important;
	}
	.housing-width{
		width:100% !important;
	}
}

/* MPQ Offers page styles */
.offers_container {
	font-family: Open Sans;
	width: auto;
	max-width: 410px;
	margin: 0px auto;
}

.flexColumnContent {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.flexRowContent {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.flexColumnContentDefault {
	position: relative;
	display: flex;
	flex-direction: column;
}
.flexRowContentDefault {
	position: relative;
	display: flex;
	flex-direction: row;
}

.offerCardsSection {
	max-width: 290px;
	margin: auto;
}

.offerCard {
	margin: 45px 0px 32px 0px;
}

.offerCardTopLogo {
	max-width: 75px;
	height: 40px;
	border-radius: 4px;
	box-shadow: 0 0 4px 0 rgba(93, 93, 93, 0.5);
	background-color: #ffffff;
}
.offerCardTopLogo img {
	max-width: 75px;
	height: 40px;
}
.offerCardTopLogoPosition {
	margin-bottom: -20px;
	z-index: 2;
}
.setpay_offer_logo {
	width: auto;
	height: 30px;
}
.setpay_offer_logo_position {
	margin-bottom: -20px;
	z-index: 2;
}

.offerCardContent {
	width: 290px;
	height: auto;
	padding: 32px 22px;
	border-radius: 4px;
	box-shadow: 0 -3px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
	background-color: #ffffff;
}

.offerDescriptionText {
	max-width: 230px;
}
.subContentFont12 {
	font-size: 12px;
	line-height: 1.67;
}
.creditLimitCurrency {
	align-self: flex-start;
	margin-right: 8px;
	margin-top: 8px;
}
.creditLimitValue {
	font-size: 44px;
}

.stripe_symbol {
	width: 50px;
	height: 1px;
	border: solid 1px #979797;
}
.stripe_symbol2 {
	width: 103px;
	height: 1px;
	border: solid 1px #979797;
	opacity: 0.58;
}
.icon_calendar {
	width: 22px;
	height: 24px;
	margin: 0px 20px;
}
.offersPartitionText {
	width: 24px;
	height: 24px;
	text-align: center;
	margin: 0px 14px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.offersBottomDisclosures {
	max-width: 370px;
	margin: auto;
	margin-top:32px;
}

.margin_auto {
	margin: auto;
}
.margin_top24 {
	margin-top: 24px;
}
.margin_top20 {
	margin-top: 20px;
}
.margin_top16 {
	margin-top: 16px;
}

.margin_top8 {
	margin-top: 8px;
}
.margin_top12 {
	margin-top: 12px;
}
.margin_top40 {
	margin-top: 40px;
}
.margin_bottom40 {
	margin-bottom: 40px;
}
.margin_top60 {
	margin-top: 60px;
}
.margin_bottom6 {
	margin-bottom: 6px;
}
.margin_bottom8 {
	margin-bottom: 8px;
}
.margin_bottom10 {
	margin-bottom: 10px;
}

.margin_bottom16 {
	margin-bottom: 16px;
}
.margin_bottom20 {
	margin-bottom: 20px;
}

.margin_bottom24 {
	margin-bottom: 24px;
}

.margin_bottom32 {
	margin-bottom: 32px;
}
.padding_lt24 {
	padding-left: 24px;
}
.padding_bottom25 {
	padding-bottom: 25px;
}

.font-bold-opensans-24 {
	font-family: 'Open Sans' !important;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
}
.font_opensans_12 {
	font-family: 'Open Sans' !important;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0;
	color: #656565;
}
.font-bold-opensans-14 {
	font-family: 'Open Sans' !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #333333;
}
.font-opensans-14 {
	font-family: 'Open Sans' !important;
	font-size: 14px;
	line-height: 16px;
	color: #333333;
}
.font_opensans_16 {
	font-family: 'Open Sans' !important;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0;
	color: #333333;
}
.font_bold_opensans_16 {
	font-family: 'Open Sans' !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0;
	color: #333333;
}
.font_opensans_18 {
	font-family: 'Open Sans' !important;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0;
	color: #333333;
}
.font_bold_opensans_18 {
	font-family: 'Open Sans' !important;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0;
	color: #333333;
}
.font-opensans-20 {
	font-family: 'Open Sans' !important;
	font-size: 20px;
	line-height: 1.5;
	color: #333333;
}
.font-bold-opensans-20 {
	font-family: 'Open Sans' !important;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
}
.font-opensans-36 {
	font-family: 'Open Sans' !important;
	font-size: 36px;
	line-height: 1.5;
	color: #333333;
}
.container_responsive_mpqterms {
	width: 100%;
	max-width: 610px;
	margin: 0px auto;
}

.container_responsive_mpqterms .user-details {
	margin-top: 32px;
	margin-bottom: 24px;
	padding-left: 40px;
	padding-right: 40px;
}

.partition_line {
	border: solid 1px #dadada;
	margin: 0px auto;
}

.content_alert {
	width: auto;
	height: auto;
	border-radius: 8px;
	border: solid 1px #e1e1e1;
	background-color: #f4f4f4;
	padding: 24px;
}

.content_alert_padding {
	padding: 24px 42px 35px 22px;
}

.financingTermsCardSection {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.financingTermsCard {
	width: 49%;
	min-width: 150px;
	min-height: 64px;
	height: auto;
}

.financingTermsCardHeader {
	min-height: 32px;
	padding: 3px 24px 5px 12px;
	background-color: #3b3c43;
}

.financingTermsCardHeader .font-opensans {
	color: #fff;
}

.financingTermsCardContent {
	padding: 15px 0px 5px 12px;
}

.flexRowContent .seamlessCheckLabel {
	align-self: start;
	flex-shrink: 2;
}

.button_expandable {
	width: auto !important;
	height: auto !important;
}

.container_setpay_approved {
	width: 100%;
	max-width: 610px;
	margin: 0px auto;
}

.oval_serialNum {
	width: 24px;
	height: 24px;
	padding: 0px 8px;
	background-color: #333;
	color: #ffff;
	border-radius: 50%;
	margin-right: 12px;
}

.finalLoanAmountInfo {
	width: auto;
	min-height: 51px;
	height: auto;
	background-color: #ebf7ff;
	border-radius: 6px;
	border: solid 1px #9ab2bf;
	border-left: 0px;
}

.finalLoanAmountInfo .leftBar {
	width: 8px;
	height: auto;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #34657f;
}

.finalLoanAmountInfo p {
	padding: 12px 13px;
}

@media only screen and (max-width: 760px) and (min-width: 120px) {
	.offers_container {
		max-width: 300px;
	}
	.container_responsive_mpqterms {
		width: 94%;
	}
	.container_responsive_mpqterms .user-details {
		margin-top: 24px;
		margin-bottom: 24px;
		padding-left: 12px;
		padding-right: 12px;
	}
	.container_setpay_approved {
		padding: 0px 8%;
	}
	.content_alert_padding {
		padding: 24px 24px 35px 22px;
	}
	.padding_ltrt_mobile12 {
		padding-left: 12px;
		padding-right: 12px;
	}
	.padding_lt_mobile8 {
		padding-left: 8px;
	}
}

@media only screen and (min-width: 760px) {
	.purchage_steps {
		padding-left: 27%;
	}
	.margin_lt_desktop10 {
		margin-left: 10px;
	}
}

.terms_notinterested{
	margin-top: 12px;
   	margin-bottom: 32px;
}
@media (max-width: 480px){
	.terms_notinterested{
   		margin-bottom: 24px;
	}
}
#pfLandingSSN, #pfLandinglast4SSN {
	background-image: url(../../eapply/resource/images/lock-icon-ssn.png) !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    -webkit-background-size: 20px 20px !important;
    background-size: 24px 24px !important;
    padding-left: 40px !important;
}

.pfLandingSSN_Label{
	left:43px !important;
}

/* DPS-4648*/
.tooltip_block {
	display: block;
	margin: 0 5px;
	padding: 10px;
	text-align: left;
	border-radius: 4px;
	background-color: rgba(51, 122, 183, 0.09);
}
.optional-text:not([style*="display: none"]) ~ .error-msg[style*="display: none"] ~ .tooltip_block_align {
    margin-top: 22px;
}

/* DPS-4451 Setpay Pay in 4 CSS start */
.icon_cycle_container {
	display: block;
	position: relative;
}
.icon_cycle {
	margin: auto;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	border-width: 12px;
	border-style: solid;
	border-color: white white white white;
	transform: rotate(45deg);
	
	-webkit-box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 54%);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.54);
	box-shadow: 0px 0px 0px 1px black;
	
}
.icon_cycle_line1 {
	position: relative;
	z-index: 2;
	width: 25px;
	margin-top: -12px;
	border-top: solid 1px black;
}
.icon_cycle_line2 {
	position: relative;
	z-index: 2;
	height: 25px;
	margin-top: -13px;
	margin-left: 12px;
	border-left: solid 1px black;
}
.icon_cycle_quarter1 {
	border-color: black white white white;
}
.icon_cycle_quarter2 {
	border-color: black black white white;
}
.icon_cycle_quarter3 {
	border-color: black black black white;
}
.icon_cycle_quarter4 {
	border-color: black;
}

.icon_cycle_partition .icon_cycle_container {
	margin: 0px 15px;
}
.icon_cycle_quarter_chunk {
	position: absolute;
	z-index: 2;
	height: 13px;
	width: 13px;
	left: 15px;
	top: -3px;
	border: 1px solid black;
	border-top-right-radius: 80%;
	background-color: white;
	box-shadow: -0.01em 0.01em 0 0.02em black;
}

.stripe_symbol3 {
	width: 80px;
	height: 1px;
	border-top: solid 1px #979797;
}
.stripe_symbol4 {
	width: 6%;
	height: 1px;
	border-top: solid 1px black;
}
/* DPS-482:EMPQ Dupe decline UI changes*/
.stripe_partition {
	width: 100px;
	height: 1px;
	border-top: 1px solid #D8D8D8;
}
/* DPS-4451 Setpay Pay in 4 CSS end */

/* DPS-4848 changes  */
#setpayIn4LoanOfferChooseCheckout{
    width: auto !important;
    padding-left: 2px;
    padding-right: 2px;
    margin: auto;
}
#setpayIn4LoanOfferAcceptBtn {
	margin: auto;
}
.payIn4OfferCardContent {
	padding-left: 2px;
	padding-right: 2px;
}
.payIn4OfferCardInnerDiv {
	padding-left: 20px;
	padding-right: 20px;
}
/* DPS-5126 ADA changes for Info Icon focus management */
.helpIconFocus.help-icon:before {
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px #959593;
    background: transparent;
    width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
}
.floating-select:focus ~ label{
	color: #34657f;
}
@media only screen and (max-width: 760px) and (min-width: 120px) {
	.floating-select:focus ~ label, .floating-select:not([value=""]):not(:disabled):valid ~ label {
		top: 5px;
		color: #34657f;
		font-size: 12px;
	}
}

/* DPS-5222-Start |New footer link added and  UI updated */
.syfFooter {
	margin: auto;
	width: 100%;
	height: 62px;
	padding: 10px;
	/* DSUQ-127-box-shadow replaced with thin line*/
	border-top:1px solid #E4E4E4;
	background-color: #ffffff;
}
.syfFooterInner {
	margin: auto;
	width: 100%;
	flex-wrap: wrap;
	column-gap: 35px;
}
.syfFooterLogoImg {
	width: 107px;
	height: 23px;
}
.syfFooterLinksDiv {
	font-size: 12px;
	color: #656565;
	line-height: 1.67;
	flex-wrap: wrap;
}
.syfFooterLink {
	color: #727272 !important;
}

@media screen and (min-width :481px) {
	.syfFooterInner {
		max-width: 710px;
	}
}
@media screen and (max-width :350px) {
	.syfFooter {
		height: auto;
		max-height: 80px;
	}
}
/* DPS-5222-End*/

/*DPS-5438 MPQ D2D changes-POS model header should be responsive in both IFrame and non-IFrame*/
.pos_modal_header {
	position: fixed;
	left: 0px;
	z-index: 10;
	width: 100%;
	height: auto;
	color: #000;
	background-color:#fff;
	border-color:#2e631e;
	border-bottom: 4px solid;
	padding: 6px 10px;
	min-height: 76px;
}
.pos_header_inner {
    min-height: 60px;
    max-height: 150px;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.pos_header_inner_element {
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.pos_header_logo {
	max-height: 60px;
    width:150px;
}
@media (max-width: 435px) {
	.pos_header_inner {
		justify-content: center;
	}
}

/* DPS-5438 Approval page CTA UI updated for supporting both iframe and non iframe */
.approval_CTA_box {
	position: fixed;
	bottom: 0;
	left: 0;
	height: auto;
	width: 100%;
	z-index: 10;
	margin: auto;
	margin-bottom: 62px;
	padding: 10px;
	padding-top: 15px;
	background-color: #ffffff; 
	border-top: 3px solid #027db6;
	padding-bottom: 0px !important;
}
/* DSUQ-127-Removed shadow effect on the dApply approval screen in UniFI */
.approval_CTA_box_inner {
	position: relative; 
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
  	column-gap: 10px;
	max-width: 650px;
	margin: auto;
	padding-bottom: 0px !important;
}
.approval_CTA_component {
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding-bottom: 0px !important;
}
.approval_CTA_text {
	font-family: Open Sans;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
	padding: 0px;
	text-align: left;
}
.approval_CTA_button {
	width: auto !important;
    min-width: 168px!important;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 5px auto !important;
}

@media print {
	.approval_CTA_box {
		position: unset !important;
	}
}
@media only screen and (max-width:480px) {
	.approval_CTA_box {
		padding-top: 10px;
	}
	.approval_CTA_box_inner {
		flex-wrap: wrap;
	}
	.approval_CTA_text {
		margin-bottom: 10px;
	}
}
/* DSUQ-77:EMPQ Offers screen UI styles - start*/
.empq_offers_container {
	font-family: Open Sans;
	width: auto;
	max-width: 620px;
	margin: 0px auto;
}
.empq_offers_header_section {
	max-width: 580px;
	margin: auto;
}
.empq_offer_tiles_section {
	max-width: 740px;
	margin: auto;
	margin-top: 40px;
}
.empq_offers_bottom_disclosures {
	max-width: 610px;
	margin: auto;
	margin-top: 32px;
	text-align: left;
}

.offer_tile {
	margin-bottom: 32px;
	width: 100%;
	height: auto;
	border-radius: 6px;
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 -3px 18px 0 rgba(0,0,0,0.12);
	background-color: #ffffff;
}
.offer_tile_top_portion {
	padding: 0px 16px 0px 16px;
}
.offer_tile_bottom_portion {
	width: 100%;
	background-color: #F4F4F4;
}
.offer_tile_inner {
	width: 100%;
	padding: 24px 40px;
	min-height: 110px;
}
@media only screen and (min-width: 760px) {
	.offer_tile_inner_revolving {
		padding: 16px 40px;
	}
}
.offer_tile_client_cardart {
	margin: auto;
	margin-top:2%;
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 75px;
}
.offer_tile_synchrony_cardart {
	width: auto;
	height: auto;
	max-width: 130px;
	max-height: 40px;
	margin-top: -10px;
}
.offer_tile_synchrony_cardart img {
	width: 115px;
}

@media screen and (min-width: 631px) {
	.flex_justify_space_bw_desktop {
		justify-content: space-between;
	}
	.align_start_desktop {
		align-items: flex-start;
		text-align: start;
	}
	.width_desktop_40 {
		max-width: 40%;
	}
	.width_desktop_50 {
		max-width: 50%;
	}
}
@media only screen and (max-width: 630px) and (min-width: 120px) {
	.align_center_mobile {
		align-items: center;
		text-align: center;
	}
	.margin_bottom_mobile16 {
		margin-bottom: 16px;
	}
	.flex_wrap_mobile {
		flex-wrap: wrap;
	}
}

/* DSUQ-77:EMPQ Offers screen UI styles - end*/

/* DSUQ-234:Prequal disclosure container stretched to screen edges*/
.prequalDiscContainerStretch {
	position: relative;
	width: 99vw;
	left: calc(-50vw + 50%);
}
.prequalDiscContainerStretchInner {
	max-width: 600px;
}
.payfoneTCPAContent {
	text-align: center;
	margin: auto;
}
@media only screen and (min-width: 630px) {
	.payfoneTCPAContent {
		width: 75%;
	}
}
@media only screen and (min-width: 760px) {
	.payfoneTCPAContent {
		width: 82%;
	}
}

/* Dollar icon insode net income field */
.field_icon_dollar {
	background-image: url(../../eapply/resource/images/field_icon_dollar.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 18px center !important;
	-webkit-background-size: 11px 18px !important;
	background-size: 11px 18px !important;
	padding-left: 46px !important;
}
.field_icon_dollar ~ label {
	left: 46px !important;
}
@media screen and (max-width:445px) {
	.field_icon_dollar ~ .lengthy_label {
		top: 5px;
		width: 66% !important;
	}
}

.empq_pf_insta_loan_client_logo {
	width: 150px;
	max-width: 150px;
	max-height: 40px;
}
/* DSUQ-234 EMPQ UI fix*/
.pf_freez_content_applypage_container {
    width: 100%;
    margin: 10px auto;
}

@media screen and (min-width: 751px) {
    .pf_freez_content_applypage_container {
        max-width: 510px;
    }
}

.field_icon_edit {
	position: absolute;
	bottom: 8px;
	z-index: 9;
	right: 0px;
	content: "\f303";
	font: normal normal normal 14px/1 FontAwesome;
	cursor: pointer;
	width: 25px;
	height: 20px;
	font-size: 20px;
	padding-bottom: 25px;
	font-family: 'Font Awesome 5 Pro' !important;
	font-weight: lighter;
	color: #3B3C39;
}

.field_icon_edit:before {
	content: "\f303";
}

.field_icon_edit:focus:before {
	box-shadow: 0px 0px 1px 1px black;
	background: transparent;
	position: absolute;
	top: 0;
    left: 0;
}
/*DEJ-743:EMPQ Changes*/
.offer_tile_heading_content{
	padding: 16px 16px 0px 16px;
	text-align: center;
	margin-bottom: 15px;
}
.offer_tile_button_padding{
	padding:0px 16px 0px 16px;
}
.revolvingOfferBtnWidth{
	width:100%;
}
.flex_justify_space_bw_content {
	justify-content: space-evenly;
}
.flexRowContentOffers {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap:20px;
}
.flex-row-gap{
	gap:32px;
}
.offer_tile_content_button_padding{
	padding: 27px 16px 16px 16px;
}
.offer_tile_terms_button_padding{
	padding: 56px 16px 16px 16px;
}
.empq_one_offer_tiles_section {
	max-width: 358px;
	margin: auto;
	min-height: 278px;
}
@media only screen and (max-width: 639px) and (min-width: 120px) {
	.offer_tile_terms_button_padding{
		padding-top:50px!important;
	}
}
.flexColumnContentEmpqOffer {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex:1;
}
/*DEJ-679*/
.seeDetailsBtn {
	height: 100%;
	width: 100%;
	padding: 0;
	text-decoration:none;
	font-weight:bold;
	border-radius: 6px;
	border: none;
	background: none;
	display: inline-flex;
	align-items: center;
	gap: 3px;
}
#mpqCrditScoreDisc{
margin-bottom:16px;
}
.mpqNotInterestedButton{
	   border: 0px solid white;
	   background-color: white;
	   padding: 14px 24px 14px 24px;
	   margin-left: 0px;  
} 
/* DAHW-2 For Rounded Focused Component */
button#notIntersted:focus {
    outline: 2px solid #888A96;
    border-radius: 4px;
}
button.btn-ghost:hover {
 background-color: #eee !important;
 border-radius: 6px;
 padding: 14px 24px 14px 24px;
}
/* DRF-1515  for tpgi(BACKTOOFFERS Button) */
button.btn-ghost:focus {
	outline: 2px solid #888A96;
    outline-offset: 3px;
}
.downpaymentverbiage{
	font-weight: bold;
 margin-left: -10px

}
.installment-disclouser{
	margin-top: 4px;
}
.email-disclouser{
	margin-top: 4px; 
	margin-bottom: 8px;
}
.alternateInputWrap {
	display: block;
	font-family: 'Open Sans' !important;
	width: 100%;
	height: 47px;
	padding: 20px 16px 8px 15px !important;
	border: 0;
	border-radius: 6px;
	font-size: 16px;
	font-weight: normal !important;
	line-height: 1;
	background: rgba(255, 255, 255, 0.97);
	color: #212121;
	outline: none !important;
	appearance: none;
	transition: all 0.2s ease-in-out;
}
label.aletrnatePhoneStyles {
	position: absolute !important;
	font-family: 'Open Sans' !important;
	font-size: 16px !important;
	top: 14px !important;
	left: 16px !important;
	color: #3b3c43 !important;
	/* transform: translate3d(0, 0, 0); */
	transition: all 0.2s ease-in-out !important;
	background-color: #fff !important;
	height: 25px !important;
}