@charset "UTF-8";

.auth0-lock.auth0-lock {
    font-family: Arial, Helvetica, sans-serif !important;
}

.auth0-lock-header-welcome {
    padding: 40px 40px 0;
}

.auth0-lock-widget-container {
    width: 400px;
}

.auth0-lock-content-body-wrapper,
.auth0-lock.auth0-lock .auth0-lock-header-bg,
.auth0-lock-view-content,
.auth0-lock-body-content,
.auth0-lock-content,
.auth0-lock-form,
.auth0-lock.auth0-lock .auth0-lock-terms,
.auth0-lock-submit-wrapper {
    background-color: #303d4a !important;
}

.auth0-lock.auth0-lock .auth0-lock-form p,
.auth0-lock.auth0-lock .auth0-lock-form p > span {
    color: white !important;
    font-size: 16px !important;
}

.auth0-lock.auth0-lock .auth0-lock-terms span {
    display: none !important;
}

.auth0-lock-alternative-link {
    color: white !important;
    text-decoration: underline !important;
    font-size: 16px !important;
}

.auth0-lock-name {
    color: white;
    font-size: 24px !important;
    margin-top: 24px;
}

.auth0-lock.auth0-lock.auth0-lock-opened-in-frame .auth0-lock-header-bg .auth0-lock-header-bg-blur {
    opacity: 0 !important;
    transition-property: none !important;
}

.auth0-lock-input {
    font-size: 16px !important;
    height: 52px;
}

.auth0-lock-submit-wrapper {
    padding: 0 40px 50px;
}

.auth0-lock-submit {
    border-radius: 3px !important;
    padding: 4px !important;
    height: 52px;
}

.auth0-lock-input-block {
    width: 320px;
    height: 50px;
    margin: auto;
}

.auth0-lock-input-wrap,
.auth0-lock-input {
    height: 100% !important;
}

.auth0-lock.auth0-lock .auth0-lock-header,
.auth0-lock.auth0-lock .auth0-lock-cred-pane {
    background-color: #303d4a !important;
    height: unset !important;
    max-height: 80vh !important;
}

.auth0-lock-input-wrap.auth0-lock-input-wrap-with-icon {
    padding-left: 0 !important;
}

.auth0-lock-submit {
    text-transform: none !important;
    font-size: 1rem !important;
}

#skip {
    display: none !important;
}

.auth0-lock-header-bg.auth0-lock-blur-support {
    display: none !important;
}

.auth0-lock.auth0-lock-outlined .auth0-lock-widget {
    border: none !important;
}

.auth0-lock-widget {
    margin: 0 !important;
}

.auth0-lock .auth0-lock-submit {
    height: 52px !important;
}

@media (min-width: 481px) {
    .auth0-lock.auth0-lock .auth0-lock-center {
        padding: 0 !important;
    }
}