.leaflet-container {
	isolation: isolate;
}

/* LAYER CONTROL */
.leaflet-control-layers-group {
	margin-bottom: .5em;
}

.leaflet-control-layers-group .leaflet-control-layers-selector {
   margin-left: 10px;
}
.leaflet-control-layers-group-label {
   font-weight: bold;
}

.leaflet-control-layers-group-label img {
   margin-right: 3px;
   width: 12px;
}


.leaflet-control-layers-scrollbar {
   overflow-y: inherit;
}


.cmap-control-container {
	background-color: white;
	opacity: .75;
	border: 2px solid rgba(0, 0, 0, .2);
	border-radius: 5px;
	padding: .7em;
}

.cmap-control-header {
	display: flex;
	justify-content: space-between;
}

.cmap-control-container:not(.cmap-control-collapsed) .cmap-control-header {
	border-bottom: 1px solid lightgrey;
	margin-bottom: 3px;
}

.cmap-control-title {
	font-size: 1.1em;
	margin-right: .5em;
}

.cmap-control-header a.ui-icon {
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 2px;
	
}

.cmap-control-container:hover {
    opacity: 1;
}

.cmap-control-collapsed .cmap-control-content {
	display: none;
	padding: .3em;
}

.cmap-control-content {	
	overflow: auto; /* So content doesn't overrun */
}