<div className="col middleHeader">
                    <h1> {getText(0)} setup </h1>
                    <div className="row">
                        <div className="col">
                            <button className="btnWindowInfoLarge text-left marginFlushBtn"
                                    onClick={() => this.changeToChooseDeliveryPoint(this.props.fs_FlushDeliveryPoint, "/FlushPipesChooseDeliveryPoint")}>
                                {getText(10)}
                            </button>
                        </div>
                        <div className="col marginOverlay">
                            <p className="backgroundParagrafs infoParagrafsLarge">{this.state.chosenDeliveryPoint}</p>
                        </div>
                    </div>

                    <div className="row">
                        <div className="col">
                            <button className="btnWindowInfoLarge text-left marginFlushBtn"
                                    onClick={() => this.goToExpandedTankroom("/ExpandedTankrooms", 'fulshTankroom', this.props.fs_FromTankroomChosenTankroom)}>
                                {getText(11)}
                            </button>
                        </div>
                        <div className="col marginOverlay">
                            <p className="backgroundParagrafs infoParagrafsLarge"> {this.tankrumText(this.props.fs_FromTankroomChosenTankroom, this.props.fs_ProductType)}</p>
                        </div>
                    </div>


                    <div className="distanceRow row">
                        {this.internOrDeliverypoint()}

                        <div className="bg-transparent border col-2 rounded" style={{backgroundColor: "grey", margin: 0, padding: 0}}>
                            <div className="rounded-top col-12" style={{backgroundColor: (bannerColorLeft(this.state.meterProductType, 'LOAD_BAR')), margin: 0, padding: 0}}>
                                {this.state.meterProductType} {getText(13)} {this.props.fs_MeterChosenTankroom}
                            </div>
                            <div className="progress progress-bar-vertical" style={{margin: 0, padding: 0}}>
                                <div className="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style={{height: (varNum/maxNum)*100 + "%"}}>
                                    <span className="sr-only">Complete</span>
                                </div>
                            </div>
                            <div className="rounded-bottom" style={{backgroundColor: "grey", margin: 0, padding: 0, textAlign: "center"}}>
                                {getText(15)}
                            </div>
                            <button className="btnStyleMedium btnLightGrey"
                                    onClick={() => this.goToExpandedTankroom("/ExpandedTankrooms", 'Meter', this.props.fs_MeterChosenTankroom)}>
                                {getText(17)}
                            </button>
                        </div>

                        <div className={"bg-transparent border col-2 rounded"} style={{backgroundColor: "grey", margin: 0, padding: 0}}>
                            <div className="rounded-top col-12" style={{backgroundColor: (bannerColorLeft(this.state.pipesProductType, 'LOAD_BAR')), margin: 0, padding: 0}}>
                                {this.state.pipesProductType} {getText(13)} {this.props.fs_PipeChosenTankroom}
                            </div>
                            <div className="progress progress-bar-vertical" style={{margin: 0, padding: 0}}>
                                <div className="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style={{height: (varNum/maxNum)*100 + "%"}}>
                                    <span className="sr-only">Complete</span>
                                </div>
                            </div>
                            <div className="rounded-bottom" style={{backgroundColor: "grey", margin: 0, padding: 0, textAlign: "center"}}>
                                {getText(16)}
                            </div>
                            <button className="btnStyleMedium btnLightGrey"
                                    onClick={() => this.goToExpandedTankroom("/ExpandedTankrooms", 'Pipes', this.props.fs_PipeChosenTankroom)}>
                                {getText(17)}
                            </button>
                        </div>
                    </div>
                 </div>