#flyover-control {
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	overflow: hidden;

	width: 32em;
	height: 80px;

	background-color: #525066;
}

#flyover-control button {
	display: block;
	width: 40px;
	height: 100%;

	border-radius: 0;
	background-color: #53bf36;
}

#flyover-control img {
	height: 25px;
	margin-top: 5px;
}
#flyover-control button:hover img {
	height: 28px;
	margin-top: 5px;
}

#flyover-control figure {
	margin: 0;
	padding: 0;
	flex-grow: 2;
	height: 100%;
}

#flyover-control svg {
	height: 100%;
	width: 100%;
}

#flyover-control figure g.route-elevation {
	width: 100%;
	height: 100%;

	stroke: #ffffff;
	stroke-width: 3px;
	fill: none;
}
#flyover-control figure g.route-elevation .stop-begin {
	stop-color: #828091;
}

#flyover-control figure g.route-elevation .stop-end {
	stop-color: #525066;
}


#flyover-control figure g.route-elevation polygon {
	filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.1));
}

#flyover-control figure g.route-decoration line {
	stroke-width: 10px;
	fill: none;
}

#flyover-control figure g.scrubber {
	stroke: #3bb2d0;
	stroke-width: 5px;
	fill: none;
	cursor: col-resize;
	filter: drop-shadow(0px 0 1px rgba(0, 0, 0, 0.5));
}
#flyover-control figure g.scrubber:hover {
	stroke-width: 9px;
}