/* ------------------------------------------

    CREDIT AGREEMENT

------------------------------------------ */

.creditAgreement__nbuxAlert {
    margin: 0 var(--gutter) 24px;
}

.creditAgreement__nbuxAlert .nbuxAlert__title {
    font-size: var(--font-body-large-font-size)!important;
    line-height: var(--font-body-large-line-height)!important;
}

.creditAgreement__nbuxAlert .nbuxAlert__text {
    font-size: var(--font-body-font-size)!important;
    line-height: var(--font-body-line-height)!important;
    margin: 0;
}


/* ------------------------------------------

    -- Credit Checkbox

------------------------------------------ */

.creditAgreement {
    display: flex;
    flex-flow: row wrap;
    margin: 0 var(--gutter) var(--gutter);
}

.registrationBox {
    background-color: var(--color-white);
    border-radius: 0;
    box-shadow: var(--elevation-1, 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16));
    padding: var(--gutter);
    margin: 0 0 calc(var(--gutter) * 2);
}

@media screen and (min-width: 486px) {
    .registrationBox {
        border-radius: var(--shape-4);
    }
}

.registrationBox p {
    font-size: var(--font-body-font-size)!important;
}

.registrationBox__content p {
    font-size: var(--font-body-small-font-size)!important;
    line-height: var(--font-body-small-line-height);
    margin: 0 0 var(--gutter);
}

.registrationBox span.registrationBox__links {
    display: flex;
    align-items: flex-start;
    padding: calc(var(--gutter) / 2) 0 0;
}

.creditAgreement p {
    font-size: var(--font-body-font-size)!important;
    line-height: var(--font-body-line-height);
}

.nbuxForm__itemCheckbox_creditAgreement {
    display: flex;
    padding: 0;
    margin: 0;
}

.nbuxForm__itemCheckbox_creditAgreement .nbuxForm__itemCheckbox {
    margin: 0;
}

.nbuxForm__itemCheckbox_creditAgreement .nbuxForm__label {
    background-color: var(--color-white);
    border-radius: var(--shape-4);
    border: 2px solid transparent;
    box-shadow: var(--elevation-1, 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16));
    font-weight: 400;
    padding: calc(var(--gutter) - 2px) calc(var(--gutter) - 2px) var(--gutter) calc(calc(var(--gutter) * 4) - 2px)!important;
}

.nbuxForm__itemCheckbox_creditAgreement .nbuxForm__checkbox_target {
    top: 16px;
    left: 16px;
    z-index: 2;
    pointer-events: none;
}

.nbuxForm__itemCheckbox_creditAgreement .nbuxForm__checkbox {
    display: inline-block;
    position: absolute;
    opacity: 0;
}

.nbuxForm__itemCheckbox_creditAgreement .nbuxForm__checkbox:focus ~ .nbuxForm__label {
    border: 2px solid #000;
}

.creditAgreement .nbuxForm__label span {
    display: block;
    padding: 0;
}

.creditAgreement .nbuxForm__label span#esigThankyou {
    display: inline;
    word-wrap: break-word;
}

.creditAgreement .nbuxForm__label span#esigDate {
    margin: calc(var(--gutter) / 4) 0 0;
}

/* ------------------------------------------

    -- Error Message

------------------------------------------ */

.nbuxForm__itemCheckbox_creditAgreementError .nbuxForm__label {
    border: 2px solid var(--color-alert);
    background-color: #ffe5e5;
}