/*
 * Leaflet Panel Layers v2.0.0 - 2022-04-21
 * 
 * Martin Brousseau
 *
 * Based on code from:
 * Copyright 2019 Stefano Cudini
 * stefano.cudini@gmail.com
 * http://labs.easyblog.it/
 *
 */

/* PANEL LAYERS */
.leaflet-panel-layers {
	/*width: 48px;*/
	overflow-x: hidden;
	overflow-y: auto;
	opacity: 90%;
}
	.leaflet-panel-layers .leaflet-panel-layers-group {
		height: 48px;
		width: 48px;
		background-color: rgba(59, 62, 69, 0.9);
		border-radius: 5px;
		display: block;
		margin-bottom: 1em;
		color: white;
		margin-left: auto;
		margin-right: 0;
		-webkit-transition: 0.25s;
		-moz-transition: 0.25s;
		/*-ms-transition: 0.25s;*/
		-o-transition: 0.25s;
		transition: 0.25s;
	}

	.leaflet-panel-layers .is-active {
		width: 325px;
		border-radius: 5px 5px 5px 0;
	}

	.leaflet-panel-layers .icon-active {
		margin-left: calc(325px - 1.5em) !important;
	}

	.leaflet-panel-layers .icon-inactive {
		margin-top: 0.5em;
		margin-left: 0.5em;
		-webkit-transition: 0.25s;
		-moz-transition: 0.25s;
		/*-ms-transition: 0.25s;*/
		-o-transition: 0.25s;
		transition: 0.25s;
	}

	.leaflet-panel-layers .container-active {
		width: calc(325px - 4.5em) !important;
	}

	.leaflet-panel-layers .container-inactive {
		-webkit-transition: 0.25s;
		-moz-transition: 0.25s;
		/*-ms-transition: 0.25s;*/
		-o-transition: 0.25s;
		transition: 0.25s;
		display: block;
		height: 0;
		min-height: 0;
		max-height: 0;
		width: 0;
		position: absolute;
		margin-top: 0.5em;
		background-color: rgba(59, 62, 69, 0.9);
		border-radius: 5px;
		/*text-align: center;*/
		padding-left: 1.25em;
	}

.panel-title {
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	top: -2em;
}

.panel-item {
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 2em;
	padding-left: 2.25em;
}
	.panel-item:hover {
		color: #228B22;
	}

	.panel-item-selected {
		padding-left: 1.5em;
	}