.leaflet-control-measure {
background-color: #FFFFFF;
}
.leaflet-measure-toggle {
background-size: 20px 20px;
background-image: url('data:image/svg+xml;utf8,');
border: 0;
border-radius: 4px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
box-shadow: none;
border-radius: 4px;
}
.leaflet-measure-contents {
padding: 10px;
display: none;
}
.leaflet-control-measure h3 {
text-align: center;
margin: 0;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
}
.leaflet-measure-actions {
margin: 0;
padding: 5px 0 0;
text-align: right;
list-style: none;
list-style-image: none;
}
.leaflet-control-measure a.start {
display: block;
width: auto;
padding: 0 5px 0 25px;
border: 0;
text-align: left;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 5px 50%;
background-size: 14px 14px;
background-color: transparent;
text-decoration: none;
}
.leaflet-control-measure a.start.line {
background-image: url('data:image/svg+xml;utf8,');
}
.leaflet-control-measure a.start:hover {
opacity: .5;
background-color: transparent;
}
.leaflet-measure-expanded .leaflet-measure-contents {
display: block;
}
.leaflet-measure-map {
cursor: crosshair !important;
}
.leaflet-measure-lable {
padding: 1px 7px;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
border-radius: 4px;
white-space: nowrap;
display: inline-block;
position: absolute;
touch-action: none;
user-select: none;
-webkit-user-select:none;
}
.leaflet-measure-lable .content {
width: auto;
display: inline-block;
}
.leaflet-measure-lable .close {
width: 15px;
height: 15px;
position: relative !important;
top: 0px !important;
left: 5px !important;
cursor: pointer;
}
.leaflet-measure-lable .close .icon {
width: 15px;
height: 15px;
cursor: pointer;
top: 2px;
position: relative;
}