/* Compatible with Leaflet 0.7 */
.leaflet-control-locate a {
  font-size: 1.4em;
  color: #444;
  cursor: pointer;
}
.leaflet-control-locate.active a {
  color: #2074b6;
}
.leaflet-control-locate.active.following a {
  color: #fc8428;
}

.leaflet-control-locate-location circle {
  animation: leaflet-control-locate-throb 4s ease infinite;
}

@keyframes leaflet-control-locate-throb {
  0% {
    stroke-width: 1;
  }
  50% {
    stroke-width: 3;
    transform: scale(0.8, 0.8);
  }
  100% {
    stroke-width: 1;
  }
}

/*# sourceMappingURL=L.Control.Locate.css.map */

.leaflet-ruler{
    /* this is your text. You can also use UTF-8 character codes as I do here */
  
  height: 35px;
  width: 35px;
  color: black;
  /* background-image: url("../dist/icon.png"); 
  background-repeat: no-repeat;
  background-position: center;*/
}

.leaflet-ruler:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f545";
  font-size: 2em;
  position:absolute;
  top:0;
}
.leaflet-ruler:hover{
  cursor: pointer;
  /*color: #007bff;
background-image: url("../dist/icon-colored.png"); */
}
.leaflet-ruler-clicked{
  color: transparent;
}

.icon-transparente{
  color: transparent;
}
.leaflet-control {
  cursor: pointer;
}
.result-tooltip{
  background-color: white;
  border-width: medium;
  border-color: #de0000;
  font-size: medium;
}
.moving-tooltip{
  background-color: rgba(255, 255, 255, .7);
  background-clip: padding-box;
  opacity: 0.5;
  border: solid;
  border-color: red;
  font-size: medium;
}
.plus-length{
  padding-left: 45px;
}