/* WRAPPER */

#okta-sign-in {
    margin: 0;
    border: 0;
    box-shadow: none !important;
    overflow: visible;
}

#okta-sign-in span,
#okta-sign-in div,
#okta-sign-in a,
#okta-sign-in h1,
#okta-sign-in h2,
#okta-sign-in h3,
#okta-sign-in h4,
#okta-sign-in h5,
#okta-sign-in h6,
#okta-sign-in p,
#okta-sign-in label,
#okta-sign-in b
{
    font-family: var(--font-family);
}

#okta-sign-in.auth-container.main-container {
    color: var(--color-text);
    padding: 40px 40px 40px 40px;
    width: 100%;
}

#okta-sign-in .auth-header {
    display: none;
}

#okta-sign-in.no-beacon .auth-content {
    padding-top: 0 !important;
}

#okta-sign-in .auth-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

#okta-sign-in hr {
    margin-top: 0px;
}

#okta-sign-in b {
    font-weight: var(--font-weight-bold);
}

/* LINKS */

#okta-sign-in a {
    color: var(--color-link);
    font-weight: var(--font-weight-bold);
}

#okta-sign-in a:active, #okta-sign-in a:link, #okta-sign-in a:visited {
    color: var(--color-link);
    font-weight: var(--font-weight-bold);
}

/* SCREEN TITLES */

#okta-sign-in.auth-container h2 {
    padding: 0 0 16px;
    font-size: var(--font-size-l);
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    text-align: left;
    color: var(--color-primary);
}

#okta-sign-in .o-form-head+.o-form-explain .mobile-help:only-of-type {
    margin-top: 16px !important;
}

.mobile-help {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    line-height: 1.5rem !important;
}

.mobile-help:after {
    content: '';
    clear: both;
    display: block;
}

.mobile-help span.icon {
    float: left;
    width: 60px;
}

@media (min-width: 992px) {
    #okta-sign-in .o-form-head {
        font-size: 2rem;
    }
}

/* SIGN IN BUTTON */

.button-bar {
    display: flex;
    justify-content: space-between;
}

#okta-sign-in .o-form-button-bar {
    padding: 0 !important;
    margin: 0 0 25px !important;;
    position: relative;
}

#okta-sign-in .o-form-button-bar.focused-input {
    box-shadow: none;
}

/* INPUT BUTTONS */

#okta-sign-in.auth-container input[type=button],
#okta-sign-in.auth-container input[type=submit],
#okta-sign-in.auth-container .button-primary {
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family);
    font-size: var(--font-size-m);
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: 4px;
}

#okta-sign-in.auth-container input[type=button]:hover,
#okta-sign-in.auth-container input[type=submit]:hover,
#okta-sign-in.auth-container .button-primary:hover,
#okta-sign-in.auth-container input[type=button]:active,
#okta-sign-in.auth-container input[type=submit]:active,
#okta-sign-in.auth-container .button-primary:active
{
    border-color: var(--color-primary-hover);
    background: var(--color-primary-hover);
}

#okta-sign-in.auth-container input[type=button]:focus,
#okta-sign-in.auth-container input[type=submit]:focus,
#okta-sign-in.auth-container .button-primary:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem var(--color-link);
}

#okta-sign-in.auth-container input[type=button]:disabled,
#okta-sign-in.auth-container input[type=submit]:disabled,
#okta-sign-in.auth-container .button.button-primary.link-button-disabled {
    background-color: var(--color-disabled) !important;
    border-color: var(--color-disabled) !important;
    color: var(--color-text-disabled) !important; /* Override widget defaults for disabled state */
    cursor: default;
}

#okta-sign-in .o-form-content {
    padding: 0px !important;
}

#okta-sign-in .identifier-container {
    display: flex
}

/* LOGIN BUTTON */

#okta-sign-in #okta-signin-submit {
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: 0;
    line-height: 30px;

}

#okta-sign-in #okta-signin-submit:disabled {
    color: transparent !important;
}

/* REGISTER BUTTON */

#okta-sign-in .register-link {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 20px;
    width: 100%;
    position: absolute;
}

/* FORM */

#okta-sign-in .siw-main-footer a[data-se="forgot-password"]:hover {
    text-decoration: underline;
}

#okta-sign-in.auth-container .okta-form-input-field {
    background-color: transparent;
}

#okta-signin-widget.uia-login {
    height: 40vw;
    width: 30vw;
    display: flex;
    min-height: 500px;
    min-width: 400px;
    align-items: center;
    max-width: 700px;
}

#okta-sign-in .okta-form-title.o-form-head {
    font-family: var(--font-family);
    font-size: 2rem;
    line-height: 40px;
    letter-spacing: 0.64px;
    font-weight: 500;
    font-style: normal;
    color: var(--color-form-header);
}

#okta-sign-in .o-form-label > label {
    font-family: var(--font-family);
    min-height: 24px;
    font-size: var(--font-size-s);
    font-weight: var(--font-weight-normal);
    letter-spacing: 0;
    color: var(--color-muted);
    display: flex;
    align-items: center;
}

#okta-sign-in .o-form .input-fix, #okta-sign-in .o-form .textarea-fix {
    height: 56px;
}

#okta-sign-in .o-form-label > label a,
#okta-sign-in.auth-container .auth-footer .link,
#okta-sign-in.auth-container .auth-footer .link:visited {
    text-decoration: none;
    color: var(--color-link);
}

#okta-sign-in .o-form-label > label a:hover {
    text-decoration: underline;
}

/* Checkbox */
#okta-sign-in .o-form-fieldset .ofx-custom-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

#okta-sign-in .o-form-fieldset .ofx-custom-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--color-primary);
}

/* ACTION BUTTONS */

#okta-sign-in.auth-container .button.link-button-disabled {
    background-color: var(--color-disabled);
    border-color: var(--color-disabled);
    cursor: default;
}

@media (max-width: 400px) {
    #okta-sign-in .sms-request-button.link-button,
    #okta-sign-in .resend-email-btn.link-button{
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 30px;
        width: 155px;
    }
}

/* --- Resend Code */
#okta-sign-in.auth-container .button.link-button-disabled {
    background-color: var(--color-disabled);
    border-color: var(--color-disabled);
    cursor: default;
}

#okta-sign-in .sms-request-button.link-button {
    color: var(--color-white);
    background: var(--color-secondary);
    border-color: var(--color-secondary);
    float: left;
    margin-top: 22px;
    margin-bottom: 20px;
}

#okta-sign-in .sms-request-button.link-button:hover:not(.disabled):not([data-clicked]),
#okta-sign-in .sms-request-button.link-button:active:not(.disabled):not([data-clicked]),
#okta-sign-in .sms-request-button.link-button:focus:not(.disabled):not([data-clicked]) {
    background: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
}

/* --- Resend Email */

#okta-sign-in .resend-email-btn.link-button {
    color: var(--color-white);
    background: var(--color-tertiary);
    border-color: var(--color-tertiary);
    box-shadow: none;
    border-radius: 100px;
    font-size: 16px;
    letter-spacing: 0;
    float: left;
}

#okta-sign-in .sms-request-button.link-button:disabled,
#okta-sign-in .resend-email-btn.link-button:hover,
#okta-sign-in .resend-email-btn.link-button:active,
#okta-sign-in .resend-email-btn.link-button:focus,
#okta-sign-in .resend-email-btn.link-button:disabled {
    color: var(--color-white);
    background: var(--color-tertiary);
    border-color: var(--color-tertiary);
    box-shadow: none;
}

#okta-sign-in.auth-container .button.link-button-disabled:hover,
#okta-sign-in.auth-container .button.link-button-disabled:active,
#okta-sign-in.auth-container .button.link-button-disabled:focus {
    color: var(--color-text-disabled);
}

/* SPINNER */

#okta-signin-spinner {
    display: none;
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    animation: spin 2s ease-in-out infinite;
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

/* CONTENT REMOVAL */

#okta-sign-in .o-form-error-container .infobox-warning::before,
#okta-sign-in .o-form-error-container .infobox-warning .icon::before {
    content: none;
}

#okta-sign-in .o-form-error-container.o-form-has-errors .infobox::before,
#okta-sign-in .o-form-error-container.o-form-has-errors .infobox .icon::before,
#okta-sign-in .resend-email-infobox .infobox::before,
#okta-sign-in .resend-email-infobox .infobox .icon::before {
    content: none;
}

#okta-sign-in.auth-container .granular-consent .consent-description {
    display: none;
}

#okta-sign-in.auth-container .granular-consent .o-form-fieldset-container .custom-checkbox label {
    display: none;
}

#okta-sign-in.auth-container .okta-form-subtitle p {
    display: none;
  }

/* ERRORS & WARNINGS */

#okta-sign-in .o-form-error-container.o-form-has-errors .infobox-error .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg id='2FA---Phase-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(-48.000000, -180.000000)' fill-rule='nonzero' stroke='%23ec0026' stroke-width='2'%3E%3Cg transform='translate(32.000000, 164.000000)'%3E%3Cg transform='translate(16.000000, 16.000000)'%3E%3Cg%3E%3Cpath d='M9.3262338,22.6727807 C9.50031495,22.7162517 9.67603838,22.7555753 9.85329304,22.7906403 C10.5475936,22.9279888 11.2653873,23 12,23 C18.0751322,23 23,18.0751322 23,12 C23,5.92486775 18.0751322,1 12,1 C5.92486775,1 1,5.92486775 1,12 C1,15.0375661 2.23121694,17.7875661 4.22182541,19.7781746 M12,7 L12,13 M12.0001528,16.99 L12.0001528,17' id='Alert'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");    background-repeat: no-repeat;
    width: 24px;
    height: 38px;
    position: absolute;
    top: 7px;
}

#okta-sign-in .o-form-error-container .infobox-warning .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg id='2FA---Phase-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(-48.000000, -180.000000)' fill-rule='nonzero' stroke='%23F59E38' stroke-width='2'%3E%3Cg transform='translate(32.000000, 164.000000)'%3E%3Cg transform='translate(16.000000, 16.000000)'%3E%3Cg%3E%3Cpath d='M9.3262338,22.6727807 C9.50031495,22.7162517 9.67603838,22.7555753 9.85329304,22.7906403 C10.5475936,22.9279888 11.2653873,23 12,23 C18.0751322,23 23,18.0751322 23,12 C23,5.92486775 18.0751322,1 12,1 C5.92486775,1 1,5.92486775 1,12 C1,15.0375661 2.23121694,17.7875661 4.22182541,19.7781746 M12,7 L12,13 M12.0001528,16.99 L12.0001528,17' id='Alert'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 24px;
    height: 38px;
    position: absolute;
}


#okta-sign-in .o-form-error-container.o-form-has-errors .infobox-error {
    display: flex !important;
    gap: 12px;
    margin: 15px 0;
    border: 1px solid var(--color-error-border);
    border-left: 4px solid var(--color-error);
    border-radius: 4px;
    min-height: 56px;
    padding: 8px !important;
    color: var(--color-text);
    background: var(--color-error-background);
    box-shadow: 0 8px 16px -8px rgb(0 0 0 / 8%);
    padding-left: 44px !important;
    font-family: var(--font-family);
}

#okta-sign-in .o-form-error-container .infobox-warning,
#okta-sign-in .resend-email-infobox .infobox-warning {
    display: flex !important;
    gap: 12px;
    margin: 15px 0;
    border: 1px solid var(--color-warning-border);
    border-left: 4px solid var(--color-warning);
    border-radius: 4px;
    min-height: 56px;
    padding: 8px !important;
    color: var(--color-text);
    background: var(--color-warning-background);
    box-shadow: 0 8px 16px -8px rgb(0 0 0 / 8%);
    padding-left: 44px !important;
    align-items: center;
    font-family: var(--font-family);
}

#okta-sign-in .o-form-error-container.o-form-has-errors > div {
    width: 100%;
}

#okta-sign-in .o-form-input-error,
#okta-sign-in .o-form-input-error .icon::before {
    color: var(--color-error);
}

#okta-sign-in .infobox-error a {
    color: var(--color-primary);
}

#okta-sign-in .infobox-error a:hover,
#okta-sign-in .infobox-error a:visited {
    color: var(--color-link);
}

/* FORM */

#okta-sign-in .o-form-control.focused-input {
    box-shadow: none;
}

#okta-sign-in .o-form-control {
    border: 0 !important;
}

#okta-sign-in.auth-container .okta-form-input-field input {
    border: 1px solid var(--color-border) !important;
    border-radius: 0.25rem;
    padding: 1rem 0.375rem 0rem 0.75rem !important;
    font-family: var(--font-family);
    font-size: var(--font-size-s);
    box-shadow: none !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#okta-sign-in.auth-container .o-form-fieldset-container .o-form-fieldset > .o-form-label {
    position: absolute;
    left: .8rem;
}

#okta-sign-in.auth-container .okta-form-input-field input:focus {
    border: 2px solid var(--color-tertiary) !important;
}

#okta-sign-in .o-form-control.o-form-has-errors > input {
    border: 1px solid var(--color-error) !important;
}

#okta-sign-in.auth-container .o-form-fieldset-container .o-form-fieldset {
    margin-bottom: 24px !important; /* Ensure consistent spacing between form fields */
    position: relative;
}

#okta-sign-in .auth-passcode {
    display: none;
    margin-right: 30px;
}

#okta-sign-in form[action*="google"] .auth-passcode {
    display: block;
}

/* CONSENT / PARTNERS */

#okta-sign-in .granular-consent .o-form-button-bar input[type=submit] {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-white)
}

#okta-sign-in .granular-consent .o-form-button-bar input[type=submit]:hover,
#okta-sign-in .granular-consent .o-form-button-bar input[type=submit]:active,
#okta-sign-in .granular-consent .o-form-button-bar input[type=submit]:focus
{
    border-color: var(--color-primary-hover);
    background-color: var(--color-primary-hover);
}

#okta-sign-in .granular-consent .o-form-button-bar .button {
    width: 100%;
    font-family: var(--font-family);
    font-size: 1rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: 0;
    line-height: 30px;
    box-shadow: none;
    border-color: var(--color-border);
    background-color: var(--color-white);
    color: var(--color-primary)

}

#okta-sign-in .granular-consent .o-form-button-bar .button:active,
#okta-sign-in .granular-consent .o-form-button-bar .button:hover,
#okta-sign-in .granular-consent .o-form-button-bar .button:focus
{
    border-color: var(--color-primary);
	background: var(--color-white);
}

#okta-sign-in .granular-consent [class*='o-form-input-name-optedScopes'] {
    padding-bottom: 0px;
    color: var(--color-primary);
    font-family: var(--font-family);
    font-size: var(--font-size-m);
}

#okta-sign-in .granular-consent .client-logo {
	width: 56px !important;
    height: 56px !important;
}

#okta-sign-in .granular-consent .consent-title {
    padding: 20px 0 20px 0 !important;
    font-family: var(--font-family);
    font-size: var(--font-size-m);
}

#okta-sign-in .granular-consent .consent-title h1 {
    text-align: left;
}

#okta-sign-in .granular-consent .title-text {
    padding-left: 0px;
    color: var(--color-primary);
}

#okta-sign-in .granular-consent .consent-description.detail-row {
    display: block !important;
    color: var(--color-muted);
    font-family: var(--font-family);
}

#okta-sign-in .granular-consent .consent-title {
    flex-direction: row !important;
}

/* MFA */

/* --- Title */

#okta-sign-in.auth-container .mfa-title {
    padding-bottom: 4rem;
}

#okta-sign-in.auth-container .mfa-verify form.mfa-verify-passcode h2,
#okta-sign-in.auth-container .mfa-verify form.mfa-verify-totp h2 {
    color: var(--color-text);
    font-size: var(--font-size-m);
    padding: 0;
}

/* --- SMS */
.sms-auth-description {
    line-height: 1.5rem !important;
}

.sms-auth-description-dropdown {
    padding-top: 16px !important;
}

/* --- Dropdown */

#okta-sign-in.auth-container .icon-button,
#okta-sign-in.auth-container .icon-button:hover {
    background: var(--color-tertiary);
}

#okta-sign-in .factors-dropdown-wrap .dropdown.more-actions span.icon-dm {
    background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7L0 0H12L6 7Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat scroll 0 0 transparent;
    top: 13px;
    height: 8px;
    right: 11px;
    width: 11px;
}

#okta-sign-in .factors-dropdown-wrap .dropdown.more-actions .link-button {
    width: 32px;
    height: 32px;
    border: none;
}

#okta-sign-in .factors-dropdown-wrap {
    right: -50px;
    margin-top: -16px;
}

#okta-sign-in .beacon-container {
    width: 80px;
    height: 80px;
}

#okta-sign-in .auth-beacon {
    box-shadow: 0 0 0 30px;
}

#okta-sign-in .dropdown {
    background: transparent;
}

#okta-sign-in .dropdown.more-actions .option-selected {
    background: var(--color-tertiary);
}

/* --- Email */

#okta-sign-in .okta-form-subtitle.o-form-explain,
.mfa-send-email-content,.o-form-explain
.mfa-verify-email {
    text-align: left;
    color: var(--color-text);
}

#okta-sign-in .mfa-verify-email .o-form-error-container .infobox-error span,
#okta-sign-in .mfa-verify-email .o-form-error-container .infobox-error p {
    margin-top: 10px;
}

#okta-sign-in .resend-email-infobox .infobox-warning .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24'%3E%3Cg id='2FA---Phase-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(-48.000000, -180.000000)' fill-rule='nonzero' stroke='%23F59E38' stroke-width='2'%3E%3Cg transform='translate(32.000000, 164.000000)'%3E%3Cg transform='translate(16.000000, 16.000000)'%3E%3Cg%3E%3Cpath d='M9.3262338,22.6727807 C9.50031495,22.7162517 9.67603838,22.7555753 9.85329304,22.7906403 C10.5475936,22.9279888 11.2653873,23 12,23 C18.0751322,23 23,18.0751322 23,12 C23,5.92486775 18.0751322,1 12,1 C5.92486775,1 1,5.92486775 1,12 C1,15.0375661 2.23121694,17.7875661 4.22182541,19.7781746 M12,7 L12,13 M12.0001528,16.99 L12.0001528,17' id='Alert'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 24px;
    height: 38px;
    position: absolute;
    margin-top: 10px;
}

.email-header{
    font-weight: var(--font-weight-bold);
    margin-top: 15px !important;
}

#okta-sign-in.auth-container .mfa-verify .mfa-verify-email .resend-email-infobox .infobox p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}


#okta-sign-in.auth-container .mfa-verify .mfa-verify-email .resend-email-infobox .infobox p span{
    display: flex;
    align-items: center;
}

#okta-sign-in .mfa-verify-email .resend-email-btn {
    color: var(--color-link);
}

/* Invalid MFA / Email Phone Number */

#okta-sign-in .button-cancel {
    border: 1px solid var(--color-border);
    background-color: var(--color-white);
    color: var(--color-primary);
    border-radius: 4px;
    cursor: pointer;
    padding: 11px 16px 11px 16px;
    font-weight: var(--font-weight-bold);
	font-family: var(--font-family);
}

#okta-sign-in .button-cancel:hover {
    border-color: var(--color-primary);
}

#okta-sign-in {
    .phone-authenticator-challenge, .phone-authenticator-enroll  {
        .okta-form-subtitle {
            text-align: start !important;
        }
    }
}

#okta-sign-in .authenticator-list {
    padding-top: 16px;
}

#okta-sign-in .authenticator-verify-list .authenticator-description {
    flex-grow: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#okta-sign-in .authenticator-enroll-list .authenticator-description {
    display: grid;
    grid-template-columns: 80% 27%;

    .authenticator-label, .authenticator-description--text, .authenticator-usage-text {
        grid-column: 1;
    }

    .authenticator-button {
        grid-column: 2;
        grid-row: 1;
        padding: 0px;
    }
}

/* Phone field: offset label/text so it doesn't sit under the country code prefix */
#okta-sign-in .phone-authenticator-enroll__phone > .okta-form-label.o-form-label.label-focus-out,
#okta-sign-in .phone-authenticator-enroll__phone > .okta-form-label.o-form-label.floating-label {
    left: 3.8rem !important;
}

/* Country code dropdown with custom down arrow */
#okta-sign-in .o-form-input-name-country select {
    height: auto;
    font-size: var(--font-size-s);
    font-family: var(--font-family);
    border-radius: 0.25rem;
    border: 1px solid var(--color-border) !important;
    /* space for arrow */
    padding: 1.4rem 2.75rem 1rem 0.75rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23464646' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
        no-repeat right 0.75rem center,
        #fff;
}

/* Ensure Country code label is visible within the dropdown */
#okta-sign-in .o-form-label.country-label > label {
    margin-top:2px;
    font-size: var(--font-size-xs);
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

#okta-sign-in {
    .google-authenticator-setup-info-title.barcode-setup-title {
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-l);
    }

    .qrcode-info-container {
        flex-direction: column;

        .qrcode-container {
            margin-top: 15px;
        }
    }

    .google-authenticator-setup-info-title {
        text-align: left !important;
    }
}

/* footer */
#okta-sign-in .siw-main-footer .auth-footer {
    align-items: center;
}

#okta-sign-in .siw-main-footer {
    .js-help {
        display: none;
    }
}

#okta-sign-in .rego-link {
    padding-bottom: 10px;
}

.floating-label {
    transform: translateY(-3px) scale(0.85);
    transition:
        transform 0.3s ease-in-out,
        scale 0.3s ease-in-out;
    transform-origin: left;
    height: 56px;
}

/* Firefox specific styling for floating label.
Increase y-direction translation to lift floating label slightly higher  */
@supports (-moz-appearance: none) {
    #okta-sign-in .floating-label {
        transform: translateY(-9px) scale(0.85);
    }
}

.label-focus-out {
    transform: translateY(0px) scale(1);
    transition: all 0.3s ease-in-out;
    height: 56px;
    align-content: center;
    transform-origin: left;
}