﻿.field-validation-error {
    margin-top: 5px;
    margin-bottom: 0;
    padding: 5px 0;
    color: #c00;
    display: inline-block;
}

.input-validation-error, .error {
    border: 1px solid #c00;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
    display: block;
}

input.input-validation-error, select.input-validation-error, input.error {
    border: 1px solid #c00;
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 75, 83, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 75, 83, 0.6);*/
}

input:focus.input-validation-error, select:focus.input-validation-error, input:focus.error {
    border: 1px solid #c00;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 75, 83, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(200, 75, 83, 0.6);
}

.hideMe {
    -moz-animation: cssAnimation 0s ease-in 7s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 7s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 7s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 7s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
    }
}

/*.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #A94442;
    background-color: #ffeeee;
}*/

