@font-face {
  font-family: "Dapper Regular";
  src: url(https://s3.amazonaws.com/assets.arteba.org/feria2023/mapa/font/NTDapper-Regular.otf);
}
@font-face {
  font-family: "Dapper Bold";
  src: url(https://s3.amazonaws.com/assets.arteba.org/feria2023/mapa/font/NTDapper-Bold.otf);
}

.rosa:active,
.rosa:hover {
  background-color: #ffc0e0;
  color: #000000;
}

.verde:active,
.verde:hover {
  background-color: #d7e9cf;
  color: #000000;
}

.celeste:active,
.celeste:hover {
  background-color: #c8d9f1;
  color: #000000;
}

.amarillo:active,
.amarillo:hover {
  background-color: #fff15b;
  color: #000000;
}

.violeta:active,
.violeta:hover {
  background-color: #d2c5e2;
  color: #000000;
}

.Negro:active,
.Negro:hover {
  background-color: #ccc;
  color: #000000;
}

.list-group button {
  border: 0 none;
}

.leaflet-popup-content {
  font-family: "Dapper Bold";
  font-size: 16px;
  text-align: center;
}

.leaflet-popup-close-button {
  display: none;
}

#preloader {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 999;
  overflow: visible;
  background: #fff
    url(https://s3.amazonaws.com/assets.arteba.org/feria2023/mapa/splash.PNG)
    no-repeat center center;
  background-size: contain;
}

#loader {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 99999;
  overflow: visible;
  background: #fff
    url(https://s3.amazonaws.com/assets.arteba.org/feria2023/mapa/loader.gif)
    no-repeat center center;
}