/*- ######################## CUSTOMS ####################### -*/

/*- ### HAS ERRORS ### -*/

label.error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  padding:1px 20px 1px 20px;
}

input[type="text"].error{
    border: solid 1px #e47d7d; 
    background-image: url(/assets/img/exclamation.svg);
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}

select.error {
    border: solid 1px #e47d7d; 
    background-image: url(/assets/img/exclamation.svg);
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-position: top calc(.375em + .1875rem) right calc(1.375em + .1875rem);
}

input[type="date"].error{
    border: solid 1px #e47d7d; 
    background-image: url(/assets/img/exclamation.svg);
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-position: top calc(.375em + .1875rem) right calc(2.375em + .1875rem);
}

/*- ### HAS SUCCESS ### -*/

input[type="text"].valid{
    border: solid 1px #28a745;
     background-image: url(/assets/img/check.svg);
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}

select.valid{
    border: solid 1px #28a745;
     background-image: url(/assets/img/check.svg);
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-position: top calc(.375em + .1875rem) right calc(1.375em + .1875rem);
}

input[type="date"].valid{
    border: solid 1px #28a745;
     background-image: url(/assets/img/check.svg);
    background-repeat: no-repeat;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    background-position: top calc(.375em + .1875rem) right calc(2.375em + .1875rem);
}

/*- ### HAS SUCCESS ### -*/