/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Version: 4.0.3
Requires at least: 5.3
Tested up to: 6.1.1
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true


/* Note: The CSS files are loaded from assets/css/ folder. */

/*@import "https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css";*/
body {
  margin: 0;
  font-family: Arial, sans-serif, Tahoma, Helvetica;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  background: #eeeeee;
  -webkit-text-size-adjust: 100%;
  color: #333;
}
.container {
  max-width: 988px;
  margin: 0 auto;
  position: relative;
}
h1 {
  font-size: 24px;
}
a,
h1 {
  color: #333;
}
a {
  text-decoration: none;
}
ul {
  padding: 5px;
  margin: 0 10px 0 20px;
}
ul li {
  line-height: 22px;
}
.container:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix::after,
.clearfix::before {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.image img {
  width: 100%;
}
.hl {
  background: #fb9b34;
  border-radius: 5px;
}
.p-10 {
  padding: 10px;
}
.mb-20 {
  margin-bottom: 20px !important;
}
/*==================================================
>>> HEADER     
==================================================*/
header {
  background: #fff;
  padding: 0;
}
.header-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header h1 strong {
  display: block;
  font-size: 15px;
  padding: 5px 0;
}

/*==================================================
>>> FOOTER     
==================================================*/

footer {
  padding: 0 0 10px;
  background: #e6e6e6;
  border-top: 1px solid #dfdfdf;
}
.coppyr {
  padding-top: 10px;
}
.coppyr,
footer .share-social {
  text-align: center;
}
.coppyr p {
  margin: 0 0 8px;
}
.fr {
  float: right;
}
.link-hay p,
footer .share-social li {
  margin: 3px 0;
}
.fl {
  float: left;
}

/*==================================================
>>> NAVIGATION     
==================================================*/
nav {
  min-height: 38px;
  background: #ea5157;
  margin-bottom: 10px;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 38px;
  padding: 0 10px;
  display: block;
}
nav ul li a:hover {
  color: inherit;
}
nav ul li.current-menu-item,
nav ul li.current_page_item,
nav ul li:hover {
  background: #a00a09;
}

nav ul li.current-menu-item ul.sub-menu,
nav ul li.current_page_item ul.sub-menu {
  background: #a00a09;
}

nav ul li ul.sub-menu {
  position: absolute;
  top: 38px;
  left: 0;
  background-color: rgba(108, 0, 35, 0.8);
  border: 1px solid #664d55;
  border-top: none;
  width: 200px;
  z-index: 99;
  box-shadow: 0 3px 2px 0 #ccc;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
nav ul li:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
}
nav ul li ul.sub-menu li {
  border-bottom: 1px solid #7b1b1b;
  font-weight: 700;
  width: 100%;
}
nav ul li ul.sub-menu li a {
  color: #fff;
  text-transform: none;
  line-height: 38px;
  padding: 0 10px;
  font-size: 13px;
}

nav ul li .wgl-down-icon {
  display: none;
}

.custom-pagination {
  background: inherit;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 0;
}
.custom-pagination a,
.custom-pagination span {
  display: inline-block;
  /*    background: #ab4553;*/
  border: 1px solid #ab4553;
  color: #ab4553;
  padding: 5px 10px;
  /*    color: #fff;*/
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.custom-pagination span.current,
.custom-pagination a:hover {
  background: #ab4553;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
/*==================================================
>>> MAIN SITE     
==================================================*/
#site-main {
}
#site-main .leftside {
  float: left;
  width: 65%;
  margin-right: 1%;
}
#site-main .rightside {
  float: left;
  width: 34%;
}

/*==================================================
>>> SIDEBAR     
==================================================*/
#site-main .rightside .box {
  border-radius: 5px;
  -border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 3px 0 #ccc;
  -moz-box-shadow: 0 1px 3px 0 #ccc;
  -webkit-box-shadow: 0 1px 3px 0 #ccc;
  margin-bottom: 10px;
  overflow: auto;
}
.title-r {
  background-color: #445d82;
  padding: 8px 10px;
  border-radius: 2px 2px 0 0;
  text-align: center;

  font-size: 16px;
}
.title-r a {
  color: #f0ff00;
  text-decoration: underline;
}
.list-unstyle {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#site-main .rightside .box ul li {
  padding: 5px;
  line-height: 22px;
}
#site-main .rightside .box ul li a {
  color: #1a0dab;
}
#site-main .rightside .box ul li span {
  width: 10px;
  height: 8px;
  background: url(img/ics.png) no-repeat 0 0;
  background-position: -156px -27px;
  zoom: 1;
  display: inline-block;
}

.list-citymn-cale li {
  width: 45%;
  float: left;
  padding: 5px 0;
}
.title-cale {
  margin: 0 auto;
  background: #fafafa;
  padding: 5px;
  text-align: center;
  border-top: 1px solid #ebebeb;
}
.link-hay ul.list_view li {
  padding: 10px 10px 0;
}
.link-hay ul.list_view li amp-img,
.link-hay ul.list_view li img {
  width: 95px;
  height: 60px;
  float: left;
  margin-right: 5px;
}
.more-content {
  padding: 20px 10px;
}
/*==================================================
>>>      
==================================================*/
.mo-thuong-ngay {
  margin-bottom: 10px;
}
.box {
  border-radius: 5px;
  -border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 3px 0 #ccc;
  -moz-box-shadow: 0 1px 3px 0 #ccc;
  -webkit-box-shadow: 0 1px 3px 0 #ccc;
  margin-bottom: 10px;
  overflow: auto;
}
.title-c2 {
  background: #fff4c9;
  padding: 8px 5px;
  font-size: 16px;
  text-align: center;
}
.bold {
  font-weight: 700;
}
table {
  width: 100%;
  border: 0;
  border-spacing: 0;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.colgiai tr td:first-child {
  border-left: none;
}
.mo-thuong-ngay td {
  padding: 5px 0;
}
.colgiai th.first {
  width: 10%;
}
.colgiai tr th {
  vertical-align: middle;
  color: #666;
  padding: 8px 0;
}
.colgiai td {
  border-left: 1px solid #e4e4e4;
  text-align: center;
  padding: 3px 1px;
}
.colgiai td,
.colgiai tr th {
  border-bottom: 1px solid #e4e4e4;
}
.colgiai tr th a {
  text-decoration: underline;
}
.colgiai .number,
.colgiai td div {
  font-size: 22px;
  margin: auto;
  font-weight: 700;
  padding-top: 2px;
  padding-bottom: 2px;
}
.colgiai td div:last-child {
  margin-bottom: 0;
}
.colgiai .g8 div,
.colgiai .gdb div,
.colgiai .giai8 .number,
.kqmb .g7 .number,
.kqmb .g8 .number {
  color: #ed0303;
  font-size: 26px;
}
.kqmb td.v-giai span[class^="v-g"] {
  display: inline-block;
  width: 100%;
  min-width: 20px;
  padding: 8px 4px;
  float: left;
}

.kqmb td.v-giai span[class^="v-g2-"],
.kqmb td.v-giai div[class^="v-g2-"] {
  width: 50%;
}
.kqmb td.v-giai span[class^="v-g4-"],
.kqmb td.v-giai div[class^="v-g4-"] {
  width: 25%;
}
.kqmb td.v-giai span[class^="v-g5-"],
.kqmb td.v-giai span[class^="v-g6-"] {
  width: 33.33%;
}
.kqmb td.v-giai span[class^="v-g5-"],
.kqmb td.v-giai span[class^="v-g6-"] {
  width: 33.33%;
}
.kqmb td.v-giai span[class^="v-g3-"] {
  width: 33.33%;
}
.kqmb td.v-giai span[class^="v-g7-"] {
  width: 25%;
}

.kqmb td.v-giai span.v-g2-1,
.kqmb td.v-giai span.v-g3-1,
.kqmb td.v-giai span.v-g3-2,
.kqmb td.v-giai span.v-g3-4,
.kqmb td.v-giai span.v-g3-5,
.kqmb td.v-giai span.v-g4-1,
.kqmb td.v-giai span.v-g4-2,
.kqmb td.v-giai span.v-g4-3,
.kqmb td.v-giai span.v-g5-1,
.kqmb td.v-giai span.v-g5-2,
.kqmb td.v-giai span.v-g5-4,
.kqmb td.v-giai span.v-g5-5,
.kqmb td.v-giai span.v-g6-1,
.kqmb td.v-giai span.v-g6-2,
.kqmb td.v-giai span.v-g7-1,
.kqmb td.v-giai span.v-g7-2,
.kqmb td.v-giai span.v-g7-3 {
  border-left: 1px solid #e4e4e4;
}

.kqmb td.v-giai span.v-g3-0,
.kqmb td.v-giai span.v-g3-1,
.kqmb td.v-giai span.v-g3-2,
.kqmb td.v-giai span.v-g5-0,
.kqmb td.v-giai span.v-g5-1,
.kqmb td.v-giai span.v-g5-2 {
  border-bottom: 1px solid #e4e4e4;
}
.kqmb .db .number,
.kqmb .db .number strong,
.kqmb .gdb .number strong,
.kqmb .number span[class^="v-g7-"],
.kqmb .number span[class^="v-g8"],
.kqmb .number span[class^="v-gdb"] {
  color: #ed0303;
  font-size: 30px;
  font-weight: 700;
}

/*-----------------------*\
    
\*-----------------------*/
.kqmb td.v-giai div[class^="v-g6-"] {
  width: 33.33%;
  float: left;
}
.kqmb td.v-giai div[class^="v-g4-"] {
  width: 25%;
  float: left;
  border-right: 1px solid #e4e4e4;
}
.kqmb td.v-giai div[class="v-g4-3"],
.kqmb td.v-giai div[class="v-g4-6"] {
  border-right: 0;
}
.kqmb td.v-giai div[class="v-g4-4"],
.kqmb td.v-giai div[class="v-g4-5"],
.kqmb td.v-giai div[class="v-g4-6"] {
  width: 33.33%;
  float: left;
  border-top: 1px solid #e4e4e4;
}
.kqmb td.v-giai div[class^="v-g6-1"],
.kqmb td.v-giai div[class^="v-g6-2"] {
  border-left: 1px solid #e4e4e4;
}
.kqmb td.v-giai div[class^="v-g3-0"] {
  border-right: 1px solid #e4e4e4;
}
.kqmb td.v-giai div[class^="v-g3-"] {
  width: 50%;
  float: left;
}

.bg_ef {
  background: #efefef;
  padding: 10px 5px;
}

/*-----------------------*\
    LOTO
\*-----------------------*/
#loto {
  margin-top: 20px;
}
.tabs {
  padding: 0;
  margin: 0;
}
.tabs li {
  display: inline-block;
  padding: 10px 10px;

  border-top: 1px solid #6f7677;
  border-left: 1px solid #6f7677;
  border-right: 1px solid #6f7677;

  margin-top: 10px;
  cursor: pointer;
  border-radius: 5px 5px 0px 0px;
  margin-right: 2px;
  margin-bottom: -1px;
  background-color: #fff;
  color: #000;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.tabs li.active {
  background-color: #6f7677;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
table.tbldata {
  border-collapse: collapse;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.tbldata {
  background: #fff none repeat scroll 0 0;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #dedede;
  margin: 0 0 0px;
  width: 100%;
}
.table-result-lottery {
  border-right: none;
}
.tbldata thead th {
  border-left: 1px solid #cccccc;
  color: #fff;
  vertical-align: middle;
  background-color: #6f7677;
  font-weight: bold;
  font-size: 15px;
  padding: 10px 6px;
  white-space: nowrap;
  position: relative;
  text-align: center;
  z-index: 9;
}
.tbldata tr td {
  border-left: 1px solid #cccccc;
  color: #000000;
  padding: 8px 8px;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
}
.table-result-lottery td {
  text-align: center !important;
  padding: 0px !important;
}
.tbldata td {
  border-bottom: 1px solid #cccccc;
  white-space: nowrap;
}
.table-result-lottery td.results .quantity-of-number[data-quantity="9"] {
  grid-template-columns:
    minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
    minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.table-result-lottery td.results .quantity-of-number {
  display: grid;
}
.table-result-lottery td.results span {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  border-right: 1px solid #cccccc;
  font-size: 22px;
  font-weight: bold;
}
.table-result-lottery td.results .quantity-of-number.specs[data-quantity="4"] {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 1fr) minmax(
      0,
      2.5fr
    );
}
.table-result-lottery td.results span.header {
  padding: 10px 6px;
  font-size: 15px;
  color: #ffffff;
  background-color: #6f7677;
}

.tabs-contents > div {
  display: none;
}
.tabs-contents > div.active {
  display: block;
}
table.tbldata tbody tr:hover {
  background: #ffffcf none repeat scroll 0 0;
}
/*-----------------------*\
    
\*-----------------------*/
.colorLinkBlue,
.mo-thuong-ngay a {
  color: #1a0dab;
}
.title-bor {
  padding: 8px 0;
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin: 0;
}
.title-bor h1 {
  color: inherit;
  margin: 0;
  padding: 0;
}
.title,
.title-bor {
  background: #ab4553;
  position: relative;
}
.title-a {
  color: #f0ff00;
  text-decoration: underline;
  font-size: 16px;
}
.title,
.title-r {
  padding: 8px 10px;
  border-radius: 2px 2px 0 0;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.control-panel {
  display: block;
  padding: 7px;
  text-align: center;
  background: #fb9b34;
  color: #fff;
  font-weight: 700;
}
.control-panel:after {
  content: "";
  display: block;
  clear: both;
}
.digits-form {
  float: left;
}

.digits-form label.radio {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.digits-form label.radio input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
}
.digits-form label.radio input + b {
  width: 1em;
  height: 1em;
  display: inline-block;
  border-radius: 100%;
  border: 0;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

/*.digits-form label.radio input:checked+b {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http:%2F%2Fwww.w3.org%2F2000%2Fsvg" xmlns:xlink="http:%2F%2Fwww.w3.org%2F1999%2Fxlink" version="1.1" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="%23537E51"%2F><%2Fsvg>')
}
*/
.digits-form label.radio *,
i.icon {
  vertical-align: middle;
}
.digits-form label.radio input:checked + b {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http:%2F%2Fwww.w3.org%2F2000%2Fsvg" xmlns:xlink="http:%2F%2Fwww.w3.org%2F1999%2Fxlink" version="1.1" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="%23537E51"%2F><%2Fsvg>');
}

.digits-form label.radio *,
i.icon {
  vertical-align: middle;
}

.digits-form label.radio[data-value="0"] span:after {
  content: " Đầy đủ";
}

.digits-form label.radio[data-value="2"] span:after {
  content: " 2 số";
}

.digits-form label.radio[data-value="3"] span:after {
  content: " 3 số";
}

.block-lottery-today .caption {
  background-color: #fef6dd;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
table.tbldata {
  border-collapse: collapse;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.block-lottery-today a {
  color: #0505a7;
  line-height: 22px;
  display: block;
  padding: 5px;
}

.divider {
  display: block;
  height: 40px;
}

table.hover-panel {
  border-collapse: collapse;
  text-align: center;
}
table.hover-panel td {
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0;
  padding: 5px;
  font-weight: 700;
}

.font-15 {
  font-size: 15px;
}
.center,
.txt-center {
  text-align: center;
  margin: auto;
}
p {
  margin: 0.3em;
}
.color-orange {
  color: #f60;
}

.col-firstlast.colgiai {
  margin-top: 15px;
}
.col-firstlast.colgiai th {
  background: #dfdfdf;
  padding: 10px;
  color: #333;
  font-size: 14px;
}
.col-firstlast tr td {
  word-break: break-all;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.clnote,
.color-red,
.colorRed {
  color: #ed0303;
}
.cl-red,
.clred {
  color: red;
}
/*-----------------------*\
    SEE MORE
\*-----------------------*/

.see-more {
  background-color: #f0f8ff;
  font-size: 14px;
  padding: 7px 5px;
}
.see-more-title {
  font-size: 1.1rem;
  padding-top: 2px;
  padding-bottom: 2px;
}
.see-more ul.list-html-link {
  padding: 0;
  margin: 1px;
  border-collapse: separate;
}
.list-html-link li {
  list-style: disc inside none;
  padding: 4px 0;
}
.see-more a {
  color: #1a0dab;
}
.see-more a,
.underline {
  text-decoration: underline;
}
.gr-yellow,
table th {
  padding: 5px;
  color: #333;
  margin-bottom: 1px;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #efefef;
}

.kq-error {
  padding: 20px;
  color: red;
  font-size: 18px;
  font-style: italic;
}

/*==================================================
>>> SINGLE     
==================================================*/
.single-content {
}
.single-content .title-bor {
  /*    margin-bottom: 20px;*/
}
.single-content .content-inner {
  padding: 10px;
}
.single-content .content-inner img {
  max-width: 100%;
  margin: 0;
  object-fit: cover;
}
.single-content .content-inner figure {
  width: 100%;
  max-width: 100%;
  margin: 10px 0;
}
#date-search-bar {
  width: 100%;
  background-color: #fff;
  text-align: center;
  border: 1px solid #c1c1c1;
  padding: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: initial;
}
#date-search-bar div.item {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 8px;
  border: 1px solid #c1c1c1;
  margin: 4px;
  width: auto;
  height: 36px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#date-search-bar div.item:hover,
#date-search-bar div.item.active {
  color: #1967d2;
  background-color: #b2d3e7;
  border-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#date-search-bar div.item.date-choosen.active {
  position: relative;
  top: 5px;
}

/*==================================================
>>> VIETLOT     
==================================================*/
#loto-cam .nav-tabs,
.mega645 .results li .data {
  width: 100%;
}
.keno .results .data tr,
.mega645 .results li table {
  border: 0;
}
.mega645 table {
  margin: 0;
  border-collapse: collapse;
}
.mega645 table td {
  padding: 0;
  border: 0;
}
.mega645 .results {
  margin: 0;
  padding: 0;
}
.mega645 .results li {
  /*    border-top: 1px solid #ececec;*/
  padding: 1rem 10%;
}
.mega645 .results li .data td i {
  box-sizing: content-box;
  display: block;
  margin: 0 auto;
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: center;
  border-radius: 100%;
  font-style: normal;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 1px rgb(0 0 0 / 50%);
}
.mega645 .results li .data td i:empty:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/spin_32.gif);
  background-position: center;
  background-size: 28px 28px;
  background-repeat: no-repeat;
}

.mega645 .results li .data td:nth-child(1) i {
  background-color: #1ea6ec;
  background: linear-gradient(to bottom, #2eb6fc 0, #1066bc 100%);
}

.mega645 .results li .data td:nth-child(2) i {
  border-color: #f03268;
  background: linear-gradient(to bottom, #fa5288 0, #bb002a 100%);
}

.mega645 .results li .data td:nth-child(3) i {
  border-color: #e9b800;
  background: linear-gradient(to bottom, #e4c420 0, #b06800 100%);
}

.mega645 .results li .data td:nth-child(4) i {
  border-color: #69c82a;
  background: linear-gradient(to bottom, #79c82a 0, #297800 100%);
}

.mega645 .results li .data td:nth-child(5) i {
  border-color: #db48c2;
  background: linear-gradient(to bottom, #f04aac 0, #b0108a 100%);
}

.mega645 .results li .data td:nth-child(6) i {
  border-color: #ea7702;
  background: linear-gradient(to bottom, #f09742 0, #da380a 100%);
}

.mega645.power655 .results li .data td:not(:last-child) i.imgloadig {
  background: #fe9550;
  text-shadow: none;
}

.mega645.power655 .results li .data td:nth-child(7) {
  border-left: 2px solid #ccc;
  padding-left: 3px;
}
.mega645 .results li > table td p {
  font-weight: 700;
  padding: 0;
  margin: 1rem 0 0;
  font-size: 0.98rem;
  text-align: center;
}
.mega645 .results li table td p strong,
.mega645 .results li table td p strong * {
  color: #e80000;
  font-size: 1.2rem;
}
.mega645 .results li table {
  width: 100%;
  margin-top: 1rem;
}
.mega645 .results li table td,
.mega645 .results li table th {
  padding: 0.5rem;
}
.mega645 .results li table.table td,
.mega645 .results li table.table th {
  background: #fff;

  border-collapse: collapse;
  border: 1px solid #ccc;
  text-align: left;
}

.mega645 .results li .data td:nth-child(7) {
  border-left: 2px solid #ccc;
  padding-left: 3px;
}
.mega645 .results li .data td:nth-child(7) i {
  background: #f60;
  color: #fff;
  border: 0;
}
/*==================================================
>>> ARCHIVES     
==================================================*/
.list-news li {
  padding: 10px;
  border-bottom: 1px solid #e4e4e4;
}
.title-news {
  margin-bottom: 10px;
}
.clblue,
.title-news a {
  color: #1a0dab;
  display: block;
    line-height: 1;
}
#go-top,
.desc {
  font-size: 14px;
  line-height: 20px;
}
.list-news li p {
  margin: 0;
}

/*==================================================
>>> NAVIGATION     
==================================================*/
.nav-button {
  z-index: 99;
  width: 60px;
  height: 38px;
  top: 0;
  right: 10px;
  position: absolute;
  cursor: pointer;
  display: none;
}
.nav-button .nav-button-graphic {
  height: 100%;
  width: 50%;
  top: 0;
  left: 30%;
  position: absolute;
}
.nav-button .nav-button-graphic .hamburger {
  height: 4px;
  background-color: #fff;
  top: calc(50% - 1px);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  transition-delay: 0s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  position: absolute;
  width: 100%;
}
.nav-button .nav-button-graphic .hamburger::before,
.nav-button .nav-button-graphic .hamburger::after {
  content: " ";
  position: absolute;
  -webkit-transform-origin: 50% 50% 0px;
  -ms-transform-origin: 50% 50% 0px;
  transform-origin: 50% 50% 0px;
  background-color: #fff;
  height: inherit;
  width: inherit;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0, 0.25, 1),
    top 0.3s cubic-bezier(0.5, 0, 0.25, 1),
    bottom 0.3s cubic-bezier(0.5, 0, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.25, 1),
    top 0.3s cubic-bezier(0.5, 0, 0.25, 1),
    bottom 0.3s cubic-bezier(0.5, 0, 0.25, 1);
}
.nav-button .nav-button-graphic .hamburger::before {
  top: -9px;
}
.nav-button .nav-button-graphic .hamburger::after {
  bottom: -9px;
}
.nav-button.active .hamburger {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  background-color: transparent;
}

.nav-button.active .hamburger:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
}

.nav-button.active .hamburger:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 0px;
}

@media (max-width: 767px) {
  .nav-button {
    display: block;
  }
}

@-webkit-keyframes pulse-glow {
  from {
    box-shadow: 0px 0px 0px 0px #5c70d6;
  }
  to {
    box-shadow: 0px 0px 0px 40px rgba(92, 112, 214, 0);
  }
}

@keyframes pulse-glow {
  from {
    box-shadow: 0px 0px 0px 0px #5c70d6;
  }
  to {
    box-shadow: 0px 0px 0px 40px rgba(92, 112, 214, 0);
  }
}

body.is-navPanel-visible #navPanel {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
  visibility: visible;
  z-index: 999;
}
body.is-navPanel-visible {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

body.is-navPanel-visible .overlay-navPanel {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 19;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#navPanel {
  padding: 2.5rem 1.75rem;
  -moz-transform: translateX(20rem);
  -webkit-transform: translateX(20rem);
  -ms-transform: translateX(20rem);
  transform: translateX(20rem);
  -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease,
    visibility 0.5s;
  -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease,
    visibility 0.5s;
  -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
  display: block;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  box-shadow: none;
  height: 100%;
  max-width: 80%;
  overflow-y: auto;
  padding: 3rem 2rem;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 20rem;
  z-index: 99999999;
}

#navPanel .close {
  height: 4rem;
  line-height: 4rem;
  text-decoration: none;
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  color: #909498;
  cursor: pointer;
  display: block;
  padding-right: 1.25rem;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  vertical-align: middle;
  width: 7rem;
}

#navPanel .close:before {
  content: "X";
  font-size: 1.25rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /*font-family: FontAwesome;*/
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
}

#navPanel ul.dl-menu {
  list-style: none;
  margin: 25px 0;
  padding: 0;
  float: left;
  display: block;
}

#navPanel ul.dl-menu > li {
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  border-top: solid 1px rgba(210, 215, 217, 0.75);
  border-left: solid 1px rgba(210, 215, 217, 0.75);
  border-right: solid 1px rgba(210, 215, 217, 0.75);
  background: none;
}
#navPanel ul.dl-menu > li:last-child {
  border-bottom: solid 1px rgba(210, 215, 217, 0.75);
}

#navPanel ul.dl-menu > li:before {
  display: none;
}

#navPanel ul.dl-menu > li:hover {
  transition: all 0.5s;
}

#navPanel ul.dl-menu > li > a {
  font-size: 13px;
  line-height: 17px;
  line-height: 1.0625rem;
  /*font-family: "Op", sans-serif;*/
  color: #1e2e56;
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  position: relative;
  z-index: 99;
  padding: 12px;
  transition: all 0.5s;
  background: transparent;
}

#navPanel ul.dl-menu > li > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #1e2e56;
  opacity: 0;
  transition: 0.5s;
  z-index: -1;
}

#navPanel ul.dl-menu > li.current-menu-item > a > .wgl-down-icon:before,
#navPanel ul.dl-menu > li.current-menu-item > a > .wgl-down-icon:after {
  background: #fff;
}

#navPanel ul.dl-menu > li > a:hover:after,
#navPanel ul.dl-menu > li.current-menu-item > a:after {
  transition: 0.5s;
  opacity: 1;
  width: 100%;
}

#navPanel ul.dl-menu > li > a:hover,
#navPanel ul.dl-menu > li.current-menu-item > a {
  color: #fff;
  text-decoration: none;
  transition: all 0.5s;
}

#navPanel ul.dl-menu > li > a:hover > span.wgl-down-icon:after,
#navPanel ul.dl-menu > li > a:hover > span.wgl-down-icon:before {
  background: #fff;
}

#navPanel ul.dl-menu > li > a span.wgl-down-icon {
  width: 40px;
  text-align: center;
  height: 41px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: solid 1px rgba(210, 215, 217, 0.75);
}
#navPanel ul.dl-menu > li a span.wgl-down-icon:after {
  top: 20px;
  right: 15px;
}
#navPanel ul.dl-menu > li a span.wgl-down-icon:before {
  top: 17px;
  right: 18px;
}

#navPanel ul.dl-menu > li > .sub-menu {
  padding-left: 20px;
  width: 100%;
  float: left;
  display: none;
  padding-left: 30px;
  background-color: inherit;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  position: relative;
  top: 0;
  border-top: solid 1px rgba(210, 215, 217, 0.75);
  border-left: none;
  border-right: none;
  border-bottom: none;
}

#navPanel ul.dl-menu > li > .sub-menu.active {
  display: block;
  border-top: solid 1px rgba(210, 215, 217, 0.75);
  padding-left: 30px;
  opacity: 1;
  visibility: visible;
  position: relative;
}

#navPanel ul.dl-menu > li > .sub-menu > li {
  border: none;
}

#navPanel ul.dl-menu > li > .sub-menu > li > a {
  text-transform: capitalize;
  color: #3d484f;
  display: block;
  padding: 5px;
}

#navPanel ul.dl-menu > li > .sub-menu > li > a > .wgl-right-icon {
  /*box-shadow: -2px 2px 0 rgb(0 0 0 / 90%);
    cursor: pointer;
    display: block;
    right: 10px;
    position: relative;
    width: 5px;
    height: 5px;*/
}

#navPanel ul.dl-menu > li > .sub-menu > li > .sub-menu {
  opacity: 1;
  visibility: visible;
  position: relative;
  background: inherit;
  top: 0;
  width: 100%;
  border: none;
  display: none;
  margin-right: -5px;
}
#navPanel ul.dl-menu > li > .sub-menu > li > .sub-menu > li {
  border: none;
  font-weight: 400;
}
#navPanel ul.dl-menu > li > .sub-menu > li > .sub-menu > li > a {
  color: #00000087;
  font-size: 12px;
}
#navPanel ul.dl-menu > li > .sub-menu > li > .sub-menu > li svg {
  fill: #1e2e56;
  width: 10px;
}

/*#navPanel ul.dl-menu > li > .sub-menu li a span{
    display: none;
}
*/
#navPanel ul.dl-menu > li > .sub-menu > li.current-menu-item {
  background: inherit;
}

#navPanel ul.dl-menu > li.current-menu-item > a,
#navPanel ul.dl-menu > li.current_page_item > a,
#navPanel ul.dl-menu > li:hover {
  z-index: 999;
}
.wgl-down-icon {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
}
.wgl-down-icon:after {
  position: absolute;
  top: 11px;
  right: 0px;
  width: 8px;
  height: 1px;
  display: block;
  background: #1e2e56;
  content: "";
}
.wgl-down-icon:before {
  position: absolute;
  top: 8px;
  right: 3px;
  display: block;
  width: 1px;
  height: 8px;
  background: #1e2e56;
  content: "";
  transition: all 0.3s ease;
}
.wgl-right-icon {
  width: 38px;
  height: 38px;
  transition: 0.5s;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -10px;
}

nav ul > li > .sub-menu > li > .sub-menu {
  opacity: 0;
  visibility: hidden;
}
nav ul > li > .sub-menu > li:hover > .sub-menu {
  left: 100%;
  top: 0;
  opacity: 1;
  visibility: visible;
}

/*==================================================
>>> RESPONSIVE DEVICE     
==================================================*/

@media (min-width: 1360px) and (max-width: 1600px) {
}

@media (min-width: 1200px) and (max-width: 1359px) {
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 960px;
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 750px;
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .header-wrap {
    flex-direction: column-reverse;
  }
  .txt-logo {
    margin-bottom: 15px;
  }

  #site-main .leftside,
  #site-main .rightside {
    width: 98%;
    margin: 0 1%;
  }
    nav ul li ul.sub-menu{
        width: 140px;
    }
    nav ul li ul.sub-menu li a{
        line-height: 20px;
        padding: 10px;
    }
}

@media (max-width: 576px) {
  .table-result-lottery td.results span {
    font-size: 14px;
  }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
  .colgiai .number,
  .colgiai td div {
    font-size: 17px;
  }
  #date-search-bar {
    flex-direction: column;
  }
  .colgiai .g8 div,
  .colgiai .gdb div,
  .colgiai .giai8 .number,
  .kqmb .g7 .number,
  .kqmb .g8 .number {
    font-size: 20px;
  }
  .kqmb .db .number,
  .kqmb .db .number strong,
  .kqmb .gdb .number strong,
  .kqmb .number span[class^="v-g7-"],
  .kqmb .number span[class^="v-g8"],
  .kqmb .number span[class^="v-gdb"] {
    font-size: 23px;
  }
}

/*==================================================
>>> CHOOSEN     
==================================================*/
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 35px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(20%, #fff),
    color-stop(50%, #f6f6f6),
    color-stop(52%, #eee),
    to(#f4f4f4)
  );
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  line-height: 35px;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("img/chosen-sprite.png") no-repeat 0px 8px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("img/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(20%, #3875d7),
    color-stop(90%, #2a62bc)
  );
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #eee),
    color-stop(15%, #fff)
  );
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(20%, #f4f4f4),
    color-stop(50%, #f0f0f0),
    color-stop(52%, #e8e8e8),
    to(#eee)
  );
  background-image: linear-gradient(
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi
  .chosen-choices
  li.search-choice
  .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(20%, #f4f4f4),
    color-stop(50%, #f0f0f0),
    color-stop(52%, #e8e8e8),
    to(#eee)
  );
  background-image: linear-gradient(
    #f4f4f4 20%,
    #f0f0f0 50%,
    #e8e8e8 52%,
    #eee 100%
  );
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi
  .chosen-choices
  li.search-choice-focus
  .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(20%, #eee),
    color-stop(80%, #fff)
  );
  background-image: linear-gradient(#eee 20%, #fff 80%);
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("img/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi),
  only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("/templates/linkmarket/js/chosen/chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

.txt-logo img {
  max-width: 256px;
}
.box-ketqua-no-loto {
  margin: 0 auto;
  font-size: 1em;
  scale: 0.8;
}
.box-ketqua-no-loto .colgiai td div {
  font-size: 1em;
}
.div_bor_tk {
  font-weight: bold;
}
.leftdb {
  color: red;
}
a {
  color: blue;
}

ul.tab-panel {
  padding: 0;
  margin: 0;
  /* background: #fff; */
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
ul.tab-panel li {
  margin-right: 0.7em;
  display: inline-block;
  list-style: none;
  background: #e4e4e4;
  border-radius: 5px 5px 0 0;
  z-index: 0;
  position: relative;
}
ul.tab-panel li.active {
  font-weight: 700;
  color: #fff;
  z-index: 1;
  background: #ab4553;
}
ul.tab-panel li.active::after {
  background: #ab4553;
}
ul.tab-panel li::after {
  right: -5px;
  top: 2px;
  border-radius: 0 5px 0 0;
  transform: rotate(-20deg);
  height: 110%;
  width: 10px;
  background: #e4e4e4;
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
}
ul.tab-panel li a {
  color: inherit;
  display: block;
  padding: 5px;
}
ul.tab-panel li a:hover {
  color: #ec891d;
  text-decoration: underline;
}
.tb50 {
  width: 50% !important;
  float: left;
}

#result-book table th {
  color: #000;
  background: #dfdfdf;
  font-size: 13px;
  padding: 8px 0;
  text-align: center;
}

#result-book h2 {
  margin: 0;
}
.list-news{
    width: 100%;
    float: left;
}