table {
	width: 95%; margin: auto;
	border-collapse: collapse;
	max-width: 1000px;
}
tr {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
td {
	padding: 3px 1px 3px 1px;
	text-align: center;
}

.table-row-odd {
	background-color: #282828;
}
.table-row-even {
	background-color: #505050;
}
.table-row-head {
	background-color: #03912a;
	color: white;
	font-weight: bold;
	text-align: center;
}
.table-row-separator {
	/*used fo split multiple days in match table*/
	border: 0px;
	height: 2ex;
	background-color: #7a7a7a;
}
.table-row-highlight {
	/*active match*/
	background-color: orange;
}
.table-row-entertainment {
	background: linear-gradient(to right, #ed6a4a, #ce2521);
	font-weight: bold;
}

.table-container {
	/*used for positioning of group tables*/
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: space-between;
}

@media (max-width: 820px) {
	.td-wide {
		display: none;
	}
	.td-small {
		display: table-cell;
	}
}
@media (min-width: 821px) {
	.td-wide {
		display: table-cell;

	}
	.td-small {
		display: none;
	}
}