.league-table{
	position: relative;
	width: 100%;
	float:left;
	
}
.compheader a:hover {
    color: #fff;
}
ul.column-seven.table-body li a {
    font-weight: 800;
    color: #333;
}
ul.column-seven.table-body li a:hover{ color:#fff;}
.league-table .column-seven li.clublogo img {
    width: 50px;
}
.table-body:hover li a, .table-body:nth-child(even):hover li a, .table-body:focus li a, .table-body:nth-child(even):focus li a{ color:#fff !important;}
.league-table ul{
	margin: 0;
	padding: 0;
}
.league-table .column-six{
	margin: 0;
	padding: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #fff;
    border-color: #0caf5e;
    color: #0caf5e;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #fff;
    background: #0153a0;
}
.league-table .table-header{
	width: 100%;
	display: table;
	background: rgba(0,0,0,.7);
	color: #fff;
}

.league-table .table-body{
	width: 100%;
	display: table;
	background: #fff;
	color: #000;

}
.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: #333;
}
.table-body:hover > li, .table-body:focus > li{
	color: #fff;
}
.league-table .column-six .table-header:after,
.league-table .column-six .table-body:after{
	content: "";
	height: 0;
	clear: both;
}
.score-value{
	background: #f0a429;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 5px;
	margin: 0 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% / 6);
	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;
}
.leaguet tr th {
    font-size: 14px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 4px;
    font-family: montserrat;
    background: #ddd;
}
.leaguet tr td {
    font-size: 13px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #ccc;
	font-family: montserrat;
    padding: 10px 4px;
}
.leaguet tr td:nth-child(1),.leaguet tr th:nth-child(1){ text-align:left; padding-left:15px;}
.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;
}
.data {
    font-family: montserrat;
}
#top .main_color .leaguet tr:nth-child(odd){ background:#fff;}
.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;*/
}
.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: #bbb;
	color: #000;
	padding: 10px 0;
    clear: both;
    text-align: center;
    display: none;
}
.expand-table .expand-item {
    float: none;
    width: 25%;
    display: inline-block;
}
.expand-table:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
}
.expand-table .expand-item label{
	display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.expand-table .expand-item br {
    display: none;
}
.expand-table.moredetails br {
    display: none;
}
@media(max-width: 768px){
	.league-table .column-six.table-header {
	    display: none;
	}
	.league-table .column-six.table-body li{
		width: 100%;
	}
	.expand-table .expand-item {
	    float: left;
	    width: 100%;
	    margin-bottom: 0px;
	}
}
ul.table-body li.largeview-hide {
    display: none;
}
ul.table-body li.smallview-hide {
    display: block;
}
@media only screen and (min-width:768px) and (max-width:1023px){
	.score-value {font-size:12px;}
}
@media only screen and (min-width:320px) and (max-width:767px){
ul.table-body li.largeview-hide {
    display: block !important;
}
ul.table-body li.smallview-hide {
    display: none !important;
}
ul.table-body.results li.largeview-hide.ftime {
    width: 100%;
	text-align:center;
}
ul.table-body li.clublogo {
    width: 50% !important;
	height:75px;
}
.league-table .column-seven li.more {
    width: 100%;
    padding: 0;
}
#top .compheader label {
    color: #fff;
    font-size: 14px;
}
.largeview-hide.compheader {
    padding: 4px 0;
}
.league-table ul li.rscore { width:20% !important}
.league-table ul li.rteam1, .league-table ul li.fteam1 {
    width: 40% !important;
    text-align: center;
}
.league-table ul li.rteam2, .league-table ul li.fteam2 {
    width: 40% !important;
    text-align: center;
}
.league-table ul li.largeview-hide.ftime {
    width: 50%;
    float: left;
    text-align: right;
	padding-right:6px;
}
.league-table ul li.largeview-hide.fvenue {
    width: 50%;
    float: left;
    text-align: left;
}
.fvenue::before {
    content: " @ ";
}
.league-table ul li .score-value {
    font-size: 9px;
    margin: 0;
    padding: 2px 3px;
}
}
#top div#main {
    padding-top: 9%;
}
h3.page-name {
    font-family: oswald;
    font-size: 30px;
    text-transform: uppercase;
    color: #0153a0;
}
.league-date {
    color: #fff !important;
}
.date-section {
    background: #000 none repeat scroll 0 0 !important;
}

.compheader {
    background:#808080 none repeat scroll 0 0;
}
.form-control.datepicker {
    float: left;
    margin-right: 15px !important;
    width: 200px !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); }
}

.expand-table.moredetails {
    background: rgb(204, 204, 204);
}
.compheader label {
    color: #fff;
}
.date-header
{
background:#000;
}
.date-header label
{
color:#fff;
font-size:14px;
margin-left:12px;
}
.compheader label a{ color:#fff;}