.bg-ico {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 25%; /* Ajusta el tamaño de la imagen */
    height: auto;
}

.navbar-brand, a {
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

.navbar-brand:hover, a:hover {
    color: #FFA500 !important;
}

footer p:hover {
    color:#FFA500;
}

.coloroficial{
    color:#FFA500;
}

.color{
    color:black
}

.color:hover{
    color:#FFA500;
}

.iconoprincipal{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    height: auto;
}

.textsmall{
    font-size: small;
}

.tablecontainer {
  max-height: 700px; /* Altura fija */
  min-width: 100%;
  overflow-y: auto;  /* Añade scroll si el contenido excede la altura */
}

th, td {
  padding: 8px;
  vertical-align: middle;
}

.thheader {
  min-width: 150px !important;
  max-width: 150px !important;
  text-align: center !important; /* Asegura que el texto esté centrado */
  vertical-align: middle; /* Centra el texto verticalmente */
  width: 150px !important; /* Establece un ancho fijo para evitar cambios en el tamaño */
}

.thheader2 {
  min-width: 250px !important;
  max-width: 250px !important;
  text-align: center !important;
  vertical-align: middle;
  width: 250px !important;
}

.thheader3 {
  min-width: 220px !important;
  max-width: 220px !important;
  text-align: center !important;
  vertical-align: middle;
  width: 220px !important;
}

.thheader4 {
  min-width: 80px !important;
  max-width: 80px !important;
  text-align: center !important;
  vertical-align: middle;
  width: 80px !important;
}


table {
  width: 100%;
  table-layout: fixed; /* Esto asegura que las celdas no cambien de tamaño dependiendo del contenido */
}

th, td {
  overflow: hidden; /* Evita que el contenido se desborde de las celdas */
}

.file-input a {
    font-size: 12.5px;
    color:#0dcaf0
}

.container-standard{
  margin-top: 0;
  margin-right: 5rem;
  margin-bottom: 5rem;
  margin-left: 5rem;
  width: calc(100% - 10rem);
  box-sizing: border-box;
}