.leaflet-ruler{
  height: 35px;
  width: 35px;
  background-image: url("../img/icon.png"); 
  background-repeat: no-repeat;
  background-position: center;
}
.leaflet-ruler:hover{
  background-image: url("../img/icon-colored.png");
}
.leaflet-ruler-clicked{
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/icon-colored.png");
  border-color: chartreuse !important;
}
.leaflet-bar{
  background-color: #ffffff;
}
.leaflet-control {
  cursor: pointer;
}
.result-tooltip{
    font: 10px Arial, Helvetica, sans-serif;
    line-height: 10px;
	background-color: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
	box-shadow: 1px 1px 4px #888;
	margin: 0;
	padding: 2px;
	width: auto !important;
	height: auto !important;
	white-space: nowrap;
    text-align: left;
  
}
.moving-tooltip{
  font: 10px Arial, Helvetica, sans-serif;
    line-height: 10px;
	background-color: rgba(0, 150, 255, 0.3);
    border-radius: 3px;
	box-shadow: 1px 1px 4px #888;
	margin: 0;
	padding: 2px;
	width: auto !important;
	height: auto !important;
	white-space: nowrap;
    text-align: left;
}
.plus-length{
  padding-left: 45px;
}