@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.league-table {
	position: relative;
	width: 100%;
	float: left;
	/*border: 1px solid #ccc;*/
	margin-bottom: 20px;
}

input#fdate {
	color: #333 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border-bottom: 1px solid #cdcdcd !important;
	border-left: 1px solid #cdcdcd !important;
	border-right: 1px solid #cdcdcd !important;
	border-top: 1px solid #cdcdcd !important;
}

input#tdate {
	color: #333 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border-bottom: 1px solid #cdcdcd !important;
	border-left: 1px solid #cdcddc !important;
	border-right: 1px solid #cdcdcd !important;
	border-top: 1px solid #cdcdcd !important;
	position: relative;
	left: 10px;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
	background: #000000 !important;
}

.league-table ul {
	margin: 0;
	padding: 0;
}

.league-table .column-six {
	margin: 0;
	padding: 10px 0px;
}

.league-table .table-header {
	width: 100%;
	display: table;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
	/* font-family: 'Rubik', sans-serif !important; */
	font-weight: 100;
}

.league-table .table-body {
	width: 100%;
	display: table;
	background: #fff;
	color: #000;
	border-bottom: 1px solid #f3f3f3;
	/* font-family: 'Rubik', sans-serif !important; */
}

/*.league-table .table-body:nth-child(even){
	background: #f2f2f2;
}*/
.table-body:hover,
.table-body:nth-child(even):hover,
.table-body:focus,
.table-body:nth-child(even):focus {
	/* background: #f2f2f2; */
}

.table-body:hover>li,
.table-body:focus>li {
	color: #000;
}

.league-table .column-six .table-header:after,
.league-table .column-six .table-body:after {
	content: "";
	height: 0;
	clear: both;
}

.score-value {
	font-size: 15px;
	font-weight: bold;
	padding: 0px 5px;
	margin: 0 5px;
}

span.vs-icon {
	padding: auto 5px;
}

.league-table .column-one li {
	float: left;
	width: calc(100% / 1);
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	text-align: center;
}

.league-table .column-two li {
	float: left;
	width: calc(100% / 2);
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	text-align: center;
}

.league-table .column-three li {
	float: left;
	width: calc(100% / 3);
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	text-align: center;
}

.league-table .column-four li {
	float: left;
	width: calc(100% / 4);
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	text-align: center;
}

.league-table .column-five li {
	float: left;
	width: calc(100% / 5);
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	text-align: center;
}

.league-table .column-six li {
	float: left;
	width: calc(100% / 8);
	list-style: none;
	margin: 0;
	padding: 5px 0;
	display: table-cell;
	text-align: center;
}

.league-table .column-seven li {
	float: left;
	width: calc(100% / 7);
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	text-align: center;
}

.league-table .column-eight li {
	float: left;
	width: calc(100% / 8);
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	text-align: center;
}

.league-table .column-nine li {
	float: left;
	width: calc(100% / 9);
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	text-align: center;
}

.league-table .column-ten li {
	float: left;
	width: calc(100% / 10);
	list-style: none;
	margin: 0;
	padding: 10px 0;
	display: table-cell;
	text-align: center;
}


.data {
	/*display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;*/
}

.compheader {
	background-color: #f3f3f3 !important;
	color: #000;
}

.data.dots:hover {
	overflow: visible;
	white-space: normal;
	width: auto;
	position: absolute;
	background-color: #FFF;
}

.league-table .column-six li:last-child {
	text-align: left !important;
	margin-left: 15px;
}

.control-menu {
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px;
}

.league-table .column-six li:last-child .control-menu {
	padding-right: 10px;
	cursor: pointer;
}

.league-table .column-six li:last-child .control-menu:hover {
	opacity: .3;
}

.read-more-popup {
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
}

.read-more-popup .popup-container {
	max-width: 600px;
	margin: 50px auto;
	background: #fff;
	padding: 0;
	box-shadow: 0 1px 15px 0px #000;
	text-align: left;
	position: relative;
	max-height: 600px;
	overflow: auto;
}

.btn-close {
	position: absolute;
	top: 15px;
	right: 15px;
}

.block-main,
.block-section {
	padding: 15px;
}

.block-section {
	background: #f2f2f2;
}

.block-main,
.block-main h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.table-popup-item label {
	float: left;
	width: 30%;
	font-weight: bold;
}

.table-popup-item:after {
	content: "";
	clear: both;
	height: 0;
}

.btn-close {
	cursor: pointer;
}

.expand-table {
	background: #000000;
	color: #ffffff;
	padding: 10px 0;
	clear: both;
	text-align: center;
	display: none;
}

.expand-table .expand-item {
	float: left;
	margin-left: 5px;
	width: auto;
}

.expand-table:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}

.expand-table .expand-item label {
	display: inline-block;
	float: left;
	font-weight: normal !important;
	margin-left: 11px;
	text-align: left;
	text-transform: capitalize;
}

.largeview-hide {
	display: none !important;
}

.league-table {
	margin-top: 30px;
}

.ui-widget-header {
	background: #e90101 !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
	margin: -8px !important;
}

span.data.team1,
span.data.team2 {
	font-size:17px;
	font-weight: 500 !important;
}

.fteam1 .team1 span a,
.fteam2 .team2 span a,
.rteam1 .team1 a,
.rteam2 .team2 a {
	font-size: 14px;
	font-weight: 700 !important;
	color: #000000;
}

@media only screen and (min-width:768px) and (max-width:1023px) {

	.fteam1 span,
	.fteam2 span {
		font-size: 14px !important;
	}

	.col-lg-4.col-sm-4.col-md-4.set-btn.link {
		width: 101%;
		float: none;
		margin-top: 18px;
	}

	.compheader .expand-item>label {
		font-size: 12px !important;
	}

	span.data {}

	span.data.team1,
	span.data.team2 {
		font-size: 10px;
	}

	.fvenue,
	.ftime {
		font-weight: bold;
		float: left !important;
		width: 100% !important;
	}

	.fmore {
		width: 2% !important;
		text-align: right !important;
	}

	.fteam2,
	.rteam2 {
		text-align: right !important;
	}

	.fteam1,
	.rteam1 {
		text-align: left !important;
		clear: both;
	}

	.rteam1,
	.rteam2 {
		float: left !important;
		width: 35% !important;
	}

	.rscore {
		float: left !important;
		width: 30% !important;
	}

	.fteam1,
	.fteam2 {
		float: left !important;
		width: 38% !important;
	}

	.fvs {
		float: left !important;
		width: 24% !important
	}

	.ftime {
		text-align: center !important;
		margin-right: 3px !important;
	}

	.fvenue {
		text-align: left !important;
	}

	.fvenue::before {
		content: " @ ";
	}

	li.fmore {
		float: left !important;
		width: 100% !important;
		text-align: center !important;
	}

	.table tr th:first-child,
	.table tr td:first-child {
		border: none !important;
	}

	/* .date-header {
		background-color: #750404 !important;
		padding: 5px;
	} */

	.date-header label {
		font-size: 12px !important;
		color: #000;
	}

	.compition-header label {
		font-size: 14px !important;
	}

	a.sortbtn {
		left: 0 !important;
	}

	.compdate .competition-header label {
		font-size: 13px !important;
	}

	.league-table .column-six.table-header,
	.league-table .column-seven.table-header,
	.league-table .column-eight.table-header,
	.league-table .column-nine.table-header {
		display: none;
	}

	.league-table .column-six.table-body li,
	.league-table .column-seven.table-body li,
	.league-table .column-eight.table-body li,
	.league-table .column-nine.table-body li {
		width: 100%;
	}

	.largeview-hide {
		display: block !important;
	}

	.smallview-hide {
		display: none !important;
	}

	.expand-table .expand-item {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.league-table .table-body {
		padding: 5px;
	}

	.league-table .column-seven li,
	.league-table .column-eight li,
	.league-table .column-nine li {
		width: 100%;
		padding: 0px;
	}

	.league-table .table-header {
		display: none;
	}

	.league-date {
		color: #fff !important;
	}

	.date-section {
		background: #266294 none repeat scroll 0 0 !important;
	}

	.tag-label {
		font-size: 15px !important;
	}

	.form-control.datepicker {
		float: left;
		margin-right: 15px !important;
		width: 200px !important;
	}

	.league-table .column-eight li.flogo1,
	.league-table .column-eight li.flogo2,
	.league-table .column-eight li.rteam1,
	.league-table .column-eight li.rteam2 {
		width: 50% !important;
		text-align: center !important;
	}
}

.btn-search {
	margin-left: 20px;
}

@media(max-width: 767px) {
	input#tdate {
		left: 0 !important;
	}

	.btn-search {
		margin-left: 0px !important;
		margin-bottom: 10px;
	}

	.compheader .expand-item>label {
		font-size: 10px !important;
	}

	span.data {
		font-size: 12px;
		/* padding:3px; */
	}

	span.data.team1,
	span.data.team2 {
		font-size: 12px !important;
		word-break: break-word;
	}

	.fvenue,
	.ftime {
		font-weight: bold;
		float: left !important;
		width: 100% !important;
	}

	.fmore {
		width: 2% !important;
		text-align: right !important
	}

	.fteam2,
	.rteam2 {
		text-align: right !important;
	}

	.fteam1,
	.rteam1 {
		text-align: left !important;
		clear: both;
	}

	.rteam1,
	.rteam2 {
		float: left !important;
		width: 32% !important
	}

	.rscore {
		float: left !important;
		width: 35% !important
	}

	.fteam1,
	.fteam2 {
		float: left !important;
		width: 35% !important
	}

	.fvs {
		float: left !important;
		width: 30% !important
	}

	.ftime {
		text-align: center !important;
		margin-right: 3px !important;
	}

	.fvenue {
		text-align: left !important;
	}

	.fvenue::before {
		content: " @ ";
	}

	li.fmore {
		float: left !important;
		width: 100% !important;
		text-align: center !important;
	}

	.date-header label {
		font-size: 10px !important;
	}

	.compition-header label {
		font-size: 14px !important;
	}

	.league-table {
		margin-top: 30px;
	}

	.compdate .competition-header label {
		font-size: 12px !important;
	}

	.league-table .column-six.table-header,
	.league-table .column-seven.table-header,
	.league-table .column-eight.table-header,
	.league-table .column-nine.table-header {
		display: none;
	}

	.league-table .column-six.table-body li,
	.league-table .column-seven.table-body li,
	.league-table .column-eight.table-body li,
	.league-table .column-nine.table-body li {
		width: 100%;
	}

	.largeview-hide {
		display: block !important;
	}

	.smallview-hide {
		display: none !important;
	}

	.expand-table .expand-item {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.league-table .table-body {
		padding: 5px;
	}

	.league-table .column-seven li,
	.league-table .column-eight li,
	.league-table .column-nine li {
		width: 100%;
		padding: 0px;
	}

	.league-table .table-header {
		display: none;
	}

	.league-date {
		color: #fff !important;
	}

	.date-section {
		background: #266294 none repeat scroll 0 0 !important;
	}

	.tag-label {
		font-size: 30px !important;
		line-height: 30px;
	}

	.form-control.datepicker {
		float: left;
		margin-right: 15px !important;
		width: 200px !important;
	}

	.league-table .column-eight li.flogo1,
	.league-table .column-eight li.flogo2,
	.league-table .column-eight li.rteam1,
	.league-table .column-eight li.rteam2 {
		width: 50% !important;
		text-align: center !important;
	}
}

/* Responsive css for table */


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

	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr {
		border: 1px solid #ccc;
	}

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
	}

	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before {
		content: attr(data-title);
	}
}

.flogo1 a img,
.flogo2 a img {
	max-width: 35px;
}

/* .sp-venue {
	background-image: url('data:image/svg+xml,<svg width="28" height="20" viewBox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.0093 17.9722V11.6586V9.49153V9.47942V8.86199C26.0093 8.35956 25.7301 7.89952 25.2903 7.6816C24.4643 7.26998 23.6384 6.90073 22.8124 6.5799V3.99516C22.8302 3.98305 22.848 3.95884 22.848 3.92857C22.848 3.8862 22.8124 3.84988 22.7708 3.84988C22.7292 3.84988 22.6935 3.8862 22.6935 3.92857C22.6935 3.95278 22.7054 3.977 22.7292 3.99516V4.02542C22.7292 4.02542 22.3311 3.65012 21.5883 4.02542C20.8514 4.40073 20.4474 4.02542 20.4474 4.02542V5.23002C20.4474 5.23002 21.0297 5.70823 21.5883 5.23002C22.1469 4.75182 22.7292 5.23002 22.7292 5.23002V6.54964C19.8472 5.43584 16.9533 4.87288 14.0654 4.86683V0.223971C14.0951 0.199758 14.1188 0.163438 14.1188 0.121065C14.1188 0.0544794 14.0654 0 14 0C13.9346 0 13.8812 0.0544794 13.8812 0.121065C13.8812 0.163438 13.9049 0.199758 13.9346 0.223971V0.272397C13.9346 0.272397 13.3107 -0.31477 12.1638 0.272397C11.011 0.859564 10.393 0.272397 10.393 0.272397V2.14891C10.393 2.14891 11.2963 2.88741 12.1638 2.14891C13.0314 1.41041 13.9346 2.14891 13.9346 2.14891V4.86683C11.0645 4.87288 8.1944 5.42978 5.32428 6.53148V3.99516C5.3421 3.98305 5.35993 3.95884 5.35993 3.92857C5.35993 3.8862 5.32428 3.84988 5.28268 3.84988C5.24109 3.84988 5.20543 3.8862 5.20543 3.92857C5.20543 3.95278 5.21732 3.977 5.24109 3.99516V4.02542C5.24109 4.02542 4.84295 3.65012 4.10017 4.02542C3.36333 4.40073 2.95925 4.02542 2.95925 4.02542V5.23002C2.95925 5.23002 3.5416 5.70823 4.10017 5.23002C4.65874 4.75182 5.24109 5.23002 5.24109 5.23002V6.55569C4.39728 6.88257 3.55348 7.25787 2.70968 7.67554C2.26995 7.89346 1.99066 8.35351 1.99066 8.85593V9.48547V11.6525V17.96L0 17.8632C0 18.6077 0.570458 19.2191 1.29542 19.2615L14 20L26.7046 19.2615C27.4295 19.2191 28 18.6077 28 17.8632L26.0093 17.9722ZM19.045 6.88257L17.1613 8.80145C16.6265 8.72881 16.0976 8.67434 15.5628 8.63802L17.5594 6.60412C18.0586 6.68281 18.5518 6.77361 19.045 6.88257ZM14.8379 6.34383C15.3846 6.36199 15.9312 6.40436 16.4779 6.46489L14.3862 8.59564C14.2555 8.59564 14.1307 8.58959 14 8.58959C13.5306 8.58959 13.0611 8.6017 12.5857 8.63196L14.8379 6.34383ZM13.6256 6.33172L11.2487 8.75303C10.5535 8.83777 9.85229 8.94673 9.15705 9.09201L11.7657 6.43462C12.3837 6.37409 13.0076 6.33777 13.6256 6.33172ZM2.00255 9.49758V9.49153C3.47623 8.71671 4.95586 8.08111 6.42954 7.5908L3.46435 10.6114L2.00255 9.49758ZM7.01783 18.2446L3.58913 18.0569V16.0775C3.58913 16.023 3.62479 15.9746 3.67827 15.9625L5.30051 15.6235L6.92275 15.9625C6.97623 15.9746 7.01188 16.023 7.01188 16.0775V18.2446H7.01783ZM4.95586 10.3329L8.1528 7.07627C8.88964 6.88862 9.62648 6.73123 10.3633 6.61622L7.55857 9.47337C6.68506 9.7155 5.81749 10 4.95586 10.3329ZM18.8964 18.3535L14 18.6199L9.10357 18.3535V14.201L14 13.4625L18.8964 14.201V18.3535ZM18.8846 13.7833L14.0059 12.9722L9.12733 13.7833L9.09762 13.5956L14.0059 12.7785L18.9143 13.5956L18.8846 13.7833ZM18.225 8.97095L20.0374 7.1247C20.489 7.24576 20.9465 7.37893 21.3981 7.52421L19.6808 9.27361C19.1935 9.1586 18.7063 9.05569 18.225 8.97095ZM22.3132 7.84504C22.7351 7.99637 23.157 8.16586 23.5789 8.3414L21.9983 9.95157C21.5526 9.80024 21.101 9.66102 20.6494 9.5339L22.3132 7.84504ZM24.4109 18.0569L20.9822 18.2446V16.1864C20.9822 16.0714 21.0594 15.9746 21.1723 15.9504L22.6995 15.6295L24.2267 15.9504C24.3336 15.9746 24.4168 16.0714 24.4168 16.1864V18.0569H24.4109ZM25.9559 9.52785L24.3039 10.8535C23.8345 10.6477 23.371 10.46 22.9015 10.2785L24.4346 8.71671C24.9397 8.94673 25.4448 9.19492 25.9499 9.46126C25.9737 9.47337 25.9796 9.50969 25.9559 9.52785Z" fill="black"/></svg>');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 25px !important;
}

.venue-icon {
	display: flex;
	justify-content: left;
	align-items: center;
	gap: 5px;
} */