/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');*/
@import url("typography.css");

* {
    box-sizing: border-box;
}

body {
    /*background: #f6f5f7 !important;*/
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: var(--font-family);
    height: 100vh;
    /*margin: -20px 0 50px;*/ /*by indrapal*/
    /*background-image: none !important;*/
    /*background: url("../Images/Login.jpg");*/
    background-size: cover;
}

h1 {
    font-weight: bold;
    margin: 0;
}

/*h2 {
    text-align: center;
}*/

p {
    /*font-size: 14px;*/
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin: 0px 0 13px;
}

/*span {
    font-size: .8rem !important;
}*/

a {
    color: #333;
    text-decoration: none;
    margin: 15px 0;
}

.signIn {
    /*border-radius: 10px;
    border: 1px solid #2894d1 !important;
    background-color: #ffffff !important;
    color: #2894d1;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;*/
    font-size: 14px;
    outline: none;
    padding: 12px 50px !important;
    /*min-width: 100px;*/
    background-color: var(--blue) !important;
    border: 1px solid transparent !important;
    color: var(--white);
    border-radius: .2rem;
    font-family: var(--font-family) !important;
    /*transition: transform 80ms ease-in;*/
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 600;
}

    .signIn:hover {
        background-color: var(--blue-900);
        border-color: var(--blue-900);
        color: var(--white);
    }



    .signIn:active {
        transform: scale(0.95);
    }

    .signIn:hover {
        color: white;
        text-decoration: none;
    }

    .signIn:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5);
        outline: none;
    }

    .signIn.ghost {
        background-color: transparent;
        border-color: #FFFFFF;
    }

button {
    /*border-radius: 10px;
    border: 1px solid #FF4B2B;
    background-color: #FF4B2B;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;*/
    font-size: 14px;
    outline: none;
    padding: 12px 15px !important;
    /*min-width: 100px;*/
    background-color: var(--blue);
    border: 1px solid transparent;
    color: var(--white);
    border-radius: .2rem;
    font-family: var(--font-family);
    transition: transform 80ms ease-in;
    /*min-width: 180px;*/
    text-transform: uppercase;
    cursor: pointer;
}

    /*button:hover {
        background-color: #047cc3;
        border-color: #047cc3;
        color: var(--white);
        outline: none;
    }*/

    button:active {
        transform: scale(0.95);
    }

    button:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5);
        outline: none;
    }

    button.ghost {
        font-size: 14px;
        outline: none;
        padding: 12px 15px !important;
        /*min-width: 100px;*/
        background-color: var(--white);
        border: 1px solid transparent;
        color: var(--blue);
        border-radius: .2rem;
        font-family: var(--font-family);
        transition: transform 80ms ease-in;
        min-width: 180px;
        /*background-color: transparent;
        border-color: #FFFFFF;*/
        text-transform: uppercase;
        cursor: pointer;
        font-weight: 600;
    }

    /*button.ghost:hover {
            background-color: #047cc3;
            border-color: #047cc3;
            color: var(--white);
        }*/

    button:focus {
        box-shadow: 0 0 0 0.2rem rgba(15,124,185,.5);
        outline: none;
    }

form {
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*padding: 0 50px;*/
    /*height: 100%;*/
    margin-top: 45px;
    /*margin-top:40px;*/ /*comment by indrapal 12/02/2025*/
    text-align: center;
}

input {
    background-color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    padding: 12px 15px !important;
    /*margin: 8px 0 !important;*/
    width: 100% !important;
}

    input:focus {
        color: #495057 !important;
        background-color: #fff !important;
        border-color: #80bdff !important;
        outline: 0;
        box-shadow: 0 0 0 0.2rem var(--blue)2e !important;
        /*border: 1px solid #ffbd2f !important;
        background-color: #eee;*/
        outline: none;
    }

.container {
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0px 0px 11px 2px #8080802e;
    position: relative;
    overflow: hidden;
    /*width: 768px;*/
    /*width: 950px;*/
    width: 1024px;
    max-width: 100%;
    /*min-height: 480px;*/
    min-height: 585px;

}

.form-container {
    position: absolute;
    top: 0;
    height: 100%;
    transition: all 0.6s ease-in-out;
}

.sign-in-container {
    left: 0;
    width: 50%;
    z-index: 2;
    text-align: center;
}

.container.right-panel-active .sign-in-container {
    transform: translateX(100%);
}

.sign-up-container {
    left: 0;
    width: 50%;
    opacity: 0;
    z-index: 1;
    background-color: var(--white);
    text-align: center;
}

.container.right-panel-active .sign-up-container {
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
    animation: show 0.6s;
}

@keyframes show {
    0%, 49.99% {
        opacity: 0;
        z-index: 1;
    }

    50%, 100% {
        opacity: 1;
        z-index: 5;
    }
}

.overlay-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: transform 0.6s ease-in-out;
    z-index: 100;
}

.container.right-panel-active .overlay-container {
    transform: translateX(-100%);
}

.overlay {
    background-color: var(--blue);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    color: #FFFFFF;
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}

.container.right-panel-active .overlay {
    transform: translateX(50%);
}

.overlay-panel {
    position: absolute;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*change by indrapal (11/28/2024)*/
    /*padding: 0 40px;*/
    padding:0 40px;
    text-align: center;
    top: 0;
    height: 100%;
    width: 50%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}

.overlay-left {
    transform: translateX(-20%);
}

.container.right-panel-active .overlay-left {
    transform: translateX(0);
}

.overlay-right {
    right: 0;
    transform: translateX(0);
}

.container.right-panel-active .overlay-right {
    transform: translateX(20%);
}

.social-container {
    margin: 20px 0;
}

    .social-container a {
        border: 1px solid #DDDDDD;
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 5px;
        height: 40px;
        width: 40px;
    }

footer {
    background-color: #222;
    color: var(--white);
    font-size: 14px;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
}

    footer p {
        margin: 10px 0;
    }

    footer i {
        color: red;
    }

    footer a {
        color: #3c97bf;
        text-decoration: none;
    }

.box {
    background: none !important;
    border: none !important;
    outline: none !important;
}

.box1 {
    background: none !important;
    border: none !important;
    outline: none !important;
}

.gender {
    background-color: #eee !important;
    border: none !important;
    padding: 12px 15px !important; /* margin: 8px 0 !important; */
    width: 100% !important;
    margin-bottom: 8px;
    color: #757575;
}

    .gender option {
        zoom: 1.1;
        font-size: 12px;
    }

.alert-Danger {
    background-color: #fff0f0;
    border: 1px solid #bd362f;
    box-shadow: 0 0 2px #bd362f;
    color: #000;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    width: 370px;
    word-break: break-word;
    font-size: 13px;
}

.alert-success {
    background-color: #eaffea;
    border: 1px solid #51a351;
    box-shadow: 0 0 2px #51a351;
    color: #000;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    width: 370px;
    word-break: break-word;
    font-size: 13px;
}


-moz-scrollbar {
    -moz-scrollbar-width: 0.15in;
    -moz-scrollbar-border: 1px solid #9c9c9c;
    -moz-scrollbar-background-color: #9c9c9c;
    -moz-scrollbar-track-background-color: #f2f2f2;
    -moz-scrollbar-arrow-background-color: #f2f2f2;
    -moz-scrollbar-arrow-color: #9c9c9c;
}

::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    /* -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; */
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    /* -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; */
}

::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    /* -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; */
}
/*--------Css add by indrapal 19-09-2024 for new login--------------*/
.top_menu li {
    display: inline;
    padding: 7px;
}

    .top_menu li a {
        text-decoration: none;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

.top_menu li a:hover {
    color: #d9d9d9 !important;
}
.top_menu li:last-child a:hover {
    color: var(--blue) !important;
}

.img-div .img-1 {
    border-radius: 15px 15px 0 0;
    width: 352px !important;
}

.caption {
    font-size: 12px !important;
    font-weight: 400;
    background: #ffffff;
    padding-bottom: 10px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.caption a {
    text-decoration: none;
    color: var(--blue);
    font-size:var(--font-9)!important;
}

.hr {
    border: 1px solid var(--blue);
}

.caption .text-gray {
    color: #808080 !important;
}

.img-div {
    border-radius: 15px 15px 0 0;
}

a.get-button {
    background-color: #fff;
    color: var(--blue) !important;
    padding: 4px 5px;
    border-radius: 4px;
}

.terms span, .terms span a {
    text-align: center;
    color: #808080 !important;
    font-size:var(--font-8);
}

.anchor {
    color: #808080 !important;
}

    a:hover, .terms span a:hover, .anchor:hover {
        color: var(--blue) !important;
    }

.icon-color {
    color: var(--blue);
}

.signIn:hover {
    color: #fff !important;
}

div#mfaRegisterApp ul {
    font-size: .8rem;
}

::placeholder {
    font-size: .8rem !important;
}
.b-b-2 {
    border-bottom: 2px solid #009efb !important;
}
/*span.footer-anchor{
    font-size:var(--font-8);
}*/
.footer-img-section {
    width:66px !important;
}
.footer-img-custom{
    width:67px !important;
}
/*---------------------*/
.owl-item {
    margin-right: 9px;
}
.img-height {
    height: 390px;
    border-radius: 15px 15px 0 0;
    margin-left: -1px;
}
.owl-dots {
    position: absolute;
    left: 50%;
    bottom: 2%;
    transform: translate(-50%);
}
.img-caption {
    position: absolute;
    bottom: 0;
    padding: 7px 10px 25px 15px;
    /*background-color: #00000087;*/
    text-align: left !important;
    left: -1px;
    width: 100%;
}
a.slide__text-link {
    padding: 7px 15px;
    
}
.owl-item {
    border-radius: 15px 15px 0 0;
}

/*start Notification Slider heading and content*/
.img-caption h1 {
    margin: 7px 0;
    font-size: 2rem; /*32px*/
}
.img-caption h2 {
    margin: 7px 0;
    font-size: 1.75rem; /*28px*/
}
.img-caption h3 {
    margin: 7px 0;
    font-size: 1.5rem; /*24px*/
}
.img-caption h4 {
    margin: 7px 0;
    font-size: 1.25rem; /*20px*/
}
.img-caption p {
    font-size: 0.9rem; /*14px*/
}
/*end Notification Slider heading and content*/

a.slide__text-link:hover {
    color: #FFC107 !important;
    padding: 7px 15px;
    border: 1px solid #FFC107;
}
.owl-bg {
    height: 374px;
    background-image: url(../Images/Login_banner.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;
}
.owl-stage {
    bottom: 0px;
    position:absolute !important;
}
.owl-stage-outer{
    height:100%;
}