/* *********************************************
 Craw kết quả xổ số theo tỉnh
* ********************************************/
.xs-wrap, .xs-home-box { 
	width:100%; margin:16px 0;  border:0px solid #e5e5e5;  background:#fff;  overflow:hidden; border-radius: 10px 10px 0 0;
}
.xs-header, .xs-home-title {
	background: #ff6600;
	color: #ffffff; font-weight: 500; 
	padding: 12px; text-align:center; font-size:18px; 
}
table td.txt-giai, .giai-8 td:first-child, .table-loto tr th.loto-name {
	width: 15%;
}
.colgiai th.first, .firstlast-mn th.first, .colthreecity tr th.first{
	width: 15%;
}
.coltwocity th, .coltwocity tr th { 
	width: 45%;
}
.colthreecity th, .colthreecity tr th {
	width: 30%;
}
.colfourcity th, .colfourcity tr th {
	width: 22.5%;
}
.xs-result-main { 
	padding: 0; overflow-x:auto; 
}
.xs-result-main table { 
	width:100%;border-collapse:collapse;
}
.extendable td, .extendable th {
	padding:8px; 
	text-align:center; vertical-align:middle;  height: 46px;  line-height: 46px;
}
.xs-wrap .xs-result-main table tr td.number span.xs-item, table.table-xsmn tr td span.xs-item, table.kqmb tr td.number span.xs-item, .xs-home-main table.kqmb tr td.number span{
	width: 25%; line-height: 46px; height: 46px; font-size: 24px;  
}
.xs-wrap .xs-result-main table tr.g7 td.number span.xs-item{
	width: 23%;  
}
.xs-control { 
	display: flex; justify-content: space-between; align-items: flex-end; width: 100%; gap: 20px; flex-wrap: wrap; margin-bottom: 15px; text-align: left;
	padding:20px 12px; border: 1px solid #dddddd; background:#fff7f1; justify-content: space-between;
}
 
.xs-radio, .xs-control, .xs-radio, .xs-radio label, .xs-dd-wrap, .xs-numbers { 
	flex-wrap:wrap; gap:5px; align-items:center;
}
.xs-radio label { 
	cursor:pointer; font-weight:600; margin: 0;
}
.xs-radio label input {
	margin-bottom: 0; width: 16px; height: 16px;
}
.xs-control, .xs-radio, .xs-radio label, .xs-dd-wrap, .xs-numbers {
	display: flex; 
}
.xs-numbers { 
	flex-wrap:wrap; gap:5px
}
.xs-num { 
	display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:30px; padding:0 6px; border-radius:100px; border:1px solid #ffbc8f; background: #ffbc8f; cursor:pointer; font-weight:700; user-select:none; transition:all .18s ease
}
.xs-num:hover { 
	transform:translateY(-1px); border-color:#fff; color:#fff;
}
.xs-num.is-active { 
	background: #ff6600; color:#fff; border-color: #ff6600;
}
.postid-198 .xs-item, .postid-209 .xs-item, table.kqmn tr td div, table.kqmt tr td div{ 
	display: block;
}
table.kqmn tr td div, table.kqmt tr td div{
	margin:0 2px; font-weight:700; font-size: 24px;
}
.xs-item, .xs-home-main .number span, .table-xsmn tr.giai-row td span, .table-xsmn tr.giai-row1 td span { 
	display: inline-block; font-weight:700; font-size: 24px;
}
.hl.dozen { 
	transition:all .18s ease;
}
.hl.dozen.xs-highlight, span.dozen.xs-highlight { 
	background: #ff6600; color: #ffffff;
	padding: 0 2px; border-radius: 3px;
	height: 36px; line-height: 36px;
}
.xs-dd-wrap { 
	display:grid; grid-template-columns:1fr 1fr; gap:10px; 
} 

.xs-dd-wrap.coltwocity {
	grid-template-columns:1fr;
}
.xs-dd-wrap.colthreecity {
	grid-template-columns:1fr;
}
.xs-dd-wrap.colfourcity {
	grid-template-columns:1fr;
}
.xs-dd { 
	overflow-x:auto;
}
.xs-dd table { 
	width:100%; border-collapse:collapse;
}
.xs-dd td, .xs-dd th { 
	border:1px solid #ddd; padding:6px; text-align:center; height: 40px; line-height: 40px; font-weight: 600;
}
.g8 td span, .db td span, .color_red, table.firstlast-mb .clred, .gdb td span.xs-item, 
.giai-8 td span.xs-item, .giai-db td span.xs-item, .g8 td div, .gdb td div, td span.number_DB{
	color: #f60;
}
.xs-spin, .xs-home-main table.kqmb tr td.number span.xs-spin {
	display:inline-block; 
	width:14px;	
	height:14px;
	border-radius:50%;	border:1.5px solid #e3e3e3;	border-top-color:#d40000;	border-right-color:#ff9a1f;	border-bottom-color:#f3f3f3;	border-left-color:#f3f3f3;	background:transparent;	animation:xsSpin .68s linear infinite;	vertical-align:middle;	box-sizing:border-box;
}	

@keyframes xsSpin{
	100%{transform:rotate(360deg);}
}