/**
 * Override for .field-valid styles to remove green border and box-shadow
 * This has higher specificity to override any other styles
 */
html body .field-valid,
html body .field-valid.field,
html body .field-valid input,
html body .field-valid select,
html body .field-valid textarea,
html body .customer-application-form-container .field-valid,
html body .customer-application-form-container .field-valid input,
html body .customer-application-form-container .field-valid select,
html body .customer-application-form-container .field-valid textarea,
html body .form-step .field-valid,
html body .form-step .field-valid input,
html body .form-step .field-valid select,
html body .form-step .field-valid textarea,
html body #customer-application-form .field-valid,
html body #customer-application-form .field-valid input,
html body #customer-application-form .field-valid select,
html body #customer-application-form .field-valid textarea {
  border-color: #ddd !important;
  box-shadow: none !important;
}

/* Style for the input elements themselves when they have .valid class */
html body input.valid,
html body select.valid,
html body textarea.valid,
html body .customer-application-form-container input.valid,
html body .customer-application-form-container select.valid,
html body .customer-application-form-container textarea.valid,
html body .form-step input.valid,
html body .form-step select.valid,
html body .form-step textarea.valid,
html body #customer-application-form input.valid,
html body #customer-application-form select.valid,
html body #customer-application-form textarea.valid {
  border-color: #ddd !important;
  box-shadow: none !important;
}