#side-menu li a {
    display: block; /* Make the anchor tags block elements */
    white-space: nowrap; /* Prevent the text from wrapping onto a new line */
    overflow: hidden; /* Hide overflowed content */
    text-overflow: ellipsis; /* Display an ellipsis when the content overflows */
    max-width:  100%; /* Ensure the link does not exceed the width of its parent */
    width:  100%; /* Take up the full width of the parent, minus padding and margins */
  }

  
/* Para pantallas más pequeñas, por ejemplo, menos de  768px de ancho */
@media (max-width:  767px) {
  #page-wrapper {
      /* Ajusta el margen izquierdo para tener en cuenta el menú lateral */
      margin-left:  0; /* O el ancho que ocupa tu menú lateral */
      /* Asegúrate de que el contenido principal comienza debajo de la barra de navegación */
      padding-top:  50px; /* El alto de tu barra de navegación */
  }
  /* Define la posición del menú lateral para que se muestre correctamente en dispositivos móviles */
  .sidebar {
      position: absolute; /* O relativa, dependiendo de tu diseño */
      top:  0; /* Comienza en la parte superior de la página */
      left:  0; /* Y se alinea a la izquierda */
      width:  250px; /* Ancho del menú lateral */
      height: auto; /* Permite que el menú lateral tenga la altura que necesite */
      overflow: auto; /* En caso de que el contenido del menú lateral sea más largo que la altura de la pantalla */
      z-index:  1000; /* Asegúrate de que el menú lateral esté por encima de otros elementos */
      padding-top:  50px;
  }

  .file-upload {
    width:  100%; /* Asegúrate de que el ancho no exceda el contenedor padre */
    max-width:  100%; /* Ensure the link does not exceed the width of its parent */
    overflow-wrap: break-word; /* Esto asegura que las palabras largas se rompan y no desborden */
  }


}

input[type="radio"] + label {
  font-weight: normal;
}

.col-lg-1 {
  display: table-cell;
  vertical-align: middle;
}


.footer-container {
  background-color: #f8f9fa; /* Color de fondo del footer */
  padding: 10px 0; /* Espacio interno del footer */
  text-align: center; /* Alinear el texto al centro */
}

.footer-links {
  list-style: none; /* Quitar los marcadores de la lista */
  padding: 0; /* Eliminar el relleno de la lista */
}

.footer-links li {
  display: inline; /* Mostrar elementos de lista en línea */
  margin-right: 20px; /* Agregar margen derecho entre los enlaces */
}

.footer-links li:last-child {
  margin-right: 0; /* Eliminar el margen derecho del último enlace */
}


.highlight {
  background: linear-gradient(to right, transparent, #FFD700, transparent);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}