.box-loader {
  -webkit-animation: loading 2s cubic-bezier(.76,.42,.71,.91) infinite;
  animation: loading 2s cubic-bezier(.76,.42,.71,.91) infinite;
  animation-direction: alternate;
  background-color: rgb(230, 230, 230);
  width: 100%;
  height: 100%;
  z-index: 1;
}

@keyframes loading {
  0% { background-color: rgb(213, 209, 218) }
  100% { backgronud-color: rgb(232, 231, 241) }
}

.leaflet-popup-content {
  margin: 0 !important;
}

.loading-map {
  z-index:1000;
  /*transition: opacity 0.5s linear;*/
}
.loader-small {
  border: 8px solid #2d513500;
  -webkit-animation: spin 1s cubic-bezier(.76,.42,.71,.91) infinite;
  animation: spin 1s cubic-bezier(.76,.42,.71,.91) infinite;
  border-top: 8px solid #d75f00;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.middle-center-map {
  margin: 0;
  position: absolute;
  top: calc(450px/2);
  left: 48%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.map-popup p {
  margin: 0.5em 0;
}

.map-popup p.mt-0 {
  margin-top: 0;
}

.map-popup a {
  color: #d75f00;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.2em;
}

.map-popup .fw-800 {
  font-weight: 800;
}

.leaflet-popup-close-button {
  top: 4px !important;
  right: 4px !important;
}

.leaflet-tooltip-left-column {
  width: 50px;
  word-break: break-all;
}

.leaflet-tooltip-left-column a {
  text-decoration: none !important;
}

.leaflet-tooltip-right-column {
  box-sizing: border-box; width: 180px;
}

.leaflet-comerciant-img {
  display: block;
  height: 50px;
  background-size: cover;
}