.task-order-list { margin-top: 6 * $gap; } .task-order-card { &__buttons .usa-button { min-width: 10rem; } &__buttons .usa-button-secondary { min-width: 14rem; } .label { font-size: $small-font-size; margin-right: 2 * $gap; min-width: 7rem; display: flex; justify-content: space-around; } } .task-order { margin-top: $gap * 4; width: 900px; hr { border: 0; border-bottom: 1px solid $color-gray-lighter; margin-top: $gap * 4; margin-bottom: $gap * 4; } table { margin-top: 1rem; table-layout: fixed; th { white-space: nowrap; word-wrap: normal; padding: 0.8rem; &.task-order__clin-amount { width: 25%; } } td { padding: 0.8rem; &.task-order__loa { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } .col { flex-grow: 1; } .h1, .h3 { margin-bottom: $gap * 2; } .h4 { margin-top: $gap * 2; } .task-order__review { .h2 { margin-bottom: $gap * 4; } .task-order__number { text-align: right; } .totals-box { padding: $gap * 4; padding-top: $gap * 2; flex-grow: unset; margin-left: $gap * 6; display: table; background-color: $color-gray-lightest; min-width: 350px; } } .card { padding: ($gap * 5); .usa-input { margin: 0 $gap 0 0; input { max-width: none; } } .usa-input--validation--dollars label span.icon { left: auto; right: -$gap * 9; } .form-row { margin: 0; } select { max-width: -webkit-fill-available; font-weight: bold; } button { margin-bottom: $gap * 3; } .task-order__loa-fieldset { .usa-input__title { padding: 0 0 0.4rem 0; font-size: 1.7rem; } .usa-input { margin: 0; } input { margin: $gap 0; &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } } } .usa-input__title, .usa-input__title-inline { font-weight: $font-normal; } &.task_order__form { hr { margin-top: 1.5rem; } .totals-box { margin-top: 0; } .icon { left: 100%; &.icon--question { @include icon-color($color-blue); } } input { max-width: unset; } .date-picker { .usa-input__title { font-weight: $font-bold; margin-bottom: $gap; } } .usa-form-group-year { margin-right: 0.4rem; } .usa-alert { margin: 1.5em 0; } .usa-input { margin-top: $gap; margin-bottom: $gap; } .form-row { margin-bottom: 0; .usa-input { margin-left: $gap; margin-right: $gap; } .form-col:first-child { .usa-input { margin-left: 0; } } .form-col:last-child { .usa-input { margin-right: 0; } } } button.icon-link { margin-top: 0; margin-left: 0; padding-left: 0; font-size: $base-font-size; &.icon-link__add-another-clin { margin-top: 0; margin-bottom: 0; } } .task-order__pdf-help-text { margin-bottom: 4 * $gap; } } .panel { @include shadow-panel; } .alert .alert__actions { margin-top: 2 * $gap; } .panel { width: 100%; } .label { &--pending, &--started { background-color: $color-gold; } &--active { background-color: $color-green; } &--expired { background-color: $color-red; } } .task-order-document-link { &__icon { padding-top: 0.5rem; } .task-order-document-description { padding-left: 3rem; font-style: italic; } } } .task-order__modal-cancel { text-align: center; } .task-order__modal-cancel_buttons { display: flex; justify-content: center; }