/* control positioning */

.mbui-control-container {
	z-index: 1000;
}

.mbui-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.mbui-top,
.mbui-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.mbui-top {
	top: 0;
	}
.mbui-right {
	right: 0;
	}
.mbui-bottom {
	bottom: 0;
	}
.mbui-left {
	left: 0;
	}
.mbui-control {
	float: left;
	clear: both;
	}
.mbui-right .mbui-control {
	float: right;
	}
.mbui-top .mbui-control {
	margin-top: 10px;
	}
.mbui-bottom .mbui-control {
	margin-bottom: 10px;
	}
.mbui-left .mbui-control {
	margin-left: 10px;
	}
.mbui-right .mbui-control {
	margin-right: 10px;
	}

/* goes before layers control */

.mbui-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
}

.mbui-control-layers-toggle {
	background-image: url(https://unpkg.com/leaflet@1.9.3/dist/images/layers.png);
	width: 36px;
	height: 36px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.mbui-control-layers-toggle {
		background-image: url(https://unpkg.com/leaflet@1.9.3/dist/images/layers-2x.png);
		background-size: 26px 26px;
	}			
}

/* layers control */

.mbui-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.mbui-touch .mbui-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.mbui-control-layers .mbui-control-layers-list,
.mbui-control-layers-expanded .mbui-control-layers-toggle {
	display: none;
	}
.mbui-control-layers-expanded .mbui-control-layers-list {
	display: block;
	position: relative;
}
.mbui-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.mbui-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.mbui-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.mbui-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.mbui-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
}

/* This is confusing in the context of NUKEMAP */
.mapbox-improve-map { 
	display: none;
}