/* @validaion - error state
------------------------------------- */
.smart-forms .state-error .gui-input,
.smart-forms .state-error .gui-textarea {
	border-color: #E46B66;
}

.smart-forms .state-error + em {
	position: absolute;
	display: block!important;
	margin-top: -20px;
	padding: 0px 3px;
	font-style: normal;
	line-height: normal;
	color: #E46B66;
	font-size:0.85em;
  
}

/* @validaion - success state 
-------------------------------------------------- */
.smart-forms .state-success .gui-input,
.smart-forms .state-success .gui-textarea {
	border-bottom: 1px solid rgba(256,256,256, .4);
}

.smart-forms .state-success .gui-input ~ .field-icon i,
.smart-forms .state-success .gui-textarea ~ .field-icon i {
	color: #2ecc71;
}

.smart-forms .state-success.select .arrow {
	color: #2ecc71;
}

.smart-forms .state-success .gui-input ~ .input-hint,
.smart-forms .state-success.file .gui-file:hover + .gui-input, 
.smart-forms .state-success .gui-textarea ~ .input-hint {
	border-color: #2ecc71;
}