@CHARSET "ISO-8859-1";

@font-face {
	font-family: 'Roboto';
	src: url('Roboto-Regular.ttf') format('truetype')
}

body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

pre, blockquote, dl, figure, table, p, ul, ol, form {
	margin-bottom: 0.5rem;
}

/* *****************************
TOP MENU CLASSES
*******************************/

.top-matter { /* Top Menu */
	margin: 20px;
	display: flex;
}


#top-matter {
	/*
	background: rgb(22, 107, 162);
	padding-top: 10px;
    */
	padding-left: 10px;
	background: #000;
	overflow: hidden;
	position: relative;
}

.top-matter-nav-div {
	display: none;
}

@media ( min-width : 600px) {
	#top-matter {
		height: 4.25em;
	}
	.top-matter-div {
		display: inline-block;
		vertical-align: top;
		padding: 5px 5px 0px 5px;
		height: 100%;
		margin-top: 10px;
	}
}

.nav-icon, .nav-icon:hover, .nav-icon:focus {
	display: inline-block;
	background: black;
	color: white;
}

.selectors select {
	font-size: 0.8em;
	/* background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249, 249, 249, .9) 75%); */
	background: #fff;
	border-radius: 0px;
	/*color: rgb(22, 107, 162);*/
	color: black;
	border-color: black;
}


.selectors select {
	font-size: 0.8em;
	/* background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249, 249, 249, .9) 75%); */
	background: #fff;
	border-radius: 0px;
	/*color: rgb(22, 107, 162);*/
	color: black;
	border-color: black;
}

.nav a {
	display: block;
	color: rgba(249, 249, 249, 0.75);
	text-decoration: none;
	transition: color .5s, background .5s, height .5s;
	width: auto;
}

.selectors button {
	/* background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249, 249, 249, .9) 75%); */
	background: #fff;
	/*color: rgb(22, 107, 162);*/
	color: black;
	vertical-align: top;
	border-radius: 0px;
	font-weight: 300px;
	padding: 0 8px;
	border-color: black;
}

.sub-nav {
	font-size: .9em;
}

@media ( min-width : 600px) {
	
	.nav-icon {
		display: none;
	}

	.nav ul {
		max-width: 1240px;
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 1.1em;
		font-weight: 300;
		display: flex;
	}
	.nav li {
		float: left;
		text-align: center;
		padding: 1px;
		margin: 0;
	}
	.nav a {
		display: block;
		color: rgba(249, 249, 249, 0.75);
		text-decoration: none;
		transition: color .5s, background .5s, height .5s;
		width: auto;
	}
	.nav i {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		padding: 0.4em;
		border-radius: 50%;
		box-shadow: 0 0 0 0.8em transparent;
		background: rgba(255, 255, 255, 0.1);
		transform: translate3d(0, 0, 0);
		transition: box-shadow .6s ease-in-out;
	}

	/* Animate the box-shadow to create the effect */
	.nav a:hover i, .nav a:active i, .nav a:focus i {
		box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.2);
		transition: box-shadow .4s ease-in-out;
	}
	.nav li a:hover, .nav li a:active, .nav li a:focus {
		/* background: rgb(22, 107, 162); */
		border-bottom: 1px solid white;
		padding-bottom: 5px;
		color: white;
	}
	.nav li a.selected {
		/* background: rgb(22, 107, 162); */
		color: rgba(249, 249, 249, .99);
		padding-bottom: 5px;
		border-bottom: 3px solid white;
	}
	
		.menu-item span {
			display: contents;
		}
		
		.menu-item span { /* for phones don't show the menu label */
			/* display: none; */
		}
		
		.nav li {
			float: left;
			text-align: center;
			transition: border .5s;
			padding: 5px;
			margin: 0;
		}
}

/* *****************************
CONTAINER CLASSES
*******************************/

.container { /* Container for the top-level pages: Season in Review, Tables, etc.) */
	font-weight: 400;
	line-height: 1.45;
	/*margin-top: 10px; */
	width: 100%;
	max-width: 100%;
	/* background: #e8e9e9; */
	background: white !important;
	padding-top: 20px;
}

.section { /*Data part of a container page */
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}


.container-panel { /*Standard box used as sub-component of Season in Review and Tables pages */
	background: #fff;
	border-radius: 0px;
	/* box-shadow: #707070 1px 2px 4px -2px; */
	border: 1px solid #f2f4f8;
	border: 1px solid #cac2c2;
	padding: 10px;
	position: relative;
	background-position: center;
	background-color: rgba(255, 255, 255, 0.9);
	background-blend-mode: lighten;
	background-size: cover;
}


.alt-table-details-container { /*Container for match results in Some Tables pages (e.g., London) */
	background-position: left;
	background-color: rgba(255, 255, 255, 0.92);
	background-blend-mode: lighten;
	background-size: cover;
	
	
}

/*************
TABLE PAGES
*************/

.table-title {
	font-size: 1.5em;
	padding-right: 3%;
	color: rgb(22, 107, 162);
}

.instr-text {
	margin-right: auto;
	width: 90%;
	margin-bottom: 15px;
	margin-left: auto;
	font-size: .9em;
	color: black;
	text-align: left;
}

.standings-table .instr-text {
	width: 100%;
}


.standings-table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	table-layout: auto;
	font-size: .9em;
}

.standings-table td, .standings-table th {
	text-align: center;
	padding: 4px 10px;
}

.standings-table td.table-team-logo {
	width: 5%;
}

.standings-table td.table-team {
	width: 15%;
}

@media ( min-width : 600px) {
	div.standings-table {
		width: 90%;
		font-size: 1em;
	}
	
	#tabs-halves .standings-table {
		width: 99%;
	}
	.odd-row {
		background-color: #FAFAFA;
	}
	
	#halves-div { /*Put First and Second Half Tables side by side */
		
		display:flex;
		justify-content:space-between;
		
	}
	
	#halves-div .container-panel {
		
		width: 48%;
	}	
		
}

#MINI-TABLE .odd-row {
	background-color: transparent;
}

.table-row-relegation {
	background: #FFC7CE !important; /* Using important to override the transparency from the above style as otherwise it takes specificity precedence */
}

/***** RIVALRIES PAGE *******/
.rivalries {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-bottom: 1px solid black;
	padding-bottom: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rivalries-content {
	display: grid;
	grid-template-columns: 1fr;
}
.rivalries-name {
	font-size: 1.5em;
	padding-left: 3%;
	padding-right: 3%;
	color: rgb(22, 107, 162);
}
.rivalries-team {
	font-size: 1.1em;
	padding-left: 2%;
	padding-right: 2%;
}
#riv-table-rivalries {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 50px;
}
.rivalries-dot {
	font-size: 1.4em;
}
.riv-table-drops {
	font-size: .8em;
	margin-top: 10px;
}
.riv-stats-label {
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
	font-weight: bold;
}
.riv-stats-item {
	width: 100%;
	font-size: .9em;
}
.riv-stats-item-count {
	display: inline-block;
	padding-left: 30%;
	text-align: right;
}
.riv-stats-item-name {
	
}
.riv-stats-item-pos {
	text-align: left;
}
.riv-stats-item table {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1em;
	margin-bottom: 1rem;
}
.riv-stats-item td {
	padding: 0;
	border: 0;
}
.riv-details tr {
	cursor: pointer;
}
.riv-details tr:hover {
	background: #ededed;
}
.count-div-rivalries {
	position: relative;
	padding-bottom: 50px;
}
.rivalries-stat-history {
	margin-top: 20px;
}
.rivalries-fixtures {
	
}
.rivalries-hide-when-small {
	display: none;
}

 #riv-table-team1, #riv-table-team2 {
	
	font-size:1.2em;
}




/****************************
NAVIGATION (show/hide)
****************************/

.expandme {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: right;
	cursor: pointer;
}

.expandriv {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: right;
	cursor: pointer;
}

.expandme-img {
	width: 11%;
}

.hide-when-small {
	display: none;
}

.table-hide-when-small {
	display: none;
}



/****************************
HTML ELEMENTS and BASIC DESCRIPTORS
******************************/


.message {
	font-size: 1em;
	text-align: center;
	color: #fff;
	font-family: "Raleway", sans-serif;
}

/* For devices larger than 400px */
@media ( min-width : 400px) {
	.message {
		font-size: 1.7em;
		text-align: center;
		color: #fff;
	}
}

option {
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: .1rem;
	text-decoration: none;
}

.check {
	display: inline;
	font-weight: 500;
	text-transform: none;
	color: rgba(0, 0, 0, .80)
}

.error {
	display: none;
	border: 1px solid #cb4335;
	padding: 15px 15px;
	margin: 0;
	font-weight: 600;
	color: #cb4335;
	text-align: center;
	width: 75%;
	margin-top: 15px;
	margin-bottom: 15px;
	/* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
	-webkit-border-top-left-radius: 25px 50px;
	-webkit-border-top-right-radius: 25px 50px;
	-webkit-border-bottom-right-radius: 25px 50px;
	-webkit-border-bottom-left-radius: 25px 50px;
	-moz-border-radius: 25px/50px;
	border-radius: 25px/50px;
}

.errmsj {
	border: 1px solid #cb4335;
}

.banner {
	text-align: center;
	margin-bottom: 0px;
	font-size: 3rem;
	font-family: "Raleway", sans-serif;
}

.istall {
	width: 50%;
	text-align: left;
}

.row {
	width: 100%;
}

.columns {
	margin-left: 0;
}

.metric {
	font-size: 1.2em;
	color: #91B4DE;
	color: rgb(22, 107, 162);
}

.metric-mini {
	font-size: 1.1em;
	color: rgb(22, 107, 162);
}

.bottom-line {
	font-size: 0.8em;
	white-space: normal;
	display: flex;
	align-items: center;
}

.bottom-line .table-logo {
	height: 20px;
}

.bottom-line-label {
	color: #575b61;
}

.top-line {
	font-size: 1.0em;
}

@media ( min-width : 600px) {
	.metric {
		font-size: 1.1em;
	}
}


.controller {
	text-align: center;
}

.controller div {
	vertical-align: middle;
	display: inline-block;
}

#final-table-controller-control {
	margin-bottom: 10px;
}


/*******************************
COUNT TABLES - STATS AND STREAKS
*******************************/

.count-table {
	margin: 0;
	width: 100%;
}

.count-table-column-small {
	width: 28%;
}



.count-table-column-logo .table-logo {
	height: 40px;
}

.count-table-column-season {
	vertical-align: top;
}

.count-div {
	display: inline-block;
	margin-bottom: 1.5em;
}

.count-div table {
	width: 100%;
}

.count-div-10 {
	width: 10%;
	display: inline-block;
}

.count-div-20 {
	width: 19%;
	display: inline-block;
}

.count-div-30 {
	width: 29%;
	display: inline-block;
}

.count-div-40 {
	width: 39%;
	display: inline-block;
}

.count-div-50 {
	width: 49%;
	display: inline-block;
}

.count-div-60 {
	width: 59%;
	display: inline-block;
}

.count-div-70 {
	width: 69%;
	display: inline-block;
}

.count-div-80 {
	width: 79%;
	display: inline-block;
}

.count-div-90 {
	width: 89%;
	display: inline-block;
}

.count-div-100 {
	width: 100%;
	display: inline-block;
}

.count-table-title {
	display: none;
	font-weight: 200;
	font-size: 1.1em;
}

.count-div-metric {
	width: 94%;
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
	/* border: 1px solid #f2f4f8; */
	/* border: 1px solid #cac2c2; */
	padding: 10px;
	/* background: #fff; */
	background: #FAFAFA;
	border-radius: 0px;
/*	box-shadow: #707070 1px 2px 4px -2px; */
}

@media ( min-width : 600px) {
	.count-table-title {
		font-weight: 200;
		font-size: 1.1em;
	}
	.count-div-metric {
		width: 30%;
		display: inline-block;
		vertical-align: top;
		margin-right: 1%;
		/* border: 1px solid #f2f4f8; */
		padding: 10px;
	}
	.count-table-column-small {
		width: 25%;
	}
}

.count-table-descr {
	font-size: 1.4em;
	font-weight: 600;

}

.count-table-td-metric {
	width: 30%;
	text-align: right;
	padding-right: 15px;
}

.count-table td {
	padding-left: 5px;
	white-space: nowrap;
}

.count-table-extra-row {
	font-size: .8em;
	background: #f5f5f0;
}

.count-table-ranking {
	width: 5%;
}

.table-goals {
	font-size: 0.8em;
}

/*******************************
YEAR by YEAR styles
*******************************/

.season-stats-table {
    display: table;
    border-spacing: 5px;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    color: #404040;
    cursor:pointer;
}

.season-stats-table-row {
	display:table-row;
	border-bottom: 1px solid #D3D3D3;
}

.season-stats-table-row:hover {

	background-color: #ededed;
}

.season-stats-table-th {
	
	display: table-cell;
	font-weight: 600;
	text-align: center;
    padding-bottom: 10px;
    font-size: 1.1em;
	
}

.season-stats-table-th-season, .season-stats-table-td-season {
	
	width: 7%;
}

.season-stats-table-th-metrics, .season-stats-table-td-metrics {
	
	width: 18%;
}

.season-stats-table-td {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 25px;
	padding-top: 25px;
}

.season-stats-table-td-season {
	font-size: 1.2em;
}

.season-stats-table-td-label {
	
	display:none;
}

.season-stats-table-td-content-container {
	display: grid;
	grid-template-columns: 25% 56% 13%;
}

.season-stats-table-td-content-container .table-logo {
	height: 40px;
}

.season-stats-table-td-content-entity-subline .table-logo {
	height: 20px;
	margin-right: 5px;
}

.season-stats-table-td-content-entity-mainline {
	font-size: 1.2em;
	padding-left: 5px;
}

.season-stats-table-td-content-entity-subline {
	
	font-size: .8em;
	display: flex;
	align-items: center;
}

.season-stats-table-td-content.hide-when-small {
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: .9em;
}

.season-stats-table-td-content.hide-when-small .table-logo {
	
	height: 35px;
}

.season-stats-table-td-logo {
	text-align: center;
}

.season-stats-table-td-metric {
	font-size: 2em;
	vertical-align: middle;
	text-align: center;
	padding-right: 20px;
}

.stats-team-count-div {
	
	width: 17%;
    display: inline-block;
    vertical-align: top;
    /* border: 1px solid #cac2c2; */
    margin-right: 1%;
    padding:10px;
    background: #FAFAFA;
}

.stats-team-content-container {
    display: grid;

}

.stats-team-content-container-topline {
	
	   grid-template-columns: 15% 65% 20%;
	   font-size: 1.1em;
	   margin-top: 10px;
	   padding:10px;
	   cursor:pointer;
	   /* border-top: 1px solid #cac2c2; */
	   /* background-image: linear-gradient(to bottom, #cac2c2 -100%, #FFF 50%); */
	   


}

.stats-team-content-container-topline-player{
	grid-template-columns: 80% 20%;
}

.stats-team-content-container-topline:hover {
	
	background: #ededed;
}

.stats-team-content-container-details {
	   grid-template-columns: 50% 25% 25%;
	   border-top: 1px solid #cac2c2;
    	display: grid;
    	font-size: .9em;
    	padding-bottom: 5px;
    	padding-top: 5px;
    	vertical-align: middle;
    	padding-left: 10px;
	
}

.stats-team-count-div .hide-when-small {
	display:none;
}

.stats-team-descr {
	font-size: 1.4em;
    font-weight: 600;
    text-align: center;
}

.stats-team-content-count {
	text-align:center;
}



/*******************************
 SEASON in REVIEW styles 
 ******************************/
.champ-diff-metric {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1em;
}

.champ-diff-table {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 50px;
}

@media ( min-width : 600px) {
	.champ-diff-table {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
}

.canvas {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

@media ( min-width : 600px) {
	.champ-diff-metric {
		width: 90%;
		font-size: 1em;
	}
	.canvas {
		width: 75%;
	}
}

.metric-desc {
	font-variant: small-caps;
	font-size: .9em;
	color: #575b61;
}

.paranthetical-metric {
	font-size: 1.1em;
	color: #91B4DE;
}

.paranthetical {
	font-size: .8em;
}

@media ( min-width : 600px) {
	.paranthetical {
		font-size: 1em;
	}
}


.fa-caret-left, .fa-caret-right {
	cursor: pointer;
}

.ld {
	cursor: pointer;
}

.ld:hover {
	background: #ededed;
}

.togtr {
	cursor: pointer;
}

.togtr-selected {
	background: #ededed;
}

.pre-chart-text {
	text-align: center;
}



@media ( min-width : 600px) {
	
	
	
	button {
		/* background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249, 249, 249, .9) 75%); */
		background: #fff;
		/*color: rgb(22, 107, 162);*/
		color: black;
		vertical-align: top;
		border-radius: 0px;
		font-weight: 300px;
		padding: 0 8px;
		border-color: black;
	}
	button:hover {
		background: black;
		color: white;
		border: 1px solid white;
	}
}



/*Bigger than a mobile device */
@media ( min-width : 600px) {
	


	.mobile-hide {
		display: none;
	}
	.match-details-event-own {
		color: #ff2882;
	}
	.match-details-event-yellow {
		color: #dbd637;
	}
	.match-details-event-red {
		color: #63130d;
	}
	.event-details-container {
		margin-bottom: 20px;
		padding-bottom: 1px;
		border-bottom: 1px solid #E1E1E1;
		margin-top: 15px;
	}
	.event-details-score {
		font-size: .8em;
	}

	/* FINAL TABLE */
	.homeleft, .awayleft, .finalleft {
		border-left: 1px solid black;
	}
	.away, .home {
		display: none;
	}
	@media ( min-width : 600px) {
		.home, .away {
			display: table-cell;
		}
	}
	.tablesorter-header {
		text-decoration: underline;
		cursor: pointer;
	}
	.sorter-false {
		text-decoration: none;
		cursor: default;
	}
	.second-header {
		font-weight: normal;
		text-align: center;
		font-size: .9em;
		font-style: italic;
	}
	.table-team {
		text-align: left !important;
		display: none;
	}
	.table-team-mobile {
		text-align: left !important;
		display: table-cell;
	}
	#FULL-TABLE {
		font-size: .8em;
		padding: 0;
		width: 100%;
		/* border: 1px solid black; */
	}
	
	#FULL-TABLE .table-team-logo {
		padding-left: 0px;
		padding-right: 0px;
		width: 3%;
		text-align:center;
	}
	
	#HEAD-TABLE {
		font-size: .8em;
		padding: 0;
		width: 100%;
		white-space: nowrap;
	}
	#HEAD-TABLE td, #HEAD-TABLE th {
		padding: 2px 2px;
		text-align: center;
		border: 1px solid #D3D3D3;
	}
	#MINI-TABLE {
		font-size: .8em;
	}
	@media ( min-width : 600px) {
		#MINI-TABLE {
			font-size: 1em;
		}
	}
	#MINI-TABLE td, #HEAD-TABLE th {
		padding: 2px 2px;
	}

	tr.table-row-champ td {
		border-bottom: 2px solid #899499;
		border-top: 2px solid #899499;
	}

	tr.table-row-europe-end td {
		border-bottom: 2px dashed #899499;
	}
	tr.table-row-europe2-end td {
		border-bottom: 2px dashed #899499;
	}
	tr.table-row-standard-start td {
		border-top: 2px solid #899499;
	}
	tr.table-row-relegation-start td {
		border-top: 2px solid #899499;
	}
	
	#MINI-TABLE .table-row-standard {
		background: none;
	}
	#MINI-TABLE .table-row-champ {
		/* background: #E1E1E1; */
		
	}	
	.reset-link {
		cursor: pointer;
		font-size: .8em;
		text-align: left;
		padding-right: 1%;
		color: #71797E;
	}
	.head-caption {
		font-size: .8em;
	}
	.max {
		color: #006100;
		background: #C6EFCE;
	}
	.min {
		color: #9C0006;
		background: #FFC7CE;
	}
	.empty-cell {
		background: #e9e9e9;
	}
	.muted {
		color: #e9e9e9;
	}
	.highlighted-row {
		border: 2px solid rgb(22, 107, 162);
		color: rgb(22, 107, 162);
	}
	.highlighted-column {
		border-left: 2px solid rgb(22, 107, 162) !important;
		border-right: 2px solid rgb(22, 107, 162) !important;
		color: rgb(22, 107, 162);
	}
	.highlighted-column-top-row {
		border-top: 2px solid rgb(22, 107, 162) !important;
	}
	.highlighted-column-bottom-row {
		border-bottom: 2px solid rgb(22, 107, 162) !important;
	}
	.spotlight {
		font-weight: bold;
		background: #E1ECF4;
	}
	
	
	/*Head to Head Table Styles */
	.head-team-row, .head-column-header {
		cursor: pointer;
	}
	
	#FULL-TABLE td, #FULL-TABLE th {
		padding: 4px 10px;
		text-align: right;
	}
	#FULL-TABLE th.table-team {
		text-align: center;
		display: table-cell;
	}
	@media ( min-width : 900px) {
		.table-team-mobile {
			display: none;
		}
		.table-team {
			display: table-cell;
			white-space: nowrap;
		}
	}
	#FULL-TABLE th.second-header {
		text-align: center;
	}

	/* Sub Navigation */
	.sub-nav {
		padding-bottom: 20px;
		font-size: .9em;
	}

		.sub-nav-link {
			display: inline-block;
		}
	.sub-nav-link-unselected {
		background: white;
		color: black;
		border: 1px solid black;
		padding: 5px;
		padding-right: 35px;
		margin-left: 7px;
		margin-top: 10px;
	}
	.sub-nav-link-unselected:hover {
		background: black;
		color: white;
		border: 1px solid black;
	}
	.sub-nav-link-current {
		
	}
	.sub-nav-label {
		font-weight: 500;
	}
	.sub-nav-link-current {
		border-bottom: 2px solid black;
		padding-bottom: 3px;
	}
	.sub-nav-link-current, .sub-nav-link-current .sub-nav-label {
		font-weight: 600;
	}
	.sub-nav-text {
		font-style: italic;
	}
	.sub-nav-link i {
		background: rgb(22, 107, 162);
	}
	.sub-menu {
		padding-bottom: 20px;
		font-size: .8em;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.sub-menu span {
		cursor: pointer;
		color: rgb(22, 107, 162);
	}
	.sub-menu span:hover {
		padding-bottom: 2px;
		border-bottom: 1px solid rgb(22, 107, 162);
	}
	.sub-menu .selected {
		/*
	font-size: 1em;
	font-weight: bold;
	color: rgb(22, 107, 162);
	*/
		font-size: 1em;
		font-weight: bold;
		color: black;
		padding-bottom: 2px;
		border-bottom: 2px solid black;
	}
	.sub-menu .selected:hover {
		font-size: 1em;
		font-weight: bold;
		color: black;
		padding-bottom: 2px;
		border-bottom: 2px solid black;
	}

	/* MATCH LISTING */
	.modal-matches {
		text-align: center;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid #E1E1E1;
	}
	@media ( min-width : 600px) {
		.modal-matches {
			width: 80%;
		}
	}
	.modal-matches table {
		width: 100%;
	}
	.table-logo {
		height: 25px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.match-details {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
		margin-top: 10px;
	}
	.match-details td {
		border: 0px;
	}
	.standings {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 1em;
	}
	.match-details-super {
		text-align: center;
		margin-bottom: 5px;
		width: 100%;
		float: left;
		font-size: .9em;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	@media ( min-width : 600px) {
		.match-details-super {
			font-size: 1em;
		}
	}
	.match-details-sub {
		text-align: center;
		font-size: .8em;
	}
	.match-score-digit {
		padding: 5px;
		color: rgb(22, 107, 162);
		font-size: 1.2em;
	}
	.match-team-left .match-details-minute {
		padding-left: 20px;
		font-size: .8em;
		color: gray;
	}
	.match-team-right .match-details-minute {
		padding-right: 20px;
		font-size: .8em;
		color: gray;
	}
	.match-details-player {
		font-size: .9em;
	}
	.match-details-event {
		font-size: .9em;
	}
	.match-date {
		
	}
	.match-team {
		font-size: 1.1em;
		width: 40%;
		float: left;
	}
	.match-team-left {
		text-align: right;
		display: flex;
		justify-content: right;
		align-items: center;
	}
	.match-team-right {
		text-align: left;
		display: flex;
		justify-content: leftt;
		align-items: center;
	}
	.match-score {
		display: inline-block;
		width: 20%;
		float: left;
	}

	
	/* JQUERY OVERRIDE */
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
		a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
	{
		/*border: 1px solid rgb(62, 107, 162) !important;*/
		/*background: rgb(22, 107, 162) !important;*/
		
		border:0px !important;
		background: none !important;
		color: #565656 !important;
		transition: color .5s, background .5s, height .5s !important;
		padding-bottom: 3px !important;
		
	}
	.ui-tabs-tab {
		/*background: rgb(22, 107, 162);*/
		background: none !important;
		border:0px !important;
	}
	
	.ui-widget {
	}
	
	.ui-helper-reset {
		font-size: .9em;
	}	
	
	.ui-tabs .ui-tabs-nav {
	
		display: flex !important;
  		justify-content: center !important;
  		list-style-type: none !important; 
  		padding: 0 !important; 
  		padding-bottom: 10px !important;
  	
  		box-shadow: none !important;
  		border-bottom: 1px solid #cac2c2 !important;
  }
  
  
  
  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  	color: black !important;
  	/* text-decoration: underline !important; */
  	
  	border-bottom: 3px solid black !important;
  	font-weight: 600 !important;
  	color: black !important;
  
  }
  
  .ui-tabs .ui-tabs-nav li
{
	
	display: list-item !important;
}
  
  
  .ui-tabs .ui-tabs-nav li a:hover {
  	color: black !important;
  	border-bottom: 2px solid black !important;
  }
	
	
	/* MODAL WINDOW STYLES */
	
	#modal {
		max-height: 500px;
		font-size: .9em;
		background: white;
	}
	#modal tr {
		font-size: 0.8em;
	}
	@media ( min-width : 600px) {
		#modal {
			font-size: 1em;
		}
	}
	.show-link {
		border: 0px;
		font-size: .8em;
		cursor: pointer;
	}
	.show-link td {
		border: 0px;
		text-align: center;
	}
	#change-city-select {
		height: 20px;
		padding: 0;
		margin: 0;
	}
	.click-more {
		font-size: .8em;
		font-weight: 300;
	}
	.goals-by-city-span {
		font-weight: 600;
	}
	#change-city-select {
		font-weight: 300;
	}

	/*Tables */
	.table-header-row {
		/* border: 1px solid black; */
		
	}
	.table-header-row-headers {
		background-color: #FFF !important;
	}
	.table-header-row-top th {
		border-top: 1px solid black;
	}
	.table-header-row-headers th {
		border-bottom: 1px solid black;
	}

	/* jquery override */
	.ui-tabs .ui-tabs-nav {
		background: none;
		border: none;
	}
	.ui-tabs .ui-tabs-nav li {
		border-radius: 5px;
		border-bottom-width: 1px;
	}
}