ul.thongke {
	margin-bottom: 20px;
}
.note {
	font-style: italic;
	color: red;
	padding: 0 10px;
}
.thongke li {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dotted #eaeaea;
	margin: 1px 0;
}
.chuaxuathien_mini li {
	display: inline-block;
	width: auto;
	border: 0;
	margin: 1px 1%;
}
.thongke .boso {
	margin: 5px 10px 5px 0;
	float: left;
}
.thongke .xuathien {
	padding-top: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}
.chuaxuathien_mini li .xuathien {
	border: 1px solid #ccc;
    border-radius: 0 15px 15px 0;
    border-left: 0px;
    padding: 2px 10px;
    margin-left: -17px;
    padding-left: 15px;
    width: 60px;
    display: inline-block;
    margin-top: 8px;
    line-height: 25px;

}
.thongke .xuathien .date {
	color: #0082ff;
	cursor: pointer
}
.thongke .xuathien .date:hover {
	color: blue;
	text-decoration: underline
}
.thongke .xuathien .date sup::before {
	content: "x";
}
span.bol40 {
	height: 35px;
	width: 35px;
	line-height: 35px;
	font-size: 25px;
	display: inline-block;
	border-radius: 50%;
	vertical-align: middle;
	position: static;
	text-align: center;
	color: red;
	background: #FFFFFF;
	
	
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px #000;
	border: 1px solid red;
}
span.bol40_0 {
	background-color: #F68310;
	border-color: #cf6700;
	color: #fff;
}
span.bol40_1 {
	    background-color: #ffc871;
    border-color: #feb645;
    color: #ff0000;
	text-shadow: 1px 1px #fff;
}
span.bol40_2 {
	background-color: #5E83C9;
	border-color: #5E83C9;
	text-shadow: 1px 1px #fff;
}
span.bol40_3 {
	background-color: #E798B1;
    border-color: #cd6a89;
    color: #000000;
    text-shadow: 1px 1px #fff;
}
span.bol40_4 {
	background-color: #FE3E8F;
	border-color: #b7366d;
	color: white;
	text-shadow: 1px 1px #121212;
}
span.bol40_5 {
	background-color: #3e64c1;
	border-color: #2247A0;
	color: white;
	text-shadow: 1px 1px #000;
}
span.bol40_6 {
	background-color: #C1D503;
	border-color: #93a111;
	color: red;
	text-shadow: 1px 1px #fff;
}
span.bol40_7 {
	background-color: #37D846;
	border-color: #039310;
	color: red;
	text-shadow: 1px 1px #fff;
}
span.bol40_8 {
	background-color: #9a75c7;
	border-color: #5F3D89;
	color: white;
	text-shadow: 1px 1px #000;
}
span.bol40_9 {
	background-color: #F42931;
	border-color: #a7161b;
	color: #fff700;
	text-shadow: 1px 1px #000;
}

.formthongkexoso{ margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; padding: 5px; background: #f7f7f7;}
.formthongkexoso .col { width: 46%; margin: 10px 1%; display: inline-block; white-space: nowrap}
.formthongkexoso .lbf{ font-weight: bold; display: inline-block; width: 70px; text-align:  left}
.formthongkexoso .row .col{ width: 46%; margin: 10px 1%; display: inline-block}
.formthongkexoso input[type=text]{ text-align: center}
.formthongkexoso .hasDatepicker{text-align: left !important}

#rowdate fieldset{ display: inline-block; border: 1px solid #ccc; background: #fff; margin-top: 20px}
#rowdate .row{ margin: 10px 1%; white-space: nowrap}

.formthongkexoso #ac {
   background-image: linear-gradient(to bottom, #ffc64d 0, #ff9f2a 100%);
    background-color: #ff9f2a;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
	text-transform: capitalize;
}

.formthongkexoso .btnthongke{    background: #258dc8;
    background: -moz-linear-gradient(top, rgba(37,141,200,1) 0, rgba(24,87,127,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(37,141,200,1)), color-stop(100%, rgba(24,87,127,1)));
    background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0, rgba(24,87,127,1) 100%);
    background: -o-linear-gradient(top, rgba(37,141,200,1) 0, rgba(24,87,127,1) 100%);
    background: -ms-linear-gradient(top, rgba(37,141,200,1) 0, rgba(24,87,127,1) 100%);
    background: linear-gradient(to bottom, rgba(37,141,200,1) 0, rgba(24,87,127,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#258dc8', endColorstr='#18577f', GradientType=0);
    border-radius: 5px;
    height: 30px;
    color: #fff;
    text-shadow: #333 -1px -1px 0;
    border: 0;
    cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin: 20px;

}
.formthongkexoso .btnthongke:hover {
    text-decoration: none;
    color: yellow;
}
@media only screen and (max-width: 560px)
{
	.formthongkexoso .col,.formthongkexoso .row .col { width: 100%; margin: 10px 0; display: inline-block; white-space: nowrap}
	.formthongkexoso .lbf{ font-weight: bold; display: inline-block; width: 70px;text-align: right;}

}

table.statisc_result {
  text-align: left;
  position: relative;
  border-collapse: collapse; font-size: 16px;
}

table.statisc_result th {
  background:#feb645;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
	cursor: pointer;
}
table.statisc_result{ border: 1px solid #ddd; border-collapse: collapse;}
table.center{ text-align: center}
table.statisc_result tbody tr:nth-of-type(2n+1)
{
	background: #f7f7f7;
}
table.statisc_result tbody tr:hover
{
	background: #FFE5AD;
}
table.statisc_result th:after{content: "  \2195"; font-weight: bold; color: darkblue;}
th.sorted.ascending:after {
	content: "  \2191"; font-weight: bold; color: darkblue;
}

th.sorted.descending:after {
	content: " \2193"; font-weight: bold; color: darkblue;
}
table.statisc_result caption {
    background: #ffe1b0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    padding: 10px;
}
/*old*/
.boxtkxs {
	border: 1px solid #E9E9E9;
	border-bottom: 3px solid #E9E9E9;
	border-radius: 5px;
	padding: 5px 1px 1px
}
.boxtkxs h2.title_kqtk {
	border: 1px solid #666;
	border-radius: 4px 4px 0 0;
	background: url(/template/images/rand.png) top repeat-x #FF0;
	margin-top: -4px;
	font-size: 11px;
	line-height: 20px;
	padding-left: 10px;
	margin-bottom: 1px;
	color: #FFF
}
.box_formthongkexoso {
	border: 1px solid #E0E0E0;
	border-bottom: 3px solid #E0E0E0;
	border-radius: 5px;
	background-color: #F9F9F9
}
.box_formthongkexoso>div {
	padding: 0 10px
}
.box_formthongkexoso h2.title {
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	border-bottom: 2px solid #ccc
}
.box_formthongkexoso h3.slecttk {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 1px;
	color: #000;
	padding: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFCD03), color-stop(.57, #ED9600));
	background-image: -o-linear-gradient(bottom, #FFCD03 0, #ED9600 57%);
	background-image: -moz-linear-gradient(bottom, #FFCD03 0, #ED9600 57%);
	background-image: -webkit-linear-gradient(bottom, #FFCD03 0, #ED9600 57%);
	background-image: -ms-linear-gradient(bottom, #FFCD03 0, #ED9600 57%);
	background-image: linear-gradient(to bottom, #FFCD03 0, #ED9600 57%)
}
.boxtkxsext .title_kqtkext, div.box_tkdefault_loto .box_tkdefault_title {
	background: #1E1E1E;
	line-height: 25px;
	color: #FFF;
	text-align: center
}
.box_formthongkexoso td {
	vertical-align: middle!important
}
.boxtkxsext {
	border: 1px solid #E9E9E9;
	border-bottom: 3px solid #E9E9E9;
	padding: 0 10px 5px;
	background: #fff;
}
.boxtkxsext h2.title_kqtkext {
	padding-left: 10px;
	border: 1px solid #333;
	margin: 0 -10px;
	font-size: 12px
}
.box_tkdefault_xhn3l {
	display: inline-block;
}
.box_formthongkexoso form {
	padding: 10px!important
}
div.box_tkdefault_loto .box_tkdefault_title {
	padding-left: 10px;
	border: 1px solid #333
}
div.box_tkdefault_loto table {
	border: 1px solid #333
}
div.box_tkdefault_loto table td {
	border-bottom: 1px solid #CCC;
	padding: 2px;
	text-align: center;
	white-space: nowrap
}
div.box_tkdefault_loto table td.so, div.box_tkdefault_loto table tr.header td.so {
	background: #F5F5F5;
	width: 30px
}
div.box_tkdefault_loto table tr.header td {
	background: #CCC;
	height: 20px;
	line-height: 20px
}
.box_tkdefault_xhn3l td, span.bol30 {
	line-height: 30px
}
span.bol30 {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #ccc;
	vertical-align: middle;
	position: static;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px #000;
}
.btnprint, .btnseting, .tollbox {
	font-family: Arial
}
span.bol30_0 {
	background-color: #F68310;
	background-image: radial-gradient(circle, #FEB245, #F68310);
}
span.bol30_1 {
	background-color: #B6B5B1;
	background-image: radial-gradient(circle, #D2D6D7, #B6B5B1);
}
span.bol30_2 {
	background-color: #5E83C9;
	background-image: radial-gradient(circle, #89A6E6, #5E83C9);
}
span.bol30_3 {
	background-color: #E798B1;
	background-image: radial-gradient(circle, #E5C6D7, #E798B1);
}
span.bol30_4 {
	background-color: #FE3E8F;
	background-image: radial-gradient(circle, #F979C0, #FE3E8F);
}
span.bol30_5 {
	background-color: #2247A0;
	background-image: radial-gradient(circle, #6B9DF4, #2247A0);
}
span.bol30_6 {
	background-color: #C1D503;
	background-image: radial-gradient(circle, #D3E560, #C1D503);
}
span.bol30_7 {
	background-color: #37D846;
	background-image: radial-gradient(circle, #6CEC81, #37D846);
}
span.bol30_8 {
	background-color: #5F3D89;
	background-image: radial-gradient(circle, #9C84B7, #5F3D89);
}
span.bol30_9 {
	background-color: #F42931;
	background-image: radial-gradient(circle, #FF6A76, #F42931);
}
.box_tkdefault_xhn3l .chiso {
	margin-top: 10px
}
.box_tkdefault_xhn3l .box_tkdefault_title {
	border-bottom: 1px solid #E9E9E9;
	font-size: 16px
}
.box_tkdefault_xhn3l .box_tkdefault_title a {
	color: #000;
	margin: 10px 0;
}