/* Estilos personalizados */

.user-avatar{
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 100%;
}

.modal__register {
    background: #009688;
    color: #fff;
}
.modal__update {
    background: #17a2b8;
    color: #fff;
}

#divLoading {
  position: fixed; /* Fija el div en la pantalla */
  top: 0; /* Posiciona en la parte superior */
  left: 0; /* Posiciona en la parte izquierda */
  width: 100%; /* Ocupa todo el ancho de la pantalla */
  height: 100%; /* Ocupa todo el alto de la pantalla */
  background: rgba(214, 234, 230, .65);
  display: flex; /* Usa flexbox para centrar el contenido */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  z-index: 9999; /* Asegura que esté por encima de otros elementos */
  display: none;
}
#divLoading img {
  max-width: 100px; /* Ajusta el tamaño del icono de carga si es necesario */
}