@font-face {
    font-family: segoe_UI;
    src: url(/assets/fonts/SegoeUI.ttf);
}

@font-face {
    font-family: roboto-bold;
    src: url(/assets/fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: roboto-medium;
    src: url(/assets/fonts/Roboto-Medium.ttf);
}

.login-info-top {
    margin: 25px 0px 25px 0px;
}

.sso_login_section {
    /*display: table;*/
    background-color: #fff;
    margin: auto;
    width: 60%;
    box-shadow: 0 3px 16px rgb(0 0 0 / 10%), 0 3px 0px rgb(0 0 0 / 0%);
}

.has-error {
    border: 1px solid red !important;
}
.errormail{
    color:red !important;
    font-size:12px;
}
.sso_login-content-sec {
    padding: 0px 25px
}

.sso_login_section p {
    color: #4f4f4f;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.5px;
    margin: 0px !important;
}

.sso_login_section .sso-login-foot {
    display: table;
    width: 100%;
    padding: 20px 30px;
}

    .sso_login_section .sso-login-foot .align-sso_foot-left {
        /*float:left*/
        display: inline-block !important;
        text-decoration: none;
        font-size: 14px
    }


        .sso_login_section .sso-login-foot .align-sso_foot-left i {
            padding-right: 5px
        }

    .sso_login_section .sso-login-foot .align-sso_foot-right {
        float: right;
        color: #4F4F4F
    }

        .sso_login_section .sso-login-foot .align-sso_foot-right a {
            padding-left: 5px;
            text-decoration: none
        }

.sso_login_section .sso_signin-option li .sso_login {
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #003E7F;
    color: #003E7F;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding: 0px;
    display: inline-block;
    height: 42px;
    width: 220px;
    text-align: left;
    font-family: segoe_UI;
}

    .sso_login_section .sso_signin-option li .sso_login img {
        width: 40px;
        margin-right: 6px;
        padding: 7px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
    }


.sso_login_section h4 {
    color: #1E417C;
    font-size: 22px;
    font-weight: 600;
    padding: 10px;
    letter-spacing: 2px;
}

.sso_login_section .sso_signin-option {
    padding: 0px;
    /*margin-top: 20px;*/
}

    .sso_login_section .sso_signin-option li {
        list-style: none;
        padding: 10px 0px;
        text-align: left;
    }

        .sso_login_section .sso_signin-option li .sso_microsoft {
            text-decoration: none;
            background-color: #2F2F2F;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            padding: 8px 10px 10px 10px;
            display: inline-block;
            height: 41px;
            width: 220px;
            text-align: left;
            font-family: segoe_UI;
        }

            .sso_login_section .sso_signin-option li .sso_microsoft img {
                width: 25px;
                margin-right: 12px;
                padding: 1px;
            }

        .sso_login_section .sso_signin-option li .sso_google {
            text-decoration: none;
            background-color: #4285F4;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            /* padding: 2px 2.5px; */
            display: inline-block;
            height: 40px;
            width: 220px;
            text-align: left;
            letter-spacing: 0.7px;
            border-radius: 1px;
            font-family: segoe_UI;
        }

            .sso_login_section .sso_signin-option li .sso_google img {
                width: 40px;
                margin-right: 4px;
                padding: 7px;
                background-color: #fff;
                border: 1px solid #4285f4;
                border-radius: 1px;
            }

        .sso_login_section .sso_signin-option li .sso_facebook {
            text-decoration: none;
            background-color: #1877f2;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            /* padding: 2px 2.5px; */
            display: inline-block;
            height: 40px;
            width: 220px;
            text-align: left;
            border-radius: 1px;
            font-family: Helvetica, Arial, sans-serif;
        }

            .sso_login_section .sso_signin-option li .sso_facebook img {
                width: 40px;
                margin-right: 3px;
                padding: 7px;
                border-radius: 1px;
            }

        .sso_login_section .sso_signin-option li .sso_apple {
            text-decoration: none;
            background-color: #000;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            /* padding: 2px 2.5px; */
            display: inline-block;
            height: 40px;
            width: 220px;
            text-align: left;
            border-radius: 1px;
            letter-spacing: 0.7px;
        }

            .sso_login_section .sso_signin-option li .sso_apple img {
                width: 40px;
                margin-right: 0px;
                padding: 7px;
                border-radius: 1px;
            }

            .sso_login_section .sso_signin-option li .sso_apple span {
                display: inline-block;
                vertical-align: text-top;
                padding-top: 0;
            }

        .sso_login_section .sso_signin-option li .sso_email {
            text-decoration: none;
            background-color: #003E7F;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            padding: 10px 3px;
            display: inline-block;
            height: 42px;
            width: 220px !important;
            text-align: center;
            font-family: segoe_UI;
        }

.sso_login_section .sso-login-foot {
    display: table;
    width: 100%;
    padding: 10px 0px;
}

    .sso_login_section .sso-login-foot .align-sso_foot-left {
        /* float: left; */
        text-decoration: none;
        font-size: 14px;
        display: block;
    }

        .sso_login_section .sso-login-foot .align-sso_foot-left i {
            padding-right: 5px
        }

    .sso_login_section .sso-login-foot .align-sso_foot-right {
        float: right;
        color: #4F4F4F
    }

        .sso_login_section .sso-login-foot .align-sso_foot-right a {
            padding-left: 5px;
            text-decoration: none
        }

/* sso-login*/

.exception-alter {
    padding: 15px 0px;
}

    .exception-alter a {
        font-size: 15px;
        text-decoration: underline;
    }

    .exception-alter .or-seperator {
        border-top: 1px solid #E6E6E6;
        position: relative;
        padding-bottom: 25px;
        width: 220px;
        margin: auto;
    }

        .exception-alter .or-seperator:after {
            content: 'or';
            color: #707070;
            position: absolute;
            left: 44%;
            top: -13px;
            letter-spacing: 0.5px;
            font-size: 16px;
            background-color: #fff;
            padding: 0px 8px;
        }

.continue-sso {
    padding: 70px 0px;
}

.continue-sso-content {
    padding: 0px 30px
}

.continue-sso h4 {
    color: #1E417C;
    font-size: 22px;
    font-weight: 600;
    padding: 10px;
    letter-spacing: 2px;
}

.continue-sso-content .sso_microsoft,
.continue-sso-content .sso_google,
.continue-sso-content .sso_email,
.continue-sso-content .sso_email {
    width: 220px !important;
}


/*latest css*/
.sign-in .sso-login-foot {
    width: 85%
}
.sign-up .sso-login-foot {
    width: 80%
}

.padding-top-20 {
    padding-top: 20px !important
}
.sso_login_section.sign-in,
.sso_login_section.sign-up {
    width: 80%;
    padding: 0px 25px;
}

.signin-forms {
    padding: 15px 0px 0px
}

.split-hr {
    position: relative;
    text-align: center;
    border-right: 1px solid #E6E6E6;
    margin-bottom: 20px;
}

    .split-hr:after {
        content: 'OR';
        color: #707070;
        position: absolute;
        right: -8px;
        top: 45%;
        letter-spacing: 0.5px;
        font-size: 16px;
        background-color: #fff;
    }

.sso_login_section .form-group {
    margin-bottom: 20px !important
}

::placeholder {
    color: #BCBCBC !important;
    opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #BCBCBC !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #BCBCBC;
}

.prepend-icon {
    position: relative;
}

    .prepend-icon .m-icon {
        position: absolute;
        left: 0px;
        top: 0px;
        color: #4f4f4f;
        font-size: 16px;
        width: 40px;
        height: 100%;
        border-right: 1px solid #ccc;
    }

        .prepend-icon .m-icon i {
            padding-top: 13px
        }

    .prepend-icon input {
        padding-left: 45px !important
    }

.theme-btn, .theme-btn:hover,
.theme-focus {
    text-align: center;
    width: 100%;
    background-color: #003E7F !important;
    color: #fff;
    outline: none;
    margin: 0px;
    border: none !important
}

.sign-in .sso_login_section .sso-login-foot {
    width: 85%;
}

.forgot-list {
    padding-bottom: 20px
}

    .forgot-list a {
        position: relative;
        margin-right: 6px;
        padding: 10px 5px;
        text-decoration: none;
        color: #337ab7 !important;
    }

        .forgot-list a:first-child:before {
            content: '|';
            color: #337ab7 !important;
            position: absolute;
            right: -7px;
            top: 8px !important;
        }

.note-content {
    text-align: left;
    display: block
}

.space-20 {
    padding: 20px 30px
}

.space-30 {
   padding: 20px 40px
}

.text-align-left {
    float: left !important
}

.text-align-right {
    float: right !important
}

.sso-login-modal .modal-body {
    padding: 30px 30px 15px 30px
}

.sso-login-modal .modal-footer .theme-btn {
    width: auto;
    float: none;
    /* text-align: center; */
    margin: auto;
    display: table;
    padding: 0px 30px;
}

.indicate-sec {
    padding-bottom: 25px;
}

.sso-login-modal .modal-body p {
    color: #4F4F4F;
    line-height: 24px;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.sso-login-modal .modal-body h5 {
    margin: 0px;
    color: #4F4F4F;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 15px;
}

.sso-login-modal .modal-content {
    border-radius: 0px !important
}

.sso-login-modal .modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(85% - (0.5rem * 2));
}

.g-recaptcha {
    transform: scale(1.23);
    -webkit-transform: scale(1.23);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.forgot-captcha .g-recaptcha {
    transform: scale(1.56);
    -webkit-transform: scale(1.56);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.toggle-password {
    position: absolute;
    right: 9px;
    top: 14px;
    color: #BEBEBE;
}

.password-valiadtion {
    /* margin-top: -15px;*/
    margin-bottom: 10px
}

    .password-valiadtion .validate {
        text-align: left !important;
        font-size: 12px;
        padding: 0px 0px 3px 13px;
        line-height: initial;
        position: relative;
        color: #4F4F4F
    }

        .password-valiadtion .validate:before {
            position: absolute;
            content: '\f058';
            font-family: FontAwesome;
            left: 0px;
            top: 1px;
            color: #D2D2D2;           
        }

        .password-valiadtion .validate.v_green,
        .password-valiadtion .validate.v_green:before {
            color: #55CB82
        }

.sign-up .split-hr {
    margin-left: -30px;
    padding-left: 30px;
    border-right: 0px !important;
    border-left: 1px solid #E6E6E6;
}

    .sign-up .split-hr:after {
        left: -8px;
        right: initial
    }

.sign-up .signin-forms {
    padding: 10px 0px 0px;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.mb-0 {
    margin-bottom: 0px !important
}

.illustrate-image {
    padding-top: 30px;
}

.center-align-space {
    padding: 10px 40px 20px 40px
}

    .center-align-space ul {
        display: table;
        margin: auto
    }

.inline-activate-msgs {
    text-align: left;
    background-color: #fff;
    padding: 8px;
    box-shadow: 0 3px 16px rgb(0 0 0 / 10%), 0 3px 0px rgb(0 0 0 / 0%);
    border-left: 4px solid #ff0000;
    display: table
}

    .inline-activate-msgs p {
        width: 65%;
        float: left;
    }

    .inline-activate-msgs span {
        display: block;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 1.5;
    }

    .inline-activate-msgs .small-head {
        font-weight: 600;
        padding-bottom: 8px
    }

    .inline-activate-msgs a {
        /*width: 30%;*/
        float: right;
        text-decoration: none;
        border: 1px solid #f4641e;
        color: #f4641e !important;
        background-color: #fff !important;
        font-size: 14px;
        margin: 11% 20px 10px 0px !important;
    }

.inline-error-msgs {
    margin: 0px 30px;
    text-align: left;
    background-color: #fff;
    padding: 5px;
    box-shadow: 0 3px 16px rgb(0 0 0 / 10%), 0 3px 0px rgb(0 0 0 / 0%)
}

    .inline-error-msgs.red-message {
        border-left: 4px solid #ff0000;
        color: #ff0000
    }

    .inline-error-msgs.green-message {
        border-left: 4px solid #4AAB6F;
        color: #4AAB6F
    }

.button-topspace {
    margin-top: 45px
}

.forgot-label {
    text-align: left !important;
    display: block
}

.forgot-link {
    color: #fff !important;
    text-decoration: none;
    background-color: #003E7F;
    position: absolute;
    right: 0;
    font-size: 15px;
    top: 0;
    padding: 10px 15px;
}

.expire-detail .otp-timer {
    color: #ff0000;
    font-size: 14px
}

.otp-content {
    padding-bottom: 15px;
    font-size: 14px;
    letter-spacing: initial
}

.otp-content {
    font-size: 14px;
    letter-spacing: initial
}

    .otp-content p {
        font-size: 14px;
        letter-spacing: initial
    }

.otp-textbox {
    display: table;
    margin: auto
}

    .otp-textbox input[type="text"] {
        float: left;
        width: 40px !important;
        margin: 8px
    }

.margin_space {
    margin-top: 25px !important;
}

.customdialog {
    width: 500px;
}
.np-space .validate {
    padding-bottom: 5px;
}
.pt-20
{
    padding-top:20px !important;
}
.pwd-space {
    padding: 10px 40px 20px 40px;
}
.mobilepage{
    display:none !important;
}

@media (min-width: 576px) {
    .sso-login-modal .modal-dialog-centered {
        min-height: calc(85% - (2rem * 2));
    }
}

@media (max-width: 500px) {
    .g-recaptcha {
        transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

    @media screen and (max-width: 928px) {
        .mobilepage {
            display: block !important;
            text-align:center !important;
        }
        .webpage
        {
            display:none !important;
        }
        .customdialog {
            width: auto !important;
        }

        .button-topspace {
            margin-top: 0px
        }

        .forgot-captcha .g-recaptcha {
            transform: scale(1) !important;
            -webkit-transform: scale(1) !important;
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
        }

        .note-content {
            text-align: center;
        }
        .sign-up .split-hr {
            border-top: 1px solid #E6E6E6;
            border-bottom: 0;
            margin-left: 0;
            border-left: 0;
            padding-top: 20px;
        }

            .sign-up .split-hr:after {
                left: auto;
                bottom: auto;
                right: 45%;
                top: -13px;
            }

        .split-hr {
            border-bottom: 1px solid #E6E6E6;
            border-right: 0 !important;
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 10px;
            margin-top: 0px;
        }

            .split-hr:after {
                left: auto;
                bottom: -9px;
                right: 45%;
                top: auto;
                padding: 0px 8px;
            }

        .sso_login_section {
            width: 100% !important
        }

            .sso_login_section .sso_signin-option li {
                text-align: center
            }

        .space-20 {
            padding: 20px 15px
        }

        .sign-up .sso-login-foot {
            width: 100%;
        }

        .inline-activate-msgs p {
            width: 100%
        }

        .inline-activate-msgs a {
            width: auto
        }
    }

@media screen and (max-width: 1199px) {
    .forgot-captcha .g-recaptcha {
        transform: scale(1.4) !important;
        -webkit-transform: scale(1.4) !important;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .sso_login_section.sign-in {
        width: 95%
    }

    .sso_login_section.sign-up {
        width: 98%
    }
}

.activationbuttonsection{
    width:35% !important;
    float:right !important;
}
.activationmessage {    
    padding-top: 10px;
    width:100%;
    display:inline-block !important;
    text-align:center !important;
}
    .activationmessage.hide {
        display:none !important;
    }
.mt-15 {
    margin-top: 15px !important
}