.mu_edit_bar{
	z-index: 1999;
}

.arb_panel{
    background-color: white;
    color:var(--dark);
}

.arb_panel_title{
    padding:1rem;
    margin:0;
}

.arb_panel_content{
    background-color: var(--neutral3);
    padding:1rem;
}

.butt,
.leaflet-container a.butt{
	border:1px solid var(--primary1);
	background-color: var(--primary1);
	color: white;
	cursor: pointer;
	display: flex;
	min-height: 34px;
	flex-direction: row;
	font-family: var(--heading-font);
	font-size:1rem;
	font-weight: 600;
	justify-content: center;
	align-items: center;
	padding: 6px 8px;
	gap: 0;
	text-decoration: none;
	text-transform: uppercase;
	transition:var(--transition);
	margin:1rem 0;
}

.grey_butt{
    margin-left:1rem;
    background-color: var(--neutral3);
	color:#65666f;/*var(--neutral5);*/
    border-color: #65666f;/*var(--neutral5);*/
}

.grey_butt .butt_icon{
	margin-right: 0;
	margin-left:0.5rem;
}

.butt_active{
	border:1px solid var(--primary1);
	background-color: var(--primary1);
	color: white;
}

.butt:hover,
.butt:focus,
.leaflet-container a.butt:hover,
.leaflet-container a.butt:focus{
	color:white;
	background-color: var(--dark);
	transition:var(--transition);
}

.butt_secondary{
	background-color: var(--neutral3);
	color:var(--neutral5);
}

.butt_secondary:hover{
	color:var(--neutral3);
	background-color: var(--dark);
}


.butt:focus{
	color:var(--dark);
	background-color: var(--neutral3);
	border-color: var(--dark);
}

.butt_container{
	margin-top:1.5rem;
	padding-bottom:0.5rem;
}

.butt_icon{
	width:24px;
	height:24px;
	display:flex;
	align-items: center;
	justify-content: center;
    margin-right: 0.5rem;
}

.butt_icon svg{
	width:100%;
	height: auto;
}

.butt_icon_fill_dark{
	fill:var(--secondary1);
}

.butt_icon_fill_accent{
	fill:var(--accent1);
}

.butt_icon_stroke_accent{
	stroke: var(--accent1);
	transition:var(--transition);
}


.stroke_white{
	stroke: white;
}

.fill_white{
	fill: white;
}

.butt_icon_stroke_dark{
	stroke: var(--secondary1);
	transition:var(--transition);
}

.butt:focus .stroke_white{
	stroke: var(--dark);
}

.butt:focus .fill_white{
	fill: var(--dark);
}

.butt:hover .butt_icon_fill_dark{
	fill:var(--accent);
	transition:var(--transition);
}

.butt:hover .butt_icon_stroke_dark{
	stroke:var(--accent);
	transition:var(--transition);
}


.toggle{
    display: flex;
    width:40px;
    height:20px;
    position: relative;
    background-color:white;
    border:0;
    line-height:0;
    cursor:pointer;
    padding:0;
}


.toggle:before{
    content: '';
    position:absolute;
    top:2px;
    width:36px;
    height:16px;
    background: white;
    border: 1px solid var(--neutral5);
    border-radius: 8px;
}

.map_cat:hover .toggle:before,
.map_cat:hover .toggle::focus:before{
    background: var(--primary2);
}

.tog_switch{
    height: 18px;
    width: 18px;
    border:1px solid var(--neutral5);
    border-radius: 50%;
	background-color:var(--neutral5);
    z-index: 1;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
    position: absolute;
    left:0;
    top:2px;
    transition:var(--transition);
}

.map_cat_active .tog_switch{
    left:20px;
    transition:var(--transition);
    background-color:white;
	border-color: var(--primary1);
}

.map_cat_active .toggle:before{
    background: var(--primary1);
}