.leaflet-pm-toolbar .leaflet-buttons-control-button {
    padding: 3px;
    box-sizing: border-box;
}

.leaflet-pm-toolbar .control-icon {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: .8;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.leaflet-pm-toolbar .icon-marker {
    background-image: url("/img/leaflet.pm/assets/icons/marker.png");
}

.leaflet-pm-toolbar .icon-polygon {
    background-image: url("/img/leaflet.pm/assets/icons/draw.png");
}

.leaflet-pm-toolbar .icon-polyline {
    background-image: url("/img/leaflet.pm/assets/icons/line.png");
    background-size: 80%;
}

.leaflet-pm-toolbar .icon-drag {
    /*background-image: url('/img/leaflet.pm/assets/icons/drag.png');*/
}

.leaflet-pm-toolbar .icon-delete {
    background-image: url("/img/leaflet.pm/assets/icons/remove.png");
    background-size: 70%;
}

.leaflet-pm-toolbar .icon-edit {
    background-image: url("/img/leaflet.pm/assets/icons/edit.png");
    background-size: 80%;
    background-position: 4px center;
}

.leaflet-buttons-control-button:hover {
    cursor: pointer;
    background-color: #f4f4f4;
}

.leaflet-buttons-control-button.active {
    background-color: #f4f4f4;
}

.leaflet-buttons-control-button.active > .control-icon {
    opacity: .5;
}

.leaflet-buttons-control-text-hide {
    display: none;
}

.marker-icon,
.marker-icon:focus {
    background-color: #ffffff;
    border: 1px solid #3388FF;
    border-radius: 50%;
    margin: -8px 0 0 -8px !important;
    width: 14px !important;
    height: 14px !important;
    outline: 0;
    transition: opacity ease .3s;
}

.marker-icon-middle,
.marker-icon-middle:focus {
    opacity: .7;
    margin: -6px 0 0 -6px !important;
    width: 10px !important;
    height: 10px !important;
}

.leaflet-pm-draggable {
    cursor: move !important;
}