.map-label{
  font-size: 14px !important;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
}
.marker-label{
  font-size: 12px !important;
  /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;*/
  background-color: #ffffff !important;
}
.custom-label {
  position: absolute;
  background: white;
  padding: 2px 2px;
  border-radius: 3px;
  font-size: 10px;
  color: black;
  white-space: nowrap;
  text-align: center;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  transform: translateY(-50%);
}
.suha-filter-offcanvas-wrap {
  width: 280px;
  border-right: 0;
  background-color: #ffffff;
  }

#map {
  height: 100%;
}
#mapLuminarias, #mapActivo {
  height: 300px;
  width: 100%;
}
.modal-dialog-bottom {
  position: fixed !important;
  bottom: 60px;
  left: 0%;
  right: 0%;
}

/* ESTILOS MODIFICADOS PARA SITELIGHT */

:root{
  --Backkground-Principal:rgba(37, 47, 98, 1);
  --Color-Principal:rgb(183, 223, 245, 1);
  /* --Backkground-Principal: #622562;
  --Color-Principal: #e499e4; */
}


.login-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: var(--Backkground-Principal);
  background: -webkit-gradient(linear, right top, left top, from(var(--Backkground-Principal)), to(var(--Backkground-Principal)));
  background: linear-gradient(to left, var(--Backkground-Principal), var(--Backkground-Principal));
  z-index: 10;
  overflow-y: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow-x: hidden;
}

.text-white {
  --bs-text-opacity: 1;
  color: var(--Color-Principal)!important;
}

.text-Sitelight{
  --bs-text-opacity: 1;
  color: var(--Color-Principal)!important;
}
.text-dark-Sitelight{
  --bs-text-opacity: 1;
  color: var(--Backkground-Principal)!important;
}
.bg-Sitelight{
  --bs-text-opacity: 1;
  color: var(--Backkground-Principal) !important;
}

.bg-Sitelight-dark{
  background-color: var(--Backkground-Principal) !important;
}
.btn-Sitelight {
  color: var(--Backkground-Principal) !important;
  background-color: var(--Color-Principal) !important;
  border-color: var(--Color-Principal) !important;
}
.suha-offcanvas-wrap {
  width: 300px;
  border-right: 0;
  background: var(--Backkground-Principal);
  background: -webkit-gradient(linear, right top, left top, from(var(--Backkground-Principal)), to(var(--Backkground-Principal)));
  background: linear-gradient(to left, var(--Backkground-Principal), var(--Backkground-Principal));
}
.small{
  font-size: smaller !important;
}

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.mfp-content {
  height: 100vh !important;
}

.jconfirm .jconfirm-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 10px;
  border-top: 1px solid #ddd;
}