/* ------------------------------------------------------------------------------
 *
 *  # Form Validation
 *
 *  jQuery plugin for simple clientside form validation
 *
 *  Version: 1.0
 *  Latest update: May 25, 2015
 *
 * ---------------------------------------------------------------------------- */


// Core
// ------------------------------

// Error
.validation-error-label,
.validation-valid-label {
	margin-top: @padding-base-vertical;
	margin-bottom: @padding-base-vertical;
	display: block;
	color: @brand-danger;
	position: relative;
	padding-left: (@icon-font-size + 10);
}

// Success
.validation-valid-label {
	color: @brand-success;
}


// Labels
// ------------------------------

// Icon container
.validation-error-label,
.validation-valid-label {
	&:before {
		font-family: 'icomoon';
		position: absolute;
		top: ((@line-height-computed - @icon-font-size) / 2);
		left: 0;
		display: inline-block;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: @icon-font-size;
	}

	// Hide if empty
	&:empty {
		display: none;
	}
}

// Error icon
.validation-error-label:before {
	content: '\ed63';
}

// Valid icon
.validation-valid-label:before {
	content: '\ee73';
}
