/* CSS Document */
body {
	margin: 0px;
	padding: 5px;
}
h1.pagetitle{margin:0px; padding:0px; text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

table.gird {
	border: 5px solid #666;
	/*	border-bottom: 0px;
	border-right: 0px;
*/	border-radius: 5px;
	background: #999;
	padding: 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; width:100%; margin-top:-5px;
}
table.gird a {
	color: #000;
	text-decoration: none;
	font-weight: bold; display:block
	
}
.boxseelect {
	background: url(../style/images/rand.png) #F00 repeat-x;
	width: 100%;
	display: block; color: #EEE; margin:0px; height:44px;
	border-radius:5px 5px 0px 0px; padding:0px; font-weight:bold;
}
table.gird td, table.gird th {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 0px;
	border-top: 0px;
	text-align: center;
}
table.gird td.true, table.gird td.true.hover, table.gird th.true, table.gird th.true.hover {
	background: #FFF
}
table.gird td.capso, table.gird th.capso {
	background: #F93; font-weight:bold;
}
table.gird td.tong, table.gird th.tong {
	background: #AECEFF; font-weight:bold;
}
table.gird tr.hover {
	background: #FF9
}
table.gird tr:hover td, table.gird tr:hover th {
	background: #FF9;
	border-bottom: 1px solid #F00;
}
table.gird tr.header {
	background: #FC0;
}
table.gird tr.header td, table.gird tr.header th {
	line-height: 100%;
	padding: 3px 2px;
}
table.gird td.hover, table.gird th.hover {
	background: #FF9;
	border-right: 1px solid #F00;
}

ul.menunav{ margin:0px; padding:0px; float:left}
ul.menunav li{float: left; margin:0 5px; list-style:none;}
ul.menunav li a{color: #FFF; font-weight:bold; text-decoration:none; padding:0 5px; line-height:32px;}
ul.menunav li a.home{background:url(../style/images/home.png) right center no-repeat; text-indent:-100px; width:32px; height:32px; display:block;}

a.back{background:url(../style/images/back.png) right center no-repeat; display:block; float:left; width:32px; height:22px; text-indent:-100px;}
a.next{background:url(../style/images/next.png) right center no-repeat; display:block; float:right; width:32px; height:22px; text-indent:-100px; margin-left:10px;}

a.buttonGrey, a.buttonBlue {
	background-image: url(../style/images/menu-sprite.png);
	background-repeat: no-repeat;
	position: relative;
	display: block;
	width: 99px;
	height: 29px;
	font: bold 12px/28px arial, sans-serif;
	text-align: center;
	text-decoration: none;
	border-bottom: none !important;
	float:left;
}
a.buttonGrey:hover, a.buttonBlue:hover {
background-position: 0 -118px;
text-decoration: none;
text-shadow: white 1px 1px 0;
color: black !important;
border-bottom: none !important;
}
a.buttonGrey {
background-position: 0 -89px;
color: #333 !important;
text-shadow: white 1px 1px 0;
}
a.buttonBlue {
background-position: -100px -89px;
color: white !important;
text-shadow: #333 -1px -1px 0;
}

/* 21/10/2026 (mobile first): trang có viewport; bảng dàn trang -> div (page_codes/thongke100_*.php); lưới (include/api.php ts100_luoi: thead / tbody / tfoot,
   cột bộ số <th scope=row>) cuộn ngang trong .cuonngang thay vì cả trang bị thu nhỏ; cột bộ số dính trái khi cuộn */
.ts100-dau{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.ts100-tieude{flex:1 1 300px}
.ts100-loc,.ts100-chon{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.ts100-loc{padding:5px}
.ts100-trang{display:flex;gap:8px;margin-left:auto}
.cuonngang{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table.gird th{font-weight:400}
table.gird th.capso{position:sticky;left:0;z-index:1;font-weight:700}
table.gird{border-spacing:0} /* trước là thuộc tính cellspacing="0" trên thẻ */
.boxseelect{height:auto;min-height:44px} /* form xuống dòng trên điện thoại */