/* Generated aggregate CSS. Runtime uses /css/all.css. */

/* Section 1 */
:root {
    --color-primary:#0590e8;
    --color-secondary: #ff6600;
}

html, body {
    font-family: Arial, sans-serif, Tahoma, Helvetica;
    font-size: 14px;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    color:#333
}
html, body, div, span, h1, h2, h3, h4, p, em, img, ul, li, a {
    vertical-align: baseline;
    word-wrap: break-word
}
*
    /*, *:after, *:before*/
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}


.clearfix:before, .clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}
.full-width{width: 100%}
 table {width: 100%;}

.bg-orange{background:#FFF2BC;}
.magT1 {
    margin-top: 1rem;
}
.mag5{margin: 5px}
.pad10{padding:10px;}
.magB1 {
    margin-bottom: 1rem;
}
.main, header .wrap, nav ul{max-width:1080px;margin:0 auto}
.list-unstyle {
    list-style: none outside none;
    margin: 0;
    padding: 0
}
.col-r .list-news li:nth-child(2n) {
    background: #f9f9f9;
}
.col-r .list-news li {
    border-bottom: 1px dashed #ccc;
    padding: 8px 5px;
}
.col-r .list-news .image > * {
    width: 70px;
    height:39px;
}
.col-r .list-news .magl {
    margin-left: 75px;

}
.lottery-nav-box,
.lottery-nav-box * {
    position: relative;
}
.lottery-nav-box + * {
    margin-top: 1rem;
}

 .heading   {
    background-color: #0590e8;
    text-transform: uppercase;
    text-align: center;
    padding: 0.5rem;
    font-weight: bold;
}
.heading .title.title-secondary {
    background-color: #f59231;
}
.heading .title a, .heading .title{
    color:white;
}

.lottery-nav-box .body {
    padding: 1rem;
    border: 1px solid #EBEBEB;
}
.lottery-nav-box .body ul {
    padding: 0;
    margin: 0;
}
.lottery-nav-box .body ul li {
    display: block;
    float: left;
    width: 50%;
    list-style: none;
    text-align: left;
}
.lottery-nav-box .body ul li:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #FF9900;
    width: 4px;
    height: 4px;
}
.lottery-nav-box .body ul li a {
    cursor: pointer;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    display: block;
    font-weight: bold;
}
.caudep:link, .caudep:visited {
    margin: 3px;
    padding: 5px 5px;
    display: block;
    float: left;
    background: #FDFDFD;
    border: #DFDDDB 1px solid;
    font-size: 16px;
    font-weight: bold;
    color: #1D5AEB;
    text-decoration: none;
}

a {
    color: #333;
    text-decoration: none
}
a:hover {
    color: #f30;
    text-decoration: underline
}
.clblue{color:#1ea6ec}
img {
    border: medium none;
    outline: 0
}
h1, h2, h3 {
    margin: 0;
    font-weight: normal
}
h1 {
    font-size: 24px;color:#333
}
h1 strong{font-weight:normal}
h2 {
    font-size: 18px
}
.fl{
    float: left
}
.fr{
    float: right
}
/*[class^="ic-"], [class*=" ic-"] {*/
    /*background:url("../images/ics.png") no-repeat 0 0;*/
    /*display:inline-block;*/
    /**display:inline;*/
    /*zoom:1;*/
    /*cursor:pointer*/
/*}*/

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder { /* Firefox 18- */
    color: #999;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #333;
}

:-ms-input-placeholder {
    color: #333;
}






.radius4, button.collapsed, .btn-link, .search{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px
}
header .main{padding:2px 0}
header .main .fl{margin-top:0px}
header h1 {display:block;font-size:15px;padding:5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.txt-top{border-bottom:1px dotted #ededed}

.txt-logo{
    width: 176px; height:55px;
}
.txt-logo:hover{text-decoration:none}
header time{font-size:12px;display:block;color:#999}


.menu-didong
{
    background:#1066c8;
    width: calc(100%);
    position:relative;
    height:35px;
}
.menu-didong li a{color:#fff;
    font-weight: bold;
    font-size:13px;
    text-transform:uppercase;
    padding: 8px 5px 4px 0;
    display:block;
    line-height:35px;
    padding:0 10px
}
.fl-row {
    display: flex
;
    flex-wrap: wrap;
}
.sl-footer {
    margin-top: 10px;
    background-color: #fff;
    padding: 10px;
}
.fl-col {
    flex: 0 23%;
}
.fl-col ul {
    margin: 0;
    padding: 10px;
}
.sl-footer li {
    line-height: 1.6em;
}
.fl-col a {
    color: #00f;
}
@media (max-width: 640px) {
    .fl-col {
        flex: 1 1 50%;
    }
}
@media (max-width: 400px) {
    .fl-col {
        flex: 1 1 100%;
    }
}
.menu-didong li.active{background:#f90}

.menu-didong li {
    display: inline-block;
    text-align: center;
    position: inherit;
    position: relative;
    height:35px;
}
.menu-pc
{   background:#1066c8;
    height:35px;
}
.menu-pc li{

}
.menu-pc li a{
    color:#fff;
    font-weight: bold;
    font-size:13px;
    text-transform:uppercase;
    display:block;
    line-height:35px;
    padding:0 10px
}
/*menu cap 2 tren pc*/
.menu-pc ol{display:none}
.menu-pc li.fl:hover ol,.menu-pc li.fl.active {display:block}
.menu-pc li ol a{
    text-transform:none;
}
.menu-pc li.fl:hover ol a{color:#333}
/*css menu cap 2*/
.menu-pc li.fl.active{background:#f90}
.menu-pc li.fl:hover{background:#f59231}
.menu-pc li.fl:hover a{color:#f4ff00}


.menu-pc .ic-drop{position:absolute;
    background-color:#f19833;
    width:35px;height:35px;
    background-position:14px 14px;
    right:0;display:none;top:0
}
.search{position:absolute;top:5px;right:5px;background:#da0911;padding:3px 0 1px;width:45px;text-align:center}
.ic-search{background-position:-87px -25px;display:inline-block;width:22px;height:23px}

button.collapsed{float:left;background:none;border:1px solid #ff9599;padding:6px;position:relative;margin:15px 5px 5px 0}
.navbar-toggle .icon-bar {
    border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    background:#0f66c9
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}


.bg-gray{background:#f3f3f3;padding:5px 0}

.banner-topmobile{display:none;text-align:center}
.banner-topmobile img{display:inline-block}
.col-r{float:right;width:330px;padding-left:10px}
.col-l{float:left;border:1px solid #eee;width:calc(100% - 330px)}

.ic-comment, .ic-views, .ic-lock{padding:0 6px;display:inline}
.ic-comment{background-position:0 -27px}
.ic-views{background-position:-20px -26px}
.ic-lock{background-position:-42px -27px}
.info-post{color:#888;line-height:1;font-size:11px}
.info-post .comment{padding:0 5px;margin:0 5px;border-left:1px solid #888;border-right:1px solid #888}
.col-r .info-post .comment{padding-left:0;border:none;margin-left:0}
.col-r .info-post{margin-bottom:2px}

.loadding-page{padding:10px 10px 10px 0}
.loadding-page a{color:#2db466}

.remove-icon {
    width: 21px;
    height: 21px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAS1BMVEUAAADX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19f////7+/vb29v39/fq6urj4+Py8vLu7u7o6Ojf39+eP0PAAAAADnRSTlMAy40k7/n0T7euMzDlSPgWteAAAACaSURBVBjTdZELDoQgDEQLgn+nqKh7/5OuW36u0ZeQQJk205YCg1ajHZUeqFB1SHQVRSaDgplIaCyu2EbSa/xT/4q0uNMS9XKZFzcDOx/y6klD8LzJETQpBFZe3akXFI2ILMw+uSOLLHZIUOpgdo7XrFW5gN/4E+smDwfvp3xJHsSvBOQr+H3s7XkOLzOTcH1VNq+7KHszMHlvXxYZEuHjfASkAAAAAElFTkSuQmCC');
}
.dmca {
    display: inline-block;
    vertical-align: middle;
}


.share-social {}
.share-social .btn {
    float: left;
}
.share-social .btn:first-child {
    max-width: 5em;
}
.col-r{padding:10px 0 0 10px}

.title-r{font-size:16px;text-transform:uppercase;padding:8px 10px 6px;background:#f0f0f0}

.col-r .desc{
    font-size:13px;color:#666;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


.breadcrumb a{font-size:12px;color:blue}
.breadcrumb a:last-child{color:blue}


.link-hay{line-height:19px}
.link-hay img{width:100%;margin-bottom:5px}
.link-hay a{color:#06c;}
.link-hay p{margin:5px 0 0}
.link-hay p.img-left{float:left; height: 60px;margin-right: 10px;width: 93px;}

.donwload-app{padding:5px;background:#fffad3;border:1px solid #f7eea5;line-height:24px;font-size:16px;font-weight:bold;display:none;text-align:center}
.donwload-app .ic-hot{position:absolute;top:-3px;right:-31px}
.donwload-app img{vertical-align:bottom;margin-right:5px}
.donwload-app a{display:inline-block}

.colgiai tbody>tr:nth-of-type(odd) {
    background: #ffffff;
}
.colgiai a{
    color:blue;
}
footer{background:#eee;padding:10px 0}


.see-more {margin: 0.5em;}
.see-more a{
    color:blue;
    text-decoration: underline;
}
.see-more a:hover{text-decoration: underline;}
.see-more ul.list-html-link {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border-collapse: separate;
    margin-block-start: 0;
    margin-block-end: 0.5em;
}
.see-more ul.list-html-link li{
    width:100%;
    /*flex: 1 45%;*/
    padding: 0.4em;
    list-style: disc inside none;
    color: #666;
}
.see-more-title{
    font-size: 1.1rem;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}
iframe {
    border: none;
    width: 100%;
}
.cl-rl, .colgiai td div.cl-rl {
    color: #f60;
    /*font-size: 22px;*/
    width: fit-content;
    background-color: #fff2bc;
    /*padding: 2px;*/
/*    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;*/
}

.ic-down-arrow {
    background: url('/images/down_arrow.png') no-repeat 11px 14px;
    /*background-position: 11px 14px;*/
    width: 36px;
    height: 36px;
    transform: rotate(
0deg
);
    transition: transform 200ms linear;
}

.ic-down-arrow, nav .ic-drop {
    right: 0;
    top: 0;
    position: absolute;
}
nav li .ic-down-arrow{display: none}

.mobile-menu-list{
    padding:0px;
    margin:0px;
}
.chart-index{
    padding:5px;
}
@media(max-width:1019px){
     header h1{
        padding-left:0px;padding-right:0px
    }
}

@media(max-width:980px){
    .bnn-top{width:100%;height:100px;overflow:hidden}
    nav li.fl:first-child{display:none}

    header .main .fl{float:none;margin-top:0;padding:0 10px}
    
    #menu-mobile-backdrop {
        z-index: 10;
        background-color: rgba(255, 255, 255, 0.7);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
    }

    html.menu-active #menu-mobile-backdrop {
        display: block;
    }
    .close-button {
        display: table;
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 40px;
    }
    .menu-pc li.menu-header {
        background: #1066c8;
        padding: 1rem 0;
        color: #ffffff;
    }
    
    .menu-pc li a{
        display: initial;
    }
    
    .menu-header .close-button svg {
        display: block;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .menu-header .avatar {
        display: block;
        margin: auto;
        width: 60px;
        height:60px;
        background-color: #c4cde0;
        border-radius: 40px;
        overflow: hidden;
        border: 3px solid #fff;
        box-shadow: 0 0 0.5px 1px #ccc;
    }
    .menu-header .account-links, .menu-header .account-info {
        text-align: center;
    }
    nav li a{padding:0;border:none}
    nav li.menu-header a {
        color: #ffffff;
        text-transform: none;
        text-decoration: underline;
    }
    html.menu-active #list-cate{
        transform: translate(0);
        -moz-transform: translate(0);
        -webkit-transform: translate(0);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    }
    .nav-pc{
       
    }
    #list-cate{
         position: fixed;
        display: block;
        top:0;
        right: 0;
        bottom: 0;
        z-index: 100;
        width: 85vw;
        max-width: 320px;
        transition: 0.4s;
        -moz-transition: 0.4s;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        background: #EFEFEF;
        transform: translate(100%);
        -moz-transform: translate(100%);
        -webkit-transform: translate(100%);
        height: initial;
    }


    nav li.fl
    {float:none;width:100%;
        position:relative;}
    nav{position:relative}




    nav li .ic-down-arrow{display: block}
    
    
    ol li a{
        text-transform:none;
    }
    .menu li ol{
        background:#f7f7f7;
        float:left;
        width:100%;
        border:0;
        box-shadow:none;
        position: inherit;
        clear: both;
        top: 0
    }
    .menu li ol li{
        float:left;
        /*width:50%*/
    }
    .menu li.fl.active ol li a {
        color:black;
    }
    nav .ic-drop{display:block}


    .account-nav {
        display: none;}
    .col-l, .col-r{width:100%;border:none;padding:0}
    .col-l .list-news li{padding-right:0}



    .nav-mobi {
        display: block;
    }
    .menu_ul {
        width: 100%;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        overflow-x: auto;
        white-space: nowrap;

        display: flex;
        list-style-type: none;
        background-color: #c10000;

    }
    .menu_li {
        display: inline;
        text-align: center;
        position: inherit;
    }
    .menu_ul li a {
        color: #fff;
        font-size: 13px;
        display: block;
        line-height: 38px;
        padding: 0 8px 0 8px;
    }
    .menu_ul li.fl.active a {
        color: #f50909;
        background-color: #fffc00;
    }
}
@media(min-width:861px){
    nav .main{position:relative}
    .menu-pc li ol{position:absolute;
                  /*top:35px;*/
                  background:#fff;border:1px solid #eee;border-top:none;width:30%;z-index:99;box-shadow:0 3px 2px 0 #ccc}
    button.collapsed, .menu-didong{display:none}
    /*nav li:hover ol{display:block}*/

}
@media(max-width:860px){
    .txt-top strong{display:block;width:99%;white-space:nowrap}
    #list-cate{display:none}
/*    .txt-logo {
        margin-top:5px;
        width:150px;
        height:33px;
    }*/
    .menu-pc{
        left:0;
        top:0;
        width:calc(100% - 20px);
        box-shadow: 0 0 20px rgba(0,0,0,.5);
    }
    .menu-pc li{
        z-index: 100;
        width: 100%;
        background-color: #eee;
        border-right: 1px solid #ccc;
        border-bottom: 1px dashed #ccc;
        position:relative;
    }
    .menu-pc li a{line-height:35px;padding:0 5px;  color:black;}


    .menu-pc ol li{
        width:100%;
        background:#f90;
    }
    .menu-pc ol li a{
        text-transform:none;
        font-weight:bold;
        color:white;
    }
    .menu-pc li.fl:hover ol a{color:white}
    .menu-pc .ic-drop{
        display:block;
        /*background:url("../images/ics.png") no-repeat 0 0;*/
        /*display:inline-block;*/
        /**display:inline;*/
        /*zoom:1;*/
        /*cursor:pointer*/
    }
    .menu-didong {
        border: 0 none;
        color:#fff;
        text-transform:uppercase;
        white-space:nowrap;
        display: flex;
        overflow-y: hidden;
        overflow-x: auto;
        text-align: center;
        font-size: 14px;
        display: block;
        height: 35px;

    }
    #list-cate ol {
        transition: max-height 0.3s ease;
    }
    #list-cate ol {
            max-height: 300px; /* hoặc 50vh để linh hoạt hơn */
            overflow-y: auto;
            -webkit-overflow-scrolling: touch; /* cho iOS mượt hơn */
            padding-right: 10px; /* tránh che mất scrollbar */
        }

    .menu-pc{
        display:none;
    }

    .col-l, .col-r{width:100%;float: none;border:none;padding:0}
    .col-l .list-news li{padding-right:0}
    .content-detail, .table-sms tr:nth-child(2n) td{padding-right:0}

}
.my-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.hidden, .dspnone {
    display: none;
}
.dsp-mobile{ display: none;}

footer .copyright{line-height:22px;margin:0 2em 0.5em 0;}
.btn-fb-group{background:#3c5998;border:1px solid #1b326c;border-radius:3px;color:#fff;display:inline-block;cursor:pointer}
.btn-fb-group .icon-fb, .btn-fb-group .txt-msg{padding:2px 6px;display:inline-block;color:#fff}
.btn-fb-group .txt-msg{border-left:1px solid #1b326c;text-decoration:none}
.btn-fb-group .txt-msg:hover{background:#3e66a0}

.txt-center{text-align:center}
.dspblock{display:block}
.dspblockinline{display:inline-block}
.asnull{line-height:0;height:0;width:0;margin:0;padding:0;position:relative;visibility:hidden}

.text-detail img {
    max-width: 100%;
}

html,body{overflow-x:hidden;width:100vw}

.icon {
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
}
.remove-icon {
    width: 21px;
    height: 21px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAS1BMVEUAAADX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19f////7+/vb29v39/fq6urj4+Py8vLu7u7o6Ojf39+eP0PAAAAADnRSTlMAy40k7/n0T7euMzDlSPgWteAAAACaSURBVBjTdZELDoQgDEQLgn+nqKh7/5OuW36u0ZeQQJk205YCg1ajHZUeqFB1SHQVRSaDgplIaCyu2EbSa/xT/4q0uNMS9XKZFzcDOx/y6klD8LzJETQpBFZe3akXFI2ILMw+uSOLLHZIUOpgdo7XrFW5gN/4E+smDwfvp3xJHsSvBOQr+H3s7XkOLzOTcH1VNq+7KHszMHlvXxYZEuHjfASkAAAAAElFTkSuQmCC');
}
/* New home page design*/
.category-title {
    margin-top: 10px;
    border-bottom: 2px solid #1066c8;
}
.sub-title {
    background-color: #F0F0F0;
    padding: 0.5rem;
    font-weight: bold;
}
.category-title strong {
    color: #fff;
    background: #0590e8;
    display: inline-block;
    padding: 0.4rem;
    font-size: 1.1rem;
}

/* Dự đoán xổ số các tỉnh trong ngày */
.weekday-lotteries {
    border: 1px solid #ccc;
}
.weekday-lotteries .title {
    text-align: center;
}
.weekday-lotteries + * {
    margin-top: 1rem;
}
.weekday-lotteries .left,
.weekday-lotteries .right {
    width: 50%;
}
.weekday-lotteries .left {
    float: left;
}
.weekday-lotteries .left ul {
    border-right: 1px solid #ccc;
}
.weekday-lotteries .right {
    float: right;
}
.weekday-lotteries .right ul {
    border-left: 1px solid #ccc;
    margin-left: -1px;
}
.weekday-lotteries .title {
    color: #fff;
    background-color: #f59231;
    padding: 0.5rem 1rem;
    font-size: 1.1em;
    font-weight: bold;
}
.weekday-lotteries ul {
    padding: 0 1rem 1rem;
    margin: 0;
}
.weekday-lotteries ul li {
    display: inline-block;
    list-style: none;
    font-weight: bold;
    margin: 1rem 1rem 0 0;
}
.weekday-lotteries ul li > * {
    vertical-align: middle;
}
.weekday-lotteries ul li:before {
    content: "";
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    background-color: #FF9A02;
    vertical-align: middle;
    margin-right: 0.5em;
}
.weekday-lotteries ul li a {
    display: inline-block;
    vertical-align: middle;
}

.lottery-live-icon {
    background-image: url("data:image/gif;base64,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");
    width: 30px;
    height: 10px;
}
.lottery-waiting-icon {
    background-image: url("data:image/gif;base64,R0lGODlhHgAKAOZMANHP0fn5+b2+vfr6+vf39/v7+/j4+Pb29oeGh5uZm3N0c7Oys9ra2nBvcNXV1b6+vtXW1aGjoaWmpbKxsuTk5L++v9/f38jJyKKkoqanpq6trjg6OFRTVO3u7ZqZmnJ0coaFhqmrqWRjZNbV1jo8OnJwcpybnIWHhVZUVszLzMvKy+jo6HFvcVVTVZ2cnTk7OSMiI+np6YyLjGNiY6mqqY2MjYaIhiUkJY2LjfX19YeIhyQjJOHh4QQCBOLh4nx6fPPy8728vXR2dL68vtHQ0VxaXBweHPz8/Dw6PJSWlP///7SytAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDItMjJUMTA6MTU6MjkrMDc6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTAyLTIzVDE0OjQ4OjI1KzA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTAyLTIzVDE0OjQ4OjI1KzA3OjAwIiBkYzpmb3JtYXQ9ImltYWdlL2dpZiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFREEzN0E5OTE4NkQxMUU4OUVGMEMwMzRERUYxN0Q3RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFREEzN0E5QTE4NkQxMUU4OUVGMEMwMzRERUYxN0Q3RSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjQ3N0Y1Q0MyN0YxN0U4MTFCQ0VEQzc1NkVBMTYzREExIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NzdGNUNDMjdGMTdFODExQkNFREM3NTZFQTE2M0RBMSIgc3RFdnQ6d2hlbj0iMjAxOC0wMi0yMlQxMDoxNToyOSswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3N0Y1Q0MyN0YxN0U4MTFCQ0VEQzc1NkVBMTYzREExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ3N0Y1Q0MyN0YxN0U4MTFCQ0VEQzc1NkVBMTYzREExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp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");
    width: 30px;
    height: 10px;
}
.lottery-done-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gIXAyQNrUkPLQAAAPlJREFUKM+l0TEvBFEUxfHfDg3fgGIUJiQk9gvYRiHRP41EsUrZz0QtmUqhUm1CpxESxYvihajURAjNzGYis9h1qpf78r/33HOZUEWZj94dU6go8znMz0wB9nCDmE1itSjzPoa4iiEddyaYeIQ+7mNIy5C1BdECDisQNuv6bFHmC+jhFK91oxiSoswXcYmlGowhPdVwhj2c4KUo8wPU4DoeG+BhDOmi6ahTTTrDTlV7wDn2UV+jjCHt1o5GcMPiLdZaVr6OIXXbssganTbw9u3/E1vjghylHUP6QLcBvWMlhvT8K1w1uMN2lcUghhR/OuG4u676j/4y8QvVzVG5OvFYHAAAAABJRU5ErkJggg==");
    width: 15px;
    height: 15px;
}

.icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
span.icon,
i.icon {
    display: inline-block;
}
i.icon {
    vertical-align: middle;
}

/* account nav */

header .wrap {
    position: relative;
}
.account-nav {
    position: absolute;
    top: 0;
    right: 4px;
    z-index: 9;
    border-radius: 0 0 19px 19px;
    /*height: calc(100% - 1px);*/
    display: table-cell;
    vertical-align: middle;
    font-size: 0.9rem;
}

.account-nav, .account-nav nav:before, .account-nav nav:after {
    /*background: #f2f2f2;*/
}

.account-nav nav {
    padding: 0 1.2rem;
    white-space: nowrap;
}

.account-nav .item {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #888;
    /*padding: 5px;*/
}

.account-nav .item > *, .account-nav .item:before {

    font-size: 15px;

    vertical-align: middle;
}

span.icon, i.icon {
    display: inline-block;
}

.blue-user-icon {
    width: 15px;
    height: 15px;
    background-image: url("/images/blue-user.png");
}

.icon {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
@media screen and (max-width: 640px) {

    .dsp-desktop{
        display:none;
    }
    .dsp-mobile{
        display: initial;
    }
    
    .see-more ul.list-html-link li {
        flex: 1 100%;
    }



    .account-nav {
        float: right;
        position: relative;
        margin-bottom: 0.5rem;
        font-size: 0.85rem;
        padding: 5px 10px;
    }

    .weekday-lotteries {
        border: none;
    }
    .weekday-lotteries .left,
    .weekday-lotteries .right {
        width: 100%;
        float: none;
        margin-bottom: 0.5rem;
    }
    .weekday-lotteries .left ul,
    .weekday-lotteries .right ul {
        border: 1px solid #ddd;
    }
}




.scoll {
    width: 100%;
    overflow: auto;


}

table, table td,table th {
    border-collapse: collapse;

}
table td,table th {
    border: 1px solid #ccc;
    border-collapse: collapse;
}
table td, table th {
    text-align: center;
    padding: 5px;
}
table th {
    background-color: #eee;
    background-image: -moz-linear-gradient(top,#fafafa,#eee);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#eee));
    background-image: -webkit-linear-gradient(top,#fafafa,#eee);
    background-image: -o-linear-gradient(top,#fafafa,#eee);
    background-image: linear-gradient(to bottom,#fafafa,#eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eee', GradientType=0);
    padding: 5px;
    color: #333;
    margin-bottom: 1px;
}


.bold {
    font-weight: 700;
}

.s18 {
    font-size: 18px;
}
.clnote, .clred {
    color: #e80000;
}
.clblue{
    color:blue;
}
.clviolet{
    color:darkviolet;
}
.fullscreen {
    margin: 10px 0 0;
    text-align: center;
}
.fullscreen a {
    background: #fafafa;
    border: 1px solid #eee;
    padding: 5px;
    margin-bottom: 10px;
}
.fullscreen img {
    margin-right: 10px;
    vertical-align: bottom;
}

.w696 {
    min-width: 740px;
}
.w68 {
    width: 68px;
}

.s12 {
    font-size: 12px;
}
.tkdb td {
    color: #666;
    font-size: 13px;
    font-weight: 700;
    height: 25px;
    text-align: center;
}

.tkdb td span {
    font-size: 15px;
}

.bg_note {
    background: #FFEEC2;
}


table th em {
    font-weight: normal
}



table td {
    font-size: 14px
}
table td.bg_org {
    border-bottom: 1px solid #ffd755
}
table td em, .cl6 {
    color: #666 ;
}
table th.last {
    border: 1px solid #bda646;
    border-collapse: collapse;

}

.box-note {
    background: #f9f9f9;
    border: 1px solid #efefef
}
.box-note p {
    padding: 0 5px
}
.box-html {
    margin:5px 0;
    padding: 5px 5px;
    border: 1px solid #ccc;

}
.box-html a{
    color:blue;
    text-decoration: underline;
    text-underline-position: under;
}
.box-html p{
    line-height:24px;
}

.box-html ul li{
    line-height: 23px;
    padding:5px 0;
}
.bg_gray, .list-loto-mb h3, .logo-gan, .logo-gan li.gr-gray, .pad5, .quayso .tab1 li, .suportsc {
    padding: 5px;
}
.underline {text-decoration: underline}
.f16{font-size:16px}


.bg_red, .hrate {
    background: #da1c47;
}

.imgloadig {
    background: url("/images/loader-red.gif") center no-repeat;
    display: inline-block;
    min-width: 20px;
    /*height: 20px;*/
}

/* 2 digit - 3 digit panel */

.icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
span.icon,
i.icon {
    display: inline-block;
}
i.icon {
    vertical-align: middle;
}


/*
    MOBILE TOP BAR

*/

.link-du-doan {margin: 0.5rem;}
.link-du-doan a:before, .link-du-doan span:before{background: url('/images/hot2.gif') 0 no-repeat;
    width: 22px;
    height: 11px;
    display: inline-block;
    content: "";
}
@media(max-width:640px){
    header .main{padding-top:0}
    /*header h1{font-size:18px}*/
    header .main .fr{margin-top:0}
    .info-post, .list-news .btn-link {display:none}
    .magl p.desc{margin-bottom:0}
    .donwload-app{display:block}

}
@media(max-width:480px){

    .banner-topmobile{display:block}
    .banner-right-pc{display:none}
}

/*! jQuery UI - v1.12.1 - 2019-08-10
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-lightness&cornerRadiusShadow=5px&offsetLeftShadow=-5px&offsetTopShadow=-5px&thicknessShadow=5px&opacityShadow=20&bgImgOpacityShadow=10&bgTextureShadow=flat&bgColorShadow=000000&opacityOverlay=50&bgImgOpacityOverlay=20&bgTextureOverlay=diagonals_thick&bgColorOverlay=666666&iconColorError=ffd27a&fcError=ffffff&borderColorError=cd0a0a&bgImgOpacityError=18&bgTextureError=diagonals_thick&bgColorError=b81900&iconColorHighlight=228ef1&fcHighlight=363636&borderColorHighlight=fed22f&bgImgOpacityHighlight=75&bgTextureHighlight=highlight_soft&bgColorHighlight=ffe45c&iconColorActive=ef8c08&fcActive=eb8f00&borderColorActive=fbd850&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=ef8c08&fcHover=c77405&borderColorHover=fbcb09&bgImgOpacityHover=100&bgTextureHover=glass&bgColorHover=fdf5ce&iconColorDefault=ef8c08&fcDefault=1c94c4&borderColorDefault=cccccc&bgImgOpacityDefault=100&bgTextureDefault=glass&bgColorDefault=f6f6f6&iconColorContent=222222&fcContent=333333&borderColorContent=dddddd&bgImgOpacityContent=100&bgTextureContent=highlight_soft&bgColorContent=eeeeee&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=e78f08&bgImgOpacityHeader=35&bgTextureHeader=gloss_wave&bgColorHeader=f6a828&cornerRadius=4px&fsDefault=1.1em&fwDefault=bold&ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.cl-blue{
    color: #0590e8;
}

.light-gray{
    background:  #e8dfdf;
}

.light-purple{
    background: #d9d2e9;
}
.header{
    padding:10px;
}
.left-thick-border{
    border-left: 2px solid #333333;
}

/* subscription button */
.lbl1 {
    position: relative;
    display: inline-block;
    height: 16px;
    width: 27px;
    background: #898989;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
    vertical-align: middle;
}

.lbl1:after {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
    content: '';
    transition: all 0.3s ease;
}

.lbl1:active:after {
    transform: scale(1.15, 0.85);
}

.cbx:checked ~ label {
    background: #537e51;
}

.cbx:checked ~ label:after {
    left: 13px;
    background: white;
}

.cbx:disabled ~ label {
    background: #d5d5d5;
    pointer-events: none;
}

.cbx:disabled ~ label:after {
    background: #bcbdbc;
}

.sticky-bottom-header {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
    transition: 350ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}

.flex-wrap-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

@media (max-width: 640px) {
    .col-one-third {
        flex: 1 1 33.33%;
    }
}

/*Sticky content*/
.sticky-header-container {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
}

.sticky-content, .sticky-header {
    display: flex;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.sticky-header {
    overflow-x: hidden;
}

.db-by-month table, .tk-dauduoi table, table.sticky-header {
    table-layout: fixed;
}

.td-split {
    height: 40px;
    padding: 0;
    margin: 0;
    width: 70px;
    font-size: 13px;
}

.db-by-month table td, .db-by-month table th, .tk-dauduoi table tr td, .tk-dauduoi table tr th {
    padding-left: 0;
    padding-right: 0;
    width: 60px;
}

.td-split>div {
    position: relative;
    height: 100%;
    width: 70px;
    top: 0;
    left: 0;
}

table.sticky-header th div {
    width: 59px;
}

/*end of sticky content*/

.text-right{
    text-align: right;
}

.btn-see-more{
    width: 100%;
    max-width: 300px;
    border-radius: 3px;
    padding: .5em;
    border: 1px solid #ddd;
    display: block;
    margin: .5rem auto;
    cursor: pointer;
    color: #666;
    text-transform: uppercase;
    height: initial;
    background-color: initial;
}

.s16{
    font-size: 16px;
}

.hint-block{
    width: calc(70% - 20px);
    float: right;
}
.sticky-banner-container{
    position: fixed;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    max-height: 100px;
    box-sizing: border-box;
    opacity: 1;
    /*background-image: none;*/
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    margin-bottom: 0;
    padding-bottom: env(safe-area-inset-bottom,0px);
}
.sticky-banner{
    width: 320px;
    height: 50px;
    margin: auto;
}
.sticky-banner-top-pad{
    display: block;
    width: 100%;
    /*background: #fff;*/
    height: 5px;
    z-index: 12;
}
.sticky-banner-close-btn {
    position: absolute;
    /*visibility: hidden;*/
    width: 28px;
    height: 28px;
    top: -28px;
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234F4F4F' d='M354 9.31 352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 13px 13px;
    background-position: 9px;
    background-color: #fff;
    background-repeat: no-repeat;
    box-shadow: 0 -1px 1px 0 rgb(0 0 0 / 20%);
    border: none;
    border-radius: 12px 0 0 0;
}
.sticky-banner-close-btn:before{
    position: absolute;
    content: "";
    top: -20px;
    right: 0;
    left: -20px;
    bottom: 0;
}


.tab-title {
   color:white;
    background-color: #0590e9;
    padding: 0.5rem 1rem;
    line-height: 23px;
    font-size: 16px;
    text-align: center;


}

/* Section 2 */
button{
    border: none;
    cursor: pointer;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    text-decoration: none
}

.btn {
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-danger {

    background-color: #dd4b39;
    border-color: #d73925;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
    background-color: #d73925;

}
.btn.focus, .btn:focus, .btn:hover {
    /*color: #333;*/
    text-decoration: none;
}

/* Section 3 */
.see-more-button {
    width: 100%;
    max-width: 300px;
    border-radius: 3px;
    padding: .5em;
    border: 1px solid #ddd;
    display: block;
    margin: 10px auto;
    cursor: pointer;
    color: #666;
    text-transform: uppercase;
    height: initial;
    background-color: initial;

}
.see-more-button:not(:disabled):hover {
    background-color: #eee;
    box-shadow: none;
}

/* Section 4 */
.buttons-wrapper {
    float: right;
}
.control-panel {
    display: block;
    padding: 0.5em;
    height: 30px;
    text-align: center;
    background: #fbe3cc;
    color: #080808;
}
.control-panel:after {
    content: "";
    display: block;
    clear: both;
}
.full-screen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    margin: auto;
}

table.full-screen tr th,
table.full-screen tr td {
    padding: 0 !important;
}
.digits-form label.radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none;
}
.digits-form label.radio input + b {
    width: 1em;
    height: 1em;
    display: inline-block;
    border-radius: 100%;
    border: none;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.digits-form label.radio input:checked + b {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http:%2F%2Fwww.w3.org%2F2000%2Fsvg" xmlns:xlink="http:%2F%2Fwww.w3.org%2F1999%2Fxlink" version="1.1" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="%23537E51"%2F><%2Fsvg>');
}
.digits-form label.radio * {
    vertical-align: middle;
}

.digits-form label.radio[data-value="0"] span:after {
    content: " Đầy đủ";
}
.digits-form label.radio[data-value="2"] span:after {
    content: " 2 số";
}
.digits-form label.radio[data-value="3"] span:after {
    content: " 3 số";
}

.digits-form {
    float: left;
}
.digits-form label.radio {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.digits-form label.radio + label.radio {
    margin-left: 1em;
}

/* Section 5 */
.loading-page {
    padding: 5px 10px;
}
.loading-page a{
    color:#1066c8;
    padding: 0.25rem 0.5rem;
    border: 1px solid #1066c8;
    border-radius: 5px;
    display: inline-block;
}
.loading-page a:hover{
    text-decoration: none;
}
.loading-page a.primary{
    background-color:#1066c8;
    color: white;
}
.loading-page a>*{display: inline-block;vertical-align: middle}

/* Section 6 */
.tab-panel {
    padding: 0;
    margin: 0;
    background: transparent;
    position: relative;
}
.tab-panel:after {
    content: "";
    display: block;
    background: #0590e8;
    height: 7px;
    width: 100%;
    top: 100%;
    position: absolute;
    z-index: 10;
}
.tab-panel * {
    position: relative;
    word-spacing: normal;
}
.tab-panel + h2 {
    border-radius: 0;
}
.tab-panel li {
    margin-right: 0.9em;
    display: inline-block;
    list-style: none;
    background: #eee;
    border-radius: 5px 5px 0 0;
    z-index: 0;
}
.tab-panel li a {
    color: inherit;
    display: block;
    padding: 0.5em 0.6em 0.5em 0.8em;
}

.tab-panel li.active {
    color: #ffffff;
    z-index: 1;
    background: #0590e8;
    font-weight: bold;
}
.tab-panel li:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 2px;
    border-radius: 0 5px 0 0 ;
    transform: rotate(-20deg);
    height: 110%;
    width: 10px;
    background: #eee;
    z-index: -1;
}
.tab-panel li.active:after {
    background: #0590e8;
}

/* Section 7 */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 3, 2020, 12:04:50 PM
*/

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}.ui-widget-header .ui-icon {
    background-image: url("/css/css/images/ui-icons_222222_256x240.png");
}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;background-color:white;border:1px solid #8a8a8a}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;padding:4px}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}

/* Section 8 */
.title-bor {

    background-color: #fbe3cc;
    padding: 0.5rem 1rem;
    line-height: 23px;
    font-size: 16px;
    text-align: center;


}
.title-a {
    font-weight:bold;
    color: red;
    text-decoration: underline;
}

/* Section 9 */
#chat-box > * {
    font-size: 15px;
}
#chat-box form {
    padding: 1rem;
    border: 1px solid #e1e1e1;
    background: #fff;
}
#chat-box .my-comment {
    margin: 1rem 0 1rem 0;
}
#chat-box form .text-input {
    display: block;
    background: #fff;
    min-height: 4.5rem;
    border: none;
    resize: none;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
}
#chat-box form .text-input:after {
    content: "Nội dung thảo luận...";
    color: #999;
    font-style: italic;
}
#chat-box form .text-input::-webkit-input-placeholder {
    color: #999;
    font-style: italic;
}
#chat-box form .text-input::-moz-placeholder {
    color: #999;
    font-style: italic;
}
#chat-box form .text-input:-ms-input-placeholder {
    color: #999;
    font-style: italic;
}
#chat-box form .text-input:-moz-placeholder {
    color: #999;
    font-style: italic;
}

#chat-box form .text-input:focus::-webkit-input-placeholder {
    color: #bbb;
    font-style: italic;
}
#chat-box form .text-input:focus::-moz-placeholder {
    color: #bbb;
    font-style: italic;
}
#chat-box form .text-input:focus:-ms-input-placeholder {
    color: #bbb;
    font-style: italic;
}
#chat-box form .text-input:focus:-moz-placeholder {
    color: #bbb;
    font-style: italic;
}
#chat-box form .text-input:focus:after {
    color: #bbb;
}
#chat-box form .text-input:not(:empty):after {
    content: "" !important;
}
#chat-box form :not(.bottom-panel) > .left-col {
    width: 3.6rem;
    float: left;
}
#chat-box form :not(.bottom-panel) > .right-col {
    width: calc(100% - 4.6rem);
    float: right;
}
#chat-box form .bottom-panel {
    background: #fcfcfc;
    border-top: 1px solid #e1e1e1;
    margin: 1rem -1rem -1rem;
    padding: 0 .5rem;
}
#chat-box .bottom-panel .left-col>div:first-child {
    margin: 0;
}
#chat-box .bottom-panel .left-col>* {
    display: inline-block;
    padding: 8px;
    margin: 0 3px;
}
#chat-box .bottom-panel .number-box, #chat-box .bottom-panel .camera, #chat-box .bottom-panel .youtube-link{
    display:none;
}
/*#chat-box .bottom-panel .left-col>div:not(.smiley) {
    display: none;
}*/
#chat-box form button {
    /*height: 1.8rem;*/
}
#chat-box .bottom-panel img {
    height: 18px;
}
#chat-box form button:not(:last-child) {
    margin-right: 1rem;
}
#chat-box form button[type=submit] {
    border-radius: 2px;
    border-color: #b7b7b7;
    min-width: 70px;
    height:1.8rem;
    margin-top: 7px;
}
#chat-box .comment .user-name.Mod a{
    color: red;
}
/* Comment */
#chat-box .comment .user-name {
    float: left;
    z-index: 1;
}
#chat-box .comment .user-name.admin a {
    color: #fa4000;
}
#chat-box .comment .user-name.admin:before {
    content: "ad";
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #eee;
    font-size: 0.8em;
    left: -10%;
    line-height: 1rem;
    bottom: 75%;
    padding: 0 0.25em;
    background: #2a4;
    color: #fff;
    font-weight: bold;
    margin-right: 0.2em;
}
#chat-box .comment .user-name:after {
    content: "\00a0";
}
#chat-box .comment .user-name a {
    font-weight: bold;
    color: #333;
}
#chat-box .comment .user-name a:hover {
    color: #01becc;
}
#chat-box .comment .content {
    color: #666;
    line-height: 17px;
}
#chat-box .comment .info {
    font-size: 0.85em;
}
#chat-box .comment .info > *:not(:first-child) {
    margin-left: 1rem;
}
#chat-box .comment time, #chat-box .comment .block-user, #chat-box .comment .remove, #chat-box .comment .reply, #chat-box .comment .report {
    color: #aaa;
    cursor: pointer;
}
#chat-box .comment .reply:before {
    content: "";
    display: inline-block;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAgMAAAArG7R0AAAADFBMVEUAAADplnbplnbplnbcPC1BAAAAA3RSTlMAxIC4WFW0AAAAHElEQVQI12MAAfn/Xxjs///BjoFyFkA1CgxgAADpTxH5uvlXkQAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 0.4em;
}
#chat-box .comment .report:before {
    content: "";
    display: inline-block;
    background-image: url('/images/report12.png');
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 0.4em;
}
#chat-box .comment .remove:before {
    background-image: url('/images/delete.png');
    background-size: contain;
    margin-top: -4px;
}
#chat-box .comment .block-user:before {
    background-image: url('/images/disturb.png');
    background-size: contain;
    margin-top: -4px;
}
#chat-box .comment .reply:hover,#chat-box .comment .report:hover {
    text-decoration: underline;
}
/* Comments */
#chat-box .comments {
    margin-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: calc(1rem + 1px);
}
#chat-box .comments .comment:not(:first-child) {
    margin-top: 1rem;
}
#chat-box .comments .comment .left-col {
    width: 3.6rem;
}
#chat-box .comments .comment .right-col {
    width: calc(100% - 4.6rem);
}
#chat-box .comments .comment .info {
    margin-top: 0.3rem;
}
/* Sub-comments */
#chat-box .sub-comments {
    margin-top: 0.5rem;
    background: #fafafa;
    border: 1px solid #eee;
    padding: 1rem 0.8rem;
    font-size: 0.9em;
}
#chat-box .sub-comments .comment:not(:first-child) {
    margin-top: 0.8rem;
}
#chat-box .sub-comments .comment .left-col {
    width: 3rem;
}
#chat-box .sub-comments .comment .right-col {
    width: calc(100% - 3.8rem);
}
#chat-box .sub-comments .comment .info {
    margin-top: 0;
}
#chat-box .sub-comments form {
    padding:0 1rem 0 0;
}
#chat-box .sub-comments form .text-input {
    min-height: 0;
    padding: 0.5rem;
}
#chat-box .sub-comments form .text-input:after {
    content: "Trả lời...";
    font-size: 0.9em;
}
#chat-box .sub-comments form .bottom-panel {
    margin: 0;
    padding: 0 0.5rem 0.5rem;
    background: none;
    border: none;
    /* Beta */
    /*display: none;*/
}
#chat-box .sub-comments form .bottom-panel .left-col,
#chat-box .sub-comments form .bottom-panel .right-col {
    width: auto;
}
#chat-box .sub-comments:empty {
    display: none;
}
/* View more */
#chat-box .view-more {
    text-align: center;
    border: 1px solid #eee;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 1rem;
    padding: 0.5rem;
    color: #06a;
    font-weight: bold;
    transition: all 0.1s;
}
#chat-box .view-more:hover {
    text-decoration: underline;
    color: #09e;
    border-color: #ddd;
    background: #f2f2f2;
}
#chat-box .comment .view-more {
    padding: 0;
    font-weight: normal;
    text-align: left;
    border: none;
    background: none;
    font-size: 0.9rem;
    margin-top: 0.5rem;
}
#chat-box textarea:focus, #chat-box .text-input:focus {
    outline: none;
}

#chat-box .left-col {
    float: left;
}
#chat-box .right-col {
    float: right;
}
.avatar {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0 0 0.5px 1px #ccc;
    position: relative;
}
.avatar img {
    display: block;
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: transparent;
    height: 100%;
    width: auto;
}
.avatar:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
}
.comments .comment:after,.comments:after{
    content: "";
    display: block;
    height: 0;
    padding: 0;
    margin: 0;
    clear: both;
}
.comment-box{padding-top:5px}
/*.comments .view-more {display: block}*/
#chat-box a.login-link {text-decoration: underline;color: #f60;line-height: 34px}
#chat-box form textarea {width: 100%;}
.box-customer input[type="file"] {
    height: 2.5rem;
}
.box-customer input:read-only {
    background-color: #dcdcdc;
}
.smiley {
    display: block;
    padding: 2px;
    border: 1px solid transparent;
    position:relative;
}
.smiley:hover,.smiley a:hover, .smiley-box span:hover {
    background: #efefef;
    border: #ddd 1px solid;
}
.smiley-box {
    padding: 2px;
    background: white;
    width: 268px;
    position: absolute;
    bottom: -100px;
    left: 23px;
    border: #bebebe 1px solid;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    cursor: default;
    z-index: 5;
}
.smiley-box span{
    display: inline-block;
    min-width: 40px;
    text-align: center;
    padding: 2px;
}


.comment-detail{display:none}

/* Section 10 */
.firstlast-mb{border-top:none;font-weight:700;border-right:none}
.firstlast-mb.fl, .firstlast-mb.fr{width:100%}
.firstlast-mb.fl td:last-child, .firstlast-mb.fl th:last-child
{text-align:left;padding:5px}
.firstlast-mb.fl td:first-child, .firstlast-mb.fl th:first-child
{
    width:20%;
    text-align:left;
    padding:5px;
    border-left: 1px solid #efefef;
}
.kqmb .db td.number,  .g8 td.number div ,.g7 td.number div {
    font-size: 22px
}
.kqmb td.number {
    font-size: 24px;
    font-weight: bold;
}
.txt-giai {
    width: 70px;
}
.kqmb thead{display: none}
.kqmb .db td.number,.kqmb .g7 td.number,.kqmb .g8 td.number{
    color: #e80000;
    font-size: 32px;
}
.colgiai div.imgloadig:before, .colgiai b.imgloadig:before, .colgiai strong.imgloadig:before{content: "\200b";}
.kqtinh td.v-giai{padding: 0;
	/*border: none;*/
}
.kqtinh td.v-giai span[class^='v-g']{display: inline-block;
	/*border: 1px solid #ccc;*/
	/*height:100%;width: 100%;*/
	min-width: 20px;
	padding:6px 4px;
	white-space: nowrap;
	word-break: keep-all;
}
.kqmb td.v-giai span.imgloadig:before {
	content: "\200b";
}
.kqtinh.kqmb td.v-giai span[class^='v-g3-']{width:50%;border-bottom:none}
.kqtinh td.v-giai span.v-g3-1{border-left:1px solid #ccc}
.kqtinh td.v-giai span.v-g4-1, .kqtinh td.v-giai span.v-g4-2, .kqtinh td.v-giai span.v-g4-3, .kqtinh td.v-giai span.v-g4-0{width:25%;}
.kqtinh td.v-giai span.v-g4-1, .kqtinh td.v-giai span.v-g4-2, .kqtinh td.v-giai span.v-g4-3, .kqtinh td.v-giai span.v-g4-0{border-left:1px solid #ccc;border-bottom: 1px solid #ccc}
.kqtinh.kqmb td.v-giai span.v-g4-5, .kqtinh.kqmb td.v-giai span.v-g4-6, .kqtinh.kqmb td.v-giai span.v-g4-4{width:33.33%;}
.kqtinh.kqmb td.v-giai span.v-g4-5, .kqtinh.kqmb td.v-giai span.v-g4-6, .kqtinh.kqmb td.v-giai span.v-g4-4{border-left:1px solid #ccc;}
.kqtinh.kqmb td.v-giai span.v-g4-0, .kqtinh.kqmb td.v-giai span.v-g4-4{border-left: none}

.kqtinh td.v-giai span[class^='v-g6-']{width:33.33%}
.kqtinh td.v-giai span.v-g6-1, .kqtinh td.v-giai span.v-g6-2{border-left:1px solid #ccc}

@media(max-width: 640px)
{
	.kqtinh.kqmb td.v-giai span.v-g4-1, .kqtinh.kqmb td.v-giai span.v-g4-2, .kqtinh.kqmb td.v-giai span.v-g4-3, .kqtinh.kqmb td.v-giai span.v-g4-0{width:50%;}
	.kqtinh td.v-giai span.v-g4-2{border-left: none}
    .txt-giai{
        width:50px;
    }
}
@media(max-width:480px){
/*    .txt-giai {
        width: 40px;
    }*/
}

@media(max-width:320px){
    .txt-giai {
        width: 30px;
    }
}

/* Section 11 */
/* KQXS TABLE */
.kqmb td.number {
    padding:6px;
    font-size: 28px;
    font-weight:bold;
}

.kqmb thead{display: none}
.kqmb .db td.number,.kqmb .g7 td.number{
    color: #e80000;
    font-size: 32px
}
.kqmb th {
    padding: 10px 5px
}
.bang-loto{
    margin: 0px;
}
.bang-loto table tr td{
    text-align: center;
    padding: 5px 2px;
    font-weight: 700;
    font-size: 16px;
}
.txt-giai {
    width: 70px;
}
.firstlast-mb{border-top:none;font-weight:700;border-right:none}
.firstlast-mb.fl, .firstlast-mb.fr{width:49%}
.firstlast-mb.fl td:last-child, .firstlast-mb.fl th:last-child
{text-align:left;padding:5px}
.firstlast-mb.fl td:first-child, .firstlast-mb.fl th:first-child
{
    width:20%;
    text-align:left;
    padding:5px;
    border-left: 1px solid #efefef;
}

.kqmb td.v-giai{padding: 0;
    /*border: none;*/
}
.kqmb .madb.v-giai {
    font-size: 17px;
    color:blue;
    padding: 6px 0;
}
.kqmb td.txt-loto{padding: 6px 0;}
.kqmb td.v-giai span[class^="v-g"]{display: inline-block;

    width: 100%;
    min-width: 34px;
    padding:6px 0px
}
.kqmb td.v-giai span[class^='v-g2-']{width:50%}
.kqmb td.v-giai span[class^='v-g3-']{width:33.33%}
.kqmb td.v-giai span[class^='v-g4-']{width:50%}
.kqmb td.v-giai span[class^='v-g5-']{width:33.33%}
.kqmb td.v-giai span[class^='v-g6-']{width:33.33%}
.kqmb td.v-giai span[class^='v-g7-']{width:25%}
/*.kqmb td.v-giai span.v-g2-1, .kqmb td.v-giai span.v-g3-1, .kqmb td.v-giai span.v-g3-2, .kqmb td.v-giai span.v-g3-4, .kqmb td.v-giai span.v-g3-5, .kqmb td.v-giai span.v-g4-1, .kqmb td.v-giai span.v-g4-3, .kqmb td.v-giai span.v-g5-1, .kqmb td.v-giai span.v-g5-2, .kqmb td.v-giai span.v-g5-4, .kqmb td.v-giai span.v-g5-5, .kqmb td.v-giai span.v-g6-1, .kqmb td.v-giai span.v-g6-2, .kqmb td.v-giai span.v-g7-1, .kqmb td.v-giai span.v-g7-2, .kqmb td.v-giai span.v-g7-3{border-left:1px solid #ccc;}*/
/*.kqmb td.v-giai span.v-g3-0, .kqmb td.v-giai span.v-g3-1, .kqmb td.v-giai span.v-g3-2,.kqmb td.v-giai span.v-g4-0, .kqmb td.v-giai span.v-g4-1,.kqmb td.v-giai span.v-g5-0, .kqmb td.v-giai span.v-g5-1, .kqmb td.v-giai span.v-g5-2*/
/*{border-bottom:1px solid #ccc;}*/
.kqmb td.v-giai span.imgloadig:before, .kqmb td.v-giai span.v-madb:before{content: "\200b";}

.kqmb td[class^='v-loto-']{font-weight: 700;padding-left:2px; padding-right: 2px;font-size:16px;
                           /*word-break: break-word;*/
}

@media(max-width:400px){
    .txt-giai {
        width: 40px;
    }
    .kqmb td.number {
    font-size: 25px;
}
.kqmb td[class^='v-loto-']{
    font-size:14px;
}
}


@media(max-width:320px){
.kqmb td.number {
    font-size: 24px;
}

}

/* Section 12 */
.colgiai th {
    font-weight: normal
}

.colgiai th.first {
    width: 10%
}
.coltwocity th, .colfourcity th, .colthreecity th {
    vertical-align: baseline;
    word-wrap: break-word
}
.coltwocity th {
    width: 45%
}
.colfourcity th {
    width: 22.5%
}
.colthreecity th {
    width: 30%
}
.colgiai div {
    font-weight: bold;
    height: 28px;
    padding: 3px 0;
    margin: auto;
    display: block;
}
.coltwocity th, .colfourcity th, .colthreecity th {vertical-align: baseline;word-wrap: break-word}
.coltwocity th {width: 45%}
.colfourcity th {width: 22.5%}
.colthreecity th {width: 30%}

.colgiai td,.col-firstlast td {
    text-align:center;
    padding:5px 5px;

}
.coltwocity .g8 div, .colthreecity .g8 div, .colfourcity .g8 div {
    color: #ed0303;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 3px;
}
.coltwocity td div, .colthreecity td div,  .colfourcity td div{
    font-size: 22px;
    font-weight: bold;
    padding:3px 0;
}
.coltwocity .gdb div, .colthreecity .gdb div {
    color: #ed0303;
    font-size: 24px;
}
.colfourcity .gdb div
{
    color: #ed0303;
    font-size: 24px;
}



.bg_f6 {
    background: #ffffff
}

.bg_ef {
    background: #ffffff;
    padding: 10px 5px
}
.firstlast-mn{
    font-weight: bold;
}
@media(max-width:640px){
    .colthreecity td div, .colfourcity td div{
        font-size: 22px;
    }
    .colfourcity td div{
        font-size: 20px;
    }
    .colfourcity .gdb div{font-size: 21px;}
}
@media(max-width:360px){

    .colthreecity td div, .colfourcity td div{
        font-size: 20px;
    }

    .colfourcity td div{
        font-size: 18px;
    }
    .colfourcity .gdb div{font-size: 20px;}
}
@media(max-width:320px){

    .colfourcity td div{
        font-size: 17px;

    }
    .colthreecity .gdb div {font-size: 20px;}
    .colfourcity.colgiai .gdb div{font-size: 17px;}
}

/* Section 13 */
.content-detail{padding:5px 10px 0 5px}
.box-social, .box-comment{margin-top:10px}
.link-refer{list-style:square none inside;padding:10px;background:#fff4d9;color:#ed1c24}
.link-refer li{padding:5px 0}
.news_content a {font-weight: bold}
.news_content {font-size: 1.2em; line-height: 1.5}
.toc-content{
    list-style-type: decimal;
    margin-block-start: 5px;
    margin-block-end: 5px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 10px;
    border:1px solid #ddd;
}
.toc-content li a{
    color: var(--color-primary);
    font-weight: normal;
    text-decoration: none;
}
.toc-content li{
    list-style-type: none;
    padding:3px 0;
}
.news_content h2,
.news_content h2 * {
    font-size: 18px;
    color: #1d70c4;
}
.news_content a,
.news_content a * {
    color: var(--color-primary);
    text-decoration: underline;
}
.news_title,
.news_title * {
    font-size: 21px;
    color: #ff6600;
    font-weight: bold;
}
.text-detail img {
    height: auto ;
}

.news_content h3 {
    margin: 0.5em auto;
}

/* Section 14 */
.title-news{font-size:18px;margin-bottom:10px}
.col-l .list-news li{padding:5px 5px 5px 5px;border-bottom:1px solid #eee}
.col-l .list-news .image,.col-l .list-news .image img {width:187px;height:105px}

.col-l .list-news .magl{margin-left:192px;overflow:hidden}
.col-l .list-news li p{margin:0 0 10px}
.col-l  .list-news li:last-child {
    border-bottom: none;
}
.desc{font-size:14px;line-height:20px}

.btn-link{padding:6px 10px;display:inline-block;background:#ccc;color:#565656}
.btn-link.dspnone{display:none}
.btn-link:hover{background:#ed1c24;color:#fff;text-decoration:none}
@media(max-width: 650px){
    .col-l .list-news .image,.col-l .list-news .image img {width:158px;height:89px}

    .col-l .list-news .magl{margin-left:163px;}
}
@media(max-width: 480px){
    .col-l .list-news .image,.col-l .list-news .image img {width:100px;height:56px}
    .col-l .list-news .magl{margin-left:105px;}
}

/* Section 15 */
/* STATISTIC LOTO */
.tbl1 {
    float: left;
    margin: 5px;
    background: #83ADFC;
}
.tbl1 .col1 {
    color: #B3380F;
    font-weight: bold;
    background: #E1EFFF;
    padding: 5px;
}
.tbl1 .col2 {
    color: #008000;
    font-weight: bold;
    background: #FFF4E1;
    padding: 5px;
}

/* Section 16 */

.bang-loto {
    border: 1px solid #ccc;
}
.bang-loto table td {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: none;
}
.bang-loto table tr td:first-child{
    border-left: none;
}
.bang-loto table, .bang-loto table td:last-child{
    border-right: none;
}

.clblue{
    color: #0590e8;
}
.bang-kq .clnote, .bang-kq .clblue {
    font-size: 1.3em;
    background-color: #fbe3cc;
    padding: 5px;
    border-radius: 5px;
}

.form-horizontal {
    margin-top: 15px;
}
.form-horizontal .form-group {
    margin-bottom: 15px;
    overflow: hidden;
    margin-left: initial;
    margin-right: initial;
}
.form-horizontal .form-group {
    margin-bottom: 15px;
}
.form-horizontal .form-group:before {
    display: table;
    content: " ";
}
.form-horizontal .form-group:after {
    clear:both;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
    width: 30%;
    float: left;
    padding-left: 10px;
    font-weight: bold;
}
.form-horizontal .form-control {
    width: calc(70% - 1.5rem);
    float: left;
}
.caudep:hover, .caudep:active {
    background: #FFEDE1;
    border: #FAE1C0 1px solid;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #DF5900;
    text-decoration: none;
}
/** SOI CAU **/
.bang-cau {
    border: 2px solid #7e7e7e;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.bang-cau td {
    border: 1px solid #ccc;
    padding: 3px 0 3px 0;
    width: 9%;
}
.bang-cau td:not(.dau){
    width: 45px;
    height: 45px;
}

.bang-cau td.dau{
    background-color: #d9edf7;
    width: 10%;
}

.bang-cau td.invalid{
    background: #CCC;
}
.bang-cau td span {
    display: block;
}
.bang-cau td span.num {
    font-size: 20px;
    margin: 5px 0;
}
.bang-cau td span.freq {
    font-style: italic;
}
input[type="text"], input[type="password"], textarea, select {-webkit-appearance: none;
    width: auto;
    height: 35px;
    padding: 5px 2%;
    font-size: 13px;
    color: #999;
}

select{	-webkit-appearance: none;
    -moz-appearance: none; }
input[type="checkbox"], input[type="radio"] {
    height: 13px;
    width: 13px;
    margin: 0 5px 0 0;
    position: relative;
    z-index: 5;
}

/* Section 17 */
.tk-db table.colgiai.fl {
    float: left;
    width: 50%;
}
.tk-db table.colgiai:nth-child(2n) {
    border-left: 1px solid #ccc;
}
.list-dau-db li {
    padding: 8px 5px;
    border-collapse: collapse;
    border: 1px solid #eee;
    float: left;
    text-align: center;
    width: 20%;
    font-weight: 700;
}

.colgiai.col-14 td{
    min-width: 80px;
}

#monthly-result td .dau, #monthly-result td .duoi, #monthly-result td .loto, #monthly-result td .tong, #monthly-result td .date, #monthly-result td .even-odd, .tk-tong-db td .dau, .tk-tong-db td .duoi, .tk-tong-db td .loto, .tk-tong-db td .tong {
    display: none;
}

#monthly-result.dau td .dau, #monthly-result.duoi td .duoi, #monthly-result.loto td .loto, #monthly-result.tong td .tong, #monthly-result.date td .date, #monthly-result.even-odd td .even-odd, .tk-tong-db.dau td .dau, .tk-tong-db.duoi td .duoi, .tk-tong-db.loto td .loto, .tk-tong-db.tong td .tong {
    display: block;
}

#monthly-result.db-prefix td .db-prefix {
    display: none;
}

.hl-btn:not(.selected) {
    opacity: .5;
}

.hl-btn.selected {
    opacity: 1;
}

/* Section 18 */
.box-note-table li, .fullscreen a {
    display: inline-block;
}
.box-note-table li span.color-note {
    background: #ffeec2;
}
.box-note-table li span {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
}
.tk-txloto.colgiai td {
    padding: 2px 8px;
}



#loto-statistic-table tr.active td.bg_note, #loto-statistic-table tr.active td.info{
    background: #ffa970;
}
.scoll.scoll-noheight{
    max-height: initial;
}

.tk-txloto td:first-child, .tk-txloto th:first-child {
    width: 41px;
    min-width: 44px;
    border: 1px solid #ccc;
    font-weight: bold;
}
.tk-txloto td:first-child, .tk-txloto th:first-child, #bangtansuatloto_ngang td:first-child, #loto-pair-statistic-table td:first-child, #loto-pair-statistic-table th:first-child {
    position: sticky;
    position: -webkit-sticky;
    left: -1px;
    background-color: #eee;
    width: 51px;
    min-width: 50px;
}
.tk-txloto td, .tk-txloto th, #bangtansuatloto_ngang tbody td, #loto-pair-statistic-table td, #loto-pair-statistic-table th {
    min-width: 32px;
    height: 24px;
    width: 32px;
}

/* Section 19 */
/* BUTTON AND FORM */
/* STATISTIC LOTO */
.tbl1 {
    width:30%;
    float: left;
    margin: 5px;
    background: #83ADFC;
}
.tbl1 .col1 {
    color: #B3380F;
    font-weight: bold;
    background: #E1EFFF;
    padding: 5px;
}
.tbl1 .col2 {
    color: #008000;
    font-weight: bold;
    background: #FFF4E1;
    padding: 5px;
}
.form-horizontal {
    margin-top: 15px;
}
.form-horizontal .form-group {
    margin-bottom: 15px;
    overflow: hidden;
    margin-left: initial;
    margin-right: initial;
}
.form-horizontal .form-group {
    margin-bottom: 15px;
}
.form-horizontal .form-group:before {
    display: table;
    content: " ";
}
.form-horizontal .form-group:after {
    clear:both;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
    width: 30%;
    float: left;
    padding-left: 10px;
    font-weight: bold;
}
.form-horizontal .form-control {
    width: calc(70% - 1.5rem);
    float: left;
}
.statis-loto textarea, .statis-loto select, .statis-loto input[type="text"], .statis-loto input[type="number"], .statis-loto input[type="password"] {
    display: block;
    font-family: inherit;
    min-height: 35px;
    padding: 0 0.5rem;
    border-radius: 4px;
    border: 1px solid #aaa;
    box-shadow: none;
}
.row-rate td {
    vertical-align: bottom
}
.hrate {
    width: 10px;
    display: inline-block;
}


.statistic_date{
    font-size:12px;
    color: #0b559b;
    text-decoration: underline;
}
.statistic_lo{
    font-size:16px;
    color: #0b559b;
}
.de{
    font-size:25px;
    color: mediumvioletred;
}
.w50{
    width:50%;
    float: left;
}
.w100{
    width:100%;
}
.trHover table tr:hover{
    background-color: yellow;
}
.title-c2{background:#fff4c9;padding:8px 5px;text-align:center;font-weight:bold}
.title-c2 strong{font-weight:normal}
input[type="text"], input[type="password"], textarea, select {-webkit-appearance: none;
    width: auto;
    height: 35px;
    padding: 5px 2%;
    font-size: 13px;
    color: #999;
}

select{	-webkit-appearance: none;
    -moz-appearance: none; }
input[type="checkbox"], input[type="radio"] {
    height: 13px;
    width: 13px;
    margin: 0 5px 0 0;
    position: relative;
    z-index: 5;
}

#monthly-result td .dau, #monthly-result td .duoi, #monthly-result td .loto, #monthly-result td .tong, #monthly-result td .date, #monthly-result td .even-odd, .tk-tong-db td .dau, .tk-tong-db td .duoi, .tk-tong-db td .loto, .tk-tong-db td .tong {
    display: none;
}

#monthly-result.dau td .dau, #monthly-result.duoi td .duoi, #monthly-result.loto td .loto, #monthly-result.tong td .tong, #monthly-result.date td .date, #monthly-result.even-odd td .even-odd, .tk-tong-db.dau td .dau, .tk-tong-db.duoi td .duoi, .tk-tong-db.loto td .loto, .tk-tong-db.tong td .tong {
    display: block;
}

#monthly-result.even-odd td.CC {
    background-color: #ffecd9;
}

#monthly-result.even-odd td.CL {
    background-color: #f8e0c7;
}

#monthly-result.even-odd td.LC {
    background-color: #e3f4d7;
}

#monthly-result.even-odd td.LL {
    background-color: #f3e5f5;
}

.sort-by-time {
    margin-bottom: -33px;
    margin-right: 5px;
    padding: 3px 6px;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    padding: 0;
}

.nav-tabs>li {
    margin-bottom: -1px;
    flex: 0 1 100%;
    border: 1px solid #ddd;
    border-radius: 10px 10px 0 0;
    list-style: none;
    color: #f90;
    background-color: #afafaf;
}

.nav-tabs>li.active {
    cursor: default;
    background-color: #f90;
    border-bottom-color: transparent;
}

.keno .results .data td i, .nav-tabs>li>a {
    display: block;
    text-align: center;
    font-weight: 700;
}

.nav-tabs>li>a {
    color: #fff;
    font-size: 15px;
    padding-top: .5em;
    padding-bottom: .5em;
    width: 100%;
}

#loto-cam .nav-tabs {
    width: 100%;
}

#loto-cam .nav-tabs>li {
    flex: 0 1 25%;
}

.filter-by-number {
    vertical-align: middle;
    padding: 1rem .5rem;
    text-align: initial;
}

#loto-cam td.boso span {
    margin: 1px;
    padding: 3px;
    border: 1px solid #e8e8e8;
    font-weight: 700;
    display: inline-block;
}

.tab-content>.tab {
    display: none;
}

.tab-content>.active {
    display: block;
}
.cl-gray{
    color: gray;
}
.nghieng{
    font-style: italic;
}



.tk-tong-db td div.ngay-quay {
    color: #888;
    font-size: 12px;
    /*height: 25px;*/
    font-weight: normal;
}

.notice_fzf { background:#FFFDDC; border:1px solid #f2f2f2; margin-bottom:10px; padding:9px 5px; text-align:center; font-size:15px; }