.sidebar {
	flex: 1;
	min-width: 250px;
	background-color: #D99E6A;
	overflow-y: scroll;
	height: calc(100vh - 50px)
}

#map {
	flex: 3;
}

.navbar {
	padding: 5px 20px;
}

/* Accordian Description formatting */
.description {
	font-size: 12px;
}

.layers {
	padding: 10px 0px;
	font-size: 12px;
}

.layers input {
	margin: 0 5px;
}

.sliders {
	width: 100% !important;
}

/* Emphasise disabled/missing list items */
.list-group-item.disabled,
.list-group-item:disabled {
	color: #acbfd0;
}

.OSD {
	width: 80vw;
	height: 80vh;
	border: solid;
}

.subtitle {
	font-style: italic;
	font-size: 10px;
	color: #a0a0a0;
	margin-bottom: 0;
}

.loader,
.loader:before,
.loader:after {
	background: #000000;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 1em;
	height: 4em;
}

.loader-cont {
	position: fixed;
	top: 50%;
	left: 50%;
}

.loader {
	z-index: 9999;
	color: #000000;
	text-indent: -9999em;
	margin: 88px auto;
	position: relative;
	font-size: 11px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

.loader:before,
.loader:after {
	position: absolute;
	top: 0;
	content: '';
}

.loader:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.loader:after {
	left: 1.5em;
}

@-webkit-keyframes load1 {

	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}

	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}

@keyframes load1 {

	0%,
	80%,
	100% {
		box-shadow: 0 0;
		height: 4em;
	}

	40% {
		box-shadow: 0 -2em;
		height: 5em;
	}
}