.valid {
    border: 1px solid #090;
}
.valid:focus {
    border: 1px solid #090;
    box-shadow: 0 0 0 3px rgba(105, 237, 0, 0.4);
}

.invalid {
    border: 1px solid #F00;
}
.invalid:focus {
    border: 1px solid #F00;
    box-shadow: 0 0 0 3px rgba(237, 0, 12, 0.4);
}

input[type="checkbox"].valid,
input[type="radio"].valid {
    box-shadow: 0 0 0 2px #090;
}
input[type="checkbox"].invalid,
input[type="radio"].invalid {
    box-shadow: 0 0 0 2px #F00;
}

.hidden {
    display: none !important;
}