.button-primary {
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    padding: 6px 16px !important;
    color: #fff;
    background-color: #008545;
    background: -o-linear-gradient(top,#008545 0,#008545 100%) !important;
    background: -ms-linear-gradient(top,#008545 0,#008545 100%) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#008545),to(#008545)) !important;
    background: -webkit-linear-gradient(#007dc1,#0073b2) !important;
    background: linear-gradient(#008545,#008545) !important;
    border-color: #008545 #008545 #008545 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
    color: #FFFFFF !important;
    flex: none !important;
    order: 0 !important;
    flex-grow: 0 !important;
    text-transform: none !important;
    align-self: center !important;
    font-family: 'Roboto' !important;
}

#widget #okta-sign-in .phone-authenticator-challenge__link,
#widget #okta-sign-in .enter-auth-code-instead-link {
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    color: #008545 !important;
    background-color: #ffffff;
    border-color: #008545;
    border-width: 2px;
    border-style: solid;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
    text-transform: none;
    align-self: center;
    height: 48px;
    width: 100%;
    text-decoration: none;
}

.button-primary.sms-button {
    color: #008545 !important;
    background: none !important;
    border: 2px solid #008545 !important;
}

.sms-request-button {
    color: #008545 !important;
    background: none !important;
    border: 2px solid #008545 !important;
    text-transform: none;
}

#okta-signin-username, #account-recovery-username {
    /*background-image: url('../../img/signin_person.svg') !important;*/
    background-repeat: no-repeat !important;
    /*padding-left: 10% !important;*/
    background-position: 4% !important;
    background-size: 4% !important;
}
.okta-form-infobox-error span.icon.error-16 {
    display: none !important;
}

.okta-form-infobox-error {
    position: relative !important;
    top: 4px !important;
}

.okta-form-infobox-error .error-header-text {
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 20px !important;
    position: relative;
}

    .okta-form-infobox-error .error-header-text::before {
        content: "";
        background-image: url(../img/signin_alert.svg) !important;
        display: block;
        background-size: 100% !important;
        background-position: 4% !important;
        position: absolute;
        top: 8%;
        right: 103%;
        height: 16px;
        width: 16px;
        background-repeat: no-repeat;
    }

.okta-form-infobox-error ul{
    margin-top: 5px !important;
    list-style: disc !important;
}

.okta-form-infobox-error ul li{
    text-transform: lowercase;
    margin-top: 5px !important;
}

.okta-form-infobox-error ul li:first-letter {
    text-transform: uppercase;
}

span.o-form-input-name-username, span.o-form-input-name-password {
    border: 2px solid #D6D6D6 !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 0 0px #d6d5d6, 0 0px 0px 0 rgb(0 0 0 / 20%), 0 0px 1px 0 rgb(0 0 0 / 19%);
}

#okta-sign-in .infobox:before, #okta-sign-in .infobox-error:before, #okta-sign-in .infobox-warning:before {
    background: none !important;
}

#okta-sign-in .infobox {
    width: 100% !important;
    background: #FFF8F8 !important;
    background-image: url('../img/signin_alert.svg') !important;
    background-repeat: no-repeat !important;
    padding-left: 11% !important;
    background-position: 4% !important;
    background-size: 5% !important;
}

#okta-sign-in .infobox {
    border: 2px solid #D23B12 !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    margin: 4px 0px !important;
}

input[name="newPassword"], input[name="confirmPassword"] {
    background-image: url('../img/signin_lock.svg') !important;
    background-repeat: no-repeat !important;
    padding-left: 11% !important;
    background-position: 4% !important;
    background-size: 5% !important;
}

#help-links-container {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

    #help-links-container a {
        color: #008545 !important;
        font-family: Roboto !important;
        font-style: normal !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        text-align: center !important;
    }

a.registration-link {
    color: #008545 !important;
}

label[for='okta-signin-username'], label[for='okta-signin-password'], label[for='account-recovery-username'] {
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #1C1C1C !important;
}


div.registration-container div.content-container {
    text-align: center !important;
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 30px 0 10px 0 !important;
}

div.custom-checkbox {
    margin-top: -10px !important;
    margin-bottom: 10px !important;
}

#okta-sign-in .registration-container {
    margin-top: 30px !important;
}

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

#okta-sign-in.auth-container input[type=submit]:focus {
    box-shadow: none;
}

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

div.o-form-has-errors ~ div.o-form-fieldset-container span.input-fix {
    border-color: #d93934 !important;
}

div.o-form-has-errors ~ div.o-form-fieldset-container label[for='okta-signin-username'] {
    color: #d93934 !important;
}

div.o-form-has-errors ~ div.o-form-fieldset-container label[for='okta-signin-password'] {
    color: #d93934 !important;
}

span.input-fix {
    display: flex !important;
    align-items: center !important;
}

span.o-form-input-name-username::before {
    content: "";
    background: url('../img/signin_person.svg') no-repeat;
    display: block;
    width: 18px;
    height: 100%;
    margin-left: 3%;
    background-size: 75% !important;
    background-position: 4% !important;
}

span.o-form-input-name-password::before {
    content: "";
    background: url('../img/signin_lock.svg') no-repeat;
    display: block;
    width: 18px;
    height: 100%;
    margin-left: 3%;
    background-size: 95% !important;
    background-position: 4% !important;
}

@media only screen and (max-width: 480px) {
    #okta-sign-in.auth-container .auth-content {
        max-width: 100% !important;
    }

    #okta-sign-in div.auth-content {
        border: none !important;
    }

    #okta-sign-in .header-txt {
        font-size: 20px !important;
    }
}

@media only screen and (min-width: 768px) {
    #okta-sign-in .auth-content .help-links li:nth-child(2) {
        margin-bottom: 40% !important;
    }

    #okta-sign-in {
        margin-bottom: 10%;
    }
}


@media only screen and (max-width: 767px) and (min-width: 481px) {
    .right-side-inner,
    .left-side-inner.inner-wrap-general {
        width: 100% !important;
    }

    #cclogo {
        display: none !important;
    }

    #okta-sign-in .auth-content .help-links li:nth-child(2) {
        margin-bottom: 20% !important;
    }

    #login-video {
        padding-bottom: 50% !important;
    }

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

    .header-txt {
        font-size: 20px !important;
    }
}

/*iPad 9th gen*/
@media only screen and (min-device-width: 640px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
   
    #LoginSideContent .Content{
        padding-left: 20px;
    }
    
    #cclogo {
        display: none !important;
    }

    #okta-sign-in .auth-content .help-links li:nth-child(2) {
        margin-bottom: 20% !important;
    }

    #login-video {
        padding-bottom: 50% !important;
    }

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

    .header-txt {
        font-size: 20px !important;
    }

    #widget #okta-sign-in .o-form-explain {
        font-size: 14px;
    }

    #widget #okta-sign-in .phone-authenticator-challenge .okta-form-subtitle p {
        font-size: 16px;
    }

    #widget #okta-sign-in .phone-authenticator-challenge .okta-form-subtitle {
        font-size: 16px;
    }
 }

@media only screen and (max-width: 1024px) {
    #widget #okta-sign-in .o-form-head {
        font-size: 24px !important;
    }
}

#okta-sign-in .options {
    overflow-y: inherit !important
}

#okta-sign-in span.o-form-input-name-rememberDevice {
    display: none !important;
}

.txt-center {
    text-align: center !important;
}

.txt-left {
    text-align: left !important;
}

.header-txt {
    font-weight: 500 !important;
    font-size: 24px !important;
    font-family: 'Roboto' !important;
    font-style: normal !important;
    color: #1C1C1C !important;
}

.header-size {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.full-width {
    width: 100% !important;
}

.no-float {
    float: none !important;
}

.medium-font {
    font-size: 20px !important;
}

#okta-sign-in div.okta-form-label label {
    float:left !important;
}

#okta-sign-in .sms-request-button {
    border: 2px solid #008545 !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    text-align: center !important;
    text-transform: none !important;
    color: #008545 !important;
    margin-top:34px !important;
}

#okta-sign-in .icon.warning-16 {
    display: none !important;
}
#okta-sign-in .password-reset .auth-footer {
    border-top: 1px solid #ddd;
    justify-content: center;
    display: flex;
    align-items: center;
    padding-top: 20px;
    font-size: 14px;
}

    #okta-sign-in .password-reset .auth-footer a {
        color: #008545 !important;
    }

.password-reset-email-sent .o-form-explain {
    text-align: left;
    font-size: 16px;
}

::-ms-reveal {
    display: none;
}

#okta-sign-in .password-reset-email-sent .o-form-head + .o-form-explain {
    text-align: left;
    color: #353535;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}

.recovery-challenge-code-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px !important;
}

    .recovery-challenge-code-container span.email-reset-didnot-receive-code-text {
        text-align: center;
    }

        .recovery-challenge-code-container span.email-reset-didnot-receive-code-text a.send-email-link {
            display: inline !important;
            color: #008545 !important;
            font-size: 14px !important;
            font-weight: 500 !important;
        }

#okta-sign-in .recovery-challenge .o-form-fieldset.enroll-sms-phone {
    width: 100% !important;
}

#okta-sign-in .recovery-challenge .o-form-fieldset .okta-form-label {
    color: #1C1C1C;
    font-size: 14px;
    line-height: 20px;
    font-weight:500;
}


#okta-sign-in .mobile-recovery-hint {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #353535;
}

#okta-sign-in div.password-reset-email-sent .o-form-head {
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 32px !important;
    color: #1C1C1C !important;
    text-align: left !important;
}
#okta-sign-in .forgot-password-sms-enabled .mobile-recovery-hint {
    font-size: 13px;
    padding-bottom: 30px;
    position: relative;
    top: 5px;
    color: black;
}

    #okta-sign-in .forgot-password .auth-footer a {
        color: #008545 !important;
    }

#okta-sign-in .recovery-challenge .auth-footer {
    border-top: 1px solid #ddd;
    justify-content: center;
    display: flex;
    align-items: center;
    padding-top: 20px;
    font-size: 14px;
    /*margin-top: 218px;*/
}

    #okta-sign-in .recovery-challenge .auth-footer a {
        color: #008545 !important;
    }

#okta-sign-in .password-reset .auth-footer {
    border-top: 1px solid #ddd;
    justify-content: center;
    display: flex;
    align-items: center;
    padding-top: 20px;
    font-size: 14px;
    /*margin-top: 218px;*/
}

    #okta-sign-in .password-reset .auth-footer a {
        color: #008545 !important;
    }

.password-reset-email-sent .o-form-explain {
    text-align: left;
    font-size: 16px;
}

#okta-sign-in.auth-container .mfa-okta-sms {
    background-image: url('../img/signin_sms.svg');
   
}

#okta-sign-in.auth-container .mfa-okta-email {
    background-image: url('../img/signin_email.svg');
}

#okta-sign-in.auth-container .okta-form-label {
    font-size: 14px;
    line-height: 20px;
    color: #1C1C1C;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
}


#okta-sign-in .mfa-email-sent-content, #okta-sign-in .mfa-send-email-content {
    text-align: center !important;
    margin-bottom: 32px !important;
}

#okta-sign-in .mfa-verify-email .mask-email {
    font-weight: normal !important;
    font-size: 24px !important;
    line-height: 32px !important;
    color: #000000 !important;
}

#okta-sign-in .mfa-verify p.o-form-explain {
    font-size: 24px !important;
    color: #000000 !important;
}

#okta-sign-in .green {
    color: #008545 !important;
}

#okta-sign-in.auth-container .mfa-sms-30, #okta-sign-in.auth-container .mfa-email-30 {
    background-color: #F2FCF5 !important;
    background-size: 16px !important;
    height: 30px !important;
    width: 30px !important;
    border: 1px solid #D6D6D6;
}
#okta-sign-in.auth-container .mfa-sms-30 {
    background-image: url('../img/signin_sms.svg');
}

#okta-sign-in.auth-container .mfa-email-30 {
    background-image: url('../img/signin_email.svg');
  
}

#okta-sign-in .okta-dropdown-option a {
    color: #000000 !important;
    text-align: left !important;
    padding-left: 35px !important;
    font-size: 14px !important;
}

#okta-sign-in .okta-dropdown-option a.dropdown-list-title {
    font-weight: 600 !important;
    font-size: 16px !important;
}

#okta-sign-in .factors-dropdown-wrap {
    top: 44% !important;
    right: -57% !important;
}

#okta-sign-in .factors-dropdown-wrap .link-button {
    width: 38px !important;
    height: 38px !important;
    float: right;
    margin-left: 0px;
    border-radius: 5px !important;
    border: 2px solid #D6D6D6;
}

#okta-sign-in .factors-dropdown-wrap .dropdown.more-actions span.icon-dm {
        background: url('../img/signin_drop.svg') no-repeat;
        top: 14px;
        left: 12px;
        width: 100%;
}

#okta-sign-in .mfa-verify .sms-request-button {
    width: 42%;
}
#okta-sign-in .mfa-verify-passcode .auth-passcode {
    width: 54%;
}
#okta-sign-in .auth-header {
    z-index: 1;
}

#okta-sign-in .recovery-challenge .sms-request-button.link-button {
    width: 58%;
}
#okta-sign-in .recovery-challenge .o-form .input-fix,
#okta-sign-in .password-reset .o-form .input-fix {
    border: 2px solid #D6D6D6;
    box-sizing: border-box;
    border-radius: 8px;
}

#okta-sign-in .auth-content.normal-padding {
    padding-left: 34px;
    padding-right: 34px;
}
#okta-sign-in .forgot-password .o-form-error-container {
    color: #777;
}

#okta-sign-in .account-unlock .auth-footer {
    border-top: 1px solid #ddd;
    justify-content: center;
    display: flex;
    align-items: center;
    padding-top: 20px;
    font-size: 14px;
    /*margin-top: 218px;*/
}

    #okta-sign-in .account-unlock .auth-footer a {
        color: #008545 !important;
    }


/*
    set font size as 16px to avoid safari browser to zoom in when inout focus
    DOTC-9092
*/
#okta-sign-in .o-form .input-fix input[type=number], 
#okta-sign-in .o-form .input-fix input[type=password], 
#okta-sign-in .o-form .input-fix input[type=tel], 
#okta-sign-in .o-form .input-fix input[type=text], 
#okta-sign-in .o-form .input-fix input[type=textbox]{
    font-size: 16px !important;
}

#okta-sign-in .o-form .input-fix input[type=number], 
#okta-sign-in .o-form .input-fix input[type=tel], 
#okta-sign-in .o-form .input-fix input[type=text], 
#okta-sign-in .o-form .input-fix input[type=textbox]{
    font-family: 'Roboto' !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #1c1c1c !important;
}

#okta-sign-in .no-margin {
    width: 90%;
    margin: 0 auto;
}

input[name="newPassword"]::-webkit-credentials-auto-fill-button,
input[name="confirmPassword"]::-webkit-credentials-auto-fill-button {
    margin-right: 16px !important;
}

.error-format {
    word-wrap: break-word !important;
    text-align: left !important;
}

#okta-sign-in .mfa-verify p.o-form-explain.o-form-input-error {
    font-size: 14px !important;
    word-break: break-word !important;
    text-align: left !important;
}

.o-form-input-name-answer{
    border-radius:  8px !important;
}

#okta-sign-in .custom-checkbox label{
    font-size: 14px !important;
    font-weight: 400 !important;
    /*background-position: -16px -113px !important;*/
}

@media only screen and (max-width: 900px){
    #okta-sign-in .mfa-verify p.o-form-explain.o-form-input-error {
        font-size: 12px !important;
        word-break: break-word !important;
    }
}


@media only screen and (min-width:760px) and (max-width: 1190px) {
    #okta-sign-in .mfa-verify p.o-form-explain.o-form-input-error {
        font-size: 14px !important;
        word-break: break-word !important;
    }
}

.cmp-Minicart__minicart__root {
    top: 16px;
    right: 16px;
    border-radius: 12px;
    width: 375px;
    max-width: 375px;
}
  
@media (min-width: 640px) {
    .cmp-Minicart__minicart__root {
      max-height: 868px;
    }
}

  @media (min-width: 768px) {
    .cmp-Minicart__minicart__root {
      max-height: 896px;
    }
}

/* OKTA Widget Spinner CSS*/
/*DOTC-22138*/
/*Make thead of okta spinner visible*/
#okta-sign-in .beacon-container.show-oktaloader.beacon-small {
    display: flex;
}

#okta-sign-in .beacon-container.show-oktaloader > div {
    background: rgb(0 0 0 / 30%);
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 8px;
}

#okta-sign-in .show-oktaloader .beacon-blank,
#okta-sign-in .show-oktaloader .auth-beacon {
    display: none;
}
#okta-sign-in.auth-container .okta-sign-in-header {
    padding: 0;
    border: none;
    position: static;
}

#okta-sign-in .beacon-container.show-oktaloader {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: initial !important;
    width: initial !important;
    inset: 0 !important;
    z-index: 9;
    justify-content: center;
    align-items: center;
}

#okta-sign-in .show-oktaloader.beacon-loading::after {
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    width: 48px;
    height: 48px;
    border: 4px solid #e3e3e3;
    border-top: 4px solid #008545;
    right: initial;
    bottom: initial;
    transform: translate(-50%,-50%);
}
.help-block {
    display: none !important;
}
#widget {
    padding-bottom: 1px;
}
@media screen and (min-width: 640px) {
    #widget {
        padding: 32px 0;
    }
}

@media screen and (max-width: 639px) {
    #widget {
        background: #fff;
    }
}

#widget #okta-sign-in .siw-main-footer .footer-info .signup-info .signup-link .link {
    color: #008545;
    text-decoration: none;
    font-weight: 500;
    margin-left: 8px;
}

#widget #okta-sign-in .siw-main-footer .footer-info .signup-info span {
    color: #1C1C1C;
    font-size:14px;
    line-height:20px
}

#widget #okta-sign-in .siw-main-footer .footer-info .signup-info {
    margin-bottom: 14px
}

#widget #okta-sign-in.auth-container .link.js-unlock {
    color: #008545;
    text-align: center;
    width: 100%;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 0;
    line-height: 24px
}

#widget #okta-sign-in {
    border-style: none;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #B7B7B7;
    box-sizing: border-box;
    border-radius: 12px;
    font-family: Roboto;
    font-style: normal;
    width: 450px;
}

@media(min-width: 640px) {
    #widget #okta-sign-in {
        width: 450px !important;
    }
}

@media only screen and (max-width: 639px) {
    #widget #okta-sign-in {
        margin-top: 0;
        border: none;
        border-radius: 0;
        width: 100%;
    }

    #widget #okta-sign-in .auth-content {
        padding: 32px 24px 0 !important;
    }
}

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

@media screen and (min-width: 640px) {
    #widget #okta-sign-in .auth-content {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 32px 24px !important;
    }
}

#LoginPanel {
    background: var(--sbr-neutral-gray-100)
}

#widget #okta-sign-in.auth-container .okta-sign-in-header {
    padding: 0
}

#widget #okta-sign-in .okta-form-title {
    text-align: center;
    color: #1C1C1C;
    margin: 0;
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
}

#widget #okta-sign-in .okta-form-label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 0 0 8px 0;
}

#widget #okta-sign-in .okta-form-label label {
    color: #1C1C1C;
}

#widget #okta-sign-in .o-form-has-errors + .o-form-fieldset-container .o-form-fieldset .o-form-label label {
    color: #d23b12
}

#widget #okta-sign-in .o-form .input-fix {
    border: 2px solid #d6d6d6;
    border-radius: 8px;
    box-sizing: border-box;
    height: 48px;
}

#widget #okta-sign-in .infobox {
    padding: 12px 8px 12px 36px !important;
    background-position: 8px !important;
    background-size: 20px !important;
/*    background-image: url('../../img/alert-triangle-error.svg') !important;*/
    background-repeat: no-repeat !important;
    padding-left: 32px !important;
    background-position: 8px 12px !important;
    background-size: 20px !important;
    margin: 4px 0px 24px 0 !important;
}

#widget #okta-sign-in .infobox.has-warning {
    border: 2px solid #F3A800 !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    margin: 4px 0px 24px 0 !important;
    background-color: #FFF9F3 !important;
    background-image: url('../../img/alert-triangle.svg') !important;
}

#widget #okta-sign-in .infobox:before {
    width: 28px;
}
#widget #okta-sign-in .phone-authenticator-challenge__resend-warning .infobox,
#widget #okta-sign-in .resend-email-view .infobox,
#widget #okta-sign-in .infobox.has-warning {
    border: 2px solid #F3A800 !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    margin: 4px 0px 24px 0 !important;
    background-color: #FFF9F3 !important;
    background-image: url('../../img/alert-triangle.svg') !important;
}
#widget #okta-sign-in .phone-authenticator-challenge__resend-warning .infobox div,
#widget #okta-sign-in .phone-authenticator-challenge__resend-warning .infobox .resend-link,
#widget #okta-sign-in .resend-email-view .infobox div,
#widget #okta-sign-in .resend-email-view .infobox .resend-link {
    color: #1C1C1C;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
#widget #okta-sign-in .phone-authenticator-challenge__resend-warning .resend-link,
#widget #okta-sign-in .resend-email-view .infobox .resend-link {
    line-height: 21px;
}
#widget #okta-sign-in .infobox p, #widget #okta-sign-in .infobox p a {
    color: #1c1c1c;
}

#widget #okta-sign-in .custom-checkbox label {
    outline: none;
    box-shadow: none;
    background-image: none;
    background-position: 0;
    padding: 7px 10px 7px 28px;
}

#widget #okta-sign-in .custom-checkbox label:before {
    content: ' ';
    width: 20px;
    height: 20px;
    border: 2px solid #B7B7B7;
    display: block;
    position: absolute;
    left: 0;
    z-index: 1;
    background: #fff;
    border-radius: 4px;
}

#widget #okta-sign-in .custom-checkbox label.checked:before {
    content: ' ';
    width: 20px;
    height: 20px;
    border: none;
    display: block;
    position: absolute;
    left: 0;
    z-index: 11;
    background: #008545;
    border-radius: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6508 0.740762C12.0701 1.10018 12.1187 1.73148 11.7593 2.15081L5.75927 9.15081C5.58552 9.35352 5.33792 9.47833 5.07162 9.49745C4.80532 9.51657 4.54244 9.42841 4.34151 9.25259L0.341509 5.75259C-0.0741276 5.38891 -0.116245 4.75715 0.247437 4.34151C0.611119 3.92588 1.24288 3.88376 1.65852 4.24744L4.89822 7.08218L10.2408 0.849227C10.6002 0.429901 11.2315 0.381339 11.6508 0.740762Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-size: 12px 9px;
}

/* Added the CSS from Index.cshtml page*/
.help-block {
    display: none !important;
}

* {
    box-sizing: border-box
}

body {
    position: relative;
    min-height: initial;
}

#widget {
    position: relative
}

    #widget .spinner-wrap {
        z-index: 99
    }

.spinner-wrap__outer,
.spinner-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    inset: 0;
    align-content: center;
    align-items: center;
    display: grid;
    gap: 0;
    justify-content: center;
    justify-items: center;
    backdrop-filter: blur(.1em)
}

.spinner-wrap__outer {
    top: 50%;
    left: 50%;
    transform-origin: top;
    transform: translate(-50%, -50%);
    z-index: 99;
    height: 80px;
    width: 80px;
    background: rgba(0, 0, 0, 0.25);
    padding: 12px;
    border-radius: 8px;
}

.spinner-wrap__indicator {
    border: 4px solid #e3e3e3;
    border-radius: 50%;
    border-top: 4px solid #008545;
    width: 48px;
    height: 48px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

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

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

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

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

div.o-form-error-container.o-form-has-errors > div > div > p {
    word-break: normal;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

#okta-sign-in .focused-input {
    outline: 0 solid rgba(0, 78, 168, 0.6) !important;
    box-shadow: 0 0 0 0.1875rem rgba(0, 78, 168, 0.6), 0 0 0 0.375rem rgba(255, 255, 255, 0.6) !important;
    outline-offset: 0;
}

.link.js-forgot-password:focus,
.link.js-unlock:focus,
.registration-link:focus,
.button.email-button:focus,
.button.sms-button:focus,
.link.help.js-back:focus {
    outline: 0 solid rgba(0, 78, 168, 0.6) !important;
    box-shadow: 0 0 0 0.1875rem rgba(0, 78, 168, 0.6), 0 0 0 0.375rem rgba(255, 255, 255, 0.6) !important;
    outline-offset: 0;
}

#originalSubmitButton.hidden-button {
    display: none !important;
}

.custom-cloned-button {
    display: inline-block !important; /* Ensures visibility of cloned buttons */
    /* Additional custom styles for the cloned button */
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
    margin-left: 0px !important;
}

#widget #okta-sign-in .o-form-fieldset {
    margin-bottom: 24px
}

#widget #okta-sign-in .o-form-theme {
    padding: 0;
}

#widget #okta-sign-in .o-form-button-bar {
    padding: 0px !important;
    margin-bottom: 24px
}

 #widget #okta-sign-in .o-form-button-bar .custom-cloned-button {
        padding: 0px
 }

div.custom-checkbox {
    margin : 0px !important;
    color: #1c1c1c
}

div.custom-checkbox label {
    color: #1c1c1c
}

#widget #okta-sign-in .siw-main-footer .footer-info {
    padding-top : 22px;
    margin-top : 24px
}

#widget #okta-sign-in .o-form input[type=text]:focus {
    box-shadow: none
}

#widget #okta-sign-in .o-form-input.o-form-has-errors .okta-form-input-field {
    border-color: #d23b12
}

.button-primary {
    padding-bottom : 0
}

#widget #okta-sign-in .siw-main-footer .auth-footer .link {
    padding: 0px !important;
    color: #008545;
    text-align: center;
    width: 100%;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 0;
    line-height: 24px
}

/* the below code is invalid, need to use margin without !important */
/*.o-form-error-container {
    margin-bottom: 24px !important
}*/

#widget #okta-sign-in .o-form-explain.o-form-input-error {
    color: #d23b12 !important;
    line-height: 20px !important;
    padding-bottom: 0 !important;
}

#widget .auth-content .siw-main-body .o-form-info-container {
    margin-top: 24px;
}

#widget #okta-sign-in .select-authenticator-authenticate.siw-main-view .siw-main-body .identifier-container,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-body .identifier-container,
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-body .identifier-container {
    margin-bottom: 0px;
}

#widget #okta-sign-in .select-authenticator-authenticate.siw-main-view .siw-main-body .identifier,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-body .identifier,
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-body .identifier {
    color: #494949;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
}

#widget #okta-sign-in .authenticator-row .authenticator-icon-container {
    margin-right: 16px;
}
#widget #okta-sign-in .authenticator-verify-list .authenticator-description {
    gap: 0.5rem;
}
#widget #okta-sign-in .authenticator-verify-list .authenticator-description > div:first-child {
    max-width: 250px;
    word-wrap: break-word;
}

#widget #okta-sign-in .authenticator-verify-list .authenticator-description > div {
    margin: 0;
}

#widget #okta-sign-in.auth-container .select-authenticator-authenticate.siw-main-view .mfa-okta-email,
#widget #okta-sign-in.auth-container .select-authenticator-authenticate.siw-main-view .mfa-okta-password,
#widget #okta-sign-in.auth-container .select-authenticator-authenticate.siw-main-view .mfa-okta-phone,
#widget #okta-sign-in.auth-container .siw-main-view .authenticator-icon {
    background-size: 48px 48px;
    height: 48px;
    width: 48px;
}
#widget #okta-sign-in .phone-authenticator-challenge .okta-form-subtitle p {
    margin-top: 0;
}
#widget #okta-sign-in .select-authenticator-authenticate.siw-main-view .okta-form-subtitle,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .okta-form-subtitle,
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .okta-form-subtitle,
#widget #okta-sign-in .authenticator-verification-data--phone_number.siw-main-view .okta-form-subtitle,
#widget #okta-sign-in .challenge-authenticator--phone_number.siw-main-view .okta-form-subtitle {
    margin: 16px 0 24px 0;
    color: #1c1c1c;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-footer .auth-footer .link.js-cancel,
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-footer .auth-footer .link.js-switchAuthenticator,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-footer .auth-footer .link.js-cancel,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-footer .auth-footer .link.js-switchAuthenticator,
#widget #okta-sign-in .select-authenticator-authenticate.siw-main-view .siw-main-footer .auth-footer .link.js-cancel {
    font-size: 16px;
    line-height: 24px;
    color: #008545;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 100%;
    font-weight: 500;
}

#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-footer .auth-footer .link.js-cancel,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-footer .auth-footer .link.js-cancel {
    padding-top: 16px !important;
}

#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-footer,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-footer {
    border-top: none;
    padding-top: 0;
}
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-header:before,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-header:before {
    top: 50%;
    right: -24px;
}
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-header:after,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-header:after {
    top: 50%;
    left: -24px;
}
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-header:before,
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .siw-main-header:after
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-header:before,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .siw-main-header:after {
    content: ' ';
    height: 1px;
    background-color: #e5e5e5;
    width: calc(50% - 32px);
    position: absolute;
    display: block;
}

/* todo: review and remove the following code block once verify wpassword changes are merged */
/*#widget #okta-sign-in .select-authenticator-authenticate.siw-main-view .siw-main-footer {
    border-top: 1px solid #e5e5e5;
    padding-top: 16px;
}*/

#widget #okta-sign-in .select-authenticator-authenticate.siw-main-view .o-form-error-container {
    margin-bottom: 0 !important;
}

#widget #okta-sign-in .authenticator-verify-list .authenticator-description .authenticator-button {
    margin-left: auto;
    width: auto;
}

#widget #okta-sign-in .select-authenticator-unlock-account.siw-main-view .authenticator-row .authenticator-button .custom-verify-button,
#widget #okta-sign-in .authenticator-row .authenticator-button .button.select-factor.link-button {
    font-size: 16px;
    line-height: 1.24;
    padding: 8px 0;
    color: #008545;
    border: 2px solid #008545;
    border-radius: 8px;
    height: auto;
    box-sizing: border-box;
    height: 40px;
    width: 77px;
    text-transform: capitalize;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    background: white
}

#widget #okta-sign-in .siw-main-footer .footer-info .signup-info {
    padding: 0 0 10px 0;
}

#widget #okta-sign-in .authenticator-verify-list .authenticator-description {
    width: 100%;
}

#widget #okta-sign-in .select-authenticator-authenticate .okta-form-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}

#widget #okta-sign-in .authenticator-verify-list .authenticator-description .authenticator-label {
    font-size: 16px;
    line-height: 24px;
    color: #1C1C1C;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
}

#widget #okta-sign-in .authenticator-verify-list .authenticator-description .authenticator-description--text {
    font-size: 16px;
    line-height: 24px;
    color: #1C1C1C;
    font-weight: 400;
}

@media screen and (min-width: 481px) {
    #sbContainer {
        background: #f2f2f2;
    }
}

@media screen and (min-width: 640px) and (max-width: 1024.98px) {
    .header__menu {
        background: #f2f2f2;
    }
}

@media screen and (max-width: 1024.98px) {
    .header__menu {
        display: none;
    }
}

#widget #okta-sign-in .siw-main-view .siw-main-body .identifier {
    font-size: 14px;
    line-height: 20px;
    color: #494949;
    font-weight: 400;
}

#widget #okta-sign-in .siw-main-view .siw-main-body .identifier-container {
    top: 0px;
    margin-bottom: 24px
}

#widget #okta-sign-in .beacon-container {
    position: static;
    height: 96px;
    width: 96px;
    margin-bottom: 24px;
}

#widget #okta-sign-in .auth-beacon-border {
    border: none;
    height: 80px;
    width: 80px;
}

#widget #okta-sign-in .siw-main-footer .auth-footer .link.js-forgot-password {
    margin-bottom: 16px
}

#widget #okta-sign-in .siw-main-footer .auth-footer .link.js-switchAuthenticator {
    margin-bottom: 16px
}

#okta-sign-in .o-form .input-fix input:-webkit-autofill, #okta-sign-in .o-form .textarea-fix input:-webkit-auto {
    border-radius: 8px
}

#widget #okta-sign-in .siw-main-footer .auth-footer .link.js-cancel {
    border-top: 1px solid #ddd;
    padding-top: 16px !important
}

#widget #okta-sign-in .beacon-container::before {
    content: '';
    width: 450px;
    height: 1px;
    background: #E5E5E5;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    width: 100vw;
}

@media(min-width: 640px) {
    #widget #okta-sign-in .beacon-container::before {
        width: 448px; /* -2px to exclude left/right border width */
    }
}

#widget .siw-main-header::before {
    left: -24px;
}

#widget .siw-main-header::after {
    right: -24px;
}

#widget #okta-sign-in.auth-container .mfa-okta-password {
    background-image: url('../../img/password_lock.svg');
}

#widget #okta-sign-in.auth-container .mfa-okta-email {
    background-image: url('../../img/email.svg');
    background-size: 48px 48px;
    height: 48px;
    width: 48px;
}
#okta-sign-in.auth-container.main-container .bg-helper {
    background-size: 80px 80px !important;
    height: 80px !important;
    width: 80px !important;
}

#widget #okta-sign-in.auth-container .mfa-okta-phone {
    background-image: url('../../img/phone.svg');
    background-size: 48px 48px;
    height: 48px;
    width: 48px;
}

@media(max-width: 768px) {
    #widget #okta-sign-in .okta-form-title {
        font-size: 24px;
        line-height: 32px
    }
}
 
}

/*** verify with email styles ***/
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .beacon-container,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .beacon-container {
    position: static;
    height: 96px;
    width: 96px;
    margin-bottom: 24px;
}
#widget #okta-sign-in .challenge-authenticator--okta_email.siw-main-view .beacon-container .auth-beacon-border,
#widget #okta-sign-in .authenticator-verification-data--okta_email.siw-main-view .beacon-container .auth-beacon-border {
    border: none;
}

#widget #okta-sign-in .phone-authenticator-challenge .okta-form-subtitle {
    color: #1c1c1c;
    font-weight: 400;
}

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

#widget #okta-sign-in .o-form-explain {
    margin-top: 24px;
}

#widget #okta-sign-in .siw-main-view .okta-form-subtitle {
    color: #1c1c1c;
}
#widget #okta-sign-in .phone-authenticator-challenge .okta-form-subtitle p {
    margin-top: 4px;
    margin-bottom: 24px;
}

#widget #okta-sign-in .siw-main-view .clearfix:after, #widget #okta-sign-in .siw-main-view .clearfix:before {
    height: 0%
}

#widget #okta-sign-in .siw-main-view .button, #widget #okta-sign-in .siw-main-view .input-group-wrap .input-group-label, #widget #okta-sign-in .siw-main-view .applyBtn {
    margin: 0
}

::before {
    box-sizing: inherit;
}

#widget #okta-sign-in .siw-main-view.reset-authenticator--okta_password.forgot-password .password-authenticator--heading {
    margin-bottom: 0.5rem;
    margin-top: 24px;
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

#widget #okta-sign-in .siw-main-view.reset-authenticator--okta_password.forgot-password .password-authenticator--list {
    color: #1c1c1c;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Roboto';
    margin-bottom: 1.5rem;
}

#widget #okta-sign-in .siw-main-view.reset-authenticator--okta_password.forgot-password .infobox-error {
    margin-top: 24px !important;
}

@media screen and (min-width: 1024.98px) {
    #widget #okta-sign-in .select-authenticator-authenticate .okta-form-title {
        font-size: 32px;
        line-height: 40px;
    }
}

body {
    margin : 0
}

#LoginPanel .loginaem-widget #okta-sign-in .auth-footer .footer-info .signup-info {
    padding-bottom: 0
}

#LoginPanel .loginaem-widget #okta-sign-in {
    margin-bottom: 0
}

#LoginPanel .login-aemgr-widget #okta-sign-in .okta-form-title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    font-weight: 500
}