@import "~@department-of-veterans-affairs/css-library/dist/tokens/scss/variables";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-process-list";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-form-process";
@import "../../../../platform/forms/sass/m-schemaform";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-modal";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-omb-info";
@import "../../../../platform/forms/sass/m-form-confirmation";

// a11y - Change gray box to white box with gray border.
// Needed because when using a web component which
// has a gray color hint text, the hint text compared to
// the background color is too low contrast.
.rjsf-array-field .va-growable-background {
  border: 1px solid var(--vads-color-gray-medium) !important;
  background-color: var(--vads-color-white) !important;
  padding: 0.9375rem 0.9375rem !important;
}

div.row .small-collapse, .rjsf-object-field {
margin-left: 0 !important;
}

.progress-box .va-growable button {
  margin-right: 0.5em !important;
}