html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  margin-top: 10dvh;
}

textarea {
  resize: none;
}

#container {
  height: 90dvh;
  width: 100dvw;
  overflow: hidden;
}

#map {
  width: 100%;
  height: 100%;
}

.offcanvas-bottom {
  height: auto;
  width: 100%;
}

/* modal y offcanvas */

.modal {
    background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
    opacity: 0 !important;
}

#div_modal .modal-backdrop, .navbar .modal-backdrop {
    opacity: 0.5 !important;
}

#notifications {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

#new_notifications {
    display: none; 
    padding:6px;
}

/* Fancybox */
.fancybox__container {
    z-index: 1070;
}

@media (min-width: 576px) {}

@media (min-width: 768px) { 
    .offcanvas-bottom {
        width: 45%;
    }
 }

@media (min-width: 992px) {
    .offcanvas-bottom {
        width: 30%;
    }
}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}

/* Animacion modal 

.modal {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.modal.show {
    opacity: 1;
    transform: scale(1);
}

.modal {
  background: rgba(0, 0, 0, 0.5); 
}

.modal-backdrop {
  display: none;
}

*/