.cms-web-page-title {
    margin-left: 1.25em;
}

ets-common {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: inherit;
    height: auto;
    background-color: inherit;
    color: inherit;
}

#common-footer {
    height: 40px !important;
}
.mail-supplies-instructions-container {
    margin-left: 1.85em;
}

#mail-supplies-form {
    margin: 1.25em;
}

h2 {
    background-color: gray;
    padding: .25em;
    margin: 0;
}

.mail-supplies-form-input-group {
    border: solid 1px var(--common-color);
}
    .mail-supplies-form-input-group .ets-width-1 {
        flex: 2;
    } 

    .mail-supplies-form-input-group .ets-input__label {
        text-align: start;
    }

    .mail-supplies-form-input-group .ets-input__input {
        align-self: end;   
    }


.mail-supplies-form-pinkslip-label-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    text-align: center;
    font-weight: bold;
}

.mail-supplies-form-pinkslip-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 1em;
}

    .mail-supplies-form-pinkslip-container label {
        display: none;
    }

.pink-account-additional-info {
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    color: red;
    font-weight: bold;
    font-size: 1.2em;
}

.pink-slip-input-group {
    display: grid;
    overflow-x: auto;
}

.mail-supplies-form-other-input-container {
    display: grid;
    grid-template-columns: 3fr 1fr;
    padding-left: 1.5em;
}

    .mail-supplies-form-other-input-container .ets-width-1 {
        display: none;
    }

input[name="OtherDescription"] {
    width: 97%;
}

.mail-supplies-form-other-label-container {
    display: grid;
    grid-template-columns: 3fr 1fr;
    font-weight: bold;
    margin-left: 2.5em;
    margin-top: 1em;
}

#cms-web-other-quantity-label {
    justify-self: end;
    margin-right: 4em;
}

.mail-supplies-form-submit-button-container {
    margin-bottom: 4em;
}

#mail-supplies-form-success-container {
    margin-left: 1.5em;
    font-size: 1.5em;
}

ets-row:has(> ets-column > ets-row > ets-column > .cms-web_need-sleeve-input) {
    position: relative;
    left: 11em;
    top: -3.7em;
    width: fit-content;
    margin-bottom: -3.7em;
}

@media (max-width: 800px) {
    ets-row:has(> ets-column > ets-row > ets-column > .cms-web_need-sleeve-input) {
        position: inherit;
        width: inherit;
        margin-bottom: inherit;
    }
}


#cms-web-error-modal .modal-title,
#cms-web-error-modal .modal-header-controls {
    background-color: var(--error);
}

#cms-web-error-modal .modal-header-decoration {
    fill: var(--error);
}

#cms-web-error-modal ets-modal-body,
#cms-web-error-modal ets-modal-actions {
    border-color: var(--error);
}