form input[type="text"], form input[type="email"], form input[type="password"] {
    box-sizing: border-box;
    padding-left: 30px;
}
    form input:invalid[type="text"], form input:invalid[type="email"], form input:invalid[type="password"] {
    background: url(/bower_components/Ionicons/png/512/close-circled.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px 6px;
    
}

form input.invalid {
    background: url(/bower_components/Ionicons/png/512/close-circled.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px 6px;
}
form input.valid {
    background: url(/bower_components/Ionicons/png/512/checkmark-circled.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 5px 6px;
}

#forgot_password_email {
    background-color: white !important;
    color: black;
    padding-left: 30px;
    background-position: 5px 6px !important;
}
#forgot_password_email:valid {
    background: url(/bower_components/Ionicons/png/512/checkmark-circled.png);
    background-size: 20px;
    background-repeat: no-repeat;    
}
    #forgot_password_email:invalid {
        background: url(/bower_components/Ionicons/png/512/close-circled.png);
        background-size: 20px;
        background-repeat: no-repeat;
    }