/**
 * Default CSS theme for jQuery-Form-Validator.
 * @author Victor Jonsson <victorjonsson.se>
 */
@font-face {
    font-family: 'Validation'; 
    src:    url('Rubik-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }


/* Input element having an invalid value */
select.error,
input.error,
textarea.error,
input.error { border-bottom-style:solid;border-bottom-color:#e8141a;}
select.error { border-bottom-style:solid;border-bottom-color:#e8141a;}
textarea.error { border-bottom-style:solid;border-bottom-color:#e8141a;}

/* Input element having a valid value */
select.valid,
input.valid,
textarea.valid,
input.valid { border-bottom-color:rgba(0,128,55,1.0);}
select.valid { border-bottom-color:rgba(0,128,55,1.0);}
textarea.valid { border-bottom-color:rgba(0,128,55,1.0);}

/* File inputs with invalid value */
input[type="file"].error {
    color: #000;
    background:none;
	border-style:solid;
    -webkit-box-shadow: none;
    box-shadow: none;}

/* File inputs with valid value */
input[type="file"].valid {
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;}

/* Element showing an inline error message */
@media (min-width: 1280px) {
.form-error {   
    display: block;
    color: #e8141a;
	background-color:transparent;
	margin-top:3px;
	padding-right:10px;
	text-align:right;
	font-family:"Validation";
	font-size:12px;
	letter-spacing:0.1px;
	z-index:-500;	}
}	

@media (min-width: 910px) and (max-width: 1279px) {
.form-error {
    display: block;
    color: #e8141a;
	background-color:transparent;
	margin-top:3px;
	padding-right:10px;
	text-align:right;
	font-family:"Validation";
	font-size:12px;
	letter-spacing:0.1px;
	z-index:-500;}
}	

@media (min-width: 600px) and (max-width: 909px) {
.form-error {
    display: block;
    color:#e8141a;
	background-color:transparent;
	margin-top:3px;
	padding-right:10px;
	text-align:right;
	font-family:"Validation";
	letter-spacing:0.1px;
	font-size:12px;}
}	

@media (min-width: 410px) and (max-width: 599px) {
.form-error {
    display: block;
    color:#e8141a;
	background-color:transparent;
	margin-top:3px;
	padding-right:10px;
	text-align:right;
	font-family:"Validation";
	letter-spacing:0.1px;
	font-size:12px;}
}	

@media (min-width: 319px) and (max-width: 409px) {
.form-error {
    display: block;
    color:#e8141a;
	background-color:transparent;
	margin-top:3px;
	padding-right:10px;
	text-align:right;
	font-family:"Validation";
	letter-spacing:0.1px;
	font-size:12px;}
}	


/* Element showing the help text declared in data-validation-help */
span.help {
    color: #999;
    font-size: 90%;
}

/* Here you can style the look of the input while server being
  requested when using data-validation="server" */
select.validating-server-side,
textarea.validating-server-side
input.validating-server-side {
    opacity: 0.5;
    background-image: url('data:image/gif;base64,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');
    background-position:  right 5px center;
    background-repeat: no-repeat;
    background-color: #FFF;
}

/* Here you can style the entire form while server being
  requested when using data-validation="server" */
form.validating-server-side {

}

/* Container for error messages when having configuration
   parameter "errorMessagePosition" set to "top" */
div.form-error {
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
}

/* Title in top of the error message container */
div.form-error strong {
    display: block;
    margin: 0px;
    padding: 0px 0 0px;
}

/* Typography styling in the error message container */
div.form-error strong,
div.form-error ul li {
    color: #000000;
    font-family: "Roboto-Regular",Helvetica,Arial,sans-serif;
    font-size: 0px;
}

div.form-error ul,
div.form-error ul li {
    background-color:transparent;
}