/*************************** ERROR STATUS *************************/

.field-error-message{
	color:#fe4444;
	font-size:12px;
	text-align:left;
	padding-top:12px;
	line-height:1;
	padding-bottom:2px;
	display: none;
}

.field-error-message.email-fix {
	padding-top: 6px;
}

.field-error-message.check-adjustment {
	margin-top: -45px;
	margin-bottom: 9px;
}

.consent-new-error.field-error-message.check-adjustment {
	margin-top: 0;
	margin-bottom: -26px;
	margin-left: 51px;
}

.consent-new-error.field-error-message.combined-adjustment {
	margin-top: 0;
	margin-bottom: 0;
}

.error .input-box.last-page-adjustment {
	margin-left: -46px;
	padding-left: 45px;
	margin-top: -1px;
}

.error.text-input-adjust .input-box.last-page-adjustment {
	margin-left: 0;
	padding-left: 0;
}

.form-field.error {
	margin-bottom: -2px;
}

/* error message placed in footer of first section of form  */
.list-select .field-error-message{
	margin-top:-12px;
	margin-bottom:15px;
	padding-top:0;
}

.form-section-bank.error .form-body{
	border:1px solid #fe4444;
	padding-left:4px;
}

.check-list.error {
	border:1px solid #fe4444;
	margin: 23px -5px -5px -2px;
	padding: 2px 0 0;
}

.form-section-dob .form-control.error .jcf-select{
	border:1px solid #fe4444;
	margin-bottom:0;
}

.form-control.error .input-box{
	border:1px solid #fe4444;
}

.form-control.error .input-box input{
	border:0;
}

.form-control.error .input-ico{
	border-width:0 1px 0 0;
}

.form-control.error .jcf-checkbox{
	border:1px solid #fe4444;
}

/*************************** SUCCESS STATUS *************************/

.form-control{
	position:relative;
}

.field-success-icon {
	position: relative;
}
.field-success-icon:after {
	font-family: FontAwesome;
	content: "\f058";
	color: #23d265;
	position: absolute;
	right: 17px;
	display: inline-block;
	opacity: 0;
	top: 19px;
	font-size: 25px;
	transition: opacity 0.5s linear;
}

.success-check.field-success-icon:after {
	font-family: FontAwesome;
	content: "\f058";
	color: #23d265;
	position: absolute;
	right: 17px;
	display: inline-block;
	opacity: 1;
	top: 20px;
	font-size: 25px;
	transition: opacity 0.5s linear;
}

.form-control .success-icon{
	position:absolute;
	z-index:1;
	right:17px;
	top:17px;
	display: none;
}

.form-section-dob .form-control .success-icon{
	right:40px;
	top:12px;
	display: none;
}

@media screen and (max-width: 767px) {
	.field-error-message.check-adjustment {
		margin-top: -35px;
		margin-bottom: 9px;
	}
}

/*************************** Jonas Custom Css Tweaks *************************/

/* apply hover + pointer to banks on first step of form */
/*
.check-list .jcf-checkbox{
	cursor:pointer;
}
.check-list li:hover label{
	background-color:#e0e0e0;
}
.check-list li:hover label.jcf-label-active{
	background-color:#309ff9;
}
*/
/* add equal padding to top border on first step of form */
/*
.form-section-bank .form-body{
	padding-top:8px;
}
*/
/* change dropdown selects to show blue text when option is selected */
/*
.jcf-list .jcf-option, .jcf-select .jcf-select-text{
	color:#309ff9;
}
.jcf-option-hideme{
	color:#b3b3b3;
}
*/
/* change input fields to show blue when typed in */
/*
input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], textarea{
	color:#309ff9;
}
*/
/* fix checkmark position on homepage to be centered */
/*
.list li::before{
	top:0;
}
*/