@charset "UTF-8";

form input:required.ng-pristine, textarea:required.ng-pristine, select:required.ng-pristine {
    background: #fff url(../img/asterisk.png) no-repeat 98% center;
}

form input:not(:focus).ng-dirty.ng-invalid, form textarea:not(:focus).ng-dirty.ng-invalid, form select:not(:focus).ng-dirty.ng-invalid {
    background: #fff url(../img/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535
}

form input:not(:focus, .ng-invalid-required).ng-invalid, form textarea:not(:focus, .ng-invalid-required).ng-invalid, form select:not(:focus, .ng-invalid-required).ng-invalid {
    /* Não é um campo obrigatório, mas está inválido por alguma questão... formato ou máscara por exemplo */
    box-shadow: 0 0 5px #fd7e14; /*#a743ee; Roxo*/
    border-color: #ff6a00; /*#dbb2f8; Roxo*/
}

form input:focus.ng-invalid, form textarea:focus.ng-invalid, form select:focus.ng-invalid {
    background: #fff url(../img/warning.png) no-repeat 98% center;
    box-shadow: 0 0 5px #fff700;
    border-color: #ffe000
}

form input:required.ng-valid, form textarea:required.ng-valid, form select:required.ng-valid {
    background: #fff url(../img/eCheck.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}