#popup-map .close {
  top: 5px;
  right: 5px;
}
.leaflet-control-zoom {
  display: inline-flex;
  padding: 10px 5px;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  border-radius: 200px;
  background: var(--off-black);
}
.leaflet-bar {
  border: 0 !important;
}
.leaflet-bar a.leaflet-disabled {
  background-color: var(--off-black);
  color: var(--light-grey);
}
.leaflet-bar a {
  background-color: var(--off-black);
  border: 0;
  color: var(--white);
}
.leaflet-bar a:hover, .leaflet-bar a:focus {
  background-color: var(--off-black);
}
.leaflet-popup-content-wrapper, .leaflet-popup-content {
  background: var(--hidden);
  border: 0px;
  box-shadow: none;
  margin: 0;
}
.leaflet-popup-tip {
  background-color: var(--off-black);
}
.leaflet-popup-close-button {
  visibility: hidden;
}
img.leaflet-marker-icon {
  background-color: var(--red);
  border-radius: 20px;
  padding: 2px !important;
}
.marker-indirizzo-selezionato{
  background-color: var(--blue) !important;  
}
.leaflet-control-layers {
  display: inline-flex;
  height: 49px;
  padding: 8px 24px 8px 10px;
  align-items: center;
  gap: 25px;
  flex-shrink: 0;
  border-radius: 200px;
  background-color: var(--black);
  color: var(--white);
  border: 0;
}
.leaflet-control-layers-overlays {
  display: flex;
  align-items: center;
  gap: 8px;
}
.leaflet-control-layers-selector {
  display: none;
}
.leaflet-control-layers-overlays span {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.leaflet-control-layers-overlays img {
  padding: 3px;
}
.leaflet-control-locate {
  display: inline-flex;
  padding: 5px;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  border-radius: 200px;
  background: var(--off-black);
}
.leaflet-control-locate a .leaflet-control-locate-location-arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuMzMzIDE2LjQzOGEzLjkzNyAzLjkzNyAwIDEgMCAwLTcuODc1IDMuOTM3IDMuOTM3IDAgMCAwIDAgNy44NzR6bS45ODUtMTMuNDU0YS45ODQuOTg0IDAgMSAwLTEuOTY5IDB2MS43MDFhNy44NzkgNy44NzkgMCAwIDAtNi44MyA2LjgzSDMuODE4YS45ODQuOTg0IDAgMSAwIDAgMS45N2gxLjdhNy44OCA3Ljg4IDAgMCAwIDYuODMxIDYuODN2MS43YS45ODQuOTg0IDAgMSAwIDEuOTY5IDB2LTEuN2E3Ljg3OSA3Ljg3OSAwIDAgMCA2LjgzLTYuODNoMS43MDFhLjk4NC45ODQgMCAxIDAgMC0xLjk3aC0xLjcwMWE3Ljg3OCA3Ljg3OCAwIDAgMC02LjgzLTYuODN2LTEuN3ptLS45ODUgMTUuNDIyYTUuOTA3IDUuOTA3IDAgMSAxIDAtMTEuODE0IDUuOTA3IDUuOTA3IDAgMCAxIDAgMTEuODE0eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
  background-position: center;
  background-repeat: no-repeat;
}

.escort-map {
  display: flex;
  width: 370px;
  height: 138px;
  align-items: center;
  gap: 8px;
  position: relative;
  background-color: var(--off-black);
  border-radius: 8px;
}
.photo-map {
  position: relative;
  align-self: stretch;
  width: 112px;
  border-radius: 8px 0 0 8px;
}

.info-map {
  display: flex;
  flex-direction: column;
  width: 145px;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  padding: 6px 8px;
  position: relative;
  align-self: stretch;
  color: var(--white);
}
.indicazioni-map {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 6px 8px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}
.line-map {
  height: 100px;
  border-left: 1px solid var(--dark-grey);
}
.escort-map .close {
  position: absolute;
  top: 2px;
  right: 2px;
}