/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */

/* Colors to Change ... Do a simple Find/Replace */
/* of these 2 colors with the colors of your logo*/

/* 		Primary Color: #BA1600*/
/* 		Secondary Color: #17204e*/

/* ///////////////////////////////////////////// */
/* ///////////////////////////////////////////// */

input[type="radio"] ~ span.label-bg {
	border-radius : 5px;
	font-size     : 17px;
	font-weight   : 500;
	background    : white;
	border        : 2px solid #CCC;
}

.btn.btn-success {
	background-color : #BA1600;
	border-color     : transparent;
}

.btn.btn-success:active:focus,
.btn.btn-success:active:hover {
	background : #BA1600;
}

.headline h3 {
	color : #9DA5AF;
}

.btn-primary,
.btn.btn-next,
.btn.btn-next:active,
.btn.btn-next:active:focus,
input[type="radio"]:checked ~ span.label-bg {
	background       : #BA1600;
	background-image : -webkit-linear-gradient(#BA1600, #941403);
	background-image : linear-gradient(#BA1600, #941403);
	color            : white;
	border           : none;
}

.btn-primary:hover,
.btn.btn-next:hover,
.btn.btn-next:active:hover,
.btn-primary:active:hover,
.btn-primary:active {
	color            : #FFF;
	background       : #770e00;
	background-image : -webkit-linear-gradient(#941403, #941403);
	background-image : linear-gradient(#941403, #941403);
}

#tcpa-disc {
	max-width   : 480px;
	padding-top : 30px;
}

.main-content .fa-check {
	color : #17204E;
}

.headline-wrapper > .panel-heading {
	background : transparent;
}

.headline-wrapper > .panel-heading h3 {
	color     : #9DA5AF;
	font-size : 18px;
}

@media (min-width : 768px) {
	.headline-wrapper > .panel-heading h3 {
		font-size : 24px;
	}
}

.modal-content > .iconholder > img {
	border : 6px double #BA1600;
}

.form-control {
	border-radius    : 0;
	background-color : #F5F5F5;
}

.form-wrapper h3.current {
	color          : #4A4A4A;
	font-weight    : 400;
	font-family    : 'Poppins', sans-serif;
	letter-spacing : -1px;
}


#reprocessing-modal .fa-spinner {
	color : #17204E;
}

.img-wrapper {
	box-shadow : 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.fa-spinner {
	color : #37718C;
}

.fa-check-circle {
	color : #3C753D;
}

.partners-anchor {
	color : #333;
}

.partners-anchor:hover,
.partners-anchor:active,
.partners-anchor:focus {
	color           : #333;
	text-decoration : underline;
}

p.phone-disc,
p.opt-in {
	color     : #777;
	font-size : 10px;
}

@media (min-width : 768px) {
	p.phone-disc,
	p.opt-in {
		font-size : 12px;
	}
}

.btn.btn-back {
	background  : #ECEDF0 !important;
	color       : #7E869B !important;
	font-weight : 100 !important;
	border      : none;
	outline     : none !important;
}

#last-four-check.btn-success {
	background     : #BA1600;
	border         : 1px solid #BA1600;
	color          : white;
	text-transform : uppercase;
}


.progress-bar {
	background-color : #BA1600;
}

.form-step .radio label {
	border : none;
}

.noSellPI-on strong {
	color : #BA1600;
}

/*
Outbound Form
*/

.outbound-form-wrapper .form-control {
	background : white;
}

.outbound-form a:after {
	content     : 'Checking your score will not harm your credit!';
	position    : absolute;
	width       : 100%;
	bottom      : -31px;
	left        : 0;
	font-weight : normal;
	font-size   : 10px;
	color       : #777;
	white-space : normal;
}

@media (min-width : 768px) {

	.outbound-form a:after {
		content     : 'Checking your score will not harm your credit!';
		position    : absolute;
		width       : 100%;
		bottom      : -30px;
		left        : 0;
		font-weight : normal;
		font-size   : 11px;
		color       : #777;
		white-space : normal;
	}

}

svg.fa-caret-down {
	position     : absolute;
	right        : 15%;
	bottom       : -26px;
	font-size    : 3em;
	margin-right : -10px;
	color        : #D9EDF7;
}

/*
CS Form
*/

.option {
	position : relative;
}

.option h4 {
	position         : absolute;
	left             : -27px;
	z-index          : 500;
	background-color : #F16C06;
	color            : white;
	padding          : 3px 10px;
	font-weight      : bold;
	margin           : auto;
	border-radius    : 25px;
	font-size        : 12px;
}

[name=trustedForm] .option p {
	position         : absolute;
	left             : -25px;
	z-index          : 500;
	background-color : #F16C06;
	color            : white;
	padding          : 3px 10px;
	font-weight      : bold;
	margin           : auto;
	border-radius    : 25px;
	font-size        : 12px;
	top              : -10px;
}

.option:nth-of-type(1) h4 {
	top : -15px;
}

.option:nth-of-type(2) h4 {
	top : -15px;
}

.option p {
	background-color : #FFF;
	color            : #474747;
	padding          : 10px;
	margin-bottom    : 20px;
	border-radius    : 10px;
	border           : 1px solid #E3E3E3;
	font-size        : 11px;
}

.option:nth-of-type(2) p {
	padding : 10px 10px 38px 10px;
}

.outbound-form .form-group {
	margin-bottom : 0;
}

.outbound-form .btn {
	background  : linear-gradient(#F16C06, #D84812);
	font-weight : bold;
	border      : none;
	width       : 90%;
	margin      : auto;
	font-size   : 14px;
	transform   : translateY(-45px);
	color       : white;
}

[name=trustedForm] .click-out .help-block {
	font-size : 2.7vw;
}

[name=trustedForm] .click-out .well {
	background : white;
}

.update-cs {
	margin-bottom : 0;
}

.update-cs .well {
	background : white;
}

.update-cs .form-control {
	background : white;
}

.update-cs input.form-control {
	background : white;
}

[name=trustedForm] .click-out .intro {
	margin         : 15px 0;
	padding        : 5px;
	letter-spacing : -0.5px;
	line-height    : 16px;
}

[name=trustedForm] .click-out .btn {
	background     : #6DB590;
	font-weight    : 600;
	letter-spacing : -0.5px;
	border         : none;
	width          : 90%;
	margin         : 15px auto;
	font-size      : 14px;
	color          : white;
}

@media (min-width : 500px) {
	[name=trustedForm] .click-out .help-block {
		font-size : 14px;
	}
}

@media (min-width : 768px) {

	[name=trustedForm] .click-out .btn {
		font-size : 20px;
	}

	.outbound-form .btn {
		width     : 80%;
		font-size : 20px;
	}
}


#lookup-modal .modal-header {
	background-color    : whitesmoke;
	background-image    : url("https://imgcmn.s3-us-west-2.amazonaws.com/epcvip/ac-icons-grey/modal-hbgd.jpg");
	background-position : center center;
	background-size     : cover;
	background-repeat   : no-repeat;
	text-align          : center;
	color               : #202020;
	padding             : 10px 15px 5px 15px;
	min-height          : 190px;
}

#lookup-modal .modal-header .workbox-blurb {
	margin-left : 15px;
}

@media (max-width : 430px) {
	#lookup-modal .modal-header .worker-name {
		display : none;
	}
}


#lookup-modal .modal-header .workbox-blurb p {
	font-size      : 17px;
	line-height    : 20px;
	letter-spacing : -0.5px;
}

#lookup-modal .modal-header .worker-name {
	line-height : 12px;
	margin-top  : 10px;
	color       : #555;
}

#lookup-modal .modal-header .workbox-blurb .modal-title {
	font-weight : 600;
	font-size   : 20px;
	margin-top  : 20px;
	line-height : 22px;
	white-space : normal !important;
}


.icon-wrapper {
	width   : 40px;
	height  : 40px;
	margin  : -12px auto 0;
	padding : 5px 1px;
}

@media (min-width : 768px) {
	.icon-wrapper {
		width  : 58px;
		height : 56px;
	}
}

.tooltip-message p {
	font-size : 10px;
}

@media (min-width : 768px) {
	.tooltip-message p {
		font-size : 13px;
	}
}

.panel-form {
	padding : 15px 0;
}

@media (min-width : 768px) {
	.panel-form {
		padding : 15px 15px;
	}
}

.progress-wrapper {
	background : #ECEDF0;
	max-width  : 330px;
}

.form-wrapper .progress {
	height        : 10px;
	border-radius : 10px;
}

@media (min-width : 768px) {
	img.worker {
		bottom : 15px;
	}
}

.tooltip-message {
	position : relative;
}

.tooltip-caret {
	position           : absolute;
	width              : 0;
	height             : 0;
	display            : inline-block;
	border             : 10px solid transparent;
	border-right-color : #F7F7F7;
	left               : -19px;
	bottom             : 10px;
}

.actions ul li a {
	text-transform : unset;
}


#exit-modal .modal-header, #priincsrc2-alert .modal-header, #bacctype2-alert .modal-header, #isdd2-alert .modal-header {
	background-color    : whitesmoke;
	background-image    : url("https://imgcmn.s3-us-west-2.amazonaws.com/epcvip/ac-icons-grey/modal-hbgd.jpg");
	background-position : center center;
	background-size     : cover;
	background-repeat   : no-repeat;
	text-align          : left;
	color               : #202020;
	padding             : 10px 15px 5px 15px;
	min-height          : 190px;
	letter-spacing      : -0.5px;
}

#exit-modal h4, #priincsrc2-alert h4, #bacctype2-alert h4, #isdd2-alert h4 {
	font-weight    : 600;
	letter-spacing : -0.5px;
}

#priincsrc2-alert .modal-body ul {
	list-style-type : none !important;
}

#priincsrc2-alert .fa-check-square {
	color : #6DB590;
}

[name=applyForm] .click-out .btn {
	background     : #F8991F;
	font-weight    : 600;
	letter-spacing : -0.5px;
	border         : none;
	width          : 90%;
	margin         : 15px auto;
	font-size      : 18px;
	color          : white;
	border-radius  : 5px;
}

[name=applyForm] .click-out .intro {
	margin         : 2px 0;
	padding        : 5px;
	letter-spacing : -0.20px;
	line-height    : 14px;
	font-size      : 12px;
}

[name=applyForm] .click-out .fa-angle-right {
	margin : 3px 0 0 15px;
}