<div class="t-content c-content">
    <div class="c-content-container u-flexKeepHeight">
        <div class="c-wizard" ng-controller="wizardExampleController" style="height: 600px;">
            <div class="c-wizard-main">
                <inv-step-progress-bar class="c-wizard-progress" steps="orderSteps" on-step-selected="stepSelected"></inv-step-progress-bar>
                <div class="c-wizard-active">
                    <div>Content here</div>
                </div>
                <div class="c-wizard-actions">
                    <back-button class="c-wizard-backButton" default-route="home" text="Cancel" ng-click="cancelClick()"></back-button>
                    <button class="c-wizard-button c-wizard-button--primary" ng-click="next()">Continue</button>
                </div>
            </div>
            <inv-tab-panel class="c-wizard-meta" tabs="tabs" on-tab-selected="tabSelected" style="width: 300px;"></inv-tab-panel>
        </div>
    </div>
</div>

<div class="t-content c-content">
    <div class="c-content-container u-flexKeepHeight">
        <div class="c-wizard" ng-controller="wizardExampleController" style="height: 600px;">
            <div class="c-wizard-main">
                <inv-step-progress-bar class="c-wizard-progress" steps="orderSteps" on-step-selected="stepSelected"></inv-step-progress-bar>
                <div class="c-wizard-active u-flex u-flexColumn">
                    <div class="u-flexItemGrow">Content here</div>
                    <div class="c-wizardPager">
                        <div class="c-wizardPager-button">
                            <span>Go Forward</span>
                            <inv-icon glyph="'angle-right'"></inv-icon>
                        </div>
                        <div class="c-wizardPager-button">
                            <inv-icon glyph="'angle-left'"></inv-icon>
                            <span>Go back</span>
                        </div>
                    </div>
                </div>
                <div class="c-wizard-actions">
                    <back-button class="c-wizard-backButton" default-route="home" text="Cancel" ng-click="cancelClick()"></back-button>
                    <button class="c-wizard-button c-wizard-button--primary" ng-click="next()">Continue</button>
                </div>
            </div>
            <inv-tab-panel class="c-wizard-meta" tabs="tabs" on-tab-selected="tabSelected" style="width: 300px;"></inv-tab-panel>
        </div>
    </div>
</div>

<div class="t-content c-content">
    <div class="c-content-container u-flexKeepHeight">
        <div class="c-wizard" ng-controller="wizardExampleController" style="height: 600px;">
            <div class="c-wizard-main">
                <inv-step-progress-bar class="c-wizard-progress" steps="orderSteps" on-step-selected="stepSelected"></inv-step-progress-bar>
                <div class="c-wizard-active u-flex u-flexColumn">
                    <div class="u-flexItemGrow">Content here</div>
                    <div class="c-wizardPager">
                        <div class="c-wizardPager-button">
                            <span>Go Forward</span>
                            <inv-icon glyph="'angle-right'"></inv-icon>
                        </div>
                    </div>
                </div>
                <div class="c-wizard-actions">
                    <back-button class="c-wizard-backButton" default-route="home" text="Cancel" ng-click="cancelClick()"></back-button>
                    <button class="c-wizard-button c-wizard-button--primary" ng-click="next()">Continue</button>
                </div>
            </div>
            <inv-tab-panel class="c-wizard-meta" tabs="tabs" on-tab-selected="tabSelected" style="width: 300px;"></inv-tab-panel>
        </div>
    </div>
</div>