src/applications/survivor-dependent-education-benefit/22-5490/sass/survivor-dependent-education-benefit-22-5490.scss
@import "~@department-of-veterans-affairs/formation/sass/shared-variables";
@import "~@department-of-veterans-affairs/formation/sass/modules/m-process-list";
@import "~@department-of-veterans-affairs/formation/sass/modules/m-form-process";
@import "../../../../platform/forms/sass/m-schemaform";
@import "~@department-of-veterans-affairs/formation/sass/modules/m-modal";
@import "~@department-of-veterans-affairs/formation/sass/modules/m-omb-info";
@import "../../../../platform/forms/sass/m-form-confirmation";
// Form content
.fry-dea-veterans {
list-style-type: none;
}
.fry-dea-form-featured-content {
background-color: var(--vads-color-base-lightest);
padding: 24px;
}
.fry-dea-definition-list {
margin: 0;
}
.fry-dea-definition-list:after {
clear: both;
content: "";
display: table;
}
.fry-dea-definition-list_term,
.fry-dea-definition-list_definition {
float: left;
}
.fry-dea-definition-list_term {
clear: left;
font-weight: bold;
margin-top: 0;
}
legend.legend-label.fry-dea-veterans-checkboxes_legend + .form-radio-buttons {
margin-top: 0;
}
.fry-dea-content-break {
display: block;
border: 0;
border-top: 1px solid var(--vads-color-base-dark);
}
.fry-dea-benefits-list {
list-style-type: none;
}
.fry-dea-benefit-selection-icon {
min-width: 28px;
}
// Benefit Selection Page
$border-width: 4px;
$error-left-padding-width: 1.5rem;
#root_benefitToChoose-label,
#root_benefitToChoose-label + .schemaform-widget-wrapper {
border-left: $border-width solid var(--vads-color-primary-alt-dark);
}
.usa-input-error #root_benefitToChoose-label {
border-color: var(--vads-color-secondary-dark);
margin-left: calc(-#{$error-left-padding-width} - #{$border-width});
}
#root_benefitToChoose-label {
display: flex !important; // Override label styling
flex-flow: row wrap;
}
.usa-input-error #root_benefitToChoose-label {
padding-left: $error-left-padding-width;
}
.fry-dea-labels_label--main {
flex: 0 1 auto;
margin-right: 0.35em;
order: 0;
}
.usa-input-error .fry-dea-labels_label--main,
.usa-input-error .schemaform-required-span {
font-weight: bold;
}
.usa-input-error .fry-dea-labels_label--main,
.review-row .fry-dea-labels_label--main {
padding-left: 0 !important; // Override VADS spacing units
}
.usa-input-error .fry-dea-input-message {
margin-left: -$error-left-padding-width;
padding-left: $error-left-padding-width !important; // Override VADS spacing units
}
.fry-dea-labels_label--secondary {
flex: 1 1 100%;
order: 2;
}
#root_benefitToChoose-label .schemaform-required-span {
margin-left: 0;
}
#root_benefitToChoose-label + .schemaform-widget-wrapper {
padding-left: 13px;
}
#root_benefitToChoose-label + .schemaform-widget-wrapper .form-radio-buttons label {
margin-bottom: 0;
margin-top: 0;
padding-top: 1em;
}
#root_benefitToChoose-label + .schemaform-widget-wrapper .form-radio-buttons:last-child label {
padding-bottom: .65em;
}
.fa-check-circle {
color: var(--vads-color-success-dark);
}
// END - Benefit Selection Page
.personal-info-border {
border-color: rgb(240, 240, 240);
border-width: 2px;
border-style: solid;
}
.personal-info-header {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.personal-info-text {
vertical-align: middle;
padding-left: 2rem;
}