.#{$theme}.leaflet-control.elevation {

	.background {
		//background-color: $background;
		//@include rounded(3px);
		margin: 6px 0 -12px;
	}

	.axis path,
	.axis line {
		fill: none;
		stroke: $axis-color;
		stroke-width: $stroke-width-axis;
	}

	//.mouse-focus-label-y,
	.mouse-focus-label-x {
		text-anchor: middle;
	}
	.mouse-drag{
		fill: $drag-color;
	}

	.elevation-toggle {
		cursor: pointer;
		width: 44px;
		height: 44px;
		color: #CCC;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
	}

	.area {
		fill: $base-color;
		@include drop-shadow(0.6);
	}

	.mouse-focus-line {
		pointer-events: none;
		stroke-width: $stroke-width-mouse-focus;
		stroke: $stroke-color;
	}
}

.#{$theme}.height-focus{
	stroke: $base-color;
	fill: $base-color;
}

.#{$theme}.height-focus.line{
	pointer-events: none;
	stroke-width: $stroke-width-height-focus;
}

.#{$theme}.height-focus-label{
	text-anchor: middle;
	fill: $base-color;
}

.#{$theme}.height-focus.circle-lower {

}