.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;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

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

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

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

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

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

.leaflet-pm-toolbar .icon-edit {
  background-image: url("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;
}