.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-7 {
  gap: 1.75rem;
}
.w-20 {
  width: 20%;
}
*::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}

*::-webkit-scrollbar-thumb {
  background: rgb(255 255 255);
  border-radius: 4px;
  height: 4px;
  width: 4px;
}

*::-webkit-scrollbar-track {
  background: #60828b;
  height: 4px;
  width: 4px;
}
.wrap-nav .nav {
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: scroll;
  margin-bottom: 15px;
}
.wrap-nav .nav a {
  white-space: nowrap;
  background: #2a3038;
  border-radius: 0.125rem;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #afb4ba;
  padding: 6px 10px !important;
}
.wrap-nav .nav a:hover,
.wrap-nav .nav a.active {
  background: #4fa747;
  color: #fff;
}
.wrap-nav {
  position: relative;
}

.single-live .content_page .title_box {
  padding-left: 0px;
}
.single-live .content_page .title_box::before {
  left: -20px;
}
#match-another .grid-matches__item {
  flex: 1;
  max-width: 100%;
}
.highlights_box,
.box_content_home {
  background: #1c1e1f;
  border-radius: 20px;
}

.scroll-right-btn {
  right: 0;
}
.scroll-right-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: translate(-50%, -50%) rotate(45deg);
}

.scroll-left-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  transform: translate(-50%, -50%) rotate(45deg);
}

.scrolling::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

.scrolling::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
  border-radius: 2.5px;
}

.scrolling::-webkit-scrollbar-thumb {
  background-color: #44494f;
}

.tab-content .summary_blockWrapper {
  height: 545px;
  overflow-y: scroll;
  background: #1c1e1f;
}
.event-item .ring-red-600 {
  border-radius: 50%;
  border: 3px solid #e77c7c;
  background: lightgray 50% / cover no-repeat;
}
.event-item .ring-green-400 {
  border-radius: 50%;
  border: 3px solid #01b243;
  background: lightgray 50% / cover no-repeat;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.event-item .score span:not(:empty) {
  background-color: #0154d4;
  white-space: nowrap;
  padding: 3px 15px;
  color: #fff;
  white-space: nowrap;
  font-weight: 500;
  font-family: "Oswald";
  border-radius: 10px;
}
.event-item .score {
  align-items: center;
  justify-content: flex-end;
}
.event-item .homeEvent .score {
  justify-content: flex-start;
}
.tab-content .summary_blockWrapper .rounded-pill {
  position: relative;
  z-index: 2;
}
.tab-content
  .summary_blockWrapper
  .homeEvent
  .event-player-logo
  div:has(.ring-red-600) {
  position: relative;
  z-index: 1;
  right: -5px;
}
.tab-content
  .summary_blockWrapper
  .awayEvent
  .event-player-logo
  div:has(.ring-red-600) {
  position: relative;
  z-index: 1;
  left: -5px;
}
.event-minute {
  width: 30px;
}
.homeEvent .event-player-name {
  text-align: right;
}
.awayEvent .event-player-name {
  text-align: left;
}
.oddContent .oddList {
  background-color: #fff;
  position: absolute;
  z-index: 10;
  top: 35px;
  left: -9px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
/* Events */
.flex-row-reverse > * + * {
  margin-right: 4px;
}
.bSGlQb {
  min-width: 24px;
  text-align: center;
  color: rgba(34, 34, 38, 0.45);
  font-weight: 500;
}
.bqXnZZ {
  display: flex;
  align-items: center;
}
.cRcmyO {
  display: flex;
  align-items: center;
}
.homeEvent {
  flex-direction: row-reverse;
}
.awayEvent .bqXnZZ {
  margin-left: 10px;
}
.awayEvent .gJZTGH {
  margin-right: 10px;
  font-weight: 500;
}

.awayEvent .gJZTGH {
  margin-left: 5px;
}

.awayEvent .cRcmyO {
  margin-right: 10px;
}
.homeEvent .event-icon {
  justify-content: flex-end;
}
.event-item {
  border-bottom: 1px solid #292b2e;
  padding: 10px 12px;
  position: relative;
  justify-content: flex-end;
}
.event-item .event-icon {
  display: flex;
  justify-content: flex-start;
}
.awayEvent .event-icon {
  justify-content: flex-end;
}
.event-item .fjAhjH {
  display: inline-block;
  /* justify-content: flex-end; */
  /* position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%); */
  /* justify-content: flex-end; */
}

.homeEvent .bqXnZZ {
  margin-right: 10px;
}
.homeEvent .gJZTGH {
  margin-left: 10px;
  font-weight: 500;
}
.homeEvent .cRcmyO {
  margin-left: 10px;
}
.event-item .event-player {
  width: 100%;
  gap: 6px;
}
.event-item .event-player-name {
  color: #fff;
  font-family: "Raleway";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}
.event-item .text-sup {
  opacity: 0.5;
}
.event-item .event-player-logo .subbed-in {
  border-radius: 32px;
  border: 1px solid var(--color-win, #01b243);
  background: lightgray 50% / cover no-repeat;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.event-item .event-player-logo .subbed-out {
  border-radius: 32px;
  border: 1px solid var(--ver-black-red-text, #e77c7c);
  background: lightgray 50% / cover no-repeat;
}

.homeEvent .event-player-name .text-sup {
  text-align: right;
}

.homeEvent .event-player {
  flex-direction: row-reverse;
}
/* Events */

/* Events */
.box_live,
.tab-content .standings {
  background: #1c1e1f;
}
.box_live .bSGlQb {
  color: #fff;
}
.awayEvent .gJZTGH,
.box_live .gJZTGH,
.bSGlQb,
.homeEvent .gJZTGH {
  color: #aaa;
}
.event-icon {
  width: 10%;
}
/* Tab match info */
.box-match-info {
  border-radius: 0.125rem;
  background: #1c1e1f;
}
.box-match-info .item {
  border-bottom: 1px solid #292b2e;
  padding: 1.5rem 0.94rem;
  gap: 0.75rem;
}
.box-match-info .item .info .name {
  color: #aaa;
  font-family: "Raleway";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.box-match-info .item .info .nation {
  color: #fff;
  font-family: "Raleway";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
}
/* End tab match info */
.match__corner {
  width: 100px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.league_title .match__result,
.league_title .match__corner {
  color: #fff;
  text-align: center;
  font-family: "Raleway";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .block-k p {
    width: 100%;
  }
  .block-k img {
    width: 100%;
  }
  .title_box h1,
  .title_box h2,
  .title_box h3,
  .title_box h4,
  .title_box span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .w-20 {
    width: 100%;
  }
  .tab-content .standings {
    background: #fff;
  }
  .filter-tags__day {
    margin-bottom: 10px;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 10px;
  }
  .main {
    background: #141417;
  }
  .marquee-container {
    border-radius: 0px !important;
  }
  .play_main_right .chat-player {
    height: auto;
  }
  .wrap-nav .nav {
    overflow-x: scroll;
  }
  .content_post_box,
  .tab-content .summary_blockWrapper,
  .tab-content .standings {
    background: #1c1e1f;
    color: #fff;
  }
  .list-filter {
    justify-content: flex-start;
    overflow-x: scroll;
  }
  .events_box {
    border-radius: 0px;
  }
  .navbar-toggler {
    border: 0px;
    padding: 0px;
  }
  .navbar-collapse {
    padding: 0px;
    background: #141516;
  }
  .nav-wrap {
    justify-content: space-between;
    padding: 5px 12px;
  }
  .nav-wrap .logo-cnt svg {
    max-width: 120px;
    padding-right: 10px;
  }
  .navbar-brand {
    margin-right: 0px;
  }
  .highlights_box {
    border-radius: 0px;
  }
  .post-item-video .caption {
    min-height: 44px;
  }
  .teambox__center {
    gap: 10px;
    margin-top: 0;
  }
  .single-live .content_page {
    background: #1c1e1f;
    padding-top: 15px;
  }
  .bg-pill {
    padding: 0px;
  }
}

/* Static */
.match_statistics .stnum {
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 10px;
  padding: 0px 25px;
}
.match_statistics .stnum span:first-child,
.match_statistics .stnum span:last-child {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  color: #afb4ba;
}
.match_statistics {
  background: #1c1e1f;
  border-radius: 4px;
  padding: 1rem;
}
.match_statistics .stline {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  gap: 0.69rem;
  position: relative;
}
.match_statistics .stat-c {
  color: #fff;
  font-family: "Raleway";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.38rem;
}
.match_statistics .stline > span:last-child {
  right: 0;
  left: auto;
}
.match_statistics .stat-bar-wrapper {
  flex: 1;
  background: #292c30;
  height: 0.5625rem;
  overflow: hidden;
}
.match_statistics .stat-bar-wrapper.homes {
  display: flex;
  justify-content: flex-end;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.match_statistics .stat-bar-wrapper.aways {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.match_statistics .stat-bar-wrapper .stat-bar {
  background: #5b6068;
  height: 100%;
  display: block;
}
.stat-c.winHome,
.stat-c.winAway {
  font-weight: bold;
}
.match_statistics .stat-bar-wrapper.aways .stat-bar {
  background: #5b6068;
  height: 100%;
  display: block;
}
.match_statistics .stat-bar-wrapper.winHome .stat-bar,
.match_statistics .stat-bar-wrapper.winAway .stat-bar {
  background: #4fa747;
  height: 100%;
  display: block;
}
.match_statistics .stat-title {
  position: absolute;
  color: #fff;
  text-align: center;
  font-family: "Raleway";
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  bottom: 100%;
  margin-bottom: 0.38rem;
}
.match_statistics .stat-bar-wrapper.winHome .stat-bar,
.match_statistics .stat-bar-wrapper.winAway .stat-bar {
  background: #4fa747;
  height: 100%;
  display: block;
}
/* Static */
.box_related .img-post {
  height: 280px;
}
body.archive .panel__body article.item_post:not(.row) .img-post {
  height: auto !important;
}
.img-post {
    height: 280px !important;
    object-fit: cover;
}
.matchList .item .exbar {
    width: 100% !important;
    text-align: center  !important;
}
.as-modal__half-time-score {
    font-size: 11px !important;
    font-weight: 500 !important;
}
.post-item-video .caption {
    min-height: 82px;
}
.sk_balloon {
    z-index: 9999999999 !important;
}
header#header .sub-menu {
    padding-top: 60px;
}

@media(max-width: 575px) {
	.box-share {
		margin-top: 10px;
	}
	div#ads-top-mobile {
		padding-top: 57px;
	}
	#livescore_iframe {
		height: 68vh;
	}
}
.single-live .content_post_box {
    color: white;
}

/* Bg match */
.grid-match {
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.grid-match.grid-match-football {
    background-image: url(../images/bg-match/bg-match-v2.png) !important;
}
.grid-match.grid-match--is-hot123 {
    background-image: url(../images/bg-match/bg-match-hot-v2.png) !important;
}
.grid-match1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 11px;
    padding: 1px;
    background: linear-gradient(to right, #1B4F14 0%, #000000 51%, #0C3AAF 100%);
	-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);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
	pointer-events: none;
}
.grid-match1.grid-match--is-hot::before {
    background: linear-gradient(to right, #FF0000 0%, #000000 51%, #FF0000 100%);
	-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);
	-webkit-mask-composite: destination-out;
}
[data-sport-name="tennis"] [data-type="4"],
[data-sport-name="tennis"] [data-category="nemPhat"],
[data-sport-name="tennis"] [data-target="#phatGoc"],
[data-sport-name="tennis"] .hidden-tennis {
    display: none !important;
}
html {
  background: #141516;
}
/* Fix live score */
@media (max-width: 576px) {
	.home-page .sports-bars .btn-livescore {
        width: 97px !important;
    }
    .home-page .sports-bars {
        display: flex  !important;
    }
	.sports-bars {
		gap: 0px !important;
	}
	.home-page .sports-bars {
        padding:  12px 6px !important;
    }
	 .home-page .sports-bars .btn-livescore > input[type="checkbox"]:checked + .switch-style:before {
        left: 16px;
    }
	.home-page .sports-bars .btn-livescore .switch-style {
        width: 29px;
    }	
}
#tv_links {
	padding-bottom: 5px;
}
.text-pc {
  display: block;
}
.text-sm {
  display: none;
}
@media (max-width: 768px) {
  .text-pc {
      display: none;
  }
  .text-sm {
      display: block;
  }
}
.highlight__goal-scoring {
  display: inline-flex;
  padding: 5px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 24px;
  border: 1px solid #1F2E26;
  background: #061628;
  font-size: 13px;
  font-style: normal;
  text-transform: uppercase;
  color: #FFF;
}
.highlight__goal-scoring .halfCourt {
  color: #FFB400;
}
.single-highlight .team-vote {
  justify-content: center;
  align-items: center;
  display: flex;
}
@media (max-width: 768px) {
    .highlight__goal-half {
        min-height: auto !important;
    }
}
.teambox_agg {
  display: none;
}
[data-sport-name="football"] .teambox_agg, [data-sport-name="tennis"] .teambox_agg {
  display: block;
}
.progress-bar {
  opacity: 0;
}

#football [data-status="2"], #football [data-status="3"], #football [data-status="4"], #football [data-status="5"], #football [data-status="6"] {  .progress-bar {opacity: 1;} };
#basketball [data-status="2"], #basketball [data-status="3"], #basketball [data-status="4"], #basketball [data-status="5"], #basketball [data-status="6"], #basketball [data-status="7"], #basketball [data-status="8"], #basketball [data-status="9"] {  .progress-bar {opacity: 1;} };
#tennis [data-status="3"], #tennis [data-status="51"], #tennis [data-status="52"], #tennis [data-status="53"], #tennis [data-status="54"], #tennis [data-status="55"] {  .progress-bar {opacity: 1;} };
#badminton [data-status="3"], #badminton [data-status="51"], #badminton [data-status="331"], #badminton [data-status="52"], #badminton [data-status="332"], #badminton [data-status="53"], #badminton [data-status="333"], #badminton [data-status="54"], #badminton [data-status="334"], #badminton [data-status="55"] {  .progress-bar {opacity: 1;} };
#volleyball [data-status="3"], #volleyball [data-status="432"], #volleyball [data-status="434"], #volleyball [data-status="436"], #volleyball [data-status="438"], #volleyball [data-status="440"] {  .progress-bar {opacity: 1;} };

@media (max-width: 375px) {
  .teambox__odds--type span {
    font-size: 8px;
  }
  .d-flex.teambox__odds--type.gap-2 {
    gap: 1px !important;
  }
}

/* TV ẩn quảng cáo */
.hide-ads-on-tv .ads-item {
  display: none !important;
}