@charset "utf-8";
/* CSS Document */
/* instant screen vertical1 template style sheets */
/* @version 2020.10.21 sb Ticket #639206 - Create new alternative template look for IACA-EQ plugin */
/* @version 2020.11.13 sb Ticket #643648 - Fix wording used on new IACA-EQ layout */
/* @version 2021.04.20 sb Ticket #657709 - Create an IACA-EQ Dealerwing default layout option */

#ce_pl_wrapper,
.instantscreenwrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #FFF 0px 0px;
	font-size: 12px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}

#is_content {
	width: 98%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
	border: 1px solid lightgrey;
	border-top: none;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
/* Progress indicator */
#is_progress {
	height:75px;
	width:100%;
}

/* header */
#ce_pl_wrapper h1#is_header,
.instantscreenwrapper h1#is_header {
	width:100%;
	font-size: 25px;
	font-weight: bold;
	color: #4052A6;
	text-align: center;
	margin: 0 auto 4px auto;
	line-height: 38px;
	margin-bottom: 10px;
}

.instantscreenwrapper.lang_es h1#is_header {
	font-size: 23px;
}

.instantscreenwrapper.lang_es #is_header_linebreak {display:none;}

/* Footer */
#isapp_footer {
	clear:both;
	width: 950px;
	margin: 0 auto;
	height: 25px;
	background-image: url(footerBack.jpg);
	background-repeat: repeat-x;
	color: #666;
}

/******************/
/*  Initial Page  */
/******************/
/* translate */
div.translatelink {
	border:none;
	cursor:pointer;
	display:block;
	width:131px;
	height:35px;
	padding:0;
}
div.translatelink.btLang-en {background:url(btLang_en.png) no-repeat;}
div.translatelink.btLang-es {background:url(btLang_es.png) no-repeat;}
span.translatelink {float:right;}

/* right/left point information  (was a table) */
#points_table {
	clear:both;
	float:left;
	width:55%;
}
#left_table_points {
	border:0;
	padding:0;
	padding-left:10%;
	padding-right:6%;
	width:40%;  
	float:left;
}

#left_table_points img {
	width:27px;
	height:28px;
}

#right_table_points {
	border:0;
	padding:0;
	width:40%; 
	float:left;	
}

#right_table_points img {
	width:27px;
	height:28px;
}

.ssfs {
	font-size:22px;
}

#isapp_video
{
	margin-top:25px;
	margin-bottom: 25px;
	clear: both;
	text-align: center;
}

#isapp_video iframe {
	width: 50%;
	min-width: 280px;
	max-width: 375px;
	height: 20vw;
	min-height: 210px;
	max-height:280px;
	border: 2px solid grey;
	border-radius: 5px;
}

#ce_pl_powered_by_equifax{
    width: 100%;
    float: left;
    text-align: center;
}

.points_line {
	width:100%;
	margin:0;
	margin-bottom: 10%;
	height:33px;
	clear:both;
}

.checkMark {
	float:left;
}

.checkText {
	font-size: 14px;
	color: grey;
	padding-left: 5px;
	width:80%;
	padding-bottom: 22px;
	float:left;
}
#ce_pl_wrapper .isapp_form_wrapper,
.instantscreenwrapper .isapp_form_wrapper  {
	width: 45%;
	float: right;
}

#preamble {
	text-align: center;
	color: #4052A6;
	font-size: 16px;
}


/* INSTANT SCREEN FORM STYLES */
#ce_pl_form_wrapper {
	display:block;
	background: #f0f0f0;
	width: 96%; 
	margin:0px auto 15px auto;
	border-style: solid;
   	border-width: 1px;
	border-color: #7c7c7c;
	border-radius: 13px;
	clear:both;
}

#ce_pl_form_wrapper>div,
#ce_pl_wrapper {
	padding-top: 15px;
}

#ce_pl_wrapper form ul {
		list-style:none;
		margin:0;
		padding:0;
}

#ce_pl_wrapper form li {
	padding:3px;
	margin-bottom:3px;
	line-height:28px;	 /* This will make the labels vertically centered with the inputs */
}

#ce_pl_wrapper form li#send {
	background:none;
	margin-top:6px;
}

#ce_pl_wrapper form label {
	float:left;
	width:80px;
	text-align:right;
	margin-right:7px;
	color:#000;
}

#ce_pl_wrapper form input,#ce_pl_wrapper form select{
	font:18px arial,Arial,"Nimbus Sans L", Helvetica, sans-serif;
	border:1px solid #666;
	width: 65%;
	height:25px;
	margin:0;
	padding:0;
}
.lang_es #ce_pl_wrapper form input,
.lang_es #ce_pl_wrapper form select{
	width:225px;
}

#ce_pl_wrapper .form_privacy_section {
	text-align: center;
	width: 100%;
	padding: 5px 0 10px 0;
	margin-left: 10px;
	margin-right: 10px;
	margin: 0 auto;
}

#ce_pl_wrapper .privacyAgree {
	display:inline;
	width:12px;
	margin-right: 10px;
	border:0;
}

#ce_pl_wrapper form input:focus {
	border:1px solid #666;
	background:#e3f1f1;
}

#ce_pl_wrapper form #submit_button_is {
	width:195px;
	height:30px;
	border:1px solid grey;
	border-radius: 5px;
	background-color: #57D900;
	color: white;
	font-weight: bold;
	cursor:pointer;
	display:block;
	margin: 0 auto 12px auto;
	padding:0;
}

#ce_pl_wrapper form #submit_button_is.lang_es {
	width:264px;
	height:44px;
}

/* form columns */
#ce_pl_wrapper form ul.col1,
#ce_pl_wrapper form ul.col2   {
	float: left;
	width: 100%;
	margin-left: 5px;
	margin-top: 0px;
}

/* Spanish adjustments */
.instantscreenwrapper.lang_es #ce_pl_wrapper form ul.col1 {
	width: 345px;
	margin-left: 2px;
}
.instantscreenwrapper.lang_es #ce_pl_wrapper form ul.col2 {
	width: 345px;
	margin-left: 0;
}
.instantscreenwrapper.lang_es #ce_pl_wrapper form label {width: 105px;}
#ce_pl_disclaimer_section{
    padding: 15px;
}
#ce_pl_disclaimer_section p{
    margin: 0;
}
#ce_pl_wrapper form #ce_pl_disclaimer_section li{
    list-style: initial;
    padding: 0;
    margin: 0 0 0 25px;
    line-height: normal;
}

#ce_pl_form_wrapper form #ce_pl_submit_container {
	display: block;
	width: 240px;
	margin: 0 auto 12px auto;
	text-align: center;
}

#ce_pl_form_wrapper form #ce_pl_submit_checkbox_container {
	width: 110px;
	display: inline-block;
	text-align: left;
	font-size: 24px;
}

#ce_pl_form_wrapper form input[type=checkbox]
{
	border: none;
	width: 1em;
	height: 1em;
}

input[type=checkbox].ce_pl_big_checkbox {
	/* Double-sized Checkboxes */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 10px;
}

#ce_pl_form_wrapper form #ce_pl_submit_checkbox_container label {
	display: inline-block;
	float: none;
	width: auto;
	text-align: left;
	margin-left: 13px;
	line-height: 28px;
}


#ce_pl_content .ce_pl_submit_button {
	cursor: pointer;
	width: 100px;
	display: inline-block;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 24px;
	text-shadow: 2px 2px #000;
	background: #15CB51;
	border: 1px solid #15CB51;
	padding: 5px;
	box-shadow: 0 3px 0 #00A127;
	border-radius: 5px;
}

/**********/
/* verify */
/**********/

#ce_pl_verify_content{
    background-color: #f0f0f0;
    border: 1px solid #7c7c7c;
    border-radius: 13px;
    width: 96%;
    margin: 0px auto 15px auto;
}
#ce_pl_verify_top {
	font-size: 18px;
	text-align: center;
	padding: 8px 5px;
}

#ce_pl_verify {
	text-align: center;
}

#ce_pl_verify .ce_pl_question_holder {
	display: inline-block;
	max-width: 400px;
	background: #FFF;
	border: 1px solid #7c7c7c;
	border-radius: 10px;
	vertical-align: top;
	margin: 10px 15px;
	text-align: left;
}

#ce_pl_verify .ce_pl_question_title
{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #4b59b3;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 10px;
    text-align: center;
}

#ce_pl_verify .ce_pl_question_text {padding: 10px;}

#ce_pl_verify .ce_pl_questions_answers {padding: 0 0 10px 10px;}

#ce_pl_verify .ce_pl_question_answer {padding: 3px 0;}

#ce_pl_verify .ce_pl_question_answer label {vertical-align: middle;}


#ce_pl_submit_button_2 {
	cursor: pointer;
	width: 150px;
	display: block;
	text-align: center;
	margin: 10px auto;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	/*text-shadow: 2px 2px #000;*/
	background: #16e235;
	border: 1px solid #013F84;
	padding: 3px;
	border-radius: 5px;

}

/******************/
/*  Results Page  */
/******************/
#ce_pl_results {
	display: block;
	padding: 10px;
}

#ce_pl_score_wrapper {
	display: inline-block;
	width: 47%;
	margin-top: 10px;
	vertical-align: top;
}
#ce_pl_share_wrapper {
	display: inline-block;
	width: 52%;
	margin-top: 10px;
	vertical-align: top;
}

#ce_pl_score_intro {
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px;
}

#ce_pl_score_calc {
	display: block;
	text-align: left;
	padding: 0 15px 15px 15px;
}

#ce_pl_score_calc p {
	margin: 3px 0;
}

#ce_pl_score_calc ul {
	list-style: disc inside none;
	padding: 0;
	margin: 0;
}
#ce_pl_score_calc li {
	padding: 1px 3px;
	margin: 0 3px;
}

#ce_pl_chart_container {
	background: url(equifax_chart.jpg) no-repeat;
	width: 327px;
	display: block;
	vertical-align: top;
	margin: 0 auto;
	color: #666;
	position: relative;
}

#ce_pl_chart_score {
	font-size: 50px;
	text-align: center;
	padding-top: 106px;
}

#ce_pl_chart_rating {
	font-size: 28px;
	text-align: center;
}

#ce_pl_chart_date {
	color: #000;
	text-align: center;
	padding-top: 22px;
}

#ce_pl_share_container {
	text-align: left;
	display: block;
	vertical-align: top;
	margin: 30px 30px 10px 20px;
}


#ce_pl_wrapper #results_header {
	display: block;
	font-size: 35px;
	font-weight: bold;
	color: #4052A6;
	width: 340px;
	height: 55px;
	background-color: transparent;
	position:absolute;
	top: 20px;
	left: 19px;
	overflow: hidden;
}
#ce_pl_wrapper #results_header:after {
	content: " ";
	position: absolute;
	border-bottom: 90px solid transparent;
	border-left: 30px solid white;
}
#ce_pl_wrapper #results_loan {
	font-size: 1.2vw;
	max-width: 43%;
	max-height: 20%;
	line-height: normal;
	font-weight: bold;
	text-align: center;
	display: flex;
    flex-direction: column;
	color: #4052A6;
	position: absolute;
	bottom: 7%;
	right: 3%;	
}
#ce_pl_wrapper #results_loan span:nth-of-type(1){
    font-weight: bold;
}
#ce_pl_wrapper #results_loan span:nth-of-type(2){
    font-weight: normal;
}

#ce_pl_wrapper.lang_es #results_loan {
	
}

#ce_pl_wrapper img#results_graphic {
	display: block;
	width: 96%;
	height: auto;
	margin: 0px auto;
}

#ce_pl_wrapper #results_right {
	background-color: #f0f0f0;
	float:left;
	width: 46%;
	min-width: 390px;
	margin-left: 5px;
	border-radius: 7px;
	border: 1px solid grey;
}
#ce_pl_wrapper #results_left {
	float:left;
	width: 46%;
	min-width: 440px;
	margin-left: 2%;
}

#ce_pl_wrapper #ce_pl_share_response{
    font-size: 26px;
    padding: 10px 0;
    text-align:center;
}

#ce_pl_wrapper #results_actnow {
	font-size: 16px;
	font-weight: bold;
}

#ce_pl_wrapper #results_actnow_header {
	margin-top: 10px;
	font-size: 16px;
	text-align:center;
	color: grey;
}

#ce_pl_wrapper #results_actnow_actions {
	width: 100%;
	text-align:center;
	color: grey;
	font-size: 12px;
}

#ce_pl_wrapper .result_action {
	margin-top: 15px;
	margin-bottom: 25px;
	float: left;
	margin-left: 8%;
	margin-right: 8%;
	width: 17%;
}

#ce_pl_wrapper .result_print,
#ce_pl_wrapper .contact_us {
	cursor: pointer;
}

#ce_pl_wrapper #act_icon
{
	width: 100%;
}

#ce_pl_wrapper #resutls_actnow_actions li {
	padding: 2px 0;
}

#ce_pl_wrapper #results_actnow img.contact_us,#ce_pl_wrapper #results_actnow img.print_page {
	vertical-align: middle;
	cursor: pointer;
}

#ce_pl_wrapper #results_column_2 {
	float: left;
	width: 50%;
}

#ce_pl_wrapper #results_column_2 #results_scoring_content {
	display: block;
	margin: 0 0 10px 20px;
}

#ce_pl_wrapper #resultCB {
	width: 96%;
	margin: 0px auto;
	background-color: #4052A6;
	color: #FFFFFF;
}

#ce_pl_wrapper #resultCBLabel {
	font-size: 2.5vw;
	font-weight:bold;
	margin:0;
	margin-left: 20%;
	padding-top:2.5%;
	text-align:center;
	float:left;
}

#ce_pl_wrapper #resultCBScore {
	font-size: 4vw;
	font-weight: bold;
	margin: 1% 0 1% 3%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;
	float: left;
	background-color: white;
	color: #4052A6;
	border-radius: 5%;
}

#ce_pl_wrapper #resultYourScore {
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 1% 2%;
	text-align: center;
	color: #4052A6;
}

#ce_pl_wrapper .charts {
	text-align: center; 
	margin: 0 auto;
}

#ce_pl_score_definition {
	display: none;
	font-size: 12px;
}

#ce_pl_wrapper #isac-uparrow {
	margin-top: 14px;
	z-index: 99; 
}

#ce_pl_wrapper #rbpDisclaimer, #ce_pl_wrapper #credAppDisclaimer {
	font-size: 11px;
	margin: 15px 10px;
	padding: 0;
	text-align: left;
}

#ce_pl_score_def_link_container {
	display: block;
	padding: 12px 15px;
	color:#236ea3;
	text-decoration: underline;
}


#ce_pl_share_text {padding-top: 65px;}

@media screen and (max-width:768px)
{
	/*form*/
	#is_progress {
		margin-left: 5px;
	}
	#is_progress .step {
		width: 195px;
	}
	#is_progress .laststep {
		width: 200px;
		float: left;
	}
	.laststep .progresssubtext {
		visibility: hidden;
	}
	.instantscreenwrapper h1#is_header {
		margin-bottom:10px;
		border-bottom: none;
	}
	#is_content {
		width: 95%;
		margin: 0;
		margin-left: 7px;
		margin-bottom: 10px;
	}
	#points_table{
		width: 100%;
	}
	#left_table_points{
		width: 100%;
		padding-left: 8%;
	}
	#right_table_points{
		width: 100%;
		float:none;
		padding-left: 8%;
	}
	.checkText {
		padding-bottom: 0;
	}
	.points_line {
		margin-bottom: 5px;
		margin-left: 5px;
	}
	#preamble{
		padding: 0;
		font-size: 16px;
	}
	#ce_pl_wrapper .isapp_form_wrapper,
	.instantscreenwrapper .isapp_form_wrapper{
		width: 100%;
		margin: 0;
	}
	#ce_pl_wrapper form ul.col1{
		width: 100%;
	}
	#ce_pl_wrapper form ul.col2 {
		float:none;
		width: 100%;
	}
	#ce_pl_wrapper form input, #ce_pl_wrapper form select{
		width:60%;
	}
}

@media screen and (max-width:480px)
{
	.points_line {
		min-width: 340px;
	}
	#left_table_points,
	#right_table_points {
		padding: 0;
	}
	#is_progress {
		height: 0;
	}
	#is_progress .step {
		visibility:hidden;
		height: 0;
	}
	#is_content {
		margin: 0;
		border: none;
	}
	.points_line {
		margin-bottom: 5px;
		margin-left: 5px;
	}
    
    /*results*/
	#is_results_content {
		width: 100%;
		margin-left: 0;
		border: none;
	}
	#ce_pl_wrapper #resultCB {
		width: 100%;
		margin: 0;
	}
	#ce_pl_wrapper img#results_graphic {
		width: 100%;
		margin: 0;
	}
	#is_footer {
		text-align: left;
	}
	#ce_pl_wrapper #results_loan{
		font-size: 1.3vw;
	}
	#ce_pl_wrapper #results_actnow_actions{
		font-size: 10px;
	}
	#ce_pl_wrapper #results_right,
	#ce_pl_wrapper #results_left{
		width: 95%;
		min-width: 0;
	}
	#ce_pl_wrapper #results_left img.charts {
		width: 100%;
	}
    #ce_pl_score_def_link_container {text-align: center;}
    
    #is_results_content.instacore_content{
        flex-direction: column !important;
    }
}

@media screen and (min-width:1100px) {
	.instantscreenwrapper h1#is_header {
		font-size: 2.1vw;
	}
	.checkText {
		font-size: 1.2vw;
	}
}