.leaflet-ruler {
  width: 35px;
  height: 35px;
  margin-right: 13px !important;
  padding: 6px;
  color: rgba(0,0,0,0.7);
  cursor: pointer;
  background-color: #fff;
}

.leaflet-ruler:hover {
  color: rgba(0,0,0,0.9);
}

.leaflet-ruler-clicked,
.leaflet-ruler-clicked:hover {
  color: rgba(211, 57, 40, 0.9);
}

.result-tooltip {
  background-color: white;
  border-width: medium;
  border-color: #b10000;
  font-size: smaller;
}

.moving-tooltip {
  background-color: rgba(255, 255, 255, .7);
  background-clip: padding-box;
  opacity: 0.5;
  border: dotted;
  border-color: #b10000;
  font-size: smaller;
}

.plus-length{
  padding-left: 55px;
}