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

    LOADING SPINNER

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

.nbuxRegistration .loading-spinner {
    background: rgba(37, 37, 37, 0.8);
    width: 100%;
}

.nbuxRegistration .loadingContent {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    background: rgba(37, 37, 37, .82);
    padding: var(--gutter);
    margin: 0 var(--gutter);
    border-radius: var(--shape-4);
    max-width: 100%;
    min-width: 100px;
}

.nbuxRegistration .loadingMessage {
	order: 2;
}

.nbuxRegistration .loadingMessage p {
    font-family: var(--font-primary);
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 400;
    text-align: center;
    color: var(--color-white);
    margin: 0;
}

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

    -- Loading Spinner

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

.nbuxRegistration #loadingSpinner {
    order: 1;
    width: 28px;
    height: 28px;
    margin: 0 0 calc(var(--gutter, 16px) / 2);
}

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

    CREDIT APPLICATION LOADING SPINNER

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

.nbuxRegistration .credit-application-overlay {
    background: rgba(37, 37, 37, 0.8);
    width: 100%;
}

.nbuxRegistration .credit-application-overlay:before {
	content: "";
	display: none;
}

.nbuxRegistration .credit-application {
	display: flex;
    flex-flow: column wrap;
    align-items: center;
	background: rgba(37, 37, 37, .82);
	padding: var(--gutter);
	margin: 0 var(--gutter);
	border-radius: var(--shape-4);
	max-width: 100%;
	min-width: 100px;
}

.nbuxRegistration .credit-application-message {
	order: 2;
}

.nbuxRegistration .credit-application h2 {
    font-family: var(--font-primary);
    font-size: var(--font-body-font-size);
    line-height: var(--font-body-line-height);
    font-weight: 700;
    color: var(--color-white);
    margin: 0;
}

.nbuxRegistration .credit-application p {
    font-family: var(--font-primary);
    font-size: var(--font-body-small-font-size);
    line-height: var(--font-body-small-line-height);
    font-weight: 400;
    color: var(--color-white);
    margin: 0;
}

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

    -- Loading Spinner

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

.nbuxRegistration #loadingCreditSpinner {
	order: 1;
    width: 28px;
    height: 28px;
    margin: 0 0 calc(var(--gutter, 16px) / 2);
}

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

    -- Status Steps

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

.credit-application-status {
	display: none;
	order: 3;
    max-width: 120px;
    min-width: 120px;
}

.nbuxRegistration .cas-step {
    background-color: #545454;
    width: 32px;
    height: 32px;
    display: flex;
    border-radius: 50%;
}

.nbuxRegistration .cas-step-success {
	background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.762 20c-.272 0-.532-.111-.72-.307l-5.763-5.997a1 1 0 1 1 1.442-1.386l5.006 5.21 11.52-13.178a1 1 0 0 1 1.506 1.316l-12.238 14a1.003 1.003 0 0 1-.73.342h-.023' fill='%23208636' fill-rule='evenodd'/%3e%3c/svg%3e ");
    background-color: var(--color-grey-100);
    width: 32px;
    height: 32px;
    display: flex;
    border-radius: 50px;
}