/* ANIMACIÓN PARA LAS FILAS*/
@keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }

  /* ANIMAR LA FILA */
.animado {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 0.3s ease-out 0s 1 slideInFromLeft;
  
  background: rgb(255, 190, 190, 1);
  /*padding: 30px;*/
}

/* PARA MOSTRAR/OCULTAR EL INDICATOR SEGÚN EL ESTADO DEL REQUEST */
.my-indicator{
    display:none;
}
.htmx-request .my-indicator{
    display:block;
}
.htmx-request.my-indicator{
    display:block;
}

/* QUITAR EL CURSOR en algunos botones y anchors */
.no-cursor {
    cursor: default;
}

/* BOTÓN FLOTANTE PARA VOLVER AL INICIO DE LA PÁGINA */
#myFloatBtn {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    padding: 15px;
    border-radius: 40%;
    background-color: rgba(255,0,0,0.5);
}

/* CABECERA DE FORMS MODALES */
.modal-header {
  background-color: #004080;
  color: white;
  vertical-align:middle;
}