.league-table{
	position: relative;
	width: 100%;
	/*border: 1px solid #ccc;*/
	
}
div#ui-datepicker-div {
    top: 360px !important;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: #ee6b20 ;
}
.league-table ul{
	margin: 0;
	padding: 0;
}
.league-table .column-six{
	margin: 0;
	padding: 0;
}
.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: red;
    color: #fff;
    font-size: 15px;
    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;
}
.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;*/
}
.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: #ccc;
	color: #000;
	padding: 10px 0;
    clear: both;
    text-align: center;
    display: none;
}
.expand-table .expand-item{
	float: left;
	width: 25%;
}
.expand-table:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
}
.expand-table .expand-item label{
	display: block;
    font-weight: bold;
    text-transform: uppercase;
}
@media(max-width: 767px){
	.compheader{
		float:left;
		width:100%;
	}
}
@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: 20px;
	}
}

.league-date {
    color: #fff !important;
}
.date-section {
    background: #ee6b20 none repeat scroll 0 0 !important;
}

.compheader {
    background: #ee6b20 none repeat scroll 0 0;
}
.form-control.datepicker {
    float: left;
    margin-right: 15px !important;
    width: 200px !important;
}
#main
{
	margin-top: 0px;
}

/* 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); }
}