#okta-sign-in {
    border-radius: 0 !important;
    margin: 0 8px !important;
    width: 100% !important;
}

.o-form-custom-error {
    margin-bottom: 10px;
    margin-top: -20px;
    transition: opacity 0.5s;
}

    #okta-sign-in.auth-container.main-container {
        border: 0 !important;
        margin: 0px !important;
        box-shadow: none !important;
    }

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

    #okta-sign-in .primary-auth .okta-form-label {
        /*display: none;*/
    }

.okta-idps-container {
    display: flex;
    justify-content: space-between !important;
}

@media (min-width: 768px) {
    .okta-idps-container {
        justify-content: center !important;
    }
}

#okta-sign-in .social-auth-linkedin-button,
#okta-sign-in .social-auth-microsoft-button,
#okta-sign-in .social-auth-google-button,
#okta-sign-in .social-auth-facebook-button,
#okta-sign-in .social-auth-apple-button {
border-color: #777 !important;
}

.separation-line:before {
    border-color: #777 !important;
}

    .separation-line span {
        color: #777 !important;
    }

    #okta-sign-in .social-auth-button.link-button {
        padding: 0px !important;
        width: 50px !important;
        margin: 0px 2px !important;
    }
    @media (min-width: 768px) {
        #okta-sign-in .social-auth-button.link-button {
            margin: 0px 10px !important;
        }
    }

    #okta-sign-in .okta-form-label {
        color: #000 !important;
        font-weight: 400 !important;
    }

    #okta-sign-in .registration-container {
        margin: 0 !important;
    }

    #okta-sign-in .auth-footer {
        font-family: din-2014, sans-serif !important;
        font-size: 14px !important;
        margin-top: 33px;
        text-align: right;
    }

        #okta-sign-in .auth-footer .link.help.js-help {
            display: none;
        }

        #okta-sign-in .auth-footer #help-links-container {
            display: block !important;
        }

            #okta-sign-in .auth-footer #help-links-container li:first-child {
                margin-top: -15px;
                text-align: left;
            }

            #okta-sign-in .auth-footer #help-links-container li:last-child {
                display: none;
            }

    #okta-sign-in .focused-input {
        border-color: #000 !important;
    }

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

    #okta-sign-in.auth-container .button-primary {
        background: linear-gradient(#000, #000) !important;
        border-color: #000 !important;
        border-radius: 2px !important;
        box-shadow: none !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        width: 165px !important;
    }

    #okta-sign-in .button {
        font-family: din-2014, sans-serif !important;
    }

    #okta-sign-in.auth-container .main-container {
        border-radius: 0 !important;
    }

    #okta-sign-in.auth-container .okta-form-input-field {
        font-family: din-2014, sans-serif !important;
        font-size: 14px !important;
    }

    #okta-sign-in.auth-container input {
        background-color: #f8f8f8 !important;
        font-family: din-2014, sans-serif !important;
        border-radius: 2px !important
    }

    #okta-sign-in.auth-container h2 {
        color: #000 !important;
        font-family: din-2014, sans-serif !important;
        font-size: 30px !important;
    }

    #okta-sign-in.auth-container .link {
        border-bottom: 1px solid #000 !important;
        color: #000 !important;
        font-family: din-2014, sans-serif !important;
        font-size: 14px !important;
        margin-right: 0 !important;
        text-decoration: none !important;
        width: max-content;
        padding-bottom: 3px !important;
        margin-bottom: 5px !important;
    }

    #okta-sign-in.auth-container a:hover {
        text-decoration: none !important;
    }

    #okta-sign-in.auth-container.main-container .margin-btm-30 {
        margin-bottom: 10px !important;
    }

    #okta-sign-in .o-form .button {
        text-transform: uppercase !important;
    }

    #okta-sign-in .o-form .o-form-label,
    #okta-sign-in .o-form label {
        font-family: din-2014, sans-serif !important;
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .infobox {
        margin-bottom: 15px !important;
    }

    #okta-sign-in .o-form .o-form-input .o-form-explain {
        color: #212121;
        font-family: din-2014, sans-serif !important;
    }

    #okta-sign-in .o-form .o-form-input .o-form-control {
        margin-bottom: 5px;
    }

    #okta-sign-in .o-form .o-form-input label {
        color: #212121 !important;
    }

    #okta-sign-in .o-form .input-fix {
        border: 1px solid #a4a4a4 !important;
        height: 46px !important;
    }

    #okta-sign-in .o-form input:focus {
        border: 1px solid #5d5c61 !important;
        border-radius: 0 !important
    }

    #okta-sign-in .o-form-head {
        margin-top: -10px !important;
    }

    /*#okta-sign-in .o-form-error-container {
        display: none !important;
    }*/

    #okta-sign-in .o-form-input-error {
        background-color: #fee9ea !important;
        color: #ff676e !important;
        font-family: din-2014, sans-serif !important;
        font-size: 14px !important;
        padding: 8px 16px !important;
    }

        #okta-sign-in .o-form-input-error .icon-16 {
            display: none !important;
        }

        #okta-sign-in .o-form-input-error .no-beacon .auth-content {
            padding-top: 30px !important;
        }

    #okta-sign-in .registration-container .content-container {
        border-top: 0 !important;
        padding: 15px 0 !important;
        text-align: center !important;
    }

        #okta-sign-in .registration-container .content-container .registration-label {
            color: #000 !important;
            float: left;
            font-family: din-2014, sans-serif !important;
            font-size: 13px !important;
            margin-right: 5px !important;
        }

        #okta-sign-in .registration-container .content-container .registration-link {
            border-bottom: 1px solid #000 !important;
            color: #000 !important;
            float: left;
            font-family: din-2014, sans-serif !important;
            font-size: 14px !important;
        }

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

    #okta-sign-in .focused-input {
        box-shadow: none !important;
    }

    #okta-sign-in .o-form-explain {
        font-weight: 700;
    }

    #okta-sign-in .pageDescRecoveryPwd {
        color: #000 !important;
        font-family: din-2014, sans-serif !important;
        font-size: 15px !important;
        font-weight: 400;
        line-height: 22px !important;
        margin-bottom: 20px;
        text-align: center;
    }

    #okta-sign-in .registration_heading {
        padding: 40px 40px 25px;
    }

        #okta-sign-in .registration_heading .reg_options h3 {
            color: #000;
            font-family: Conv_DINPro-Regular, DIN, sans-serif !important;
            font-size: 18px;
            font-weight: 500;
            line-height: 27px;
            margin-bottom: 24px;
            text-align: left;
            text-transform: capitalize;
        }

        #okta-sign-in .registration_heading .reg_options button {
            background-clip: unset;
            background-color: #f9f9f9;
            border: 1px solid #a4a4a4 !important;
            border-radius: 2px;
            color: #212121 !important;
            font-family: din-2014, sans-serif !important;
            font-weight: 500;
            height: 60px;
            margin: 10px 4px;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: capitalize;
            white-space: nowrap;
        }

            #okta-sign-in .registration_heading .reg_options .activeOption,
            #okta-sign-in .registration_heading .reg_options button:hover {
                background-color: #000;
                border: 1px solid #a4a4a4 !important;
                color: #fff !important;
            }

        #okta-sign-in .registration_heading .reg_message {
            background-color: #eee;
            color: #000 !important;
            display: none;
            font-family: Conv_DINPro-Regular, DIN, sans-serif !important;
            font-size: 14px !important;
            line-height: 22px !important;
            padding: 8px 16px;
        }

    #okta-sign-in .registration .o-form-fieldset .o-form-label {
        line-height: 15px !important;
        padding-bottom: 3px;
        width: 100% !important;
    }

    #okta-sign-in .registration .o-form-fieldset .o-form-input,
    #okta-sign-in .registration .o-form-fieldset .o-form-input .chzn-container {
        width: 100% !important;
    }

    #okta-sign-in .registration .o-form-fieldset label {
        font-family: din-2014, sans-serif !important;
        font-weight: 400;
        margin-bottom: 3px;
        text-transform: none;
    }

    #okta-sign-in .registration .o-form-button-bar {
        text-align: left;
    }

        #okta-sign-in .registration .o-form-button-bar .btn,
        #okta-sign-in .registration .o-form-button-bar .button {
            display: inline-block;
            /*width: 30% !important;*/
            border-radius: 2px !important;
        }

    #okta-sign-in .registration .reg_heading {
        color: #000;
        font-family: Conv_DINPro-Bold, DIN, sans-serif;
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        padding-bottom: 25px;
        padding-top: 10px;
        text-transform: none;
    }

    #okta-sign-in .registration .auth-footer {
        text-align: left;
    }
    #okta-sign-in .registration .auth-footer {
        margin-top: 15px !important;
    }
    #okta-sign-in .registration .aleady-login {
        color: #000 !important;
    }
    #okta-sign-in .forgot-password .auth-footer {
        margin-top: 0px !important;
    }
    #okta-sign-in .registration .chzn-container-single .chzn-single {
        background-color: #f8f8f8 !important;
        border: 1px solid #a4a4a4 !important;
        border-radius: 2px !important;
        color: #ccc !important;
        font-size: 12px !important;
        font-weight: 450 !important;
        height: 45px !important;
        line-height: 44px !important;
        text-transform: uppercase !important;
    }

    #okta-sign-in .registration .custom-checkbox label {
        color: #000 !important;
        font-size: 15px !important;
        font-weight: 400;
        text-transform: none;
    }

    #okta-sign-in .registration .termsLink {
        border-bottom: 1px solid #000;
        color: #000 !important;
        font-family: din-2014, sans-serif !important;
        font-weight: 500;
    }

    #okta-sign-in .registration .chzn-results-custom-select {
        border: 1px solid #e6e6e6;
        color: #777;
        font-family: din-2014, sans-serif !important;
        font-size: 12px;
        font-weight: 700;
        height: 45px;
        line-height: 44px !important;
        padding: 5px;
        text-transform: uppercase;
        width: 100% !important;
    }

        #okta-sign-in .registration .chzn-results-custom-select:after {
            border: 0 !important;
            line-height: 44px !important;
        }

    #okta-sign-in .registration .s-hidden {
        padding-right: 10px;
        visibility: hidden;
    }

    #okta-sign-in .registration .select-okta {
        border: 1px solid #e6e6e6 !important;
        cursor: pointer;
        font-family: din-2014, sans-serif !important;
        font-family: 12px !important;
        height: 44px;
        position: relative;
    }

    #okta-sign-in .registration .confrim-password_error,
    #okta-sign-in .registration .custom-input-error {
        background-color: #fee9ea !important;
        color: #ff676e !important;
        font-family: din-2014, sans-serif !important;
        font-size: 14px !important;
        margin-top: 47px;
        padding: 8px 16px;
    }

    #okta-sign-in .registration .custom-input-error {
        display: none;
    }

    #okta-sign-in .registration .terms-conditions {
        margin-top: 20px !important;
    }

    #okta-sign-in .registration .manditory-feild {
        color: #000;
        padding-left: 4px !important;
    }

    #okta-sign-in .registration .required-fields-label {
        font-family: din-2014, sans-serif !important;
        display: none !important;
    }

    #okta-sign-in .registration .registration-Desc {
        border-bottom: 2px solid #000 !important;
        color: #212121 !important;
        font-family: din-2014, sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.6rem !important;
        margin: 0 0 25px;
        padding-bottom: 35px !important;
        text-align: center;
    }

    #okta-sign-in .registration #check_box_wrapper {
        padding-top: 10px;
    }

    #okta-sign-in .registration .registrationPage-interests {
        font-size: 15px !important;
        padding-bottom: 10px;
    }

    #okta-sign-in input[type="checkbox"],
    #okta-sign-in label:before {
        background-color: #57b05f;
        border-color: #57b05f;
    }

    .success-message {
        background-color: #fff;
        border-radius: 2px;
        color: #000;
        line-height: 22px;
        margin: 0 auto;
        padding: 2rem 3rem 3.5rem;
        text-align: center;
        /*width: 740px;*/
    }

        .success-message .pageTitleRegisterSuccess {
            font-family: DIN;
            margin-bottom: 40px;
            margin-top: 20px;
        }

        .success-message .registrationPage-confirmation-title {
            font-family: Conv_DINPro-Bold, DIN, sans-serif !important;
            font-size: 30px;
            font-weight: 600;
            line-height: normal;
            margin: 0 0 30px;
            text-align: center;
            text-transform: uppercase;
        }

        .success-message .pageDescRegisterSuccess {
            font-family: Conv_DINPro-Regular, DIN, sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.6em;
        }

        .success-message .btn-login {
            background-color: #000 !important;
            color: #fff !important;
            padding: 15px !important;
            width: 150px;
            font-family: Conv_DINPro-Regular, DIN, sans-serif;
            font-size: 12px;
            font-weight: 600;
            margin-top: 20px;
        }

    #successOverlay {
        display: none;
    }

    @media only screen and (min-device-width: 360px) and (max-device-width: 767px) {
        #okta-sign-in {
            margin-left: 10px !important;
            min-width: 100% !important;
        }

            #okta-sign-in .auth-footer #help-links-container li:first-child {
                margin-top: 20px;
                text-align: center;
            }

            #okta-sign-in.auth-container input[type="submit"] {
                font-family: din-2014, sans-serif !important;
                width: 100% !important;
            }

            #okta-sign-in.auth-container .auth-content {
                max-width: 100% !important;
            }
    }

    .chzn-container-active,
    .chzn-container-active ul {
        font-family: din-2014, sans-serif !important;
    }

        .chzn-container-active ul {
            color: #777 !important;
            font-size: 12px !important;
            font-weight: 600;
            line-height: 44px !important;
            text-transform: uppercase;
        }

        .chzn-container-active.chzn-with-drop .chzn-single {
            background-color: #f8f8f8 !important;
            border: 1px solid #a4a4a4 !important;
            border-radius: 2px !important;
            height: 45px;
            line-height: 45px;
        }

    .chzn-container-single .chzn-single span {
        background-color: #f8f8f8 !important;
        color: #777 !important;
        font-family: din-2014, sans-serif !important;
        font-size: 13px !important;
        text-transform: uppercase;
    }

    .chzn-container .chzn-drop {
        border: 0 !important;
        border-radius: 0 !important;
        border-top: 1px solid #e6e6e6 !important;
        box-shadow: 0 8px 24px hsla(210, 8%, 62%, 0.2) !important;
        margin-top: 0 !important;
    }

    .chzn-results li:first-child {
        display: none !important;
    }

    .lds-dual-ring {
        width: 80px;
        height: 80px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -80px;
        margin-top: -80px;
    }

        .lds-dual-ring:after {
            content: " ";
            display: block;
            width: 64px;
            height: 64px;
            margin: 8px;
            border-radius: 50%;
            border: 6px solid #fff;
            border-color: #fff transparent #fff transparent;
            animation: lds-dual-ring 1.2s linear infinite;
        }

    @keyframes lds-dual-ring {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }