@font-face {
    font-family: "Brush Script";
    src: url("../fonts/BrushScriptOpti-Regular.otf");
}

.bg-pink{
	background-color: #ffebeb;
}

.w370{
	width: 370px !important;
}

.w65{
	width: 65px !important;
}

.w45{
	width: 45px !important;
}

.w50{
	width: 50px !important;
}

.w135{
	width: 135px !important;
}

.w150{
	width: 150px !important;
}

.text-center {
    text-align: center !important;
}

.w106{
	width: 106px !important;
}
.p10{
	padding: 10px;
}

.ft24{
	font-size: 24px;
}

.size18{
	font-size: 18px;
	text-align: left;
}

.bd-none{
	border: none;
	text-align: left;
	padding: 7px 0 7px 0;
}

.sub-content{
    background: #bee7ff;
    width: 100%;
    left: 0;
    padding: 10px 0 10px 0;
}

/* .menu-star{
	height: 370px;
} */

.arr-sub{
	display: none;
}

.menu-star ul li:hover .sub-group{
	display: block;
}
.menu-star ul li:hover .arr-sub{
	display: block;
}

.menu-star ul li.active .sub-group{
	display: block;
}

.menu-star ul li.active .arr-sub{
	display: block;
}

.sub-group{
	width: 100%;
	position: absolute;
	display: none;
	left: 0;
    padding: 45px 0 0 0;
}
.sub-group .sub-main-content{
	width: 100%;
	background: #bee7ff;
}

.sub-group .sub-main-content ul{
	padding: 10px 0;
	width: 1200px;
	background: #bee7ff;
}
.sub-group .sub-main-content ul li{
	width: auto;
	height: auto;
	padding: 10px 0;
	background: none;
	font-size: 14px;
	font-weight: bold;
    /* margin-right: 0; */
}
.sub-group table{
	width: 1200px;
	margin: 0 auto;
}

.arr-sub-menu{
	width: 20px;
    height: 20px;
    position: absolute;
    margin-left: 80px;
    background: #bee7ff;
    transform: rotate(45deg);
    margin-top: 35px;
}

.sub-menu table{
	width: 1200px;
	margin: 0 auto;
}

.main-box .container .table-1 th, .main-box .container .table-2 th{
	padding: 13px 7px;
}
.sub-content div.sub-group{
    display:none;
}
.sub-content div.sub-group:first-child{
    display:block;
}

.star{
	background-color: #0079c1;
	border: solid 1px #fff;
	border-radius: 10px;
	padding: 2px;
	font-size: 8px;
	margin-right: 5px;
}

.menu-star .group-menu-star{
    background-image: linear-gradient(#6ab0da, #fff);
    margin: 0 auto;
    width: 1200px;
}
.menu-star .group-menu-star ul{
	background-image: none;
}
.menu-star ul li p.ltr-text{
	margin-top: -67px;
}

.menu-star ul li p.ltr-viet-text{
	margin-top: -71px;
}

.main-box .vip-button ul{
	margin: 0 auto;
	width: 1200px;
	padding: 23px 0 23px 0;
}
.main-box .vip-button ul li{
	text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
    padding: 7px 12px 7px 12px;
    border: solid 1px #0079c1;
    border-radius: 10px;
    font-family: Arial;
    font-weight: bold;
}

.main-box .vip-button ul li .vip{
	color: #ffbb02;
	font-weight: bold;
	font-family: Arial;
	font-size: 18px;
}

.main-box .vip-button ul li .times-pro{
	color: #0079c1;
	font-weight: bold;
	font-size: 14px;
}

.main-box .nav-bar{
	width: 1200px;
	margin: 0 auto;
	background-color: #0079c1;
	padding: 10px 30px;
	font-size: 14px;
}

.main-box .nav-bar span{
	color: #ffbb02;
	font-weight: bold;
	padding-right: 20px;
}

.main-box .nav-bar select{
	padding: 7px;
	border-radius: 10px;
	width: 145px;
	margin-right: 10px;
}

.main-box .nav-bar .btn-group-layout{
	float: right;
}

.main-box .nav-bar .btn-group-layout button:hover{
	background: #bee7ff;
	color: #4f4f4f;
}

.main-box .nav-bar button{
	padding: 11px 20px 11px 20px;
	border: none;
	border-radius: 10px;
	margin-right: 15px;
	font-size: 14px;
	background: #00578a;
	color: #fff;
}

.main-box .nav-bar button.active{
	background: #bee7ff;
	color: #4f4f4f;
}

.main-box .nav-bar .btn-watch{
	background-color: #ffbb02;
}

.main-box .container{
	margin-top: 20px;
}

.main-box .container .title-1{
    color: #a10000;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    border-left: solid 5px #a10000;
    padding-left: 5px;
    line-height: 20px;
}

.main-box .container .update{
    font-size: 14px;
    padding: 10px 0;
    color: #646464;
}

.main-box .container .indent{
    margin-right: 5px;
    color: #d80b11;
}

.main-box .container .date-up{
    font-weight: bold;
    color: #0079c1;
    font-size: 14px;
}

.main-box .container .table-1{
	border-spacing: 0;
    border-collapse: collapse;
    z-index: 1;
    position: relative;

}

.main-box .container .table-1 table{
	width: 1200px !important;
}

.main-box .container .table-1 td, th{
	vertical-align: middle;
	padding: 5px;
    position: relative;
}
.main-box .container .table-1 td .bg_ball{
    padding: 5px 10px;
    background: #0079c1;
    color: #fff;
    min-width: 14px;
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 9;
    font-weight: bold;
    font-size: 13.5px;
    display: none;
}

.main-box .container .table-1 td:hover .bg_ball{
    display: block;
}

.main-box .container .table-1 td:last-child {
    border-right: solid 1px #d6d6d6 !important;
}

.main-box .container .table-1 tr:last-child {
    border-bottom: solid 1px #d6d6d6 !important;
}

.main-box .container .table-1 th{
	font-weight: bold;
	font-size: 14px;
	color: #646464;
    text-align: center;
}

.main-box .container .table-1 th:nth-child(3) {
    text-align: left;
    padding-top: 13px !important;
}

.main-box .container .table-1 .overlay{
	position: absolute;
    z-index: 100;
    margin-top: 5px;
    margin-left: 5px;
    color: #fff;
}

.main-box .container .table-1 .i-num{
	color: #ff0000;
    font-size: 24px;
    font-weight: bold;
}

.main-box .container .table-1 .i-count{
	color: #0079c1;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    width: 136px;
}

.main-box .container .table-1 .i-count span{
	background-color: #bee7ff;
	border-radius: 10px;
	padding: 0 5px;
	display: block;
    min-width: 21px;
	/*width: 50%;*/
}

.main-box .container .title-2{
    color: #a10000;
    font-weight: bold;
    font-size: 18px;
    border-left: solid 5px #a10000;
    padding-left: 5px;
    line-height: 20px;
    margin: 30px 0 30px 0;
}

.main-box .container .table-2 th{
	font-weight: bold;
	font-size: 14px;
	color: #0079c1;
}

.main-box .container .table-2 td{
	vertical-align: middle;
}

.main-box .container .table-2 .number{
	padding: 15px 7px;
    max-width: 20px;
}

.main-box .container .table-2 .times-appear{
	padding: 15px 7px;
    max-width: 60px;
}

.main-box .container .table-2 .frequence{
	width: 1024px;
    text-align: left;
}

.main-box .container .table-2 .i-num{
	color: #ff0000;
    font-size: 24px;
    font-weight: bold;
}

.main-box .container .table-2 .i-count{
    font-size: 17px;
    font-weight: bold;
    text-align: left;
}

.main-box .container .table-2 .i-count span{
	background-color: #ffc854;
	border-radius: 10px;
	padding: 0 5px;
	display: block;
	width: 50%;
	margin: 10px 5px 10px 0;
}

.main-box .container .table-2 .pass{
	color: #2682c4;
	font-weight: bold;
	font-size: 16px;
}

.main-box .container .table-1{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

#overlay-popup {
  position: absolute;
  display: none;
  z-index:200;
}

#popup {
  /* width: 160px; */
  /* height: 225px; */
  padding: 20px 10px 10px 0;
  background: #0079c1;
  z-index:200;
  color: #fff;
}

#popup h2{
	font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    text-align: center;
    padding-bottom: 3px;
}

#popup p{
	font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding-left: 20px;
    line-height: 1.3;
}
#popup table{
    width: calc(100% - 10px) !important;
    margin: 0px 5px -10px;
}
#popup table th{
    color: #fff !important;
    padding: 5px !important;
}

.arrow{
	width: 20px;
	height: 20px;
	position: absolute;
	background: #0079c1;
	top: -10px;
	left: 20px;
	transform: rotate(45deg);
}

#close {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  color: #0079c1;
  font-size: 10px;
  font-weight: bold;
  z-index:200;
  background-color: #fff;
  border-radius: 15px;
  padding: 7px 9px 7px 10px;
}

.highlighted {
    background-color: #ffe8e8;
}

.actived {
    background-color: #ffe8e8;
}

/* ball color START*/
#col-color{
	position: fixed;
	width: 236px;
	background: #fff;
	right: 0px;
	bottom: 0px;
	z-index: 2000;
	border: solid 6px #0079c1;
	border-top: none;
}
.list-color{
	float: right;
	width:  224px;
}
.list-color li{
	display:inline-block;
	float: left;
	width: 28px;
	height: 28px;
	position: relative
}
.list-color li:hover:before,.list-color li.active:before{
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	background: #e3e3e3;
	border-radius:10px;
	content: "";
	left: 10px;
	top:10px;
}
#col-color .color-title{
	background: #0079c1;
	color: #fff;
	width: 100%;
	float: left;
	height: 30px;
    padding-left: 30px;
	line-height: 30px
}
.btn_close_ball_outsite {
    position: absolute;
    right: 0;
    top: 8px;
    color: #fff;
}
.btn_close_ball_outsite label {
    padding-left: 3px;
    vertical-align: top;
}
.y_ball{
	background: rgb(3, 157, 235) !important;
    color: #fff;
}
.no-bg{
	background: none!important;
	font-size: 15px;
}
#btn-close-color{
	width: 100%;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	position: absolute;
	left: 0px; top:0px
}
#btn-close-color:hover{
	cursor: pointer;
}

#btn-close-color:before{
	content: "\f062";
	float: left;
	width: 20px;
	height: 30px;
	background: #004b78;
}
#btn-close-color:hover:before{
	opacity: 0.8;
}
#color-close{
	display: none
}
#color-close:checked ~#col-color{
	bottom: 0px;
    border: solid 6px #0079c1;
    border-top: none;
}
#color-close:checked ~#col-color #btn-close-color:before{
	content: "\f063";
	float: left;
	width: 20px;
	height: 30px
}
.btn_close_ball{
	float: right;
	margin-right: 10px;
	width: 100px;
	margin-top: 10px
}
.btn_close_ball input[type=checkbox] {
    display: none;
}
.btn_close_ball  label {
    cursor: pointer;
    position: relative;
    padding-left:10px;
    float: left; height: 15px; padding-left: 30px; color: #b80d12; font-weight: bold;
}
.btn_close_ball  label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    bottom: 0px;
    border-radius: 2px; border: solid 1px #a8a9ac;
}
.btn_close_ball input[type=checkbox]:checked + label:before {
    background-color: #b80d12;
}

.i-ball {
    width: 26px;
    height: 26px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    line-height: 26px;
    border-radius: 50%;
    margin: auto;
}

.i-ball.active {
    background: #FF7537;
}

.i-ball.active-red {
    background: rgb(3, 157, 235) !important;
}

/* ball color END*/

.container .show-2{
	display: none;
}

.loading {
    display: none;
    height: 100%;
    min-height: 400px;
    background: url('../img/loading.gif') no-repeat center center;
}

.no-bg {
    background: none!important;
    font-size: 15px;
}

.i-ball.no-active {
    background-image: none;
    background-color: #000;
    border-radius: 0;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 9px;
}


.bold{
    font-weight: bold !important;
}
.red {
    color: red !important;
}
.title_thongke {
    font-weight: 700;
    color: #b80d12;
    font-size: 20px;
    text-align: center;
}
.table_thongke {
    border: 1px solid #ddd;
    min-width: 300px;
    margin: 10px 0;
    font-size: 14px;
}
.table_thongke>thead>tr>th, .table_thongke>tbody>tr>td {
    border: 1px solid #ccc;
    padding: 8px 5px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.table_thongke >thead>tr:first-child th, .table_thongke >thead>tr:nth-child(2) th {
    font-size: 16px;
    color: #990000;
    background-color: white;
    font-weight: 600;
}
.table_thongke>tbody>tr>td.number_bold {
    font-weight: bold;
    font-size: 13px;
}
.table_thongke>tbody>tr>td.number_bold span {
    background: #f00;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}
.table_thongke_nine{
    max-width:none;
    width: 100%;
}
.table_thongke_nine>thead>tr>th, .table_thongke_nine>tbody>tr>td{
    font-weight: 600;
    font-size: 18px
}
.table_thongke_nine>tbody>tr>td:nth-child(3){
    font-size: 20px
}
.table_thongke_nine>tbody>tr>td.number_bold span{
    width: 43px;
    height: 43px;
    line-height: 43px;
    background: #fff;
    color: #90191c;
    border: solid 1px #90191c;
    font-weight: 700;
}
.table_thongke_nine>tbody>tr>td.number_bold{
    font-size: 24px
}
.table_thongke_nine>tbody>tr>td.number_bold .step_border {
    display: inline-block;
    padding: 5px 7px;
    border: 2px solid #0F0F0F;
}
p.note {
    margin: 10px 0 0;
    color: #333;
    font-weight: bold;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

.table-30.table-1 table.table-new {
    min-width: 100%;
}

.table-60.table-1 table.table-new {
    min-width: 184%;
}

.table-100.table-1 table.table-new {
    min-width:299%;
}

.table-150.table-1 table.table-new {
    min-width:440%;
}

.table-200.table-1 table.table-new {
    min-width:582%;
}

.table-300.table-1 table.table-new {
    min-width:868%;
}

.table-30.table-2 table.table-new {
    min-width: 49%;
    margin: auto;
    width: 49% !important;
}

.table-60.table-2 table.table-new {
    min-width: 91%;
    width: 91% !important;
}

.table-100.table-2 table.table-new {
    min-width:145%;
    width: 145% !important;
}

.table-150.table-2 table.table-new {
    min-width:220%;
    width: 220% !important;
}

.table-200.table-2 table.table-new {
    min-width:292%;
    width: 292% !important;
}

.table-300.table-2 table.table-new {
    min-width:438%;
    width: 438% !important;
}

.size18 > span:not(.no-active) {
    color: #5C1815;
    font-weight: 700;
    font-family: "Brush Script";
    font-size: 22px;
}

.keno_tructiep .i-ball.active{
    background: rgb(255, 117, 55);
    text-indent: -999999px;
}
.keno_tructiep.bingo18_tructiep .i-ball.active{
    text-indent: 0;
}
.keno_tructiep .i-ball.i-keno{
    background: rgb(255, 117, 55);
}
.keno_tructiep .i-ball.i-chan{
    /*background: rgb(110, 179, 31);*/
    background: rgb(92 152 24);
}

.keno_tructiep .i-ball.i-le{
    /*background: rgb(240, 0, 0);*/
    background: #D20514
}

.keno_tructiep .i-ball.i-lon{
    /*background: rgb(0, 0, 255);*/
    background: rgb(12 12 214)
}

.keno_tructiep .i-ball.i-nho{
    /*background: rgb(255, 152, 0);*/
    background: rgb(210 129 8)
}
.keno_tructiep .i-ball.i-hoa{
    background: #B90393
}
/*.title-chan-le {
    float: left;
    width: 50%;
    text-align: center;
}*/
.title-chan-le span{display: inline-block;}
.title-chan-le span:first-child {
    width: 35px;
}
.td-ball-chan-le {
    padding: 10px 0 8px!important
}

/*.keno_tructiep .td-0 .i-ball.active{ background: rgb(255, 117, 55);}*/
.i-ball.active-red{ background: rgb(3, 157, 235);}
.i-ball.no-active{
    background-image: none;
    background-color: #000;
    /*line-height: 0;*/
    border-radius: 0;
    height: 2px;
    width: 26px;
    margin-top: 6px;
    margin-bottom: 9px;
}

.table-ball .td-ball{float: left; width: 33.2px; position: relative}
.table-ball .i-ball {
    color: #fff;
}
.table-ball .i-ball.no-active {
    margin-top: 12px;
}

.sm-date {
    font-size: 9px;
    padding: 5px 0px;
    font-weight: bold;
}

.table-new-one .sm-date, .table-lotobet .sm-date {
    float: left;
    width: 33.2px;
    border-right: solid 1px #ada8a8;
    border-collapse: collapse;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.table-new-one .sm-date:last-child {
    border-right: 0px;
}

.table-new-one .r-date, .table-lotobet .r-date {
    border-top: solid 1px #ada8a8;
    margin-top: 12px;
}

.table-new-one .no-col, .table-lotobet .no-col {
    float: left;
    width: 100%;
    height: 35px;
    border-top: solid 1px #ada8a8;
    margin-top: 10px;
}

.table-ball th {
    padding: 0 0 !important;
}


.table-ball th.w135 {
    padding: 0 0 !important;
}

.table-ball td {
    padding: 0 0 !important
}

.table-ball tr.active{ background: rgba(255, 205, 132, 0.4)}
.table-ball tr .hover{ background: rgba(255, 77, 85, 0.2)}
.td-ball {
    border-right: 0px;
    border-left: 0px;
    padding: 12px 0px 10px;
}

.table-ball.table-50 table {
    min-width: 156%;
}

.table-ball.table-119 table {
    min-width: 347%;
}

.table-ball.table-all table {
    min-width: 347%;
}

.main-box .container .table-15 {
    width: 705px;
    margin: auto;
    overflow-x: visible;
}

.main-box .container .table-15 table {
    width: 100% !important;
}

.keno_tructiep .rowKQKeno.rowKQBingo18 {
    margin: auto;
}

.keno_tructiep.bingo18_tructiep .i-ball.active {
    text-indent: 0;
}

.table-bingo18 {
    margin-top: 30px;
}

.table-ball.table-159 table {
    min-width: 457%;
}

.keno_tructiep .tab-element-content .keno-info {
    margin-bottom: 15px;
}

.tab-element-content .bingo-info .bingo-title {
    font-size: 14px;
}

ul.view_pro{
    margin: 15px 0;
    margin-bottom: 15px;
}
ul.view_pro li{
    display: inline-block;
    margin-right: 30px;
    list-style: none;
    padding-left: 35px;
    background: url(../images/vip.gif) no-repeat;
}
ul.view_pro li a{
    color: #f00;
    font-weight: bold;
    font-size: 14px;
}
ul.view_pro li a.active{
    color: rgb(3, 157, 235);
}