@use "/src/scss/abstracts" as *;

.parcel-update {
    ::ng-deep {
        .required::after {
            display: none; //Hide the asterisk on required fields.
        }

        .field input[type="number"] {
            text-align: right;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .units-wrapper {
            overflow: hidden;
            white-space: nowrap;
        }

        .units {
            position: unset !important;
            background-color: $gray-lighter;
            color: $gray-950 !important;
            border: 1px solid $gray-light;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            border-left: none;
            height: 3rem;
            padding: 1rem;
        }

        .field-definition-title {
            color: $gray-950;
        }

        .popover-body {
            color: $gray-950;
        }
    }
}
