.ol-control.layer-switcher * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.layer-switcher {
	right: 0.25em;
}
.layer-switcher.shown .panel {
	max-height: 80vh;
	overflow-y: auto;
}

.layer-switcher .panel ul {
	padding-left: 0px;
}

.layer-switcher .panel > ul {
	padding-left: 4px;
}

.layer-switcher input {
	margin : 0px 2px;
}

.layer-switcher ul {
	margin: 0;
}

.layer-switcher li.group{
	font-weight: bolder;
}

.layer-switcher li label{
    display: inline-grid;
}

/* button style and color */

.ol-control.layer-switcher button {
	width:25px;
	height:25px;
	background-color:#111111;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFySURBVDiNpdQ/TFRBEMfx5UwQT45ABRRgAjGRxEZtKbGkpKWDSkLBH1u6szOWtpS00NFqh4nkQkLAaEcjIUAsPBL4ULx9ufXuHXfIJFu82Z3v7Jv5zYbQwVDGIvbxHQt40inuLuAoNvBbq53jE57dB/gGm7gqADbbNbYx0w7Wizl87QLWzr7FkvXl0HWcPADYbCdYK4UQXoUQhv+7Ga02HEJ4nd96Ah9w9oCbXuIzXhTVul9Wp4N7AH/gPQabYb9knX2LnugrYSb6b9oAv8ga/ijG9ETGDn4GjGjo9QjLeJokfi7T7B/8lUnxZbL/GPOoaeh7PBQc2FcwABjCUPKdD9ApDuOFyimwilmUEt80tlDXNAAaA1THboxNSziLasCqTHvHMetAApnER1xgL66L6JtMzg3E2OPIWsk30snLZTOVBFawhHeoJP5Upv9OXoHk2v5qN6XqaBiL9T+NHV+IqxZ9VYx1DSxIkL/HtSRBx/f4FvHSYL/VbaLYAAAAAElFTkSuQmCC');
}

.layer-switcher.shown button {
    display: block;
}

.ol-control.layer-switcher button:hover {
    background-color: rgba(0,60,136,.7);
}

.layer-switcher button:focus {
	background-color:#111111;
}