.border-top-doted {
    border-top: 1px dashed #C6C6C6;
}
.h-chanel::before {
    width: 4px;
    height: 18px;
    background: #F37118;
    display: inline-block;
    margin-bottom: -2px;
    margin-right: 10px;
}

.main-title {
    border: 1px solid #c62127;
    padding: 5px 5px 5px 10px;
    margin-bottom: 10px;
}
.bg-organe {
    background-color: #f4e5d7;
    display: flow-root;
    color: #fff;
}
.sidebar-content ul {padding: 0;}
.sidebar-content li {list-style: none;}
.h-chanel-cam {
    background-color: #EB5757;
    color: #fff !important; text-transform: uppercase; font-size: 16px; padding: 5px 10px;
    display: table;
    position: relative;
}
.h-chanel {
    background-color: #dee2e6;
    color: #1d2a4b !important; text-transform: uppercase; font-size: 16px; padding: 5px 10px;
    display: table;
    position: relative;
}
.h-chanel a {
    color: #1d2a4b !important;  
}
.sub-chanel li {display: block; background-color: #c62127;display: inline-flex;}
.sub-chanel li a  {color: #fff; text-transform: uppercase; font-size: 16px; padding: 5px 10px; }
.panel-today {border:1px solid #ccc}
.site-link {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
    
}
.site-link a {
    display: initial;
    text-decoration: underline;
    color: #2e2d2c !important; 
    font-weight: bold;
    text-transform: uppercase;
}
.site-link a+a:before {
    padding: 0 3px;
    color: #555;
    /* content: "/\00a0"; */
    display: inline-block;
}

.mo-thuong-hom-nay {
    padding: 15px;
    border: 0 solid #ddd;
    margin: 10px 0;
    /* background: #f0f8ff; */
    border-radius: 3px;
    width: 100%;
    display: inline-block;
}
.mo-thuong-hom-nay ul>li, .itemchanel{
    float: left;
    position: relative;
    list-style-type: none!important;
    padding: 3px 10px 3px 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.mo-thuong-hom-nay ul>li a , .itemchanel a{
    color: #0a73cd;
}
.mo-thuong-hom-nay ul>li::before, .itemchanel::before{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #d5312b;
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
}
.mo-thuong-hom-nay ul>li a, .itemchanel a{
    color: #000;
}
.itemchanel {
    width:50%;
}
/*
* du doan
**/
.number-square {
    background: #495364;
    border: 1px solid #474246;
    padding: 6px 8px;
    color: #fff;
    border-radius: 3px;
    margin-right: 3px;
    font-weight: bold;
    font-size: 16px;
}
.item_list_dudoan {
	width:100%;
	float: left;
	position: relative;
	list-style-type: none!important;
	padding: 2px 10px 2px 8px;
}

.item_list_dudoan::before{
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #d5312b;
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
}
.widget {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    background-color: #fff;
}
.widget-title {
    float: left;
    width: 100%;
    position: relative;
    padding: 5px 12px;
    background: #f0f8ff;
    text-transform: uppercase;
    border-bottom: solid .5px #eaeaea;
}
.widget-container {
    float: left;
    width: 100%;
    position: relative;
}
.link-item a {
    
    float: left;
    width: 100%;
    padding: 6px 12px 6px 24px;
    position: relative;
}
.link-item a::before {
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    position: absolute;
    left: 10px;
    top: 17px;
    color: #fff;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.kqxso tr:nth-child(even) {
    background: #efefef;
}
.kqxso .kq-table td, .kqxso .kq-table th, .kqxso tr {
    text-align: center;
    padding: 5px;
    background: #fff;
}
.kqxso .kq-table td, .kqxso .kq-table th {
    text-align: center;
    padding: 5px;
}

.kqxso .kq-table.xsmb .giai-2 .number {
    width: 50%;
}
.kqxso .kq-table.xsmb .giai-4 .number {
    width: 25%;
}
.kqxso .kq-table.xsmb .giai-3 .number, .kqxso .kq-table.xsmb .giai-5 .number, .kqxso .kq-table.xsmb .giai-6 .number {
    width: 33%;
}
.xsmb .giai-7 .number {
    width: 23%;
}
.kqxso .kq-table.xsmn  .number , .kqxso .kq-table.xsmt  .number {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 2.5rem;
    line-height: 35px;
    padding:5px;
}
.kqxso .kq-table.xsmn  .stt_8 .number,.kqxso .kq-table.xsmn  .stt_0 .number, .kqxso .kq-table.xsmt  .stt_8 .number,.kqxso .kq-table.xsmt  .stt_0 .number {
    font-size: 2.5rem;
    color: #fa4f5b;
}
.kq-table .number.g0 {
    font-size: 3.2rem !important;  
}
.kq-table .number {
    font-size: 2.5rem;
    display: inline-block;
}
.item-kq-channel .number {
    display: table-cell;
    font-weight: bold;
}
.number.big {
color: #ed1c25;
}
td, th {
    padding: 5px;
    border: 1px solid #ddd;
}
.sidebar-block {
    border:1px solid #ddd;
    display: inline-block;
    width: 100%;
    background-color: #fff;
}
.sidebar-block .sidebar-content {
    padding: 10px;
}
.sidebar-block h3 {
    color:#fff;
    background-color: #c62127;
}
.sidebar-block h3 a, .sidebar-block .titleheadsidebar a{
    color:#125fa3;
    background-color: #f5f5f5;
}
.head-title-block {
    background-color: #dee2e6;  
    display: inline-block;
    color: #464444;
    width:100%;
    margin-bottom: 10px !important
}
.head-title-block * {
    color: #464444 !important;
}
.head-title-block a {color: #464444 !important;}
.head-title-block-lv1 {
    background-color: #f0f8ff;  
    display: inline-block;
    width:100%
}
.list-tag-item .itemtag {
    margin-bottom: 0.25rem;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    height: 100%;
    color: #212529;
    background: #dee2e6;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    margin:3px;
    padding: 3px 5px;
}

.sidebar-block-style2 {
	border:5px solid #dee2e6;
	display: inline-block;
	width: 100%;
	/* box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); */
    background: #fff;
    display: inline-block;
}
.sidebar-block-style2 .sidebar-content {
   
	padding: 10px;
}
.ladi-box {
    background: rgba(232,36,77,1.0);
    background: -webkit-linear-gradient(100deg,rgba(232,36,77,1.0),rgba(255,91,94,1.0));
    background: linear-gradient(100deg,rgba(232,36,77,1.0),rgba(255,91,94,1.0));
    box-shadow: 0 15px 20px -20px #000;
    -webkit-box-shadow: 0 15px 20px -20px #000;
    border-radius: 6px
}
.sidebar-block-style2 .headtitle-sidebar, .sidebar-block .titleheadsidebar {
	color:#1d2a4b;
	background-color: #dee2e6;
    font-size: 14px !important;
}

.calendar_xso {
    border:5px solid #c62127;
}
.calendar_xso table,.datetimepicker-inline{width: 100% !important}
.calendar_xso h3 {
    color:#fff;
    background-color: #c62127;
}
.xsodtoan>li {
    width: 45%;
    display: inline-block;
    padding: 1%;
    font-weight: bold;

}
.kqlist-ofweek {
    background-color: #fff; margin: 0px ;
}
.kqlist-ofweek li {
    display: inline-block; 
    padding: 10px 15px;
}
.kqlist-ofweek li a.active  {
    color: #c62127; font-weight: bold;
}
.nav-menu-sub {
    background-color: #fff; margin: 0px ;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.nav-menu-sub a {
    font-size: 14px;
    text-transform: uppercase;
    /* float: left;
    padding: 10px 0;
    text-align: center;
   
    border-left: 0;
    border-bottom: 0;
    color: #222; */
}
.nav-menu-sub li {
    display: inline-block; 
    padding: 10px 15px;
}
.nav-menu-sub li a.active  {
    color: #c62127; font-weight: bold;
}

.glyphicon-repeat:before {
    content: "\e030";
}
.rolling-progress {
    color: orange;
}

.thongke_dauduoi  .content {
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    width: 100%;
    /* justify-content: center; */
}
.group_item {
    display: flex;
}
.group_item.cl3, .rcl3 {
    width: calc(100%/3);
    width: -moz-calc(100%/3);
    width: -webkit-calc(100%/3);
}
.group_item.cl2 {
    width: calc(100%/2);
    width: -moz-calc(100%/2);
    width: -webkit-calc(100%/2);
}
/* .thongke_dauduoi .group_ {
    width: 49%;
    float: right;
}
.thongke_dauduoi .group_duoi {
    width: 49%;
    float: right;
} */
.thongke_dauduoi .header-thong-ke {
    font-weight: 700;
    padding: 10px;
    margin-bottom: 5px;
    text-align: center;
    background: #f0f8ff
}
.group_dau .number_col.number_before {
    /* width: 25%!important; */
}
.number_col:last-of-type {
    border-right: 1px solid #ddd;
}
.thongke_dauduoi .number_col {
    float: left;
    /* width: 30%; */
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.thongke_dauduoi {
    font-size: 1.1rem;
}
.thongke_dauduoi  .number_col:nth-child(even) {
    width: 70%!important;
}
.thongke_dauduoi .number_col .col_title {
    color: #007dc5;
    font-weight: 700;
    padding: 5px;
    text-align: center;
    background: #f9f9f9;
    display: block;
    font-size: 12px;
}
.thongke_dauduoi .number_item:nth-child(2n+2) {
    background: #f9f9f9;
}
.thongke_dauduoi .number_item {
    text-align: center;
    border-top: 1px solid #ddd;
    height: 22px;
    line-height: 22px;
}
.tagh2page {
    color: #464444;
    font-size: 18px;
    font-weight: 700;
}
.active-live-xoso {
    background-color:  #1152c7
}
.link-du-doan li {
 padding:5px; 
 width: 50%;
}
.link-du-doan a {
    margin: 0 2px;
    line-height: 18px;
    color: #ed0303 !important;
}
.link-du-doan a::before {
    content: "";
    background: url(../images/hot.gif) no-repeat;
    padding: 4px 13px;
    font-size: 9px;
    color: red;
}

.btnct {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnct:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btnct {
    font-size: 14px;
}
.btn-main, .btn-view-next, .btn-view-more_table  {
    border-color: #fb6e2e;
    color: #fb6e2e;
}
.btnct {
    padding: 7px 20px;
}
.thong-ke-kqxs-daily {
    padding: 10px;
    border: 0 solid #ddd;
    margin:  0;
    background: #f0f8ff;
}
h4.thong-ke-kqxs-daily  {
    margin: 0 !important;
}

/*
*
* THONG KE
*
*/

.frm_tke {
    max-width: 480px;
    margin: 0 auto;
  }
.wiget-content{
 
    border: 1px solid #ddd;
        background: #fff;
        
        box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}
.form-card-default {
    background: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    width: 100%;
    display: inline-block;
}
.form-card-default div {
 padding: 10px    
}
.frm-center{
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.frm-button {
    margin: 0;
    border-radius: 5px;
    border: none;
    overflow: visible;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 15px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
}
.frm-button-primary {
    background-color: #00BB00;
    color: #fff;
    border: 1px solid transparent;
}
.frm-button-primary:hover {
    color: #e80000
}
.tag-link {
    margin: 0 8px;
    list-style: none;
    float: left;
    background: #fff;
    padding: 2px 5px;
    margin-bottom: 10px;
    position: relative;
}
.breadcrumb {
    margin: 0;
    padding-bottom: 0;
}
.title-page {
    color: #464444;
}

.cell_box_list .dau, .cell_box_list .duoi, .cell_box_list .chanle, .cell_box_list .tong{
    /* display: none; */
}

.list-dau-db li {
    padding: 8px 0;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    float: left;
    width: 20%;
    font-weight: 700;
}
.list-dau-db li {
    list-style: none !important;
}

div.boxtit, h3.boxtit {
    color: #402751;
    background-color: #ffe398;
    padding: 7px;
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.box-sms, .center, .list-dau-db li, .tk-socuoi-db td {
    text-align: center;
}
.td-split>div {
    position: relative;
    height: 40px;
    width: 70px;
    top: 0;
    left: 0;
}
.td-split .top {
    top: 1px;
    right: 1px;
}
.td-split .bottom {
    bottom: 1px;
    left: 1px;
}
.td-split .line, .td-split .bottom , .td-split .top {
    position: absolute;
}
.td-split .line {
    width: 76px;
    height: 34px;
    border-bottom: 1px solid #adadad;
    transform: translateY(-11px) translateX(5px) rotate(30deg);
}
.scoll.scoll-noheight {
    max-height: none;
}
.scoll {
    width: 100%;
}
.modal, .scoll {
    overflow: auto;
}
.num{
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}
.tk-txloto td {
    padding: 0;
    border-color: #000;
    text-align: center;

}
.c0 {
    background: #77a3e3;
}
.c1 {
    background: #5b5c66;
}
.c2 {
    background: #ff453c;
}
.c3 {
    background: #7658cf;
}
.c4 {
    background: #c515dd;
}
.c5 {
    background: #ff06a8;
}
.c1, .c2, .c3, .c4, .c5 {
    color: #f8f8f8;
}
.tk-txloto tr th:first-child {
    left: 0;
    z-index: 1;
}
.tk-txloto th, .tk-txloto tr td:first-child {
    font-size: 11px;
    padding: 0 2px;
}
.tk-txloto th.nh {
    background: #373737;
    color: #eaeaea;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
}

table#tk-txloto td, table#tk-txloto th {
    text-align: center;
}


.list-dau-db li {
    padding: 8px 0;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    float: left;
    width: 20%;
    font-weight: 700;
}
table.kqtable  tr th {
    border: 1px solid #ccc;
    vertical-align: middle;
    color: #666;
    padding: 8px 4px;
    background-image: linear-gradient(to bottom, #f3f3f3, #e1e3e4);
    background-repeat: repeat-x;
}

.td-split {
    height: 40px;
    padding: 0 !important;
    margin: 0;
    width: 60px;
    font-size: 13px;
    vertical-align: middle;
}
.td-split>div {
    position: relative;
    height: 40px;
    width: 70px;
    top: 0;
    left: 0;
}
.td-split .top {
    top: 1px;
    right: 1px;
}
.td-split .bottom {
    bottom: 1px;
    left: 1px;
}
.td-split .line, .td-split .bottom , .td-split .top {
    position: absolute;
}
.td-split .line {
    width: 76px;
    height: 34px;
    border-bottom: 1px solid #adadad;
    transform: translateY(-11px) translateX(5px) rotate(30deg);
}
.left-thick-border {
    border-left: 2px solid #333 !important;

}
/**
*  Toggle-button
**/

.fillter-table {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.switch {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 20px;
  }
  
  .switch input {display:none;}
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .switch.active .slider {
    background-color: #2196F3;
  }
  .switch.active .slider:before {
    left: -1px;
  }
   /* input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  */
  .switch.active .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
  } 
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
.s {
    background: #1d2332;
    color: #95c8ff;
    font-size: 12px;
    text-align: center;
    padding-bottom: 1px;
}
.s2 {
    color: #0d0e0f;
    font-size: 12px;
    text-align: center;
    padding-bottom: 1px;
}

.hrate {
    background: #fff;
    width: 10px;
    display: block;
}
.hrate {
    background: #ed1c25;
    color: #fff;
}
.list-bstk li {
    margin: 1% 2%;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    color: #e80000!important;
    font-weight: 700;
}
.list-bstk li input {
    margin-right: 5px!important;
}
.list-bstk input[type=checkbox], .list-bstk  input[type=radio] {
    width: 15px;
    height: 15px;
}
.list-bstk  input {
    text-indent: 5px;
    padding: 6px 12px;
    box-sizing: border-box;
}
.list-bstk  input, .list-bstk select, .list-bstk textarea {
    border: 1px solid #d9d3cb;
    border-radius: 3px;
    outline: 0;
}
#loto-cam td.boso span {
    margin: 1px;
    padding: 3px;
    border: 1px solid #e8e8e8;
    font-weight: 700;
    display: inline-block;
}
.control-panel-fillter {
    display: flex;
    padding: 5px;
    text-align: center;
    background-image: linear-gradient(to bottom, #f3f3f3, #e1e3e4);
    background-repeat: repeat-x;
    color: #333;
    font-weight: 700;
    justify-content: center;
}

.item-radio {
    margin-right: 10px;
}
.item-radio label {
    font-weight: 500;
}
.control-panel-fillter [type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #333;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #a29e9e;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:before {
    border: 1px solid #ff0000;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ff0000;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 1px solid #ff0000;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.action-click-right {
    margin-right: 5px;
    animation: bounce 3s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0); }
    40% {
      transform: translateX(-5px); }
    60% {
      transform: translateX(-2px); } 
}
.action-click-updown {
    margin-right: 5px;
    animation: MoveUpDown 2s infinite;
}
@keyframes MoveUpDown {
    /* 0%, 100% {
      bottom: 0;
    }
    50% {
      bottom: 100px;
    } */
		0% { transform: translateY(0); }
    40% { transform: translateY(-5px); }
    0% { transform: translateY(0); }
    60% { transform: translateY(-3px); }
		}