.estadistica {
	width: 65px;
}
.numero {
	width: 50px;
}
.apodo, .apodoCabecera {
	width: 350px;
}
.porcentaje {
	width: 80px;
}
.apodo {
	text-align: left;
}

@media screen and (min-width: 879px) {
	/* 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: 879px) {
		
	.filter-container-server button {
	    padding: 8px 15px;           /* Añade relleno al botón */
	    margin-bottom: 10px;
		margin-top: 10px;
		text-align: center;
	}
	
	#filterInput{
		margin-bottom: 5px;
	}
	
	
	
}