:root {
  --vz-vertical-menu-bg: #313b84 !important;
  --vz-vertical-menu-border: #313b84 !important;

  --primary-color: #313b84;
  --seconday-color: #00bed6;
}

/* Menú lateral */
.navbar-brand-box {
  margin: 15px 0px 0px 0px;
}

[data-sidebar-size="sm"] .navbar-brand-box {
  margin-top: 0;
}

/* Login - Password recovery */
.auth-bg-cover {
  background: linear-gradient(-45deg, #313b84 50%, #00bed6);
}
.backhome {
  padding: 20px !important;
}
.politicasContainer {
  padding: 5px !important;
  display: flex;
  justify-content: center;
}
.politicasContainer > a {
  padding: 10px !important;
}
.bg-overlay {
  position: static;
}

.auth-one-bg {
  background-image: url(/build/images/bg-login.jpg);
  /* background-image: url(/build/images/login_background.jpg); */
}

.auth-one-bg .bg-overlay {
  opacity: 0.2;
}

form .mt-4 button.btn-success {
  background-color: var(--seconday-color);
}

form .mt-4 button.btn-success:hover {
  background-color: var(--primary-color);
}

/* Columna lateral mapa */

.overflw {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .filtros {
  height: 37.5px !important;
  width: 37.5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px var(--vz-input-border-custom);
} */

.iconRounded {
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--primary-color);
}

.fill:hover {
  background-color: var(--primary-color);
  color: white;
}

.fillClick {
  background-color: var(--primary-color);
  color: white;
}

.iconRoundedFill {
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-color);
  color: white;
}

.iconRoundedFillFav {
  background-color: green;
}

.fav {
  background-color: green !important;
  border-color: green;
}

.estacionContainer:hover {
  cursor: pointer;
  box-shadow: 5px 5px 5px lightgrey;
}

.hidden {
  visibility: hidden;
}

#infoEstacion {
  display: none;
  min-width: 325px !important;
  max-width: 325px;
  background-color: white;
}

#estaciones-fav {
  display: none;
}

#listaEstaciones {
  min-width: 325px;
  max-width: 325px;
  background-color: white;
}

/* Mapa */
#map {
  width: 100%;
  /*height: 1800px;*/
  position: relative;
  overflow: hidden;
}

#clusterIconText {
  color: aliceblue;
  margin-right: 12px;
  margin-top: -6px;
  font-size: 15px;
}

.transicion {
  opacity: 1 !important;
  height: auto;
  overflow: hidden;
  transition: opacity 0.5s, height 0.5s;
}

.visible {
  display: block !important;
}

.oculto {
  display: none !important;
}

.listaContainer:has(> div) {
  height: 85vh;
  overflow-y: auto !important;
}
.lightLink {
  color: #1bc6d6;
}

.containerNoPrecios {
  margin-top: 10%;
}

.containerNoPrecios > .title {
  font-size: 35px !important;
  text-align: center;
}

.containerNoPrecios > .subtitle {
  font-size: 20px !important;
  text-align: center;
}

i.logout {
  font-size: 30px;
}

#invoiceTable th,
#invoiceTable td {
  text-align: right;
}

#invoiceTable th:first-child,
#invoiceTable th:nth-child(2),
#invoiceTable td:first-child,
#invoiceTable td:nth-child(2) {
  text-align: center;
}

#calendar {
  width: 35%;
  padding: 4px;
  margin-left: 2px;
  border: solid 1px #ced4da;
}

@media only screen and (max-width: 768px) {
  #listaEstaciones {
    min-width: 325px;
    max-width: none;
    background-color: white;
  }
  /* Mapa */
  #map {
    width: 100%;
    /*height: 1800px;*/
    position: absolute !important;
    overflow: visible !important;
  }
}