body {
	font-family: agenda, sans-serif;
	color:#222;
	font-weight:300;
}
h1 {
	font-weight: 300;
}

#container {
	width:100%;
}

.ta-left {
	text-align:left !important;
}

.leaguetable {
	display:block;
	position: relative;
	margin:0 auto;
}
table {
	width:100%;
	border-collapse:collapse;
	transition:0.8s width;
	border-radius: 3px;
}

table tr {
	background:#f3f3f3;
}

table tr:nth-child(odd) {
	background:#ccc;
}

.table-header {
	background:#222 !important;
	color:#fff;
	text-transform: uppercase;
	font-weight: 300;
}

table tr th {
	padding:8px;
}

table tr td {
	margin:0;
	padding:8px;
	border:none;
	text-align:center;
}

.flag {
	width:20px;
	height:auto;
	margin-right: 5px;
	display:inline !important;
}

.game {
/*	display:grid;
	grid-template-columns: 1fr 30px 1fr;*/
	min-height:2em;
	align-items: center;
	margin-bottom:0.5em;
}

table#livescores {
	font-size:1.4em;
}

.game.ended {
	background-color:#f3f3f3;
	color:#999;
}
.game > .player1 {
	/*text-align:right;*/
}
.game .separator {
	text-align: center;
}

.matchstats {
	display:none !important;
}

#controls {
	text-align:center;
	margin-top:2em;
}
#controls button {
	background:#222;
	color:#fff;
	margin:1em;
	padding:1em;
	width:10em;
	border:0;
}

#scores-modal {
	display:block;
	position:fixed;
	width:40%;
	min-width: 500px;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	display: none;
	z-index:999;
	-webkit-box-shadow: 15px 15px 19px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 15px 15px 19px -2px rgba(0,0,0,0.75);
	box-shadow: 15px 15px 19px -2px rgba(0,0,0,0.75);
}

#scores-modal-close {
	position:absolute;
	top:0;
	right:0;
	height:35px;
	width:35px;
	line-height:35px;
	font-size:25px;
	font-weight: bold;
	text-align:center;
	background:#fff;
	border: 3px solid #333;
	border-radius:50%;
	z-index: 1000;
	transform: translate(50%,-50%);
	cursor:pointer;
}