.invalid, .valid {
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: right center;
}

.invalid {
    background-image: url(../../images/invalid.svg);
    background-color: rgba(244,67,24,0.07);
    border-color: #F44336;
}

    .invalid:focus {
        border-color: #F44336;
    }

.valid {
    background-image: url(../../images/valid.svg);
    background-color: rgba(43,213,114,0.07);
    border-color: #2bd572;
}

    .valid:focus {
        border-color: #2bd572;
    }

.error_message {
    color: red;
}