/* Balkendiagram Anmeldungen
=============================*/

	.chart {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		column-gap: 5px;
	}

	.chart_item {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		text-align: center;
	}

	.chart_value {
		font-size: 14px;
		margin-bottom: 4px;
	}

	.chart_bar {
		width: 100%;
		background: #163f66;
		border-radius: 3px;
		min-height: 5px;
	}

	.chart_time {
		color: #666;
		margin-top: 6px;
		text-align: center;
		  font-size: 9px;
	}

/* Guest-Selector
==================*/

	.guest-selector {
		margin-top: 15px;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		grid-gap: 10px;
	}

	.guest-selector:after {
		content: '';
		clear: both;
		display: table;
	}

	.guest-selector li {
		display: block;
		border: 1px solid #444444;
		font-size: 16px;
		padding: 10px;
		cursor: pointer;
		color: #444444;
		border-radius: 5px;
		text-align: center;
	}

	.guest-selector li.is-selected {
		background-color: #163f66;
		border: 1px solid #163f66;
		color: #FFFFFF;
	}