.leaflet-hidden {
  display: none !important;
}

.leaflet-control-btnfilter a {
  background:rgba(255, 255, 255, 0.433) url(/../images/icons/mapa/filtro.png) no-repeat 50% 50%;
  width: 38px;
  height: 38px;
  display: block;
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 100%;
  }

.leaflet-control-btnfilter a:hover {
  background-color: #f4f4f4;
  }

  .leaflet-control-btnFiltro a {
    background:rgba(255, 255, 255, 0.433) url(/../images/icons/mapa/filtro.png) no-repeat 50% 50%;
    width: 38px;
    height: 38px;
    display: block;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 100%;
    }
  
  .leaflet-control-btnFiltro a:hover {
    background-color: #f4f4f4;
    }

.leaflet-control-btnRefresh a {
  background:rgba(255, 255, 255, 0.433) url(/../images/icons/mapa/refresh.png) no-repeat 50% 50%;
  width: 38px;
  height: 38px;
  display: block;
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 100%;
  }

.leaflet-control-btnRefresh a:hover {
  background-color: #f4f4f4;
  }

  .leaflet-control-btnReference a {
  background:rgba(255, 255, 255, 0.433) url(/../images/icons/mapa/map-pin.png) no-repeat 50% 50%;
  width: 38px;
  height: 38px;
  display: block;
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 100%;
  }

.leaflet-control-btnReference a:hover {
  background-color: #f4f4f4;
  }

  .leaflet-control-btnReference a.active{
    background-color: #f4f4f4;
    border: 1px solid #0B47C8;
  }

  .leaflet-control-btnPosition a {
    background:rgba(255, 255, 255, 0.286) url(/../images/icons/mapa/position.svg) no-repeat 50% 50%;
    width: 38px;
    height: 38px;
    display: block;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 100%;
   
    }

    .leaflet-control-btnPosition a.active{
      background-color: #f4f4f4;
      border: 1px solid #0B47C8;
    }
  
  .leaflet-control-btnPosition a:hover {
    background-color: #f4f4f4;
    }

    .leaflet-control-btnOpcaoRastreaveis a {
      background: rgb(255, 255, 255, 0.433);
      width: 38px;
      height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
      border-radius: 100%;
      text-align: center;
  }
  
  .leaflet-control-btnOpcaoRastreaveis-button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
  }
  
  .leaflet-control-btnOpcaoRastreaveis-button img {
      width: 20px;
      height: 20px;
      object-fit: contain;
  }
  
  .leaflet-control-options-box {
      background-color: white;
      border: 1px solid #ccc;
      border-radius: 4px;
      margin-top: 5px;
      padding: 10px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
      z-index: 1000;
      width: 150px;
      position: absolute;
      right: 40px;
      top: 0px;
  }
  
  .leaflet-hidden {
      display: none;
  }
  
  .leaflet-control-options-box ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
  }
  
  .leaflet-control-options-box ul li {
      margin-bottom: 8px;
  }
  
  .leaflet-control-btnOpcaoRastreaveis {
      position: relative;
  }

.leaflet-control-btnmeasure a {
  background:rgba(255, 255, 255, 0.433) url(/../images/icons/mapa/ruler.svg) no-repeat 50% 50%;
  width: 38px;
  height: 38px;
  display: block;
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 100%;
  }

.leaflet-control-btnmeasure a:hover {
  background-color: #f4f4f4;
  }

  .leaflet-control-btnmeasure a {
    background:rgba(255, 255, 255, 0.433) url(/../images/icons/mapa/ruler.svg) no-repeat 50% 50%;
    width: 38px;
    height: 38px;
    display: block;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 100%;
    }
  
  .leaflet-control-btnmeasure a:hover {
    background-color: #f4f4f4;
  }

.leaflet-control-btnmeasure a.active {
  border: 1px solid #0B47C8;
  background-color: #f4f4f4;
  box-sizing: border-box;
  border-radius: 50%;
}

@media
  (-webkit-min-device-pixel-ratio:2),
  (min-resolution:192dpi) {
    .leaflet-control-btnfilter a {
      background-image:url(/../images/icons/mapa/filtro.png);
    }
    .leaflet-control-btnFiltro a {
      background-image:url(/../images/icons/mapa/filtro.png);
    }
    .leaflet-control-btnRefresh a {
      background-image:url(/../images/icons/mapa/refresh.png);
    }
    .leaflet-control-btnReference a {
      background-image:url(/../images/icons/mapa/map-pin.png);
    }
    .leaflet-control-btnPosition a {
      background-image:url(/../images/icons/mapa/position.svg);
    }
    .leaflet-control-btnmeasure a {
      background-image:url(/../images/icons/mapa/ruler.svg);
    }
  }


