#widget {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    display: flex;
    align-items: center;
}

#okta-sign-in .auth-org-logo {
    display: inline !important;
    margin-left: -60px !important;
}

.okta-sign-in-header::after {
    content: "Sign In";
    position: absolute;
    align-self: stretch !important;
    font-size: 18px !important;
    margin-left: -10px;
    margin-top: -35px;
    color: var(--Theme-Primary);
    font-family: var(--Font-Family-Base);
    font-style: normal;
    font-weight: var(--Font-Weight-Semibold);
}

.o-form-head {
    color: var(--Type-colors-Secondary, #605E5C) !important;
    font-family: var(--Font-Family-Base) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: var(--Font-Weight-Regular) !important;
    line-height: 16px !important;
    margin-top: 0px !important;
    text-align: start !important;
    text-transform: none !important;
    margin-left: -66px !important;
}

#okta-sign-in.auth-container.main-container::after {
    content: "";
    position: absolute;
    bottom: 112px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}

#okta-sign-in .auth-header {
    border-bottom: none !important;
    padding: 30px 90px 0px!important;
}
#okta-sign-in .siw-main-view .resend-email-view .clearfix:before {
    visibility: hidden;
}

#okta-sign-in .siw-main-view .resend-email-view .infobox {
    border: none;
    padding: 0px !important;
}

#okta-sign-in.auth-container .challenge-authenticator--okta_email .o-form-button-bar .button-primary{
    margin-top: 15px;
}

#okta-sign-in .warning-16:before {
    content: "";
}

#okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_email .o-form-error-container .resend-email-view),
#okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_email .o-form-input-name-credentials.passcode),
#okta-sign-in.auth-container.main-container:has(.authenticator-verification-data--okta_email),
#okta-sign-in.auth-container.main-container:has(.o-form-input-name-identifier):has(.password-with-toggle) {
    background-image: linear-gradient(to top, #F3F2F1 110px, rgba(0, 0, 0, 0) 110px) !important;
}

#okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_email .o-form-error-container .resend-email-view)::after,
#okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_email .o-form-input-name-credentials.passcode)::after,
#okta-sign-in.auth-container.main-container:has(.authenticator-verification-data--okta_email)::after {
    bottom: 110px;
}

#okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_email .o-form-error-container .enter-auth-code-instead-link)
{
    background-image: linear-gradient(to top, #F3F2F1 55px, rgba(0, 0, 0, 0) 55px) !important;
}

#okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_email .o-form-error-container .enter-auth-code-instead-link)::after
{
    bottom: 55px;
}

#okta-sign-in .siw-main-view .resend-email-view {
    position: absolute;
    bottom: 88px;
    left: 0;
    right: 0;
}

#okta-sign-in .siw-main-view .resend-email-view .infobox-warning {
    text-align: center;
}
#okta-sign-in .mfa-verify-passcode .okta-form-title,
#okta-sign-in .mfa-verify-passcode .identifier-container,
#okta-sign-in .mfa-verify-passcode .auth-beacon {
    display: none !important;
}

#okta-sign-in .siw-main-view .okta-form-subtitle {
    margin-top: 5px;
    font-size: 14px;
    color: var(--Type-colors-Secondary);
}

#okta-sign-in .mfa-verify-passcode .auth-content {
    padding-top: 15px;
}

#okta-sign-in .enter-auth-code-instead-link {
    margin-top: 35px;
}


#okta-sign-in .auth-header {
    padding-bottom: 0px !important;
}

#help-links-container {
    display: block !important;
}

.js-help {
    display: none;
}

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

#okta-sign-in .auth-content {
    padding: 15px 31px 7px !important;
}

.js-forgot-password {
    color: var(--Theme-Primary) !important;
    font-family: var(--Font-Family-Base) !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: var(--Font-Weight-Regular) !important;
}

#okta-sign-in.auth-container .button-primary {
    background: var(--Theme-Primary) !important;
}

.auth-footer {
    align-items: center;
}

#okta-sign-in .o-form-fieldset {
    margin-bottom: 0px !important;
}

#okta-sign-in .o-form-head, #okta-sign-in .o-form-subhead {
    margin: 0 0 0px !important;
}

#okta-sign-in .o-form .o-form-fieldset:last-child {
    margin-bottom: 9px !important;
    margin-top: 6px!important;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

#okta-sign-in {
    width: 360px !important;
    margin: 8px auto 8px !important;
    border-radius: 7px !important;
}

#okta-sign-in .o-form-button-bar .button {
    height: 40px !important;
    border-radius:4px!important;
}

.siw-main-footer {
    margin-bottom: 10px !important;
    margin-top: 4px !important;
}
#okta-sign-in.auth-container .link:link {
    font-size: 14px;
    color: var(--Type-colors-Primary);
}

#okta-sign-in .siw-main-view .infobox-error, #okta-sign-in .siw-main-view .infobox-warning {
    margin-bottom: 2px !important;
    margin-top: 4px!important;
}

#okta-sign-in .o-form-label {
    padding: 2px 10px 2px 0!important;
}
#okta-sign-in.auth-container .o-form-explain.okta-form-input-error {
    padding-bottom: 2px!important;
    font-size:12px!important;
}

#okta-sign-in .siw-main-view .siw-main-body .identifier-container {
    margin: 15px 0px;
    text-align: left;
}

input[type=password]::-ms-reveal {
    display: none;
}

#okta-sign-in .oie-enroll-ov-data .switch-channel-text {
    margin: 0 0 0;
}

.error-16-small{
    display:none!important;
}
#okta-sign-in .o-form-explain.o-form-input-error {
    padding-left: 0px!important;
}
#okta-sign-in .input-fix.o-form-has-errors {
    border: 1px solid #d93934 !important;
    border-color: #d93934 !important
}

#okta-sign-in.challenge-authenticator--okta_password .siw-main-header {
    display: none!important;
}
#okta-sign-in .beacon-container {
    display: none !important;
}
#okta-sign-in .auth-content:has(.challenge-authenticator--okta_password) {
    padding: 10px 31px 7px !important;
}
#okta-sign-in .challenge-authenticator--okta_password .o-form-label {
    padding: 2px 10px 14px 0 !important;
}
#okta-sign-in .o-form label {
    font-family: var(--Font-Family-Base);
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: var(--Font-Weight-Regular) !important;
}
#okta-sign-in .js-cancel {
    color: var(--Type-colors-Primary) !important;
    font-size: 14px;
    font-weight: 600;
}
#okta-sign-in .primary-auth .o-form-error-container,
#okta-sign-in .challenge-authenticator--okta_password .o-form-error-container {
    display: none !important;
}

#okta-sign-in .primary-auth .o-form-error-container.signing-error,
#okta-sign-in .challenge-authenticator--okta_password .o-form-error-container.signing-error{
    display: block !important;
}

#okta-sign-in .challenge-authenticator--okta_password .o-form-error-container:has(+ .o-form-fieldset-container .o-form-has-errors) {
    display: none !important;
}
#okta-sign-in .authenticator-verification-data--okta_email .okta-form-title, .identifier-container,
#okta-sign-in:has(.challenge-authenticator--okta_email) .okta-form-label {
    display: none !important;
}
#okta-sign-in:has(.authenticator-verification-data--okta_email) .okta-sign-in-header::after,
#okta-sign-in:has(.challenge-authenticator--okta_email) .okta-sign-in-header::after {
    content: 'Forgot Password?'
}
#okta-sign-in:has(.authenticator-verification-data--okta_email) .siw-main-view .okta-form-subtitle {
    margin: 0px 0 10px;
    text-align: left;
}
#okta-sign-in:has(.authenticator-verification-data--okta_email) .o-form-input {
    width:100%!important;
}
#okta-sign-in:has(.authenticator-verification-data--okta_email) .o-form .input-fix {
    border:none!important;
}
#okta-sign-in .authenticator-row{
    margin-bottom:0px;
}
#okta-sign-in .okta-verify-totp-challenge .okta-form-title {
    display: none !important;
}
#okta-sign-in .siw-main-view .okta-form-subtitle{
    text-align:left;
}

.login-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: var(--Type-colors-Primary, #2A2A2A);
    text-align: center;
    font-family: var(--Font-Family-Base);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--Font-Weight-Semibold);
    line-height: 12px;
}

#okta-sign-in .visibility-16:before {
    content: url(/content/image/hidden_pass_eye_icon.svg);
    color: var(--Type-colors-Primary, #2A2A2A);
}

#okta-sign-in .visibility-off-16:before {
    content: url(/content/image/shown_pass_eye_icon.svg);
    color: var(--Type-colors-Primary, #2A2A2A);
}

#okta-sign-in .o-form .input-fix .password-toggle .eyeicon {
    height: 38px;
}

@media screen and (max-width: 480px) {
    #widget {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            right: 0;
            align-items: flex-start;
        }

        #okta-sign-in {
            width: 100% !important;
        }
    }

    @media screen and (max-height: 330px) {
        .login-footer {
            display: contents;
        }
    }

    @media only screen and (max-width: 600px) {
        #okta-sign-in.auth-container .auth-header {
            margin: 0 auto;
            max-width: 316px;
        }
    }

    @media only screen and (min-device-width: 300px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
        #okta-sign-in.auth-container.main-container {
            border-width: 1px !important;
            box-shadow: none;
        }

        .backgroung-banner {
            display: none;
        }
    }

    @media (orientation: landscape) {
        #okta-sign-in.auth-container.main-container {
            border-width: 1px !important;
            box-shadow: none;
        }

        .backgroung-banner {
            display: block !important;
        }
    }

    @media (min-height: 300px) and (max-height: 551px) and (-webkit-min-device-pixel-ratio: 2) {
        #widget {
            position: relative;
            margin-top: -40vh;
        }

        .login-footer {
            position: relative;
        }

        .login-banner-text {
            display: none;
        }
    }

    @media (min-height: 550px) and (max-height: 583px) and (-webkit-min-device-pixel-ratio: 2) {
        #widget {
            position: relative;
            margin-top: -24.3vh;
        }

        .login-footer {
            position: relative;
        }
    }

    @media (min-height: 550px) and (max-height: 584px) and (-webkit-min-device-pixel-ratio: 2) {

        .login-image > img {
            width: 100% !important;
        }
    }

    @media (min-height: 585px) and (max-height: 719px) and (-webkit-min-device-pixel-ratio: 2) {

        .login-image > img {
            width: 100% !important;
        }
    }

    @media only screen and (min-width: 481px) {
        #okta-sign-in.auth-container.main-container {
            border-style: solid;
            border-width: 1px;
            background-color: #fff;
            border-color: #ddd #ddd #d8d8d8;
            box-shadow: 0 2px 0 hsla(0, 0%, 68.6%, .12);
        }

        #okta-sign-in .okta-form-title {
            font-family: var(--Font-Family-Base);
            font-size: 14px !important;
            line-height: 16px !important;
            font-weight: var(--Font-Weight-Regular) !important;
        }

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

        #okta-sign-in .siw-main-header .beacon-container {
            top: -150px !important;
        }

        #okta-sign-in .oie-enroll-ov-poll .qrcode-container .qrcode {
            height: 150px;
        }

        #okta-sign-in .o-form .custom-checkbox label {
            font-family: var(--Font-Family-Base);
            font-size: 14px !important;
            line-height: 13px !important;
            font-weight: var(--Font-Weight-Regular) !important;
            color: #2A2A2A !important;
        }

        #okta-sign-in.auth-container.main-container:has(.primary-auth) {
            background-image: linear-gradient(to top, #F3F2F1 85px, rgba(0, 0, 0, 0) 20%) !important;
        }
        #okta-sign-in.auth-container.main-container:has(.primary-auth)::after {
            bottom: 85px;
        }
        #okta-sign-in.auth-container.main-container {
            background-image: linear-gradient(to top, #F3F2F1 60px, rgba(0, 0, 0, 0) 20%) !important;
        }
        #okta-sign-in.auth-container.main-container::after {
            bottom: 60px;
        }
        #okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_password) {
            background-image: linear-gradient(to top, #F3F2F1 112px, rgba(0, 0, 0, 0) 112px) !important;
        }
        #okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_password)::after {
            bottom: 112px;
        }

        #okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_email) {
            background-image: linear-gradient(to top, #F3F2F1 110px, rgba(0, 0, 0, 0) 110px) !important;
        }
        
        #okta-sign-in.auth-container.main-container:has(.challenge-authenticator--okta_email)::after {
            bottom: 110px;
        }
        #okta-sign-in.auth-container.main-container:has(.select-authenticator-enroll) {
            background-image: linear-gradient(to top, #F3F2F1 43px, rgba(0, 0, 0, 0) 0%) !important;
        }
        #okta-sign-in.auth-container.main-container:has(.select-authenticator-enroll)::after {
            bottom: 43px;
        }
        #okta-sign-in.auth-container.main-container:has(.select-authenticator-enroll--okta_verify) {
            background-image: linear-gradient(to top, #F3F2F1 43px, rgba(0, 0, 0, 0) 0%) !important;
        }
        #okta-sign-in.auth-container.main-container:has(.select-authenticator-enroll--okta_verify)::after {
           bottom: 43px;
        }
        #okta-sign-in.auth-container.main-container:has(.select-authenticator-enroll--google_otp) {
            background-image: linear-gradient(to top, #F3F2F1 43px, rgba(0, 0, 0, 0) 0%) !important;
        }
        #okta-sign-in.auth-container.main-container:has(.select-authenticator-enroll--google_otp)::after {
            bottom: 43px;
        }
        #okta-sign-in.auth-container.main-container:has(.enroll-poll--okta_verify) {
            background-image: linear-gradient(to top, #F3F2F1 74px, rgba(0, 0, 0, 0) 0%) !important;
        }
        #okta-sign-in.auth-container.main-container:has(.enroll-poll--okta_verify)::after {
            bottom: 74px;
        }
        #okta-sign-in.auth-container.main-container:has(.select-enrollment-channel--okta_verify) {
            background-image: linear-gradient(to top, #F3F2F1 132px, rgba(0, 0, 0, 0) 0%) !important;
        }
        #okta-sign-in.auth-container.main-container:has(.select-enrollment-channel--okta_verify)::after {
            bottom: 132px;
        }
        #okta-sign-in.auth-container.main-container:has(.enrollment-channel-data--okta_verify) {
            background-image: linear-gradient(to top, #F3F2F1 152px, rgba(0, 0, 0, 0) 0%) !important;
        }
        #okta-sign-in.auth-container.main-container:has(.enrollment-channel-data--okta_verify)::after {
            bottom: 152px;
        }
        #okta-sign-in.auth-container.main-container:has(.enroll-authenticator--google_otp) {
            background-image: linear-gradient(to top, #F3F2F1 150px, rgba(0, 0, 0, 0) 0%) !important;
        }
        #okta-sign-in.auth-container.main-container:has(.enroll-authenticator--google_otp)::after {
            bottom: 150px;
        }
        
        #okta-sign-in .o-form-button-bar {
            background: #eee;
        } 

        #okta-sign-in .o-form-theme {
            padding: 0 0 34px !important;
        }
        #okta-sign-in .challenge-authenticator--okta_password .o-form-theme {
            padding: 0 0 40px !important;
        } 
        #okta-sign-in .challenge-authenticator--okta_password .o-form-input {
            padding-bottom: 7px !important;
        }
        #okta-sign-in:has(.qrcode-container.qrcode) {
            min-height: 790px;
        } 
        #okta-sign-in .select-authenticator-enroll .siw-main-footer {
            padding-top: 15px !important;
            margin-bottom: 3px !important;
        }
        #okta-sign-in .select-authenticator-enroll--okta_verify .siw-main-footer {
            padding-top: 15px !important;
            margin-bottom: 3px !important;
        }
        #okta-sign-in .select-authenticator-enroll--google_otp .siw-main-footer {
            padding-top: 15px !important;
            margin-bottom: 3px !important;
        }
        #okta-sign-in .select-authenticator-enroll .o-form-theme {
            padding: 0 0 0px !important;
        }
        #okta-sign-in .select-authenticator-enroll--okta_verify .o-form-theme {
            padding: 0 0 0px !important;
        }
        #okta-sign-in .select-authenticator-enroll--google_otp .o-form-theme {
            padding: 0 0 0px !important;
        }
        #okta-sign-in .oie-enroll-google-authenticator .google-authenticator-next.default-custom-button {
            margin-top: 0;
            margin-bottom: 4px;
        }
    }