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

    SECCI

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

.nbuxRegistration .termsconditions.secci {
    padding: 0;
}

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

    -- Credit Message

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

.nbuxRegistration .creditMessage {
    display: block;
    margin: 0 0 calc(var(--gutter) * 2);
    padding: 0 var(--gutter);
}

.nbuxRegistration .creditMessage h2 {
    font-family: var(--font-secondary);
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 700;
    color: var(--color-black);
    margin: 0;
}

.nbuxRegistration .creditMessage p {
    display: flex;
    flex-flow: column wrap;
    font-family: var(--font-primary);
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 400;
    color: var(--color-black);
    margin: 0;
}

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

    -- Credit Agreement Message

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

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

.nbuxRegistration .creditAgreement h2 {
    font-family: var(--font-secondary);
    font-size: var(--font-body-large-font-size);
    line-height: var(--font-body-large-line-height);
    font-weight: 700;
    color: var(--color-black);
    margin: 0 0 calc(var(--gutter) / 2);
}

.nbuxRegistration .creditAgreement p {
    display: flex;
    flex-flow: column wrap;
    font-family: var(--font-primary);
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 400;
    color: var(--color-black);
    margin: 0 0 var(--gutter);
}

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

    -- Personalised Documents Message

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

.nbuxRegistration .personalisedDocuments {
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 400;
    color: var(--color-black);
    margin: 0 0 24px;
}

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

    -- Temp Credit Facility Message

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

.nbuxRegistration .tempCreditFacility {
    margin: 0 var(--gutter) var(--gutter);
}

.nbuxRegistration .tempCreditFacility p {
    font-family: var(--font-primary);
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 400;
    color: var(--color-black);
    margin: 0;
}

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

    -- Confirm Secci Agreement

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

.nbuxRegistration .secciConfirmation {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 calc(var(--gutter) * 2);
    padding: 0 var(--gutter);
}

.nbuxRegistration .secciConfirmation .nbuxForm__itemCheckbox {
	display: flex;
    flex-flow: row nowrap;
    align-items: center;
    flex: 1 1 100%;
    position: relative;
    min-height: 32px;
    margin: 0;
    padding: 0;
}

.nbuxRegistration .secciConfirmation .nbuxForm__label {
    display: flex;
    order: 2;
    z-index: 1;
    align-items: center;
    font-family: var(--font-primary);
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 400;
    color: var(--color-black);
    min-height: 32px;
    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));
    padding: calc(var(--gutter) - 2px) calc(var(--gutter) - 2px) var(--gutter) calc(calc(var(--gutter) * 4) - 2px)!important;
}

.nbuxRegistration .secciConfirmation .nbuxForm__label > span {
    display: flex;
    flex-flow: column wrap;
    padding: 0;
}

.nbuxRegistration .secciConfirmation .nbuxForm__label > span > span {
    padding: 0;
    margin: var(--gutter) 0 0;
}

.nbuxRegistration .secciConfirmation .nbuxForm__checkbox[type="checkbox"]:checked ~ .nbuxForm__label {
    font-weight: 700;
    color: #0066cc;
    color: var(--color-information, #0066cc);
}

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

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

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

    -- Confirm Secci Agreement | Checkbox

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

.nbuxRegistration .secciConfirmation .nbuxForm__checkbox_target {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 16px;
    left: 16px;
    z-index: 2;
    pointer-events: none;
}

.nbuxRegistration .secciConfirmation .nbuxForm__checkbox_target:before {
    content: "";
    order: 1;
    display: block;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    outline: none;
    border-radius: 4px;
    border-radius: var(--shape-4, 4px);
    border: 1px solid #989da3;
    border: 1px solid var(--color-grey-300, #989da3);
    background-color: #fefefe;
    background-color: var(--color-white, #fefefe);
}

.nbuxRegistration .secciConfirmation .nbuxForm__checkbox[type="checkbox"]:checked ~ .nbuxForm__checkbox_target:before {
    content: "";
    border: 1px solid #0066cc;
    border: 1px solid var(--color-information, #0066cc);
    background-color: #0066cc;
    background-color: var(--color-information, #0066cc);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 32px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Tick_Icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3e%3cstyle type='text/css'%3e%3c/style%3e%3cpath fill='%23FFFFFF' d='M12.6,24.4c-0.3,0-0.5-0.1-0.7-0.3l-5.8-6c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l5,5.2L24,8.7 c0.4-0.4,1-0.5,1.4-0.1c0.4,0.4,0.5,1,0.1,1.4l-12.2,14C13.1,24.3,12.9,24.4,12.6,24.4C12.6,24.4,12.6,24.4,12.6,24.4z'/%3e%3c/svg%3e");
}

.nbuxRegistration .secciConfirmation .nbuxForm__checkbox[type="checkbox"]:disabled {
    pointer-events: none;
}

.nbuxRegistration .secciConfirmation .nbuxForm__checkbox[type="checkbox"]:disabled ~ .nbuxForm__label {
    pointer-events: none;
    color: #989da3;
    color: var(--color-grey-300, #989da3);
}

.nbuxRegistration .secciConfirmation .nbuxForm__checkbox[type="checkbox"]:disabled ~ .nbuxForm__checkbox_target:before {
    content: "";
    border: 1px solid #989da3;
    border: 1px solid var(--color-grey-300, #989da3);
    background-color: #989da3;
    background-color: var(--color-grey-300, #989da3);
}