table {
    table-layout: fixed;
    width: 100%; /* Ancho total de la tabla */
}

.filter-container {
    display: flex;
    justify-content: flex-end;
    align-items: center; /* Alinea verticalmente el label y el input */
    margin-bottom: 10px;
}

.filter-container label {
    margin-right: 10px; /* Espacio entre el label y el input */
}



th:first-child, td:first-child {
    width: 40px;
}

th:nth-child(2), td:nth-child(2) {
    width: 250px;
}

th:nth-child(3), td:nth-child(3) {
    width: 100px;
}
th:nth-child(4), td:nth-child(4), th:nth-child(5), td:nth-child(5),
th:nth-child(7), td:nth-child(7), th:nth-child(9), td:nth-child(9),
th:nth-child(11), td:nth-child(11), th:nth-child(12), td:nth-child(12),
th:nth-child(13), td:nth-child(13) {
    width: 50px;
}

th:nth-child(6), td:nth-child(6), th:nth-child(8), td:nth-child(8),
th:nth-child(10), td:nth-child(10) {
	    width: 70px;
}


.club-name {
    font-weight: bold; /* Aplica negrita al nombre del club */
}

@media screen and (min-width: 700px) {
	/* Filtro de las tablas con paginacion servidor */
	.filter-container-server {
	    display: flex;
	    justify-content: flex-end;  /* Alinea los elementos al final (derecha) */
	    align-items: center;        /* Alinea verticalmente el label, input y botón */
	    gap: 10px;                  /* Espacio entre los elementos */
	    margin-bottom: 10px;
	}

	.filter-container-server form {
	    display: flex;              /* Alinea los elementos dentro del form en fila */
	    align-items: center;
	    gap: 10px;                  /* Espacio entre los elementos */
	}

	.filter-container-server label {
	    margin: 0;                  /* Elimina el margen extra */
	}

	.filter-container-server input {
	    flex: 1;                    /* Hace que el input ocupe más espacio si es necesario */
	    max-width: 300px;            /* Limita el tamaño del input */
	}

	.filter-container-server button {
	    padding: 8px 15px;           /* Añade relleno al botón */
	    margin-left: 10px;           /* Espacio entre el input y el botón */
	}
	
}

@media screen and (max-width: 700px) {
	

	
	.filter-container-server button {
	    padding: 8px 15px;           /* Añade relleno al botón */
	    margin-bottom: 10px;
		margin-top: 10px;
		text-align: center;
	}
	
}