body {
	margin: 0;
	font-family: var(--common-font, sans-serif);
	height: 100%;
	overflow-y: hidden;
}

table {
	border-spacing: 0;
	text-align: left;
	width: 100%;
}

.header {
	height: 3em;
	background: var(--hdr-color);
}

.time {
	width: 90px;
}

.location {
	width: 55px;
	padding-right: 2em;
}

th {
	color: var(--hdr-txt-color);
	padding: .7em 0 .7em 1.1em;
	font-size: 1.2em;
}

th.tid {
	color: var(--hdr-txt-color);
	padding: .7em 0 .7em 1.1em;
	font-size: 1.2em;
	width: 16%;
}

th.aktiviteter {
	color: var(--hdr-txt-color);
	padding: .7em 0 .7em 1.1em;
	font-size: 1.2em;
	width: 35%;
}

th.omkl-hjem {
	color: var(--hdr-txt-color);
	padding: .7em 0 .7em 1.1em;
	font-size: 1.2em;
	width: 8%;
}

th.omkl-ude {
	color: var(--hdr-txt-color);
	padding: .7em 0 .7em 1.1em;
	font-size: 1.2em;
	width: 8%;
}

th.omkl-dom {
	color: var(--hdr-txt-color);
	padding: .7em 0 .7em 1.1em;
	font-size: 1.2em;
	width: 8%;
}

th.sted {
	color: var(--hdr-txt-color);
	padding: .7em 0 .7em 1.1em;
	font-size: 1.2em;
	width: 20%;
}

td {
	line-height: 1.8em;
	padding: .6em .7em .6em 1.5em;
}

tr {
	background: var(--row-color-one);
	color: var(--txt-color);
	font-size: .9em;
}

tr:nth-child(even) {
	background: var(--row-color-two);
}

.first-row {
	width: 105px !important;
}

.date {
	display: inline-block;
	float: right;
	padding: 0 .7em;
	color: var(--date-color);
}

.watch-time {
	padding-left: 10px;
}