/* checkout-invalid-field is placed on the form-group when the field is invalid */
.checkout-invalid-field label {
color: red;
}
/* Outlines invalid fields */
.checkout-invalid-field input, .checkout-invalid-field select {
border: 1px solid red;
}
/* This is the class on the error text shown next to an invalid input */
.checkout-validation-help-text {
font-style: italic;
font-size: small;
color: red;
}
/* Added to a form-group when the field validates successfully */
.checkout-valid-field {
}
/* This handles the billing address fields */
/* It will only dislay the billing fields if they click "Use a different billing address" */
.checkout-billing-fields {
display: none;
}
.checkout-use-billing-address .checkout-billing-fields {
display: block;
}
/* These processors have their own widgets that need to be hidden if not selected */
.checkout-ideal-container {
display: none;
}
.checkout-combo-ideal .checkout-ideal-container {
display: block;
}
.bancontact-ideal-container {
display: none;
}
.bancontact-combo-ideal .bancontact-ideal-container {
display: block;
}
.checkout-klarna-container {
display: none;
}
.checkout-combo-klarna .checkout-klarna-container {
display: block;
}