*{padding:0;margin:0;}

/* BEGIN OF SWEET ALERT ============================================================================= */
.swal-overlay{background-color:rgba(0, 0, 0, 0.76)}
.label_vipcode{color:#f00;font-weight:bold;}
.vq_notice{_background:url(../img/bg-popup.png) no-repeat;background-size:100%;width:700px;height:510px;padding: 0 99px;}
@media(max-width:1024px){
.vq_notice{_background:url(../img/bg-popup.png) no-repeat;width:590px;height:610px;background-size:100% 100%;}
}
.vq_notice *{color:#fff;font-family:arial;}

.vq_notice .swal-title{margin-top:94px;}

ul.list_award{}
ul.list_award li{list-style:none;}

.vq_notice .swal-footer{text-align:center;}
.vq_notice .swal-content{min-height:200px;position:relative;}
@media(max-width:1024px){
.vq_notice .swal-content{min-height:170px;padding:0 40px;}
}

.vq_notice .swal-content .close_popup{position:absolute;width:50px;height:50px;top:-78%;right:3%;}
@media(max-width:1024px){
.vq_notice .swal-content .close_popup{top:-95%;right:-15%;}
}

@media(max-width:720px){
.tan_test{background-size:100% 100%;width:638px;}
}
.tan_test .swal-title{color:#fff;margin-top:140px;width:480px;_margin-top:140px;}
@media(max-width:720px){
.tan_test .swal-title{margin-top:156px;font-size:30px;}
}
.tan_test .swal-content{color:#fff;width:480px;margin-top:0px;padding:0 30px;}
@media(max-width:720px){
.tan_test .swal-content{font-size:20px;line-height:28px;}
}

.tan_test .swal-content span.award_notice{color:#ffed00;font-weight: bold;}

.vq_notice .swal-footer{text-align:center;margin-top:0;padding-top:10px;}

.vq_notice .swal-button{width:100px;height:45px;border:none;box-shadow:none!important;background-color:unset;background-repeat:no-repeat;background-size:100%;}
.vq_notice .btn_ok{background-image:url(../img/btn_ok.png);}
.vq_notice .btn_huy{background-image:url(../img/btn_huy.png);}
.vq_notice .btn_thamgia{background-image:url(../img/btn_thamgia.png);}
.vq_notice .btn_dangnhap{background-image:url(../img/btn_dangnhap.png);}
.vq_notice .btn_loi{background-image:url(../img/btn_loi.png);}
/* END OF SWEET ALERT ============================================================================= */

/* BEGIN OF MODAL BOOTSTRAP ============================================================================= */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    /*pointer-events:none;*/
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    /*pointer-events:none;*/
}

.thele_wrapper{position:relative;width:520px;height:470px;margin:10px 0 0 660px;}
@media(max-width:1600px){.thele_wrapper{margin: 18px 0 0 460px;}}
@media(max-width:1440px){.thele_wrapper{margin: 0 0 0 370px;}}
@media(max-width:720px){
.thele_wrapper{transform:translateX(18px);margin:50px auto 0;}
}

.thele_wrapper .btn_close{
    position: absolute;
    width: 40px;
    height: 40px;
    /* top: 14%;
    right: 6%; */
    top: 20%;
    right: 13%;
}
.thele_wrapper .btn_close img{width:100%;}
.thele_wrapper .btn_close{top: 0%;right: 3%;}

@media(min-width:1024px){
.thele_wrapper .btn_close {top: 0%;right: 0%;}
}
.popbox{
    background:url(../img/bg-popup.png) no-repeat;
    height:inherit;
    padding-top:1px;
    background-size:100%;
}
@media(max-width:1600px){
    .popbox{transform: scale(1);transform-origin: 50% 100%;}
}
.popbox .popcon{width:100%;padding:0 30px 0 30px;margin-top: 20px;}
@media(max-width:720px){
    .popbox{background: url(../img/bg-popup.png) no-repeat;height:inherit;background-size:100% 100%;transform: scale(1);}
    .popbox .popcon{_width:470px;padding:0 22px 0 34px;}
}
.popbox .title_thele{font-size:26px;text-align:center;line-height:40px;color: #0608cc;margin: 8px auto;margin-left: 17px;font-weight:bold;}
.popbox .title_thele img{width: 40px;}
@media(max-width:720px){
    .popbox .title_thele{margin-top:6px;margin-bottom: 10px;}
}
.popbox .poptxt {width:100%;height:370px;overflow: auto;font-size: 12px;color: #000;line-height: 27px;text-align: justify;}
@media(max-width:1600px){.popbox .poptxt {font-size: 16px}}
@media(max-width:1024px){.popbox .poptxt {height: 333px;}}
.popbox .poptxt::-webkit-scrollbar{
    width: 4px;
    margin-left: 10px; 
}
.popbox .poptxt::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.popbox .poptxt::-webkit-scrollbar-thumb{
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.popbox.lichsu_inner .popmain p{margin:0px;}
.popbox.lichsu_inner .popmain .ls_record{border-bottom:1px dashed #717171;margin-bottom:5px;padding-bottom:5px;}
.award_notice{color: #f30606;font-weight:bold;}

.quaytrung .award_notice, .ls_record .award_notice{color:#857dff;font-weight:bold;}

@media(max-width:720px){
.popbox .poptxt{width:100%;_height:620px;height: 390px;}
}
.popbox .popmain{}
@media(max-width:720px){
    .popbox .popmain{
    }
}
.popbox .popmain .ls_record{width:100%;float:left;border-bottom:1px dashed;margin-bottom:6px;padding: 0 10px 0 5px;}

.popbox .popmain h3{font-size:20px;color:#cc3300;text-align:center;line-height:1;background:url(../img/titbg.png) no-repeat;margin:18px 0 25px;clear:both;}
.popbox .popmain p{margin-bottom:10px;}
.popbox .popmain img {max-width: 100%;}
.popbox .popmain strong span{font-weight:bold;color: #fff823;font-size:22px;}
@media(max-width:720px){
.popbox .popmain strong span{font-size: 28px;}
.popbox .popmain span{font-size: 25px;line-height: 36px;}
}

.list_award{list-style:none;}
.dice_prize{background:none;}
.dice_prize .swal-footer{display:none;}

.clear{clear:both;}
#popupThele #popbox .poptxt .popmain ul>li{
    list-style: disc;
    display: list-item;
    margin-left: 5%;
    margin-right: 0;
    margin-bottom: 2px;
    width: 95%;
}
#html_userinfo, .popup-notice{color: #000;}
.tt_nv{
    _background: url(../img_popup/popup_info.png) no-repeat;
    background-size: 100%;
    _height: 542px;
}
.tt_nv .nd_dk{padding: 85px 133px 0;font-size: 19px;font-weight: bold;color: #4e23f1;}
@media(max-width: 720px){
    .tt_nv .nd_dk {padding:60px 160px 0;font-size: 19px;}
}
.tt_nv .nd_dk div{width:500px;margin-bottom:15px;}
.tt_nv .nd_dk div span{display: inline-block;color:#4e23f1;width: 100px;}

.tt_nv .nd_dk div a.btn_ok{width: 116px;display:block;margin: 14px 157px 0;position:relative;overflow:hidden;}
@media(max-width: 720px){
    .tt_nv .nd_dk div a.btn_ok {width: 114px;margin: 17px 143px 0;}
}
.tt_nv .nd_dk div a.btn_ok img{width:inherit;height:auto;}


#popupUserinfo .btn_close_modal{position: absolute;right: 44px;top: 41px;}
#popupUserinfo .btn_close_modal a{display:block;}
#popupUserinfo .btn_close_modal a img{width: 45px;}

.tt_nv .nd_dk div .text_note{text-align:center;font-size:14px;}

.tt_nv .nd_dk div a.btn_ok:before{
  background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.4) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 112%;
    left: -150%;
    position: absolute;
    top: 0;
    transform: skewX(-40deg);
    transition: all 1.5s ease 0s;
    width: 50%;
    z-index: 9;
}
.tt_nv .nd_dk div a.btn_ok:hover:before{left:150%;}

#frm_vipinfo input,#frm_vipinfo select{color:#4e23f1;border: 1px solid;}
#frm_vipinfo input[name=birthday],#frm_vipinfo select[name=server_id],#frm_vipinfo select[name=role_id]{width: 260px}
.popup_info, .popup_otp{display: block;width:500px;height:240px;margin:10% auto 0;position:relative;}

.btn_close{float:left;position:absolute;right:10px;}
.btn_close a{font-weight:bold;color:#f00;font-size:22px;}

.msg_kq, .msg_kq_otp{font-size: 16px;font-family: arial;line-height:20px;text-align: center;color: #3c4cc3;margin-bottom:10px;height:20px}

/*End popup User Info*/