html,
body {
    height: 100%;
    margin: 0;
}

input[type="text"] {
    padding: 10px 22px !important;
}

input[type="password"] {
    padding: 10px 22px !important;
}

.password_div_form{
    position: relative;
}

@media (width> 1400px) {
    .container {
        width: 1320px;
    }

    .login_page_footer {
        height: 10vh;
    }

    section {
        height: 90vh;
        margin-top: 0px !important;
    }

    .left_page {
        padding: 112px 20px;
    }

    .right_page {
        padding: 50px 50px 45px 100px !important;
    }

    /* .masthead-form{
        margin-left: 30px!important;
        margin-right: 20px;
    } */
}

@media (min-width:768px) and (max-width:1400px) {
    .login_page_footer {
        height: 10vh;
    }

    section {
        height: 90vh;
        margin-top: 0px !important;
    }
}

@media (width<=768px) {
    .masthead.-type-2 {
        margin-top: 0px !important;
    }

    .left_page {
        padding: 30px 20px;
    }

    .right_page {
        padding: 0px 20px 45px 20px;
    }
}

.masthead.-type-2 {
    padding: 10px 0 !important;
    margin-top: 0px !important;
}

.masthead.-type-2 .masthead-form__group button {
    width: 30%;
    height: 50px;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.password_toggle {
    position: absolute;
    right: 0;
    margin-top: 40px;
    cursor: pointer;
    margin-right: 10px;
}

.password-policy-card {
    display: none;
    position: absolute;
    top: 110%;
    left: 35%;
    transform: translate(-50%, -50%);
    /* border: 1px solid #ccc; */
    padding: 15px;
    /* background-color: rgb(255, 255, 255); */
    /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); */
    /* z-index: 1000; */
    height: 150px;
    width: 350px;
    border-radius: 15px;
    /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); */
    /* z-index: 1000; */
}


.a-tag {
    color: black !important;
    text-decoration: underline !important;
    font-size: 16;
}


#password-policy-link:hover+#password-policy,
#password-policy:hover {
    display: block;
}

/* 2FA CSS */
  .preloader__bg{
            transform:scale(1,0)
    }

    .twofa-form{
        background:#fff;
        border-radius:14px;
        padding:2rem;
        width:100%
    }

    .twofa-form__title{
        font-size:17px;
        font-weight:800;
        color:var(--color-primary);
        text-align:center;
        margin-bottom:4px
    }
    .twofa-form__subtitle{
        font-size:12px;
        color:var(--color-primary);
        opacity:.55;
        text-align:center;
        margin-bottom:0
    }
    .twofa-divider{
        height:1px;
        background-color:var(--color-primary);
        opacity:.2;
        margin:14px 0
    }

    .twofa-sent-badge{
        display:flex;
        align-items:flex-start;
        gap:10px;
        background-color:var(--color-primary);
        opacity:1;
        border-radius:8px;
        padding:10px 13px;
        margin-bottom:16px;
        border:1px solid var(--color-primary)
    }
    .twofa-sent-badge{
        background:rgba(26,59,143,.06)!important;
        border-color:rgba(26,59,143,.2)!important
    }
    .twofa-sent-badge__dot{
        width:8px;
        height:8px;
        background-color:var(--color-primary)!important;
        border-radius:50%;
        flex-shrink:0;
        margin-top:5px
    }
    .twofa-sent-badge__text{
        font-size:12px;
        color:var(--color-primary)!important;
        line-height:1.65
    }
    .twofa-sent-badge__text strong{
        color:var(--color-primary)!important
    }

    .twofa-otp-label{
        font-size:12px;
        font-weight:700;
        color:var(--color-primary);
        opacity:.7;
        margin-bottom:8px
    }
    .twofa-otp-row{
        display:flex;
        gap:8px;
        justify-content:center;
        margin-bottom:10px
    }

    .twofa-otp-box{
        width:54px;
        height:54px;
        border:1.5px solid var(--color-primary);
        opacity:1;
        border-radius:8px;
        text-align:center;
        font-size:15px;
        font-weight:700;
        color:var(--color-primary)!important;
        background:rgba(26,59,143,.06);
        outline:none;
        padding:0;box-sizing:border-box;
        line-height:46px;
        -webkit-appearance:none;appearance:none;
        transition:border-color .2s,background .2s,box-shadow .2s
    }
    .twofa-otp-box:focus{
        background:rgba(26,59,143,.10);
        box-shadow:0 0 0 3px rgba(26,59,143,.12)
    }
    .twofa-otp-box.filled{
        background:rgba(26,59,143,.10)
    }
    .twofa-otp-box.box-success{
        border-color:#1cd68a!important;
        background:#f0fff8!important;
        color:#0a6640!important;
        box-shadow:0 0 0 3px rgba(28,214,138,.15)
    }
    .twofa-otp-box.box-error{
        border-color:#e03131!important;
        background:#fff5f5!important;
        color:#e03131!important;
        box-shadow:0 0 0 3px rgba(224,49,49,.12)
    }

    .twofa-alert{
        border-radius:7px;
        padding:9px 13px;
        font-size:13px;
        font-weight:600;
        margin-bottom:12px;
        display:none;
        line-height:1.5
    }
    .twofa-alert.show{
        display:block
    }
    .twofa-alert.alert-info{
        background:rgba(26,59,143,.06);
        color:var(--color-primary)!important;
        border:1px solid rgba(26,59,143,.2)
    }
    .twofa-alert.alert-success{
        background:#f0fff8;
        color:#0a6640;
        border:1px solid #a7f3d0
    }
    .twofa-alert.alert-error{
        background:#fff5f5;
        color:#e03131;
        border:1px solid #fca5a5
    }

    .twofa-verify-btn{
        width:100%;
        height:46px;
        background-color:var(--color-primary)!important;
        color:#fff;
        border:none;
        border-radius:8px;
        font-size:14px;
        font-weight:700;
        cursor:pointer;
        letter-spacing:.4px;
        transition:opacity .2s;margin-bottom:14px
    }
    .twofa-verify-btn:hover{
        opacity:.88
    }
    .twofa-verify-btn:disabled{
        opacity:.4;
        cursor:not-allowed
    }
    #twofa_loader{
        display:none
    }

    .twofa-resend-row{
        text-align:center;
        margin-bottom:16px
    }
    #resendBtn{
        font-size:13px;
        font-weight:700;
        color:var(--color-primary)!important;
        background:none;
        border:none;
        cursor:pointer;
        padding:0;
        transition:opacity .2s
    }
    #resendBtn:hover:not(:disabled){
        opacity:.75;
        text-decoration:underline
    }
    #resendBtn:disabled{
        opacity:.35;
        cursor:not-allowed
    }
    #timer{
        font-size:12px;
        font-weight:700;
        color:#e87722
    }

    .twofa-back{
        text-align:center;
        font-size:13px
    }
    .twofa-back a{
        color:var(--color-primary)!important;
        font-weight:700;
        text-decoration:none
    }
    .twofa-back a:hover{
        opacity:.75;
        text-decoration:underline
    }