.template_xs {
    margin: 10px 0px;
}

.template_xs h2 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 18px;
    margin-top: 10px;
    text-align: center;
}

.template_xs .bkqmiennam{
    text-align: center;
}

.template_xs form {
    text-align: center;
}

.template_xs form select,
.template_xs form input {
    padding: 3px 3px;
    border: 1px solid #b9b9b9;
}

.template_xs form button {
    border: 1px solid #ff0e0e;
    background-color: #ff0e0e;
    color: #fff;
}

.template_xs form .number-text-view {
    display: flex;
    margin-top: 10px;
    justify-content: center;
}

.template_xs .view-number-dau-duoi {
    display: flex;
    flex-wrap: wrap;
}

.template_xs label {
    margin-bottom: 0px;
}

.template_xs .view-number-dau-duoi>div {
    margin-right: 12px;
}

.template_xs>.number-text-view {
    display: flex;
    margin-bottom: 5px;
}

.template_xs>.number-text-view>div {
    margin-right: 10px;
}

.template_xs form .number-text-view>div {
    margin: 0px 5px;
}

.template_xs table {
    width: 100%;
    margin-bottom: 10px;
}

.template_xs table.table-loto{
    height: 100%;
}

.template_xs table td,
.template_xs table th {
    border: 1px solid #eaeaea;
    padding: 3px;

}

.template_xs table .title_table {
    text-align: center;
    border-color: #ff0e0e;
    background-color: #ff0e0e;
}

.template_xs table .title_table h2 {
    font-size: 16px;
    margin: 0px;
    line-height: 16px;
    color: #fff;
    text-transform: inherit;
}

.template_xs .border-none {
    border: none;
}

.template_xs .border-none ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.template_xs .border-none ul li {
    color: #ed1c25;
    font-weight: bold;
}

.template_xs table .ti_le {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.template_xs table .ti_le>div {
    background-color: #ff0e0e;
    padding: 3px;
    margin-right: 3px;
    border-radius: 4px;
}

.template_xs table .bo_so {
    text-align: center;
    font-weight: bold;
}

span.de {
    border: none;
    font-weight: bold;
    color: #0060c1;
    border-bottom: 2px solid #0060c1;
    margin-right: 3px;
}

.dau_gdb {
    border: none !important;
    color: #000;
}

.box_statistical .box_statistical-ov {
    width: 100%;
    overflow-y: auto;
    height: auto;
    text-align: center;

}

.box_statistical .td-split {
    position: relative;
    width: 80px;
}

.box_statistical table div {
    width: 80px;
}

.box_statistical .top {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 12px;
}

.box_statistical .bottom {
    position: absolute;
    bottom: 1px;
    left: 1px;
    font-size: 12px;
}

.line {
    width: 48px !important;
    height: 21px;
    border-bottom: 1px solid #574848;
    transform: translateY(-18px) translateX(18px) rotate(32deg);
    position: absolute;
    z-index: 1;
}

.bold {
    font-weight: bold;
}

.clred,
.clnote {
    color: #ff0e0e;
}

.template_xs .tong {
    text-align: center;
}

.template_xs .flex-form {
    display: flex;
    align-items: end;
    justify-content: center;
}

.template_xs .form-select {
    margin-bottom: 10px;
}

.template_xs .flex-form select,
.template_xs .flex-form input {
    margin-bottom: 0px;
    max-height: 28px;
    width: 100%;
}

.template_xs .flex-form>div {
    text-align: left;
    margin-right: 10px;
}

.template_xs .flex-form p {
    text-align: left;
    margin-bottom: 0px;
    font-size: 14px;
    color: #000;
}

.template_xs .title_table_h2 {
    margin-bottom: 10px;
    text-transform: inherit;
    line-height: 23px;
}

.template_xs #lo_xien_2 {
    text-align: center;
}

.template_xs #lo_xien_3 {
    text-align: center;
    display: none;
}

.template_xs #lo_xien_2 div,
.template_xs #lo_xien_3 div {
    display: flex;
    flex-wrap: wrap;
}

.template_xs #lo_xien_2 span,
.template_xs #lo_xien_3 span {
    font-weight: bold;
    border: 1px solid #d3d3d3;
    margin: 3px;
    padding: 0px 3px;
}



table.text-center {
    text-align: center;
}



#thongketbl {
    font-family: arial, sans-serif;
}

#thongketbl td,
#thongketbl th {
    line-height: 13px;
    border: 1px solid #000;
    padding: 3px 3px;
}

.h {
    padding: 3px;
    background: #373737;
    color: #EAEAEA;
    font-size: 12px;
    text-align: center;
    font-weight: bold
}

.s {
    padding: 3px;
    background: #1D2332;
    color: #95C8FF;
    font-size: 12px;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 1px
}

.box_statistical table td.d {
    padding: 3px;
    background: #2D2D2D;
    color: #A2A2A2;
    font-size: 12px;
    text-align: center
}

.hv {
    background: #009fa8
}

.c {
    padding: 3px;
    text-align: center;
    font-size: 12px
}

.c_ {
    background: #35363C;
    font-size: 0px
}

.c_.ctr {
    background: #484a53
}

.c0 {
    background: #77A3E3;
    font-size: 0px
}

.c0.ctr {
    background: #83abf5
}

.c1 {
    background: #5B5C66;
    color: #F8F8F8
}

.c1.ctr {
    background: #6f707b;
    color: #ffffff
}

.c2 {
    background: #FF453C;
    color: #F8F8F8
}

.c2.ctr {
    background: #ff665e;
    color: #ffffff
}

.c3 {
    background: #7658CF;
    color: #F8F8F8
}

.c3.ctr {
    background: #816be2;
    color: #ffffff
}

.c4 {
    background: #C515DD;
    color: #F8F8F8
}

.c4.ctr {
    background: #df2ff9;
    color: #ffffff
}

.c5 {
    background: #FF06A8;
    color: #F8F8F8
}

.c5.ctr {
    background: #ff46be;
    color: #ffffff
}

.ctr {
    border-left: #06E701 1px solid;
    border-right: #06E701 1px solid
}

.shiftrowmark td {
    border-top: #00CAC5 2px solid
}

.m {
    background: #614032;
    font-size: 0px
}

.m.ctr {
    background: #884431;
    font-size: 0px
}

.input {
    font-size: 12px;
    color: #CBCED8;
    background: #3C4155;
    border: #546283 1px solid;
    padding: 1px
}

#panel {
    position: relative;
    color: #D1D1D1;
    font-size: 12px;
    font-family: arial;
    text-align: left;
    padding: 5px
}

#panel * {
    margin: 3px 0
}

.dayrow{
    padding-left: 80px;
}

.dayrow .d{
    position: absolute;
    width: 80px;
    height: 20px;
    margin: 0px;
}

.d-grid, .ket-qua-content-single .d-flex{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 10px;
}

.content_loto{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.kq-mb{
    text-align: center;
    font-weight: bold;
}

.content-result{
    height: 100%;
}

.content-result table.ketqua{
    height: 100%;
}

.table-loto td, .table-loto th, .kq-mb td
{
    padding: 0px 2px !important;
}

table.ketqua .lastrow td{
    border: none;
    padding: 5px 0px !important;
}

.table-loto th{
    text-align: center;
}

.paginate_links_thu{
    text-align: center;
    margin-bottom: 10px;
}

.paginate_links_thu span, .paginate_links_thu a{
    padding: 2px 8px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    margin-bottom: 2px;
    display: inline-block;
}

.tk_logan_single {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.tk_logan_single .caudep {
    width: 111px;
    display: grid;
    grid-template-columns: 30% 70%;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 0
}

.tk_logan_single .caudep {
    border-bottom: none
}

.tk_logan_single .caudep .text_number {
    border-right: 1px solid #157EE8;
    padding: 3px;
    border-bottom: 1px solid #157EE8;
    color: #b3380f;
    font-weight: 700;
    background: #e1efff
}

.tk_logan_single .caudep .text_day {
    padding: 3px;
    border-bottom: 1px solid #157EE8;
    color: green;
    font-weight: 700;
    background: #fff4e1;
    padding: 5px
}

.lo_gan_tk {
    border-radius: 5px;
    margin-bottom: 15px
}

.lo_gan_tk>p {
    margin: 0;
    color: #0141B6;
    font-weight: 700;
    margin-bottom: 10px
}

.red-bold {
    color: #ed1c25;
    font-size: 18px;
    font-weight: bold;
}

.black-bold {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}   

.pascal-view span {
    box-sizing: content-box;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: 1.2rem;
    font-weight: 700;
    color: red;
    border: 2px solid #ccc;
    background: #fff;
}

.pascal-view {
    text-align: center;
    margin-bottom: 0px;
}


.lo-roi.entry-content {
    text-align: center;
}
.gdb.lo-roi table {
    margin-bottom: 15px;
    text-align: center;
	width: 100%;
}

.lo-roi .title_table {
    background: #fd3416;
    margin: 0px;
}

.gdb ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    list-style: none;
    padding: 0px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-bottom: 0px;
}

.border-none {
    border: none !important;
}

.gdb ul li {
    padding: 0px 0px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-bottom: 0px;
    color: #de411e;
    font-weight: bold;
    font-size: 12px;
}

.thong-ke-index{
    margin-bottom: 15px;
}

.thong-ke-index .template_xs{
    margin-top: 0px;
}

.thong-ke-index .thong-ke-title{
    font-size: 16px;
    line-height: 16px;
    background-color: #5A96D8;
    color: #FFFFFF;
    padding: 3px;
    margin-bottom: 0px;
}

.thong-ke-index table.ketqua .lastrow td{
    padding: 0px 0px !important;
}

.thong-ke-index p{
    font-size: 16px;
}

.thong-ke-index .thong-ke-body{
    border:  1px solid #C4D2E3;
    padding: 2px 10px;
}

.thong-ke-index .tk_logan_single .caudep {
    width: 102px;
}

.thong-ke-index ul{
    margin-bottom: 15px;
}


.template_xs table .ngay, .template_xs table .thu{
    line-height: 21px;
}

.tinh a{
    font-weight: bold;
    color: #000;
}

#kq-mn-box .giaiSo {
    font-weight: bold;
}


#kq-mn-box .giai8, #kq-mn-box .giaidb{
    color: #ff0e0e;
}

.template_xs form{
    margin-bottom: 10px;
}


.boxdientoan .box-hearder h2 {
    text-align: center;
    position: relative;
    z-index: 2;
    font-size: 24px;
    color: #f2546a;
    line-height: 30px;
}

.boxdientoan .content-hearder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background: #fff2bc;
    padding: 5px 10px;
    border-radius: 10px;
}

.boxdientoan .box-content{
    margin-bottom: 30px;
}

.title_dien_toan {
    font-size: 16px !important;
    margin: 0px !important;
    font-weight: 700;
}

.result-number {
    display: flex;
    justify-content: center;
    margin: 10px 0px 10px 0px;
    flex-wrap: wrap;
    list-style: none;
}

.result-number li.bool, .result-number div.bool {
    background: radial-gradient(circle at 5px 5px, #ffffff, #88888c);
    border-radius: 50%;
    width: 37px;
    height: 37px;
    line-height: 33px;
    margin: 0 4px;
    font-size: 20px;
    padding: 3px;
    text-align: center;
    font-weight: bold;
}

.result-number>li.ngancach {
    width: 18px;
}

li.number_special div.bool {
    background: radial-gradient(circle at 5px 5px, #ffffff, #ca0012);
}

.circle-num i {
    font-style: normal;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    /* border: 2px solid #fff; */
    border: 1px solid #000;
    display: inline-block;
    margin: 0 3px 0 0;
    font-weight: normal;
}

.red-border{
    border-color: #d60000 !important;
}

.mr-0{
    margin-right: 0px !important;
}

.percent{
    display: inline-block;
    height: 10px;
    background-color: #505edc;
    margin-right: 5px;
    border-radius: 3px;
}

.bkqmiennam.loto .giai8, .bkqmiennam.loto .giaidb {
   color: #000000 !important;
}

.bkqmiennam.loto .giai8{
    font-weight: 400;
}

.kqcell.kq_ngay{
    background: #ffeca0;
    border-color: #ffeca0;
}

@media screen and (max-width: 767px) {

    .template_xs .border-none ul {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .d-grid, .ket-qua-content-single .d-flex{
        display: grid !important;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .ket-qua-content-single .ketqua{
        width: 100%;
    }

}