.hot-league a{
	color:#3d3d3d;
	display:flex;
	gap:.75rem;
	font-size:12px;
	font-weight:600;
	align-items:center;
	margin-bottom:.5rem;
	cursor:pointer;
	padding:5px 2px;
}


.hot-league span:hover{
	background:#f2f2f2;
}

.hot-league img{
	width:20px;
	height:20px;
}
.team_name{
	width:150px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:12px;
	font-weight:600;
	text-align:left
}

.team_info{
	display:flex;
	align-items:center;
	gap:.75rem
}

.team_info img{
	width:20px;
	height:20px;
}

.match_total,.team_points{
	text-align: center;
}

.team_points{
	font-weight:600;
}

.standings{
	font-size:12px;
}

.standings tr:nth-child(even):not(.table-header),.bxh tr:nth-child(even):not(.table-header){
	background:#f2f2f2;
}

.standings td{
	padding:5px;
}

.text-center{
	text-align:center;
}

#standings_select{
	border-radius:5px;
}

.table-header{
	background:#1677ff;
	color:#fff;
}

.table-header td{
	color:#fff;
	font-weight: 600;
	padding:5px 10px
}

  .date-bar {
    display: flex;
		align-items:center;
		justify-content:center;
		margin: auto;
/*     background: #f3f3f3; */
/*     border-radius: 8px; */
    overflow: hidden;
/*     width: fit-content; */
/* 		box-shadow:0px 1px 4px 0px #00000026 */
		border-top:1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
  }

  .date-item {
    padding: 10px 0;
    text-align: center;
    min-width: 70px;
/*     border-right: 1px solid #ddd; */
    background: #fff;
		cursor:pointer;
  }

/* 	.date-item:hover{
		background:#1677ff;
		color:#fff;
	} */

  .date-item:last-child {
    border-right: none;
  }

  .date-item .day {
    font-weight: bold;
    font-size: 14px;
  }

  .date-item .date {
    font-size: 13px;
    color: #666;
  }

/* 	.date-item:hover .date{
		color:#fff
	}
 */
  .date-item.active {
    background: #1e73ff;
    color: #fff;
		clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  }

  .date-item.active .date {
    color: #e0eaff;
  }

#result{
	font-size:12px;
	margin-top:10px;
	box-shadow:1px 1px 6px #1e1e1e1c;
}

/* #result div{
	margin-bottom: 5px;
}
 */
#result th,td, #league th,td{
	padding: 5px 10px;
	font-size:12px;
}

#result th,
#league th{
	font-weight:500;
	text-align:center;
}

#result thead,#league thead{
	background:#1677ff;
	color:#fff;
	height:50px;
}

.tabs{
	white-space: nowrap;
  overflow-x: auto;
}

.tabs div{
	display:inline-block;
	background:#1e73ff;
	color:#fff;
	padding:5px 10px;
	margin-top:15px;
	border-radius:5px;
	cursor:pointer;
}

.tabs div.active{
	background:red;
}

.disable{
	pointer-events:none;
	opacity:.5;
/* 	background:#ddd; */
}

.chap,.tx,.hth {
	text-align:center;
	color: oklch(37.3% .034 259.733);
}

.league{
	background:#ededed;
	height:40px
}

.league th{
/* 	padding:8px 5px!important; */
}

.league_name{
	text-align:left!important;
	text-transform: capitalize;
	letter-spacing:0;
	color:#000;
	font-weight:600!important;
}

.league_logo{
	background:#ddd!important;
	clip-path:polygon(0 0,100% 0,85% 100%,0 100%);
}

.hide_league{
	opacity:.5;
	cursor:pointer;
}

#result .info div, #league .info div{
	display:flex;
	gap: .25rem;
	align-items:center;
}

#result .info span, #league .info span{
	font-weight:700;
	text-align:left;
}

#result .info div:first-child,  #league .info div:first-child{
	margin-bottom:.8rem;
}

.nav-top-link{
	padding: 0 15px!important;
}

.menu-item.active{
	clip-path: polygon(
		10% 0%,
		100% 0%,
		90% 100%,
		0% 100%
	);
}

.match_info div{
	padding: 3px;
/* 	margin-bottom:5px; */
	text-align:center
}

.chap div{
	border-left: 1px solid #ddd
}

.hth div{
	border-right: 1px solid #ddd;
}

#result, #league{
	table-layout:fixed;
}

.matchTime div{
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	color:red;
	gap:.125rem;
}

.d-none{
	display:none;
}

#bxh-league div{
	display:inline-block;
	font-size:12px;
	background:#1677ff;
	padding:2px 5px;
	border-radius:5px;
	color:#fff;
	margin-right:2px;
	margin-bottom:5px;
	cursor:pointer;
}

#bxh-league div:hover, #bxh-league div.active{
	background:#e74444;
}

td:first-child, th:first-child{
	padding-left:5px;
}

.bxh, .standings{
	box-shadow:1px 1px 6px #1e1e1e1c
}

.bxh td, .bxh th{
	text-align:center
}

.bxh .table-header td{
	text-align:left
}

.standings .heading th{
	padding:10px 0
}

.standings .heading{
	background:#e7e7e7
}

.info{
	 position: relative;
}

.matchDetail{
	display:none!important;
}

.info:hover .matchDetail{
	  display:block!important;
	  position: absolute;
    top: 100%;
    left: 0;
    width: 500px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0,0,0,.15);
    padding: 12px;
    display: none;
    z-index: 9999;
}


#result .match-timeline {
	display: flex;
	flex-direction: column;
	margin: 20px;
	max-height:300px;
	overflow:auto
}


#result .matchDetail .timeline-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height:30px;
  font-size:14px;
	width:100%;
	margin:0!important;
	gap:0!important;
	padding:0;
  /*margin: 5px 0;*/
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  background: #ccc;
  transform: translateX(-50%);
  z-index: 0;
}

.timeline-item div {
  z-index: 1;
  padding: 2px 5px;
  border-radius: 3px;
}


.matchDetail .timeline-item .left { text-align: right; width:45%; padding:5px 10px; font-weight:600; }

.matchDetail .timeline-item .right { text-align: left;  width:45%; padding:5px 10px; font-weight:600}

.matchDetail .timeline-item .center { text-align: center; background:#ebebeb; margin :0 15px; }
.timeline-item .center:not(.exclude) {
     border-radius:50%;
}
.goal { background: #ebebeb; color: oklch(62.3% .214 259.815); }
.yellow-card { background: #ebebeb; color: oklch(62.3% .214 259.815); }
.half { background: #ebebeb; color: oklch(62.3% .214 259.815); }
.timeline-item:first-child{
    display:none;
}

#result .matchDetail .match_info{
    display:flex;
    width: 100%;
    /*justify-content: space-between;*/
    align-items: center;
}

.matchDetail .match_info .left{
    text-align: right;
}

.matchDetail .match_info .right{
    text-align: left;
}

.matchDetail .match_info .left,.matchDetail .match_info .right{
    width:45%!important;
}

.matchDetail .match_info .center{
    width:10%;
}

#result .matchDetail div:first-child{
	margin:0;
}

#result .matchDetail div{
	display:block;
	gap:0!important;
	margin:0;
}

.mainboard{
 overflow:visible;
}

.page .col-inner{
	overflow:visible
}

.score b{
	color: #e53333;
}

#search{
	max-width:calc(100% - 560px );
	margin:0;
	border-radius: 5px;
}

#datePicker{
	width:70px;
	text-align:center;
}
#main h3:not(.box h3), #main h4,#main h5{
	position:relative;
	margin-bottom:1.5rem
}

/* #main h3::before,
#main h4::before,
#main h5::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 80%;
  background: #1e73ff;
  border-radius: 2px;
}

#main h3:after,#main h4:after,#main h5:after {
    content: "";
    position: absolute;
    left: -15px;
    right: 0;
    bottom: -10px;
    height: 1px;
	  width:calc(100% + 30px);
    background: #dfdfdf;
} */

#date {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
}

.nav-box>li.active>a, .nav-pills>li.active>a{
	background:#004bb5;
}

#content a{
	font-weight:600;
/* 	font-style:italic; */
}

footer .section-title-container{
	margin-bottom:0
}

.leagueWrap{
	display:flex;
	flex-wrap:wrap;
}

.leagueWrap a{
	display: block;
  width: calc(20% - 10px);
  text-align: center;
  margin: 10px auto;
  border: 2px solid #5c4d23;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #5353530a;
  padding: 0 5px;
}

.leagueWrap a:hover{
	background:#1677ff3d;
}

.leagueWrap img{
	width:80px;
	height:80px;
}

.leagueWrap span{
	height: 50px;
	font-size:12px;
}

.leagueWrap span, .leagueWrap img{
	display:block;
	margin: 10px auto;
}

footer a{
	color: gold;
	font-weight:600;
}

footer a:hover{
	color:#fff;
}

.page-title-inner{
	padding:0
}

.title-content{
	display:none;
}

/* .rank-math-breadcrumb p{
	margin-bottom:0
} */

.index{
	padding:0!important;
}

.info a{
	color:#3d3d3d
}

.post-meta{
	margin-bottom:1.5rem;
}

.section{
	margin-bottom:1rem;
	padding:1rem!important;
	border-radius:5px;
}

.slider-ncut{
/* 	width:80%!important; */
	margin:0!important;
	display:flex;
}

.flex{
	display:flex;
	justify-content:space-between;
}

#custom-cell{
	width:65.27px;
	height:65.27px;
	flex-shrink:0;
}

.ncut{
padding-right:5px;	
}

.slider-ncut .flickity-slider .carousel-cell{
	width:12.5%!important;
	padding:0 5px;
}

.slider-ncut img,#custom-cell img{
	border-radius:5px;
	overflow:hidden;
}

.slider-ncut .col-inner{
	border-radius:5px;
	overflow:hidden;
}

.slider-ncut .flickity-button{
	opacity:1;
	height: 100%;
  background: #ccc;
  top:0;
}

/* .slider-ncut .flickity-button.previous{
	left: 0;
}

.slider-ncut .flickity-button.next{
	right:0;
} */

.p-0{
	padding:0!important;
}

.m-0{
	margin:0!important;
}

.p-3{
	padding:1rem!important;
}

.ncut h2{
	font-size:24px;
	font-weight:900;
	margin-bottom:0;
}

.items-center{
	align-items:center;
}
@media(max-width:1024px){
	.slider-ncut .flickity-slider .carousel-cell{
		width:17%!important;
	}
	.ncut{
		justify-content: end;
		align-items:center;
	}
	.ncut h2{
		font-size:14px;
	}
}

@media (max-width:768px){
	.index{
		padding:0 15px!important;
	}

	.hide-mb{
		display:none;
	}
	
	.px-0 .col-inner{
		padding:0!important;
	}
	
	.matchDetail{
		display:none!important;
	}
	
	.scoreboard{
		overflow-x: auto;
	}
	
	.scoreboard #result{
		width:760px
	}
	
	.tabs{
		padding:5px;
	}
	
	.tabs div{
		font-size:12px;
	}
	
	.date-bar{
		justify-content:unset;
		overflow-x:auto;
	}
	
	.date-item *{
		font-size:10px!important;
	}
	
	.date-item{
		min-width:50px;
	}
	
	#search{
		display:none;
	}
	.leagueWrap a{
		width:calc(33.3% - 10px)
	}
	
	.leagueWrap img{
		width:40px;
		height:40px;
	}
	
	.leagueWrap span{
		font-size:10px;
		height:fit-content;
	}
	
	.p-m-0{
		padding:0 !important;
	}
	
	#custom-cell{
		width:100%;
		height:100%;
	}
	.slider-ncut .flickity-slider .carousel-cell{
		width:20%!important;
	}
	
}