-.was-validated .custom-control-input:valid,
-.custom-control-input.is-valid {
- ~ .custom-control-label {
+.was-validated .form-check-input:valid,
+.form-check-input.is-valid {
+ border-color: rgba(vv.$primary, 0.8);
+
+ &:checked {
+ background-color: vv.$primary;
+ border-color: rgba(vv.$primary, 0.8);
+ box-shadow: 0 0 3px 2px rgba(vv.$primary, 0.5);
+ }
+
+ &:focus {
+ border-color: rgba(vv.$primary, 0.8);
+ box-shadow: 0 0 3px 2px rgba(vv.$primary, 0.5);
+ }
+
+ ~ .form-check-label {