.leaflet-control-measure {
background-color: #FFFFFF;
}
.leaflet-measure-toggle {
background-size: 20px 20px;
border: 0;
border-radius: 4px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
box-shadow: none;
border-radius: 4px;
}
.leaflet-measure-toggle-line {
background-image: url('data:image/svg+xml;utf8,');
}
.leaflet-measure-toggle-track {
background-image: url('data:image/svg+xml;utf8,');
}
.leaflet-measure-contents {
padding: 10px;
display: none;
}
.leaflet-control-measure h3 {
margin: 0;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
}
.leaflet-measure-actions {
display: inline-block;
margin: 0 3px 0 0;
padding: 5px 0 0;
text-align: right;
list-style: none;
list-style-image: none;
}
.leaflet-measure-actions a.start {
width: 30px;
height: 30px;
border: 0;
background-position: 5px 50%;
background-size: 14px 14px;
opacity: .5;
text-decoration: none;
}
.leaflet-measure-actions a.start:hover {
opacity: 1;
}
.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;
cursor: pointer;
}
.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;
}
.leaflet-measure-lable .close .icon {
width: 15px;
height: 15px;
top: 2px;
position: relative;
}
.leaflet-measure-lable .resume, .leaflet-measure-lable .export {
width: 12px;
height: 12px;
display: inline-block;
margin-left: 8px;
}
.leaflet-measure-lable .export { margin-left: 5px }