form#daform {
display: grid;
grid-template-columns: 50% 50%;
align-items: baseline;
grid-column-gap: 25px;
}
.da-page-header {
grid-column-start: 1;
grid-column-end: 3;
}
fieldset.da-field-buttons {
grid-column-start: 1;
grid-column-end: 3;
margin-top: 30px;
}
.form-group.da-group-has-error,
.form-group.has-error {
margin: 0 0 1rem;
border-left: 2px solid #c53b00;
padding-left: 0;
padding-right: 0;
}
.dashowif .form-group.da-group-has-error,
.dashowif .form-group.has-error,
.showif .form-group.da-group-has-error,
.showif .form-group.has-error {
border-left: 2px solid #c53b00;
padding-bottom: 1rem;
}
.row.da-field-container.da-field-container-note {
grid-column-start: 1;
grid-column-end: 3;
}
.dashowif .form-group,
.showif .form-group {
margin: 0 0 1rem;
padding-left: 0;
padding-right: 0;
border-left: 2px solid #007bff;
padding-bottom: 0;
}
span.da-has-error {
font-size: 14px;
margin: 0;
}
@media only screen and (max-width: 575px) {
form#daform {
grid-template-columns: 100%;
grid-column-gap: 0px;
}
.da-page-header,
fieldset.da-field-buttons,
.row.da-field-container.da-field-container-note,
.form-group.da-group-has-error,
.form-group.has-error,
.dashowif .form-group,
.showif .form-group {
grid-column-start: 1;
grid-column-end: 2; /* Adjusted to ensure consistency in single-column layout */
}
}