/* Login And Register */
    .login-24hc:before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 40%;
        height: 100vh;
        z-index: 0;
        background: url('../images/bg-blue-right-login&register.png') right/cover no-repeat;
    }
    .login-box-24hc {
        min-width: 1050px;
        max-width: 1050px;
        padding: 30px;
        box-shadow: 0 3px 16px rgba(0, 0, 0, .16);
        border-radius: 8px;
    }
    /* Login */
        .popup-acc-reco-24hc .logo-24h,
        .login-24hc .logo-24h{
            max-width: 129px;
            height: 65px;
        }
        .login-link-24hc li a {
            font-size: 20px;
            color: var(--color-24hc);
        }
        .login-link-24hc li:not(:last-child) a {
            border-right: 1px solid currentColor;
            padding: 0 10px 0 0;
            margin: 0 10px 0 0;
        }
        .login-link-24hc li a:hover:after,
        .login-link-24hc li.act-link a:after {
            content: "";
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 30px;
            height: 2px;
            background: currentColor;
        }
        .login-form-24hc .form-group{
            color: #999;
        }
        .login-form-24hc .form-group i{
            top: 10px;
            left: 0;
        }
        .login-form-24hc .form-group i.view-pass{
            top: 13px;
            right: 0;
            left: unset;
        }
        .login-form-24hc .form-control {
            width: 100%;
            height: 40px;
            padding: 0 0 0 20px;
            font-size: 14px;
            border: none;
            border-radius: 0;
            border-bottom: 1px solid #ececec;
        }
        .login-form-24hc .form-control:focus {
            border-color: var(--hover-all-24hc);
            box-shadow: none;
        }
        .login-form-24hc .remember-me *{
            font-size: 13px;
            color: #7f7f7f;
        }
        .login-form-24hc .forgot a {
            font-size: 13px;
            color: #1c4274;
            text-decoration: underline;
        }
        .login-form-24hc label.error {
            margin: 5px 0 0;
            font-size: 13px;
            line-height: 1.3;
            color: var(--color-red);
        }
        .login-form-24hc .lblPass{
            display: block;
            text-align: left;
            margin-top: 5px;
            font-size: 12px;
            line-height: 1.3;
        }
        .login-dif-24hc .text-hoac {
            --gap: 10px;
            width: 200px;
            font-size: 13px;
            color: #999;
        }
        .login-dif-24hc .text-hoac:before,
        .login-dif-24hc .text-hoac:after {
            content: '';
            flex: 1;
            height: 1px;
            background-color: #ececec;
        }
        .login-dif-24hc .text-hoac:before {
            margin-right: var(--gap);
        }
        .login-dif-24hc .text-hoac:after {
           margin-left: var(--gap);
        }
        .login-dif-24hc .row{
            --gap: 5px;
        }
        .btn-outline-24hc.btn-outline-fb-24hc,
        .btn-outline-24hc.btn-outline-gg-24hc {
            padding: 0 10px;
            border: 1px solid #ececec;
            background: none;
            font-size: 14px;
        }
        .btn-outline-24hc.btn-outline-gg-24hc {
            color: #F59A23;
        }
        .btn-outline-24hc.btn-outline-fb-24hc {
            color: #1a74ec;
        }
        .btn-outline-24hc.btn-outline-fb-24hc:hover,
        .btn-outline-24hc.btn-outline-gg-24hc:hover{
            border-color: currentcolor;
        }
    /* End Login */

    /* Khoi Phuc Tai Khoan */
        .popup-regis-social-24hc__info .text-pri, /* Popup Dang ky mang xa hoi */
        .popup-acc-reco-24hc .popup-tit-24hc *{
            color: var(--color-24hc);
        }
        .popup-acc-reco-24hc .login-form-24hc .form-group i:not(.view-pass) {
            top: 12px;
            left: 0;
        }
    /* End Khoi Phuc Tai Khoan */

    /* Yeu cau gui lai Email kich hoat */
        .popup-tbkhtc-24hc__info .text-des, /* PopUp Thong bao kich hoat thanh cong */
        .popup-ycglekh-24hc__info *{
            font-size: 14px;
            line-height: 1.4;
        }
    /* End Yeu cau gui lai Email kich hoat */

    /* Thong Bao Đang Ky Thanh Cong */
        .popup-tbdktc-24hc__info .text-tit, 
        .popup-tbkhtc-24hc__info .text-tit *{ /* PopUp Thong bao kich hoat thanh cong */
            font-size: 20px;
        }
        .popup-regis-social-24hc__info *, /* Popup Dang ky mang xa hoi */
        .popup-tbdktc-24hc__info p{
            font-size: 15px;
            line-height: 1.4;
        }
        .popup-regis-social-24hc__info .text-des, /* Popup Dang ky mang xa hoi */
        .popup-tbdktc-24hc__info .text-des{
            font-size: 14px;
        }
        .popup-tbdktc-24hc__info .btn-24hc{
            max-width: max-content;
        }
    /* End Thong Bao Đang Ky Thanh Cong */

    /* PopUp Thong bao kich hoat thanh cong */
        .popup-tbkhtc-24hc__info i {
            width: 100px;
            height: 100px;
            line-height: 100px;
            font-size: 50px;
            color: #b5b5b5;
            background: #f2f2f2;
            border-radius: var(--border-circle);
        }
    /* End PopUp Thong bao kich hoat thanh cong */
/* End Login And Register */