.dk_bnleft *, .dk_fast-tool *{
    font-size:14px;
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif
}
#dk_video_live_bd_dkdk br{
    display:none
}

#video_dkdk .overlay_dkdk{
    height:30%;
    position:absolute;
    top:0px;
    left:0;
    z-index:1;
    width:100%
}
.htabcontent{
    height: 300px;
}
#dk_video_live_bd_dkdk a:visited{
    text-decoration:none!important
}
#dk_video_live_bd_dkdk a{
    text-decoration:none!important
}
#dk_video_live_bd_dkdk a img{
    max-width: 100%;
    height: auto;
}
.dk_message-list .chatmsgwrap .message-row .dk_level{
    font-size: 13px !important;
    background: #009688;
    padding: 2px 5px;
    border-radius: 5px;
    color: #fff;
}
#checkmsgshow{
    height: 5px;
}

.message-row span{
    color: #fff !important;
}
.message-row img{
    max-width: 100%;
}
.dk_message-list .chatmsgwrap .message-row a{
    color: #2196f3 !important;
}
.dk_message-list .chatmsgwrap .message-row .dk_level.dk_lv1{
    background: #e91e63;
}
.dk_message-list .chatmsgwrap .message-row .dk_level.dk_lv2{
    background: #9c27b0;
}
.dk_message-list .chatmsgwrap .message-row .dk_level.dk_lv3{
    background: #673ab7;
}
.dk_message-list .chatmsgwrap .message-row .dk_level.dk_lv4{
    background: #2196f3;
}
.dk_message-list .chatmsgwrap .message-row .dk_level.dk_lv5{
    background: #ff9800;
}
.dk_message-list .chatmsgwrap .message-row .dk_level.dk_lv6{
    background: #ff5722;
}
.dk_message-list .chatmsgwrap .message-row .dk_level.dk_lvblv{
    background: #03a9f4;
}
.dk_message-list .chatmsgwrap .message-row.message-system{
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    margin: 10px 0px 10px 0px;
}
.dk_message-list .chatmsgwrap .message-row.message-system span{
    color:#a90c00 !important
}

.dk_message-list .chatmsgwrap .message-row.message-system div p{
    margin-top: 0px;
}
.dk_message-list .chatmsgwrap .message-row.message-system br{
    display: block !important;
}
.noidung_msg{
    display: inline;
}
html body .reply_msg{
    color:#beb9b9 !important;
    font-size: 12px;
    margin-left: 5px;
    text-decoration: underline;
    cursor: pointer;
    font-style: italic;
}
html body .username_reply{
    color: #FFC107 !important;
}
@media only screen and (max-width:768px){
    html body .dkdk_vd_head_close{
        right: 0px !important;
        left: initial !important;
    }
}
#dk_video_live_bd_dkdk{
    margin:0 auto;
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
    padding:0 0;
    background:#222163
}
.dk_bnleft{
    float:right;
    width:30%
}
#dk_video_live_wrapper{
    float:left;
    position:relative;
    width:calc(100% - 30%)
}
#dk_logged #dk_sendmsg{
    background: #ff9800;
    float:left;
    display: inline-block;
    width: 40px;
    line-height: 35px;
    text-align: center;
    color:#fff;
    border-radius: 0px 5px 5px 0px;
}
.option_item {
    display: block;
    text-align: center;
    padding: 10px 0px;
    background: #673AB7;
    margin-bottom: 10px;
    color: #fff;
}
#dk_logged .dkdkk_edit_info{
    line-height: 35px;
    text-align: center;
    width: 35px;
    display: inline-block;
    color:#fff;
    font-size:26px;
}
#dk_logged{
    overflow: hidden;
}
#dk_logged #dk_valuemsg{
    float: left;
    border-radius: 5px 0px 0px 5px !important;
    height: 35px;
    margin-left: 40px;
    width:calc(100% - 115px);
    border: none;
}
/*EDIT INFO*/
.dkdk_banner_home{
    position: relative;
}
/*END EDIT INFO*/

@media only screen and (max-width:768px){
    #dk_video_live_wrapper,.dk_bnleft{
        float:none!important;
        width:100%!important;
        margin:0!important
    }

    html body .dk_layout-live-dkdk.zoomout #dk_zalo_form{
        display: none !important;
    }
    html body .dk_layout-live-dkdk.zoomout .dk_typemessage{
        position: fixed;
        bottom: 55px;
        left: 0px;
        width: 100%;
    }

}
.live-active{
    background:#76d51a!important
}
#dk_video_live_bd_dkdk.zoomout{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    max-width:100%!important;
    z-index:100;
    background:#ddd!important;
}
#dk_video_live_bd_dkdk.zoomout #dk_video_live_wrapper{
    width:calc(100% - 32%)
}
#dk_video_live_bd_dkdk.zoomout .dk_bnleft{
    width:32%;
    position: relative;
}
@media (max-width:992px) and (min-width: 769px) {
    #dk_video_live_bd_dkdk.zoomout .dk_bnleft{
        width:335px;
    }

    #dk_video_live_bd_dkdk.zoomout #dk_video_live_wrapper{
        width:calc(100% - 335px)
    }
}
#dk_video_live_bd_dkdk.zoomout .dk_chatting-wrapper{
    height: 100%;
}

.htabcontent{
    overflow-y:scroll;
    background:#514e75;
    text-align:left
}
.dk_message-list .chatmsgwrap{
    padding:0px 8px;
    line-height:22px;
    color:#f7f7f7
}

.dk_message-list *{
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif
}
.message-row{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.message-row *{
    font-weight: normal;
}
.message-row strong.strong{
    font-weight: bold !important;
    color: #cddc39;
    font-size: 14px !important;
}
.message-row p{
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 14px;
}
.dk_chat-header{
    line-height:32px;
    text-align:center;
    background: #24214A;
    position:relative;
    color:#fff;
    display:flex;
    justify-content:center;
}
.dk_typemessage{
    background:#222163;
    padding:2px 0;
}
@media (max-width:768px) {

    .dk_message-list .chatmsgwrap{
        padding: 0px 7px !important;
    }
}
.dk_vd_wrap{
    border-radius:10px;
    max-width:600px;
    margin:6% auto 0 auto;
    padding:50px 30px;
    background:#fff;
    text-align:center
}

#dk_unLogin .loginpadding{
    padding: 10px 0px;
}
#dk_unLogin{
    display:flex;
    align-items:center;
    justify-content:center;
    column-gap:10px;
    background:#222163;
    color:#fff;
    font-size:22px;
    font-style:normal;
    font-weight:500;
    line-height:normal
}
#dk_unLogin a.dk_goLogin{
    color:#f5bd17;
    text-align:center;
    font-size:16px;
    font-style:normal;
    font-weight:700;
    line-height:normal
}
.dk_chat-header .dk_htab img{
    width: 15px;
    height: auto;
}
.dk_chat-header .dk_htab{
    float:left;
    cursor:pointer;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    column-gap:7px;
    font-size:14px;
    width:100%;
    border:1px solid #6c5ca9;
    background:linear-gradient(270deg,#6c5ca9 0,#4f489f 100%)
}

.dk_chat-header .dk_htab svg{
    width:27px;
    height:27px;
    flex-shrink:0
}
.dk_chat-header.dk_htab{
    flex-grow: 1;
    column-gap: 24px;
}
@media (max-width:500px) {

    .dk_chat-header .dk_htab img{
        display: none;
    }
}
.video_dkdk {
    position: relative;
}
@media (max-width:992px) and (min-width: 769px) {

    .dk_chat-header .dk_htab svg{
        width:18px;
        height:18px;
    }

    .dk_chat-header .dk_htab{
        flex-grow: 1;
        padding: 0 9px;
        font-size: 18px;
    }
}
.dk_chat-header .dk_htab.active,.dk_chat-header .dk_htab:hover{
    color:#fff;
    border:1px solid #f5bd17;
    background:linear-gradient(270deg,#f5bd17 0,#e57918 100%)
}

.htabcontent{
    display:none
}
.htabcontent.active{
    display:block
}
#htabcontent3 a{
    color:pink !important;
}
#htabcontent3 *{
    color:#b9b9b9!important;
    margin-bottom: 15px;
    line-height: 25px;
}
#htabcontent3 li{
    margin-left: 15px;
    margin-bottom: 3px !important;
}
#htabcontent3{
    padding:20px 15px
}
#htabcontent3 h2, #htabcontent3 h3{
    color:#ffeb3b !important;
}
#htabcontent3 h2{
    font-size: 18px !important;
}
#htabcontent3 h3{
    font-size: 16px !important;
}
#dk_zalo_form a br{
    display:block!important
}
#dk_zalo_form{
    overflow:hidden;
    background: linear-gradient(90deg, #2C6FA9 0%, #2F97F0 100%);
}
#dk_zalo_form a{
    float:left;
    line-height:15px;
    font-size:17px!important;
    padding:2px 0;
    text-align:center;
    display:inline-block;
    color:#fff!important;
    border-left: 2px solid rgba(255, 255, 255, 0.4);
}
@media (max-width:992px) and (min-width:769px) {
    #dk_zalo_form a span {
        font-size: 12px;
    }
}
@media (max-width:400px)  {
    #dk_zalo_form a span {
        font-size: 12px;
    }
}
#dk_zalo_form a img{
    height:16px!important;
}
#dk_zalo_form a.zalo{
    border: none;
    width:35%;
    background:linear-gradient(90deg,#30e7f0 0,#2f97f0 100%)
}
#dk_zalo_form a.dk_tele{
    width:calc(35% - 2px);
}
#dk_zalo_form a.dk_cuoc{
    width:calc(30% - 2px);
}
.dkdk_vd_head{
    text-align:center;
    position:relative;
    background:linear-gradient(90deg,#2e2a5c 0,#24214a 100%);
    line-height:30px;
    color:#fff
}
.dkdk_vd_head .cuoc_euro{
    color: #ff9800;
    font-weight: bold;
}
html body {
    overflow-x: hidden;
}
html body .dkdk_vd_head_close{
    position:absolute;
    top:0px;
    left:0px;
    z-index: 1;
    width:35px;
    height:35px;
    color:#fff;
}
#video_fr_dkdk video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto
}
.blv-list{
    margin:10px -10px -10px -10px;
    overflow:hidden
}
.blv-list a,.blv-list span{
    display:inline-block;
    padding:3px 5px;
    background:#795548;
    color:#fff!important;
    border:none;
    margin-right:4px;
    border-radius:5px;
    float:left;
    line-height:17px;
    font-size:13px
}
.blv-list span{
    background:0 0!important
}
.blv-match-detail *{
    color:#b9b9b9!important
}
.blv-match-detail{
    margin:10px
}
.blv-match-detail .blv_content{
    margin-left:calc(25% + 15px)
}
.blv-match-detail .blv-item:last-child{
    border-bottom:0
}
.blv-match-detail .blv-item{
    border-bottom:solid 1px #353434;
    margin-bottom:10px;
    overflow:hidden;
    padding-bottom:10px
}
.blv-match-detail .blv-item .blv_name strong{
    color:#ffc107!important;
    font-size:15px!important
}
.blv-match-detail .blv-item .blv_name{
    margin-bottom:0!important;
}
.blv-match-detail .blv-item .blv_title{
    margin-bottom:0!important;
    line-height:20px!important;
    font-size:15px!important
}
.blv-match-detail .blv-item img{
    float:left;
    width:25%;
    height:auto;
    max-width:100%
}
.title-header{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:2px 0;
    column-gap:10px;
    color:#f5bd17;
    font-size:16px;
    font-style:normal;
}
@media (max-width:480px ){
    .title-header{
        font-size: 15px;
    }
}

#fast_tool_content{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:222
}
.dk_fast-tool{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    background:linear-gradient(90deg,#2e2a5c 0,#24214a 100%);
    z-index:102
}
.dk_fast-tool .dk_fast-tool-content{
    width:100%;
    margin:0 auto;
    max-width: 1200px;
}
.dk_fast-tool .items{
    width:100%
}
.dk_fast-tool .items a div {
    width: 100%;
}
.dk_fast-tool .items a img{
    width:16px;
    height:16px;
    margin-bottom: 3px;
}
.dk_fast-tool .items a:last-child{
    border-right:none
}
.dk_fast-tool .items a svg{
    width: 100%;
}
.dk_fast-tool .items a{
    text-decoration: none;
    float:left;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width:calc(25% - 1px);
    height:55px;
    font-size:22px;
    text-align:center;
    border-right:solid 1px #ffe3e326;
}
.dk_fast-tool .items a span{
    margin-top: -20px;
    line-height:normal;
    font-size:14px;
    color:#fff;
}
@media (max-width:575px) {
    .dk_fast-tool .items a span{
        font-size:14;
    }
}
@media (max-width:400px) {
    .dk_fast-tool .items a span{
        font-size:12px;
    }
}



#video_fr_dkdk video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
#video_fr_dkdk .tcplayer{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}


/* LOGIN FFORM */
.LoginBox {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 9999;
}

.LoginBoxChild {
    max-width: 350px;
    margin: 0px auto;
    background: #fff;
    position: relative;
    border-top: solid 5px #a22211;
    border-radius: 5px;
    margin-top: 8%;
}

.LoginTitle {
    max-width: 220px;
    margin: 0px auto;
    padding: 10px 0px;
    text-align: center;
    color: #000;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    border-bottom: 5px solid #52a764;
}

.Account {
    margin:20px;
}

.LoginBox input {
    border: 2px solid #52a764;
    border-radius: 5px;
    outline: none;
    font-size: 16px;
    width: calc(100%);
    padding: 10px;
}

.LoginBtn {
    background-color: #52a764;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
    padding: 6px 0px;
    margin: 20px;
}

.RegisterText {
    width: 100%;
    text-align: center;
    color: #999;
    margin-top: 12px;
    font-size: 20px;
}

.RegisterText span {
    color: #52a764;
    cursor: pointer;
}

.CloseImg {
    width: 20px;
    height: 20px;
}

.CloseImg img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}
/* END// LOGIN FFORM */

/*ADS BANNER*/
.dkdk_banner_home{
    text-align: center;
}
.dkdk_banner_home img{
    max-width: 100%;
    height: auto;
}
.dkdk_mobile_only{
    display: none;
}
.dkdk_pc_only{
    display: block;
}
@media only screen and (max-width: 768px){
    .dkdk_mobile_only{
        display: block !important;
    }
    .dkdk_pc_only{
        display: none !important;
    }
}
.dkdk_banner_chat img{
    max-width: 100%;
    height: auto
}
.dkdk_banner_chat{
    position: absolute;
    top: 55px;
    left: 0px;
    width: 100%;
    z-index:1
}
#fisrtEnter{
    margin-top: 50px;
}
/*END ADS BANNER*/
.emoji1{
    background:url(../fonts/02e1ab71c70d4a92b6956635b612361a.woff) no-repeat
}
.emoji9{
    background:url(../fonts/865ce6e8264942e8a0691bfb3403d549.woff) no-repeat
}
.emoji13{
    background:url(../fonts/66bc6fe0ebd941ea930c69b494d5a4cb.woff) no-repeat
}
.emoji18{
    background:url(../fonts/08daa5f33bda404aa6293d00055909c9.woff) no-repeat
}
.emoji21{
    background:url(../fonts/acf397da7e77403e983479135cba7a5e.woff) no-repeat
}
.emoji30{
    background:url(../fonts/d8b5828c804349b39306563a0c3cbd57.woff) no-repeat
}
.emoji32{
    background:url(../fonts/1e9ee6f213d54f13906d7b51768ed64b.woff) no-repeat
}
.emoji36{
    background:url(../fonts/cd40eda271fb4da48b2ae8045a347e72.woff) no-repeat
}
.emoji38{
    background:url(../fonts/7b1d7bc295e34f0d9822ff496ad6471e.woff) no-repeat
}
.emoji39{
    background:url(../fonts/4646068d503f438c810325faaae99e81.woff) no-repeat
}
.emoji46{
    background:url(../fonts/10db5f4de7ec4434b0c8f1fb1cab939b.woff) no-repeat
}
.emoji48{
    background:url(../fonts/95c02fe5b26f4f9d9f7a66dcd4008648.woff) no-repeat
}
.emoji49{
    background:url(../fonts/fbc9bbbc6e3846668974b494ae7f257e.woff) no-repeat
}
.emoji51{
    background:url(../fonts/e00b179491d344b8b2f68e5e0861cb4e.woff) no-repeat
}
.emoji59{
    background:url(../fonts/4df723b2ab5646bf80a9d873f3b8eded.woff) no-repeat
}
.emoji65{
    background:url(../fonts/6a7f0995b9c542c0826b4b1e7bbe04af.woff) no-repeat
}
.emoji67{
    background:url(../fonts/e8d561b868d144d8aafe33e02a131937.woff) no-repeat
}
.emoji71{
    background:url(../fonts/818da8e85f984e7895e4d8631ecc6871.woff) no-repeat
}
.emoji75{
    background:url(../fonts/d0c63670cae54f14b2b270f2e2990376.woff) no-repeat
}
.emoji79{
    background:url(../fonts/9bfb5f7514d04757820790d43319008e.woff) no-repeat
}
.emoji80{
    background:url(../fonts/4f1487febec34f9f88d9ac6064472ed1.woff) no-repeat
}
.emoji87{
    background:url(../fonts/b6ff043ba2464630829e511ebfac47b9.woff) no-repeat
}
.emoji91{
    background:url(../fonts/c75e57e254424d1985e88dc39a72652d.woff) no-repeat
}
.emoji95{
    background:url(../fonts/8a8f1d8d09f1417a9950c6f05abba42b.woff) no-repeat
}
.emoji_choose{
    position: absolute;
    bottom: 5px;
    left: 6px;
}
.emoji{
    width: 27px;
    height: 27px;
    background-size: 100%;
    cursor: pointer;
    display: inline-block;
}
.emoji_list .emoji{
    margin:3px;
}
.emoji_list{
    position: absolute;
    display: none;
    bottom: 40px;
    left: 0px;
    width: calc(100%);
    background:#fff;
    border: solid 1px #ddd;
    padding: 5px;
}
.message-row .emoji{
    vertical-align: -5px;
    width: 20px;
    height: 20px;
}
/* Button Cược */
.overlay_dkdk_cuoc_top{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:1;
    width: 100%;
    height: 17%;
    color:#97f517;
    text-align: center;
}
.overlay_dkdk_cuoc_bottom{
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    height: 35%;
}
.overlay_dkdk_cuoc_top .text-color{
    color:red;
    text-decoration: underline;
}

.vjs-control-bar{
    z-index: 2 !important;
}
.vjs-control-bar *{
    z-index: 2
}
.vjs-control-bar .vjs-play-control,
.vjs-control-bar .vjs-volume-panel,
.vjs-control-bar .vjs-fullscreen-control{
    z-index: 4 !important;
}
.overlay_dkdk_cuoc_inside{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3 !important;
}
.overlay_dkdk_cuoc_top .marquee_wrapper{
    background:rgba(43,51,63,.7);
    font-size: 15px;
    padding: 7px 0px;
    height: 27px;
}
@media only screen and (max-width: 768px){
    .overlay_dkdk_cuoc_top .marquee_wrapper{
        font-size: 13px;
        padding: 3px 0px;
        height: 20px;
    }
}



.toplist .items .stars .full{
    color: #ff5722;
    font-size: 20px;
}
.toplist .items .item h4{
    margin-bottom: 0px;
    color: #ffee00;
    font-size: 22px;
}
.toplist .items .item:first-child{
    border-color: green;
}
.toplist .items .item:first-child{
    background: #08345d;
}
.toplist .items .item {
    background: #3a4753;
    color:#fff;
    border:solid 1px #ddd;
    position: relative;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: -1px -1px 26px -1px rgba(241,113,113,0.31);
    -webkit-box-shadow: -1px -1px 26px -1px rgba(241,113,113,0.31);
    -moz-box-shadow: -1px -1px 26px -1px rgba(241,113,113,0.31);
}
.toplist .items .item:hover{
    box-shadow: 0px 2px 39px -9px rgba(231,46,46,1);
    -webkit-box-shadow: 0px 2px 39px -9px rgba(231,46,46,1);
    -moz-box-shadow: 0px 2px 39px -9px rgba(231,46,46,1);

}
.toplist .items .item .part1 img{
    max-width: 150px;
    border: solid 1px #e6e6e6;
    border-radius: 5px;
    height: auto;
    display: inherit;
    margin-bottom: 0px;
}
.toplist .items .item .part1{
    float:left;
    width: 20%;
    margin-bottom: 0px;
}

.toplist .items .item .btn:first-child{
    margin-bottom: 10px;
}
.toplist .items .item .btn{
    display: block;
    text-align: center;
}
.toplist .items .item .clearmobile{
    margin-bottom: 0px;
}
.toplist .items .item .part3{
    margin-bottom: 0px;
    float:right;
    width: 13%;
    text-align: center;
}
.toplist .items .item .part2{
    margin-left: 22%;
    margin-bottom: 0px;
    margin-right: 15%;
}
.part2:after{
    content: "";
    display: block;
    clear: both;
}
.toplist .items .item .part2 .stars, .toplist .items .item .part2 div{
    margin-bottom: 0px;
}
.toplist .items .item .part2 div *{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}


.toplist .items .item .stt{
    position: absolute;
    top: -14px;
    left: 2px;
    line-height: 34px;
    background: url("../images/top.png") no-repeat center center;
    background-size: cover;
    width: 40px;
    height: 45px;
    font-size: 20px;
    color:red;
    text-align: center;
    font-weight: bold;
}
.nhapnhay_border{
    border: solid 3px;
}

.toplist.sizemobile .items .item .part2{
    margin-right: 19% !important;
}
.toplist.sizemobile .items .item .part3{
    width: 17% !important;
}
.toplist.sizemobile .items .item .part1{
    width: calc(100% - 140px) !important;
    text-align: center;
    margin-bottom: 20px;
}
.toplist .items .item .part2 div{
    text-align: left;
}
.toplist.sizemobile .items .item .part2{
    margin: 0px !important;
    border-top: solid 1px #ddd;
    padding-top: 20px;
}

.toplist.sizemobile .items .item .part2 h4{
    font-size: 22px !important;
}

.toplist.sizemobile .items .item .part2 div *{
    font-size: 16px !important;
}
.toplist.sizemobile .items .item .part3{
    float:right !important;
    width: 130px !important;
}
.toplist.sizemobile .clearmobile{
    clear:both;
}
@media only screen and (max-width:1000px){
    .toplist .items .item .part2{
        margin-right: 19% !important;
    }
    .toplist .items .item .part3{
        width: 17% !important;
    }
}

.toplist .items .item .part2 div p{
    line-height: 25px;
}
@media only screen and (max-width:768px){
    .toplist .items .item .part1{
        width: calc(100% - 140px) !important;
        text-align: center;
        margin-bottom: 20px;
    }
    .clearmobile{
        clear:both;
    }
    .toplist .items .item .part2 div{
        text-align: left;
    }
    .toplist .items .item .part2{
        margin: 0px !important;
        border-top: solid 1px #ddd;
        padding-top: 20px;
    }

    .toplist .items .item .part2 h4{
        font-size: 22px !important;
    }

    .toplist .items .item .part2 div *{
        font-size: 16px !important;
    }
    .toplist .items .item .part3{
        float:right !important;
        width: 130px !important;
    }
}

.topbtn{
    display: inline-block;
    padding: 5px 10px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 5px;
    text-decoration: none !important;
    background: green;
}
.topbtn.dangky{
    background: #ec4040;
}
.topbtn.dangnhap{
    background: #009688;
}
.topbtn.getcode{
    background: #3d3dd3;
}
.toplist .topbtn{
    margin-bottom: 10px;
    width: calc(100%);
}
.toplist .topbtn:last-child{
    margin-bottom: 0px;
}
table tr td{
    border-color: #8a8a8a80;
}

/*POPUP*/
.steps .listaction .ppaction{
    text-align: center;
    background: #00bcd4;
    margin-bottom: 10px;
    display: block;
    line-height: 20px;
}

.popup_action{
    z-index: 999;
    position: fixed;
    width: 350px;
    top: 30px;
    left: calc(100%/2 - 180px);
    background: #2c3e46;
    color:#fff;
    border: solid 7px #FFC107;
    display: none;
    border-radius: 5px;
}
.inputform{
    width: calc(100% - 20px);
    border-radius: 5px;
    padding: 5px 10px;
}
.popup_action strong{
    color: #ffc107;
}
.popup_action_wrapper{
    margin: 10px 15px;
}
.steps.active{
    display: block;
}
.steps{
    display: none;
}
.center{
    text-align: center;
}
.popup_action a.ainfo{
    color:#36e6fd;
    font-weight: bold;
    text-decoration: underline;
}
.popup_action ul li:after{
    position: absolute;
    content : "🔥";
    top: 0px;
    left: 0px;
}
.popup_action ul li{
    position: relative;
    line-height: 20px;
    font-size: 17px;
    padding-left: 20px;
    margin-bottom: 5px;
}
.popup_action p, .popup_action ul{
    margin-bottom: 10px;
}
.ppaction {
    display: initial;
    padding: 6px 20px;
    color:#fff !important;
    background: #FF5722;
    border-radius: 5px;
}
.ppaction.no, .ppaction.out{
    background: #937e7e;
}
.pp_ask{
    color: #ffee00;
    font-weight: bold;
}
table{
    border-spacing:0px;
    margin-bottom: 20px !important;
    width: 100%;
}
table tr td{
    padding: 5px 10px;
}
table tr td{
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
}

table tr td:last-child{
    border-right: solid 1px #ccc;
}
table tr:last-child td{
    border-bottom: solid 1px #ccc;
}


.cuocbtn{
    background: green;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 7px 15px;
    border-radius: 5px;
    margin: 0px 3px 10px 3px;
}
.cuoc-wrapper{
    text-align: center;
}

@media only screen and (max-width: 768px){

    .hide-mobile{
        display: none !important;
    }
}

#video_fr_dkdk .tcplayer.video-js.vjs-fullscreen video {
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
}