@-webkit-keyframes awg_valid {
    from {
        background-color: orange;
    }

    to {
        background-color: inherit;
    }
}

@-moz-keyframes awg_valid {
    from {
        background-color: orange;
    }

    to {
        background-color: inherit;
    }
}

@-o-keyframes awg_valid {
    from {
        background-color: orange;
    }

    to {
        background-color: inherit;
    }
}

@keyframes awg_valid {
    from {
        background-color: orange;
    }

    to {
        background-color: inherit;
    }
}

.awg_valid {
    -webkit-animation: awg_valid 1s infinite; /* Safari 4+ */
    -moz-animation: awg_valid 1s infinite; /* Fx 5+ */
    -o-animation: awg_valid 1s infinite; /* Opera 12+ */
    animation: awg_valid 1s infinite; /* IE 10+ */
}




@-webkit-keyframes awg_invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

@-moz-keyframes awg_invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

@-o-keyframes awg_invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

@keyframes awg_invalid {
    from {
        background-color: red;
    }

    to {
        background-color: inherit;
    }
}

.awg_invalid {
    -webkit-animation: awg_invalid 1s infinite; /* Safari 4+ */
    -moz-animation: awg_invalid 1s infinite; /* Fx 5+ */
    -o-animation: awg_invalid 1s infinite; /* Opera 12+ */
    animation: awg_invalid 1s infinite; /* IE 10+ */
}

.awg_loading, .awg_loading:focus, .awg_loading:hover {
    background: url("css/loading.gif");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(80, 51, 14, 0.15) !important;
    text-shadow: none;
    background-color: #ffffff !important;
    border-color: #e4e4e4;
    transition:1s;
}