/* ===========================================================
   NEF skin - giao dien theo phong cach xosobamien.vn
   Nap sau all_minify.min.css, chi ghi de mau sac & typography
   =========================================================== */
:root{
  --nef-nav:#37475a;      /* thanh menu */
  --nef-nav-2:#2f3e4e;
  --nef-red:#d92027;      /* do thuong hieu */
  --nef-red-dk:#b3161d;
  --nef-cream-1:#fdf6da;  /* bang tieu de khoi ket qua */
  --nef-cream-2:#fbeeb4;
  --nef-cream-bd:#e8d89b;
  --nef-line:#dcdcdc;
  --nef-line-2:#ebebeb;
  --nef-ink:#16181a;
  --nef-link:#1a4b8c;
}

body{background:#f4f5f7;color:var(--nef-ink);}
.container{max-width:1060px;}

/* ---------- thanh menu chinh ---------- */
.topbarmenu,
.topbarmenu .nav,
.topbarmenu ul{background:var(--nef-nav) !important;}
.topbarmenu a{
  color:#fff !important;
  text-transform:uppercase;
  font-weight:600;
  font-size:13px;
  letter-spacing:.2px;
}
.topbarmenu a:hover,
.topbarmenu li:hover > a,
.topbarmenu li.active > a,
.topbarmenu .active > a{background:var(--nef-red) !important;color:#fff !important;}
.topbarmenu li ul{background:var(--nef-nav-2) !important;}
.topbarmenu li ul a{font-weight:500;text-transform:none;font-size:13px;}

/* ---------- hop sidebar ---------- */
.modules_red > h2,
.modules_red > h3,
.modules_red > header,
.modules_red .title,
.modules_red .module-title,
.aside-province > h2,
.aside-province > h3{
  background:var(--nef-red) !important;
  background-image:none !important;
  color:#fff !important;
  text-transform:uppercase;
  font-size:13px;
  font-weight:700;
  text-align:center;
  padding:7px 8px;
  margin:0;
  border-radius:0;
  letter-spacing:.2px;
}
.modules_red,.aside-province{
  background:#fff;
  border:1px solid var(--nef-line);
  margin-bottom:12px;
  border-radius:0;
}
.modules_red ul li,.aside-province ul li{border-bottom:1px solid var(--nef-line-2);}
.modules_red ul li:last-child,.aside-province ul li:last-child{border-bottom:0;}
.modules_red a,.aside-province a{color:#222;font-size:13.5px;}
.modules_red a:hover,.aside-province a:hover{color:var(--nef-red);}

/* ---------- khoi ket qua (module KQXS) ---------- */
.lh-box{
  background:#fff;
  border:1px solid var(--nef-line);
  margin-bottom:14px;
  border-radius:0;
  overflow:hidden;
}
.lh-box > h2{
  background:linear-gradient(180deg,var(--nef-cream-1),var(--nef-cream-2)) !important;
  border-bottom:1px solid var(--nef-cream-bd);
  color:#1d1d1d !important;
  text-align:center;
  font-size:17px;
  font-weight:700;
  padding:9px 10px;
  margin:0;
}
.lh-box > h2 a{color:var(--nef-link) !important;text-decoration:underline;}
.lh-box > h2 small{color:#6b6b6b;font-weight:500;}

/* bang ket qua */
table.lh-kq,table.table-result{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  margin:0;
}
table.lh-kq td,table.table-result td,
table.lh-kq th,table.table-result th{
  border:1px solid var(--nef-line-2);
  padding:7px 4px;
  vertical-align:middle;
  text-align:center;
}
table.lh-kq td.lh-lb{
  width:64px;
  background:#fafafa;
  color:#5a5a5a;
  font-weight:600;
  font-size:13px;
}
table.lh-kq tr:nth-child(even) td{background:#fcfcfc;}
table.lh-kq tr:nth-child(even) td.lh-lb{background:#f6f6f6;}
.lh-kq .lh-n{
  font-weight:700;
  color:#141414;
  font-size:20px;
  letter-spacing:.3px;
}
.lh-kq .lh-db{color:var(--nef-red) !important;font-size:31px;font-weight:700;}
.lh-kq .lh-g7 .lh-n,.lh-kq .lh-last .lh-n{color:var(--nef-red);}
.lh-kq .lh-wait{color:#b9b9b9 !important;}

/* bang nhieu dai (MN/MT) */
table.lh-multi td{font-size:16px;font-weight:700;}
table.lh-multi thead th,table.lh-multi .lh-prov{
  color:var(--nef-link);
  font-weight:700;
  font-size:14px;
  background:#fafafa;
}
table.lh-multi td.lh-lb{width:54px;background:#fafafa;color:#5a5a5a;font-weight:600;font-size:13px;}

/* bang dau-duoi / loto */
table.lhh-tbl td:first-child,table.lh-dd td:first-child{
  color:var(--nef-red);
  font-weight:700;
  width:46px;
  background:#fafafa;
}

/* tieu de trang */
.lh-page > h1{
  font-size:21px;
  font-weight:700;
  color:#1d1d1d;
  margin:4px 0 8px;
  line-height:1.35;
}
.lh-lead{color:#333;}

/* nut loc so (Day du / 2 so / 3 so ...) */
.lh-filter a,.lh-filter button,.lh-tabs a{
  border:1px solid var(--nef-line);
  background:#fff;
  color:#333;
  font-size:13px;
  padding:4px 10px;
}
.lh-filter a.on,.lh-filter .active,.lh-tabs a.active{
  background:var(--nef-red-dk) !important;
  color:#fff !important;
  border-color:var(--nef-red-dk);
}

/* header */
.header-top{background:#fff;border-bottom:1px solid var(--nef-line);}
.logo-top{max-height:52px;width:auto;}

/* footer */
footer,.footer{background:#2f3e4e;color:#cfd6df;}
footer a,.footer a{color:#e6ebf1;}

@media (max-width:640px){
  .lh-kq .lh-n{font-size:17px;}
  .lh-kq .lh-db{font-size:25px;}
  .lh-box > h2{font-size:15px;}
  .lh-page > h1{font-size:18px;}
}

/* ---------- thanh menu chinh (id=menu) ---------- */
#menu,#menu > div,#menu .main-menu{background:var(--nef-nav) !important;background-image:none !important;}
#menu .container{background:transparent !important;}
#nav-menu > li > a{
  color:#fff !important;
  text-transform:uppercase;
  font-weight:600;
  font-size:13px;
  padding:10px 12px;
  display:block;
}
#nav-menu > li:hover > a,
#nav-menu > li.active > a,
#nav-menu > li.current > a{background:var(--nef-red) !important;color:#fff !important;}
#nav-menu .sub-menu{background:var(--nef-nav-2) !important;border:0;}
#nav-menu .sub-menu a{color:#fff !important;text-transform:none;font-weight:500;font-size:13px;}
#nav-menu .sub-menu a:hover{background:var(--nef-red) !important;}

/* breadcrumb */
.breadcrumb,#breadcrumb,.bread{background:transparent !important;padding:8px 0 !important;font-size:13px;}

/* hang tab thu (XSMB / Thu 2 ...) */
.lh-days a,.tab-thu a,.nav-thu a{
  background:var(--nef-red);
  color:#fff;
  font-size:13px;
  font-weight:600;
  border-radius:3px;
}
.lh-days a.on,.tab-thu a.active{background:var(--nef-nav) !important;}

/* ---------- font he thong (bo Google Fonts cho nhe) ---------- */
body,button,input,select,textarea,.container{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

/* ---------- bo cuc 2 cot giong xosobamien ---------- */
.container{max-width:1020px;}
@media (min-width:992px){
  .order-rs{order:1;flex:0 0 76% !important;max-width:76% !important;}
  .sidebar-right{order:2;flex:0 0 24% !important;max-width:24% !important;}
  .order-left{
    order:3;flex:0 0 100% !important;max-width:100% !important;width:100% !important;margin-top:12px;
  }
  .order-left .sticky_sidebar{position:static !important;top:auto !important;}
  .order-left .modules_red,.order-left .aside-province{margin-bottom:10px;}
  .order-left ul{display:flex;flex-wrap:wrap;margin:0;padding:6px 8px;list-style:none;}
  .order-left ul li{border:0 !important;width:auto;}
  .order-left ul li a{display:inline-block;padding:3px 10px;font-size:12.5px;white-space:nowrap;}
  .order-left ul li a:hover{color:var(--nef-red);}
}
@media (max-width:991.98px){
  .order-left{order:9;}
}

/* --- khoi sidebar NEF --- */
.nef-side{margin-bottom:10px;border:1px solid var(--nef-line);background:#fff;}
.nef-side .modules_red>h3{margin:0;}
.nef-side-list{list-style:none;margin:0;padding:0;}
.nef-side-list li{border-bottom:1px dotted var(--nef-line-2);}
.nef-side-list li:last-child{border-bottom:0;}
.nef-side-list li a{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;color:var(--nef-ink);text-decoration:none;}
.nef-side-list li a:hover{background:var(--nef-cream-1);color:var(--nef-red-dk);}
.nef-side-list li a span{font-size:11px;color:#fff;background:var(--nef-red);border-radius:3px;padding:1px 6px;}
