.mt-1{margin-top:1rem;}
.content-wrap.grid-main {
    background-color: transparent;
}


.login-wrap {
    background: #d5eafb url("images/white_bg.png") repeat-y scroll right -32px top 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    margin: auto;
    min-height: 570px;
    max-width: 800px;
}

.loginPopup{max-width:90%;}
    .login-wrap .col1 {
        display: inline-block;
        width: 65%;
    }

    .login-wrap .login-box {
        padding: 15px 15px 10px;
    }

    .login-wrap .col2 {
        display: inline-block;
        float: right;
        text-align: center;
        width: 31%;
    }
.loginHeading{font-size:2em; color:#0f376a; margin-bottom:1rem; font-weight:600;}
.col2 .new-user-section {
    padding-top: 0px;
}

    .col2 .new-user-section .new-user-msg {
        padding-left: 20px;
        text-align: left;
    }


        .col2 .new-user-section .new-user-msg > p {
            padding-right: 20px;
            padding-top: 10px;
            text-align: justify;
        }


    .col2 .new-user-section .lnk-new-folio {
        display: block;
        margin-top: 10px;
    }

.col2 .map-folio-wrap {
    border-top: 1px solid #ddd;
    box-shadow: 0 -6px 7px rgba(0, 0, 0, 0.15);
    display: block;
    margin-top: 20px;
    padding-top: 20px;
}

    .col2 .map-folio-wrap p {
        color: #777;
        font-size: 0.9em;
        letter-spacing: normal;
        padding: 0 17px;
        text-align: justify;
    }


.captcha-wrap div.cap-img {
    display: inline-block;
    padding-left: 238px;
    position: absolute;
    top: -9px;
    vertical-align: top;
    width: 100%;
}

#BtnLoginCont, #BtnUIDReset {
    border: 0 none;
    border-radius: 15px;
    margin-left: 10px;
    padding: 4px 15px;
}

.uid-lnk a {
    padding-right: 30px;
}


.login-box fieldset .uid-instruction > p {
    background: rgba(0, 0, 0, 0) url("images/arrow-blue.png") no-repeat scroll -3px 10px;
    color: #555;
    font-size: 0.95em;
    font-weight: 300;
    padding: 8px 12px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}


.login-box fieldset .login-option li {
    background-color: #d1d1d1;
    border: 0 solid;
    color: #777;
    cursor: default;
    display: inline-block;
    padding: 7px 15px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}

.login-box fieldset li {
    padding: 7px 0;
    position: relative;
}

.login-box fieldset .login-option {
    margin-bottom: -1px;
}

    .login-box fieldset .login-option li.act {
        background-color: #fff;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        color: #3088d0;
        font-weight: 500;
    }

    .login-box fieldset .login-option li span {
        color: #777;
        color: #777;
        font-size: 0.9em;
    }

.login-cred-wrp {
    background-color: #fff;
    border: 1px solid #ccc;
    min-height: 125px;
    padding: 15px 0 15px 15px;
}

    .login-cred-wrp .auth-cred-pnl, #NoContactWrap {
        border-right: 1px solid #ccc;
        min-height: 100px;
        display: inline-block;
        width: 230px;
    }

    .login-cred-wrp .folio-pnl {
        display: inline-block;
        margin-top:27px; /*DS-7795*/
    }

.folio-disp {
    margin-bottom: 5px;
    padding-left: 25px;
    width: 235px;
}

.captcha-img-wrap {
    margin-left: -20px;
    margin-top: -14px;
}

.folio-disp li {
    display: block;
    min-height: 30px;
    padding-bottom: 10px;
}

.folio-pnl li h3 {
    color: #0c3867;
    font-size: 1.3em;
    font-weight: 500;
    padding-top: 7px;
    text-shadow: 1px 1px 0 #fff;
}

#NoContactWrap {
    line-height: 200%;
    padding: 0 0 30px;
}

.login-wrap #txtPassword {
    width: 203px;
}

.login-box fieldset li.send-otp-wrap > p {
    color: #777;
    font-size: 0.9em;
    line-height: 130%;
    padding-right: 30px;
    text-align: justify;
}

.send-otp-load-wrap > div {
    background: rgba(0, 0, 0, 0) url("images/loading.gif") no-repeat scroll 0 4px;
    padding-left: 40px;
    text-align: left;
}

li.user-cont-detail {
    background: rgba(0, 0, 0, 0) url("images/login-sprite.png") no-repeat scroll 0 0;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}

    li.user-cont-detail.eml {
        background-position: 0 -164px;
        word-wrap: break-word;
    }

    li.user-cont-detail.mob {
        background-position: 0 -279px;
    }

.login-box fieldset li.send-otp-wrap {
    text-align: center;
}

#BtnSendOTP {
    border: 1px none;
    border-radius: 10px;
    margin-top: 10px;
    padding: 10px 20px;
}

#BtnResendOTP {
    background: rgba(0, 0, 0, 0) url("images/login-sprite.png") no-repeat scroll 10px -348px;
    color: red;
    font-weight: 500;
    padding-left: 30px;
    padding-top: 10px;
}

.resend-msg-wrap {
    font-size: .9em;
    color: #888;
    padding-top: 3px;
}

fieldset li .resend-msg-wrap .resend-msg {
    padding-top: 0;
}

.uid-instruction {
    margin-top: 10px;
    padding: 0 7px;
}



.login-box fieldset .folio-disp li {
    width: 45%;
}

#txtOTP {
    width: 95px;
    padding-right: 30px;
    border-radius: 0.375rem;
}

#txtOTP:focus {
    z-index: 1;
}

.login-box fieldset li div.declaration {
    font-size: 1em;
    font-weight: 300;
}

    .login-box fieldset li div.declaration a {
        vertical-align: initial;
    }

.resend-grp {
    display: none;
}

.counter-msg {
    color: #555;
    display: inline-block;
    font-size: 0.9em;
    padding-left: 20px;
    padding-top: 7px;
    vertical-align: top;
    font-weight: bold;
    color: black;
}

#DvUSCanadaDec .btn-wrap button {
    font-weight: 600;
    padding: 10px 20px;
    text-transform: uppercase;
}

body .hl-bg1 {
    background-color: #ff0000;
}

#DvUSCanadaDec {
    text-align: justify;
}

    #DvUSCanadaDec * {
        line-height: 130%;
    }

    #DvUSCanadaDec .btn-wrap {
        margin: 20px -15px 0;
        padding: 20px 0;
        text-align: center;
    }

#txtCaptcha {
    margin-right: 30px;
    width: 100px;
}

.login-box fieldset li.captcha-wrap {
    margin-bottom: 10px;
    margin-top: 18px;
}


.two-step-authentication a {
    vertical-align: baseline;
}

/*DS-4054*/
#eye{
    
position: absolute;
right: 20px;
top: 40px;
font-size: 15px;
}
/*DS-4054*/

/*DS-3620*/
#eyeic {
    position: absolute;
    left: auto;
    right: 10px;
    top: 10px;
    font-size: 15px;
}

#divotp {
    position: relative;
}

#eyeico {
    position: absolute;
    left: auto;
    right: 10px;
    top: 10px;
    font-size: 15px;
    z-index: 3;
}

input[type="password"]::-ms-reveal {
    display: none;
}
/*DS-3620*/

/* responsive start*/
@media (max-width: 767px) {
/*resp-login-sec start*/
.resp-login-sec .two-step-authentication{padding-bottom:10px;}
.resp-login-sec .login-option{display:flex;gap:0.5rem;}
.resp-login-sec .login-cred-wrp{padding:15px;}
.resp-login-sec .login-cred-wrp .auth-cred-pnl,
.resp-login-sec .login-cred-wrp .auth-pnl *{box-sizing:border-box;}
.resp-login-sec .login-cred-wrp .auth-pnl ul li,.resp-login-sec .login-cred-wrp .auth-pnl ul li div,.resp-login-sec .login-cred-wrp .auth-pnl,.resp-login-sec .login-cred-wrp .folio-pnl,.resp-login-sec .folio-disp{width:100%;}
.resp-login-sec .auth-cred-pnl .pwd li div{position:relative;max-width:320px;}
.resp-login-sec .auth-cred-pnl .pwd li div input#txtPassword{width:100%; padding-right:40px;}
.resp-login-sec .auth-cred-pnl .pwd li div i#eye{top:10px; right:10px;cursor:pointer;}
.resp-login-sec .captcha-pnl *{box-sizing:border-box;}
.resp-login-sec li.captcha-wrap{margin-bottom:0;}
.resp-login-sec .captcha-pnl .cap-img{padding:0 10px;}
/*resp-login-sec end*/

/*DS-7795:Start*/
.folio-disp { margin:0 auto;}
.login-cred-wrp .folio-pnl{border:none; box-shadow:none;}
.login-cred-wrp .folio-pnl .folio-disp{padding:0;}
.login-cred-wrp .folio-pnl .folio-disp li{text-align:center;}
.login-cred-wrp .folio-pnl .folio-disp a.lnk-new-folio{display:inline-block;}
/*DS-7795:End*/
}
/* responsive end*/


@media (min-width:320px) and (max-width:750px) {
    .pwd li a{
        display:block;
    }
}