body {
  font-family: 'Kanit', sans-serif;
}
.rlw-bold ,.rlw-semi,#filters a,.custom-tabs a, .custom-tabs span, .custom-tabs h1,#toc_container .toc_list li a{
  font-family: 'Kanit', sans-serif;
}
.match {
  border-radius: 0.125rem;
  background: #15212F;
}
.data-hot .match {
  background: linear-gradient(180deg, #40282A 0%, #493739 100%);
}

.menu-primary {
  background: #e19a00;
  background: linear-gradient(
    45deg,
    #a2a1a1 0%,
    #717983 33.2%,
    #3d424a 33.2%,
    #ff4002 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E19A00",endColorstr="#27292D",GradientType=1);
}

.custom-tabs a.active,
.custom-tabs a:hover {
    color: #fff;
    border-radius: 0px;
}

.bg-section,.custom-tabs a {border-radius: 0px;}
.match .match-footer {height: 2.75rem;align-items: center;justify-content: space-between;}
.match .match-footer .blv {
  gap: 5px;
}
.match .match-footer .blv a {
  display: flex;
  gap: 5px;
}
.match .match-footer .btn-action a {
  border-radius: 6.25rem;
  border: 1px solid #B95B4F;
  background: linear-gradient(101deg, #E1250B -6.01%, #9F1704 109.32%);
  box-shadow: 0px 4px 12px 0px rgba(217, 46, 23, 0.15);
  padding: 0.25rem 0.9375rem;
  color: #FFF;
  text-align: center;
  font-family: 'Raleway';
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.125rem; /* 163.636% */
}
.custom-tabs span.active,
.custom-tabs span:hover,
.custom-tabs h1.active,
.custom-tabs h1:hover,
.match .match-icon,
#filters a.active,
#filters a:hover {
  color: #ff4002;
}

@media only screen and (max-width: 480px) {
	.single-live .match-3 {
		padding-top: 22px !important;
		min-height: unset !important;
	}
	.single-live .match-icon {
		top: -17px;
		position: relative;
	}
	.single-live .f-content {
		overflow: unset !important;
	}
	iframe#mophong {
		height: 338px !important;
	}
	#match .match-header .match-icon {
		top: -16px;
		position: relative;
		left: -8px;
	}
}

/*
Fix header
*/
#header {
    background: #212428;
    padding: 0px !important;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 1000;
}
#app {
    padding-top: 60px;
}
@media screen and (max-width: 1199px) {
  #app {
    padding-top: 0;
  }
}
.sk_float_left, .sk_float_right {
    position: fixed;
    text-align: center;
    z-index: 1;
    padding-top: 60px;
    top: 4px !important;
}
.share-social a {
    line-height: 32px !important;
}
body:has(.as-modal.show) {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}
#app {
   overflow-x: hidden;
}
.as-standing {
	font-size: .875rem !important;
}
div#match:not([data-status="1"]) button, div#match:not([data-status="1"]) span:hover {
    /* border-color: inherit !important;
    background: inherit !important; */
}
ul.list-filter a {
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* START UPDATE MENU */
.menu-primary {
  background: #e19a00;
  background: linear-gradient(
  45deg,
  #a2a1a1 0%,
  #717983 33.2%,
  #3d424a 33.2%,
  #ff4002 100%
);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E19A00",endColorstr="#27292D",GradientType=1);
}

.menu-primary{
  background: linear-gradient(to right, #040B23, #503600, #791E00) !important;
  height: 56px;
}
#menu-main-menu #menu-item-41694 #mainnav ul li a {
  color: rgba(255, 255, 255, 0.85);
  display: block;
  position: relative;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 14px;
}
#mainnav > ul > li:hover a, #mainnav ul li.current-menu-item a, #mainnav ul li.current-menu-item > a::before {
  color: #FF4000;
}
#mainnav > ul > li:hover a::after, #mainnav ul li.current-menu-item a::after {
  background-color: #FF4000;
}
#mainnav-mobi > ul > li.current-menu-item > a {
  color: #FF4000;
}
.btn-8xbet, .btn-company {
  font-size: 15px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  color: #fff;
  background: linear-gradient(to right, #B3421E, #8F1512);
  border-radius: 2px;
  padding: 5.2px 14.84px;
  text-transform: uppercase;
}
.topnav-btn {
  display: flex;
  column-gap: 10px;
}

.btn-8xbet {
    padding: 4px 12px;
    position: relative;
    border-radius: 6px;
    background: linear-gradient(180deg, #f8111d 0%, #960b12 52.54%, #420808 100%);
    border: none;
    color: #ffea5f !important;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    font-family: Oswald;
    font-size: 15px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
}
.btn-8xbet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    padding: 3px;
    background: linear-gradient(180deg, #fee465 0%, #f7e938 49.5%, #7d3011 56%, #a65b19 100%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
}
.btn-8xbet::after {
    content: "";
    position: absolute;
    top: 0.5px;
    left: 0.5px;
    right: 0.5px;
    bottom: 0.5px;
    border-radius: 4.5px;
    background: transparent;
    border: 2px dotted #FDFBEB;
}
.btn-8xbet:hover {
    color: #ffea5f;
    background: linear-gradient(180deg, #420808 0%, #960b12 52.54%, #f8111d 100%);
}
.btn-8xbet-mb {
  left: -21px;
}
#mainnav > ul > li > a::after {
  bottom: 3px;
}
#mainnav ul li {
  position: relative;
  transition: all 0.3s ease-in;
  float: left;
  padding: 0 9px;
}

@media screen and (min-width: 1300px) {
  nav#mainnav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    /* column-gap: 111px; */
  }
}




@media screen and (max-width: 1299px) {

  .button-navbar {
    display: block;
  }
  #mainnav-mobi {
    background: #1A1D23 url(../images/bg-menu-m.svg) no-repeat center center/cover;
    background-blend-mode: overlay;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 30px 35px 90px;
    position: fixed;
  }
}


#app #header div#logo{
  position: relative;
  display: inline-block;
}
#app #header div#logo a{
  position: relative;
  z-index: 2 !important;
}
#app #header div#logo::after {
    content: "";
    position: absolute;
    top: -8px;
    right: -11px;
    left: -17px;
    bottom: 0;
    background-color: #FFB517;
    z-index: 1 !important;
    transform: skew(15deg);
    height: 56px;
}
@media screen and (max-width: 1299.98px) {
  .button-navbar {
    display: block;
  }
}
@media screen and (min-width: 1300px) {
  nav#mainnav {
    column-gap: 40px;
  }
}
@media screen and (min-width: 1320px) {
  nav#mainnav {
    column-gap: 50px;
  }
}
@media screen and (min-width: 1350px) {
  nav#mainnav {
    column-gap: 70px;
  }
}
@media screen and (min-width: 1370px) {
  nav#mainnav {
    column-gap: 100px;
  }
}
@media screen and (min-width: 1400px) {
  nav#mainnav {
    column-gap: 110px;
  }
}
#mainnav-mobi ul li a {
    line-height: 35px !important;
}
.winner {
  background: linear-gradient(0deg, #2532d5 0%, #070e59 76.25%);
  padding: 5.625px;
  position: relative;
  padding-inline: 10px !important;
}
.winner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  padding: 1px;
  background: linear-gradient(360deg, rgba(0, 200, 244, 0.75), rgba(66, 83, 243, 0.75));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  pointer-events: none;
}
.sports-bars li.nav-item {
  margin: 0;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
.team-logo-group .serve-icon {
  position: absolute;
  bottom: -11px;
  left: calc(50% - 5px);
 }
 .team-logo-group .badminton-serve-icon {
  bottom: -14px;
 }
 .team-logo-group .volleyball-serve-icon {
  bottom: -5px;
 }
@media (max-width: 768px) {
  .pc {
      display: none;
  }
  .sp {
      display: block;
  }
}
.sports-bars button {
  border: none !important;
}
@media (max-width: 576px) {
  .sports-bars .btn-livescore .switch-style {
      width: 24px;
  }
}
@media (max-width: 456px) {
  .switch > input[type="checkbox"]:checked + .switch-style:before {
      left: 8px;
  }
}

/* TV ẩn quảng cáo */
.hide-ads-on-tv .ads-item {
  display: none !important;
}
ul#menu-main-menu {
    position: relative;
    left: -106px;
}
@media (max-width: 768px) {
  .gmd-match-footer__streamer {
      justify-content: flex-start !important;
  }
  .extra-info_one {
      grid-template-columns: unset !important;
  }
  ul#menu-main-menu {
    left: 0 !important;
  }
}

body {
	background: #020019 !important;
}
.section-title h1 {
    margin: 0;
    line-height: 30px;
    padding-left: 0;
    position: relative;
    display: inline-block;
    color: #F2F3F3;
    font-family: Oswald;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin-left: -10px;
}
.section-title h1:before {
  display: none !important;
}
.team-live button {
    margin-bottom: 0px !important;
}
.bg-section {
    background-color: transparent !important;
}