#overview-head
{
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 2px solid;
}

#overview-hint
{
	text-align: center;
	font-weight: bold;
}

#overview-body
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

#overview-body #overview-pane-left
{
	flex-grow: 0;
	flex-shrink: 1;
}

#overview-body #overview-pane-right
{
	flex-grow: 1;
	flex-shrink: 1;
}

#overview.overview-compact #overview-pane-left {flex-basis: 25%;}
#overview.overview-compact #overview-pane-right {flex-basis: 75%;}
#overview.overview-compact #overview-pane-right-listview {}
#overview.overview-compact #overview-pane-right-weekview {display: none;}

#overview:not(.overview-compact) #overview-pane-left {flex-basis: 12.5%;}
#overview:not(.overview-compact) #overview-pane-right {flex-basis: 87.5%;}
#overview:not(.overview-compact) #overview-pane-right-listview {display: none;}
#overview:not(.overview-compact) #overview-pane-right-weekview {}
