.leaflet-control-layers-toggle .leaflet-layerstree-named-toggle {
    /* margin: 2px 5px; */
    width: auto;
    height: auto;
    background-image: none;
}

.leaflet-layerstree-node {
    /* background-color: blue; */
    /* margin-top:4px ;
    margin-bottom:4px ; */
    /* border: 1px solid; */
}

.leaflet-layerstree-header input[type=checkbox] {
    margin-left: 0px;
    border-radius: 3px;
}
.leaflet-layerstree-header input:checked {
    background-color: #3F3B70;
}


/* node items */
.leaflet-layerstree-children .leaflet-layerstree-node .leaflet-layerstree-header-pointer .leaflet-layerstree-header-label {
    display: flex;
    align-items: center;
    gap:4px;
    margin-left: 8px;
    
    /* background-color: red; */

}
.leaflet-layerstree-children .leaflet-layerstree-node .leaflet-layerstree-header-pointer .leaflet-layerstree-header-label .leaflet-layerstree-header-name {
    font-weight: bolder;
    font-size:medium;
    
    /* background-color: red; */

}

.leaflet-layerstree-header-pointer {
    cursor: pointer;
    display: block;
    align-items: center;
    /* background-color: aqua; */
}

.leaflet-layerstree-header label {
    display: flex;
    cursor: pointer;
    align-items: center;
    /* background-color: red; */
    
    

}

.leaflet-layerstree-header-label {
    /* background-color: red; */
    /* display: flex;
    align-items: center; */
    


}

.leaflet-layerstree-header-name {

}

.leaflet-layerstree-header-space {}

.leaflet-layerstree-children  {
    padding-left: 28px;
    margin-top: 5px;
    margin-bottom: 5px;
    /* background-color: blueviolet; */
   


}
.leaflet-layerstree-children .leaflet-layerstree-node .leaflet-layerstree-header-pointer span  {
 
    /* background-color: chartreuse; */
    /* border: 2px solid black;
    border-style:dashed */


}

.leaflet-layerstree-children .leaflet-layerstree-children .leaflet-layerstree-header-label {
   
    display: flex;
    align-items: center;
    gap:4px

}

/* children items */
.leaflet-layerstree-children .leaflet-layerstree-children .leaflet-layerstree-header-label span {
   
    display: flex;
    align-items: center;
    /* background-color: aqua; */
}
.leaflet-layerstree-children-nopad {
    padding-left: 0px;
}

.leaflet-layerstree-closed {}

.leaflet-layerstree-opened {}

.leaflet-layerstree-hide {
    display: none;
}

.leaflet-layerstree-nevershow {
    display: none;
}

.leaflet-layerstree-expand-collapse {
    cursor: pointer;
}
.leaflet-control-layers-selector {
    margin-top: 0px;
    position: relative;
    top: -2px;
}