.league-table{
	position: relative;
	width: 100%;
	/*border: 1px solid #ccc;*/
	
}
.leftypart {
    float: left;
    width: 48%;
	text-align:right;
}
.rightpart {
    width: 48%;
    float: right;
	text-align:left;
}
.listing {
    display: inline-block;
    margin: 2px 4px;
    font-family: arial;
    font-size: 13px;
	
}
.lising-width {
    margin: auto;
    width: 100%;
   
}
section#page_title1 {
    background-color:#ab0606;
}
.left_title h1 {
    font-size: 30px;
    color: #fff;
    font-family: arial;
    font-weight: bold;
	margin: 8px 8px 25px 26px;
}
.page-id-32 li.smallview-hide.fmore {
    width: 20%%;
}
li.fmore {
    text-align: right !important;
	width:10% ;
}
li.smallview-hide {
    text-align: right;
    width: 10% ;
}
li.smallview-hide.ftime {
    text-align: left !important;
}

li.fteam1, li.fteam2 {
    width: 25%;
    text-align: center;
	font-weight:bold;
}
.page-id-15 li.fteam1, li.fteam2 {
    width: 25%;
    text-align: center;
	font-weight:bold;
}
.page-id-15 li.smallview-hide.fmore {
    text-align: right !important;
}
.page-id-15 li.smallview-hide {
    text-align: left !important;
}
li.fvenue {
    width: 10%;
    text-align: center;
}
ul.column-seven.table-header li:last-child {
    text-align: right;
	width:10%;
}
ul.column-seven.table-header li:nth-child(3) {
    text-align: center;
    width: 10%;
}
.page-id-15 ul.column-seven.table-header li:nth-child(3) {
    text-align: left;
    width: 10%;
}
ul.column-six.table-header li:last-child {
    text-align: right;
	width:10%;
}
ul.column-six.table-header li:first-child {
    text-align: left;
    width: 10%;
}
ul.column-seven.table-header li:first-child {
    text-align: left;
	width:10%;
}
ul.column-six.table-body.fixtures li.time.smallview-hide {
    width: 18% !important;
    text-align: center !important;
}
ul.column-eight.table-header li span {
    font-size: 14px;
    font-weight: bold;
    font-family: arial;
}
ul.column-eight.table-body.fixtures li span.data {
    font-size: 14px;
    font-family: arial;
}
.league-table ul{
	margin: 0;
	padding: 0;
}
.league-table .column-six{
	margin: 0;
	padding: 0;
}
.league-table .table-header {
    width: 100%;
    display: table;
    background: #fff;
    color: #000;
	font-weight: bold !important;
}
.league-table .table-body{
	width: 100%;
	display: table;
	background: #fff;
	color: #000;

}
.league-table .table-body:nth-child(even){
	background: #fff;
}
.table-body:hover, .table-body:nth-child(even):hover, 
.table-body:focus, .table-body:nth-child(even):focus{
	background: #fff;
}
.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;
}
span.data {
    font-size: 14px;
}
.score-value{
	background: #fff;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 5px;
	margin: 0;
}
ul.column-six.table-header li:nth-child(5) {
    width: 25%;
}
.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;
}
ul.column-six.table-header li span {
    font-size: 14px;
    font-weight: bold;
    font-family: arial;
}
ul.column-seven.table-header li span {
    font-size: 14px;
    font-weight: bold;
    font-family: arial;
}
ul.column-seven.table-body.results li span.data {
    font-size: 14px;
    font-family: arial;
}
ul.column-six.table-body.fixtures li span.data{
	font-size: 14px;
    font-family: arial;
}
ul.column-six.table-header li:nth-child(3) {
    width: 30%;
	text-align:center;
}
.page-id-35 ul.column-six.table-header li:nth-child(4) {
    width: 10%;
    text-align: right;
}
ul.column-six.table-header li:nth-child(4) {
    width: 10%;
	text-align:center;
}
.page-id-32 ul.column-six.table-header li:nth-child(4) {
    width: 10%;
	text-align:left;
}
li.vadss.fvs {
    width: 10%;
}
ul.column-six.table-header li:nth-child(5) {
    width: 30%;
	text-align:center;
}
ul.column-six.table-header li:nth-child(2) {
    width: 10%;
    text-align: center;
}
.page-id-15 li.smallview-hide.fvenue {
    text-align: center !important;
}
ul.column-seven.table-header li:nth-child(2) {
    width: 10%;
    text-align: center;
}
.page-id-15 ul.column-seven.table-header li:nth-child(2) {
    width: 10%;
    text-align: left;
}
ul.column-seven.table-header li:nth-child(3) {
    width: 25%;
}
ul.column-seven.table-header li:nth-child(5) {
    width: 25%;
}
ul.column-seven.table-header li:nth-child(4) {
    width: 10%;
}
ul.column-seven.table-header li:nth-child(6) {
    width: 10%;
}
li.rteam1, li.rteam2 {
    width: 25%;
    font-weight: bold;
    text-align: center;
}
button.button.avia-font-entypo-fontello {
    background-color: #ab0606;
    font-size: 12px;
    font-family: arial !important;
}
.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 !important;
}
.league-table .column-six li{
	float: left;
	
	list-style: none;
	margin: 0;
	padding: 5px 0;
	
}
.league-table .column-seven li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 10px 0;
	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;
}

.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: #d7d7d7;
	color: #000;
	padding: 10px 0;
    clear: both;
    text-align: center;
    display: none;
}
.expand-table .expand-item {
    float: none;
    margin-left: 5px;
    width: auto;
}
.expand-table:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
}
.expand-table .expand-item label {
   
    font-weight: bold;
    margin-left: 11px;
    text-align: left;
    text-transform: uppercase;
}
.largeview-hide
{
	display: none !important;
}
.page-id-32 .expand-table .expand-item {
    /* float: left; */
    margin: auto;
    width: 30%;
}
.page-id-35 .expand-table .expand-item {
    float: none;
    width: 30%;
    margin: auto;
    display: table;
}
@media only screen and (min-width:680px) and (max-width:768px){
	span.data{ font-size:15px !important;}
	span.control-menu.toggle-table.icon-more{ font-size:14px !important;}
	li.largeview-hide.fmore{ width:10% !important;}
	span.data.team1, span.data.team2 {
    font-size: 14px !important;
}
	}
@media(max-width: 768px){
	ul.column-seven.table-body.results li span.data {
    font-size: 11px;
    font-family: arial;
}
tbody.doblock tr td {
    font-size: 11.5px;
    padding: 2px 2px;
}
thead.upbolck  tr th{
	font-size:12px !important;
	padding:2px 2px;
}
	.rteam1 span.data, .rteam2 span.data{ font-size:14px !important;}
	.col-lg-4.col-sm-4.col-md-4.set-btn
	{
		clear: both;
		text-align: right;
	}
	.compheader .expand-item > label
	{
		font-size: 11px !important;
	}
	span.data {
		font-size:12px;
		font-family:arial;
		font-weight:normal;
	}	
	
	ul.column-seven.table-body {
    border-bottom: 0.5px dashed #ccc;
}
	.league-table .column-seven .ftime {
    font-weight: bold;
    float: left !important;
    width: 48% !important;
	text-align:right !important;
}
ul.fixtures li.largeview-hide.fmore {
    text-align: center !important;
    width: 100% !important;
    padding: 0;
}
.league-table .column-seven .fvenue{
    font-weight: bold;
    float: left !important;
    width: 48% !important;
	text-align:left !important;
}
	li.largeview-hide.fix {
    width: 10% !important;
}
	.fmore {
    width: 12% !important;
    text-align: right !important;
}
.left_title h1 {
    font-size: 18px;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    margin: 0 0 15px 26px;
}
.page-id-35 .expand-table .expand-item{ width:100%;}
	.fteam2, .rteam2
	{
		text-align: center !important;	
	}
	.fteam1, .rteam1
	{
		text-align: center !important;
		clear: both;
	}
	li.vadss.fvs {
    width: 20% !important;
	text-align:center;
}
	.rteam1, .rteam2
	{
		float: left !important;
		width: 36% !important
	}
	.rscore
	{
		float: left !important;
		width: 20% !important;
		text-align:center;
	}
	
	.fteam1, .fteam2
	{
		float: left !important;
		width: 40% !important
	}
	.fvs
	{
		float: left !important;
		width: 5% !important
	}
	.ftime
	{
		text-align: right !important;
		margin-right: 3px !important;
	}
	.fvenue
	{
		text-align: left!important;
	}

	.fvenue::before {
		content: " @ ";
		font-weight:normal;
	}
	ul.column-seven.table-body {
    border-bottom: 0.5px dashed #ccc;
}	
	.alex_test h2 {
    float: left;
}
.allcompition.largeview-hide {
    margin-bottom: 10px;
}
.col-lg-4.col-sm-4.col-md-4.input2{left:20%; position:relative;}
.col-lg-4.col-sm-4.col-md-4.input1{left:20%; position:relative;}
	li.largeview-hide.fix {
    width: 20% !important;
	text-align:center;
}
	
	.league-table .column-five.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-five.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%;
	}
	
	.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: 0px;
	}
	.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;
}

.form-control.datepicker {
    float: left;
    margin-right: 15px !important;
    width: 200px !important;
}
span.control-menu.toggle-table.icon-more {
    font-size: 9px;
	padding:0;
}
span.data.score-value {
    font-weight: bold;
    font-size:90%;
	padding:0;
}
}
/* Responsive css for table */


    @media only screen and (max-width: 800px) {
		.lising-width {
    margin: auto;
    width: 100%;
}
    
    /* 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); }
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: #ab0606;
}
.compheader {
    background: #ab0606 none repeat scroll 0 0;
    font-family: arial;
    font-size: 20px;
    padding: 7px;
    text-align: center;
    text-transform: uppercase;
}
.compheader label a {
    color: #fff;
	font-weight:normal;
}
.col-lg-4.col-sm-4.col-md-4.input1 {
    float: left;
	margin-right:10px;
}
.col-lg-4.col-sm-4.col-md-4.input2 {
    float: left;
	margin-right:10px;
}
.allcompition {
    background-color: #ab0606 !important;
    border-radius: 20px;
    float: right;
    padding: 5px 0;
}
.allcompition a:hover{ color:#fff;}
.allcompition a{ color:#fff; margin:20px}
.alex_test h2 {
    font-size: 25px;
    color: #ab0606;
}
.expand-item > label a:hover {
    color: #fff !important;
}
@media only screen and (min-width: 900px)  and (max-width: 1024px){
	.score-value{ padding:0 3px;}
	.lising-width {
    margin: auto;
    width: 100%;
}
	}