.league-table{
	position: relative;
	width: 100%;
	/*border: 1px solid #ccc;*/
	
}
.league-table ul{
	margin: 0;
	padding: 0;
}
.league-table .column-six{
	margin: 0;
	padding: 0;
}
.league-table .table-header{
	width: 100%;
	display: table;
	background: #4c4c4c !important;
	color: #fff;
}
span.data {
    font-family: roboto;
    font-size: 14px;
}
.league-table .table-body{
	width: 100%;
	display: inline-block;
	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: #EBEEF3;
}
.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{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 2px;
	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;
}
.page-id-430 .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-six li{
	float: left;
	width: calc(100% / 7);
	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: 9px 0;
	display: table-cell;
	text-align: center;
}
.league-table .column-eight li{
	float: left;
	width: calc(100% / 8);
	list-style: none;
	margin: 0;
	padding: 9px 0;
	display: table-cell;
	text-align: center;
}
.league-table .column-nine li{
	float: left;
	width: calc(100% / 9);
	list-style: none;
	margin: 0;
	padding: 9px 0;
	display: table-cell;
	text-align: center;
}
.league-table .column-ten li{
	float: left;
	width: calc(100% / 10);
	list-style: none;
	margin: 0;
	padding: 9px 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: #CCCCCC;
	color: #000000;
	padding: 10px 0;
    clear: both;
    text-align: center;
    display: none;
}
.expand-table .expand-item{
/*	float: left;
	width: 25%;*/
	text-align:left;
	margin-left: 35px !important;
}
.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: 920px){
	.league-table .column-seven li{
		width:100%;
		}
}
@media(max-width: 768px){
	.league-table .column-six.table-header {
	    display: none;
	}
	.league-table .column-seven .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: #0B377E none repeat scroll 0 0 !important; */
}

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

/* 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: #ccc;
	color:#000;
}
.compheader label {
    color: #fff;
}

.date-header label
{
color:#ffffff;
font-size:14px;
margin-left:12px;
}

.expand-item > strong {
    color: #000 !important;
}




#fixContents .league-table .table-header li span{text-transform:uppercase;font-weight:bold;color:#fff; font-size: 14px;}
#fixContents .league-table  span.data{color:#858585;;}
/*#fixContents .league-table .column-seven li{  width: calc(100% / 8)!important;}*/
#fixContents .table-body:hover, .table-body:nth-child(2n):hover, .table-body:focus, .table-body:nth-child(2n):focus
{background:#FFFFCC!important;color:#858585;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-left span{text-transform:uppercase;font-weight:bold; color:#666;}
.text-right span{text-transform:uppercase;font-weight:bold; color:#666;}

#fixContents .table-body:hover, .table-body:nth-child(2n):hover, .table-body:focus, .table-body:nth-child(2n):focus
{background:#FFFFCC!important;color:#858585;}
.comment-more
{
 background: rgba(0, 0, 0, 0) url("../images/comment.png") no-repeat scroll center center;
    display: block;
    height: 20px;
    width: 80px;
	margin-right: 20px;
	float: right;
}



/* */

#dialog {
    background: #ebeef3 none repeat scroll 0 0;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .ui-widget-header{
	background:#008c46 !important;
}
#dialog h4{color: #000;
    padding: 10px 0;
    text-align: center;}
#dialog .league-table .table-header{background:#EBEEF3!important;}
#dialog .league-table .table-header li span	{color:#008C46;text-transform:uppercase;font-weight:bold;}
#dialog  .league-table  span.data{color:#A592A0;}
#dialog  .league-table .table-body{ background-color: #EBEEF3;}
#dialog  .league-table .table-body li span.team_name{ color: #008C46;text-transform:uppercase;   font-size: 16px;
    font-weight: bold;}
#dialog  .league-table .table-body li div.tscore{  background-color: #008c46;
    border: 1px solid #008c46;
    border-radius: 5px;
    color: #fff;
    margin-top: 10px;
    padding: 7px 0;}


#dialog .league-table .table-body li span.vs {
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}
#dialog  .league-table .table-body li span.refree{ color:#008C46;text-transform:uppercase;}
#fixContents .table-body:hover, .table-body:nth-child(2n):hover, .table-body:focus, .table-body:nth-child(2n):focus
{background:#EBEEF3!important;color:#858585;}


/*=============================Extra css==============================*/




/*#page_title1 div span.tagline {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #8dbfff none repeat scroll 0 0;
    border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #fff;
    display: inline-block;
    font-family: "ProximaSemiBold",Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: -1px;
    padding: 10px 20px;
    text-transform: uppercase;
	}*/
#page_title1 div h1 {
    background: #ffb200 none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    display: inline-block;
    font-family: "ProximaSemiBold",Arial,sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    padding: 14px 20px 10px;
    text-transform: uppercase;
}
section#page_title1 div.action {
    display: inline;
    float: left;
    margin: 0 1.38889%;
    width: 38.8889%;text-align:right;}
.left_title{float:left;width:50%;}
#page_title1 #last_updated {
    color: #fff;
    font-family: "ProximaBold",Arial,sans-serif;
    font-size: 12px;
    padding-right: 10px;
    text-align: right;
    width: 100% !important;
}

#page_title1 #last_updated > span {
    color: #8dbfff;
}
section#page_title1 div.action a.button {
    background:#ffb200 none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #fff;
    float: right;
    font-family: "ProximaBold",Arial,sans-serif;
    font-size: 0.75em;
    margin-left: 10px;
    margin-top: 34px;
    padding: 8px 14px;
    text-transform: uppercase;
}
section#page_title1 div.action a.button{
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
section#page_title1 div.action a.button:hover{   background: #ffb200 none repeat scroll 0 0;
    border-color: #90112a;text-decoration:none;
	}


#fixContents .league-table li.team1 span{text-transform:uppercase;font-weight:bold; color:#666;}
#fixContents .league-table li.team2 span{text-transform:uppercase;font-weight:bold; color:#666;}
#fixContents .league-table .tmore .comment-more{cursor:pointer;}
.mobile {
    display: none;
}
@media(max-width: 768px){
	.mobile {
    display: block;
}
#page_title1 div h1{display: block;
    font-size: 1.1em;}
#page_tabs ul li a{font-size:12px;}	
#page_title1 .left_title{width:100%;}
#page_title1 #action_box{width:100%;} 
#fixContents .league-table .table-header{display:none;}
#fixContents .league-table li{padding:0;}
#fixContents .league-table li.date,#fixContents .league-table li.time{width:50%}
#fixContents .league-table li.team1,
#fixContents .league-table li.tscore,
#fixContents .league-table li.team2{width:100%;}
#fixContents .league-table li.team1 span,
#fixContents .league-table li.tscore span,
#fixContents .league-table li.team2 span{text-align:center;}
#fixContents .league-table li.comment{display:none;}
#fixContents .league-table li.tmore{ float: right;
    width: 12%;}
#fixContents .league-table li.tmore span{margin:0;}
#fixContents 	{border:1px solid #f2f2f2;margin-top:5px;}
#dialog .team_info{font-size:11px;}
}

section#page_title1 div.action {
    display: inline;
    float: left;
    margin: 0;
    width: 50%;text-align:right;}


.es-news-main-part .league-table li.team1 span{text-transform:uppercase;font-weight:bold; color:#666;}
.es-news-main-part .league-table li.team2 span{text-transform:uppercase;font-weight:bold; color:#666;}
.es-news-main-part .league-table .tmore .comment-more{cursor:pointer;}


.es-news-main-part .league-table .table-header{background:#0C6F2C !important;}
.es-news-main-part .league-table .table-header li span{text-transform:uppercase;font-weight:bold;color:#fff;}
.es-news-main-part .league-table  span.data{color:#858585;;}
/*.es-news-main-part .league-table .column-seven li{  width: calc(100% / 8)!important;}*/
.es-news-main-part .table-body:hover, .table-body:nth-child(2n):hover, .table-body:focus, .table-body:nth-child(2n):focus
{background:#FFFFCC!important;color:#858585;}

.es-news-main-part .table-body:hover, .table-body:nth-child(2n):hover, .table-body:focus, .table-body:nth-child(2n):focus
{background:#ebeef3!important;color:#858585;}
.es-news-main-part .compheader{background: #008c46; padding-left: 5px; height: 35px; line-height: 35px; font-size: 16px;}    
.ui-dialog .ui-dialog-title{text-transform:uppercase!important;}
.date-header {
    background-color: #212121;
}

@media(max-width: 768px){
.es-news-main-part .league-table .table-header{display:none;}
.es-news-main-part .league-table li{padding:0;}
.es-news-main-part .league-table li.date,.es-news-main-part .league-table li.time{width:50%}
.es-news-main-part .league-table li.team1,
.es-news-main-part .league-table li.tscore,
.es-news-main-part .league-table li.team2{width:100%;}
.es-news-main-part .league-table li.team1 span,
.es-news-main-part .league-table li.tscore span,
.es-news-main-part .league-table li.team2 span{text-align:center;}
.es-news-main-part .league-table li.comment{display:none;}
.es-news-main-part .league-table li.tmore{ float: right;
    width: 12%;}
.es-news-main-part .league-table li.tmore span{margin:0;}
.es-news-main-part .league-table	{border:1px solid #ccc;margin-top:5px;}


}
.column-seven.table-body.fixtures .data {
    font-size: 14px;
    font-weight: normal;
}
.ui-dialog .ui-dialog-title
{
font-family:"ProximaBold",Arial,sans-serif !important;
}