﻿/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    }

.field-validation-valid {
    display: none;
}

/*input.input-validation-error {
    border: 1px solid #e80c4d;
}*/

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}



textarea.input-validation-error, input.input-validation-error[type="text"], input.input-validation-error[type="password"], input.input-validation-error[type="datetime"], input.input-validation-error[type="datetime-local"], input.input-validation-error[type="date"], input.input-validation-error[type="month"], input.input-validation-error[type="time"], input.input-validation-error[type="week"], input.input-validation-error[type="number"], input.input-validation-error[type="email"], input.input-validation-error[type="url"], input.input-validation-error[type="search"], input.input-validation-error[type="tel"], input.input-validation-error[type="color"] {
    background-color: #FFDFDF;
    border: 1px solid red;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea.input-validation-error:focus,
input.input-validation-error[type="text"]:focus,
input.input-validation-error[type="password"]:focus,
input.input-validation-error[type="datetime"]:focus,
input.input-validation-error[type="datetime-local"]:focus,
input.input-validation-error[type="date"]:focus,
input.input-validation-error[type="month"]:focus,
input.input-validation-error[type="time"]:focus,
input.input-validation-error[type="week"]:focus,
input.input-validation-error[type="number"]:focus,
input.input-validation-error[type="email"]:focus,
input.input-validation-error[type="url"]:focus,
input.input-validation-error[type="search"]:focus,
input.input-validation-error[type="tel"]:focus,
input.input-validation-error[type="color"]:focus {
  border-color: rgba(255, 0, 0, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

