.suha-filter-offcanvas-wrap {
  width: 280px;
  border-right: 0;
  background-color: #ffffff;
  }

#map {
  height: 100%;
}
#mapLuminarias {
  height: 300px;
  width: 100%;
}
.modal-dialog-bottom {
  position: fixed !important;
  bottom: 60px;
  left: 0%;
  right: 0%;
}

/* ESTILOS MODIFICADOS PARA SITELIGHT */

:root{
  --Backkground-Sitelight:#0c393f;
  --Color-Sitelight:#1be4bb;
}


.login-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: var(--Backkground-Sitelight);
  background: -webkit-gradient(linear, right top, left top, from(var(--Backkground-Sitelight)), to(var(--Backkground-Sitelight)));
  background: linear-gradient(to left, var(--Backkground-Sitelight), var(--Backkground-Sitelight));
  z-index: 10;
  overflow-y: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow-x: hidden;
}

.text-white {
  --bs-text-opacity: 1;
  color: var(--Color-Sitelight)!important;
}

.text-Sitelight{
  --bs-text-opacity: 1;
  color: var(--Color-Sitelight)!important;
}
.text-dark-Sitelight{
  --bs-text-opacity: 1;
  color: var(--Backkground-Sitelight)!important;
}
.bg-Sitelight{
  --bs-text-opacity: 1;
  color: var(--Backkground-Sitelight) !important;
}

.bg-Sitelight-dark{
  background-color: var(--Backkground-Sitelight) !important;
}
.btn-Sitelight {
  color: var(--Backkground-Sitelight) !important;
  background-color: var(--Color-Sitelight) !important;
  border-color: var(--Color-Sitelight) !important;
}
.suha-offcanvas-wrap {
  width: 300px;
  border-right: 0;
  background: var(--Backkground-Sitelight);
  background: -webkit-gradient(linear, right top, left top, from(var(--Backkground-Sitelight)), to(var(--Backkground-Sitelight)));
  background: linear-gradient(to left, var(--Backkground-Sitelight), var(--Backkground-Sitelight));
}
.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; }
}