<div class='container-fluid zbs-invoice-portal-inner' style="max-width:1200px;margin-left:auto;margin-right:auto;">

        <div class='status-total zbs-invoice-box'>
            ##INVOICE-HTML-STATUS##
        </div>
        <div class="zbs-invoice-box zbs-logo-portal">
            <div style="width:100%;display:block">
                <div id="zbs_invoice_logos" style="width:48%;display:inline-block;vertical-align: top;" class="##LOGO-CLASS##">
                    <img id="wh-logo-set-img" src="##LOGO-URL##" style="max-width:100%;max-height:100px" />
                    <div class='clear' style="clear:both"></div>
                </div>
                <div class='zbs-invoice-topper zbs-portal-inv-deets' style="width:48%;display:inline-block;vertical-align: top;">
                    <div class='inv-num'>##INVOICE-NUMBER##</div>
                    <div class='date'>##INVOICE-DATE##</div>
                    <div class='date'>##INVOICE-PAY-TERMS## ##INVOICE-DUE-DATE##</div>
                    ##INV-CUSTOM-FIELDS##
                    <div class='clear' style="clear:both"></div>
                </div>
                <div class='clear' style="clear:both"></div>
            </div>
            <div class='clear' style="clear:both"></div>
        </div>
        <div class='clear' style="clear:both"></div>
        <div class='zbs-invoice-box'>
            <div id="zbs-business-info-wrapper">
                <div class="business-info ##INVOICE-BIZ-CLASS##">
                    ##BIZ-INFO##
      	        </div>
            </div>
            <div id="zbs-customer-info-wrapper">
                    ##INVOICE-CUSTOMER-INFO##
            </div>
            <div style="clear:both"></div>
        </div>
        <div class="clear"></div>
        <div id="zbs-invoice-items" class='zbs-invoice-box'>
            <table class='table table-striped' style="width:100%">
								<thead id="jpcrm-invoice-lineitems-header">##INVOICE-TABLE-HEADERS##</thead>
								<tbody id="jpcrm-invoice-lineitems">##INVOICE-LINE-ITEMS##</tbody>
            </table>

            ##INVOICE-TOTALS-TABLE##
              
            <div id="crm-invoice-partials">
                <table style="width:100%; margin-top: 30px;">
                    <tr>
                        <td style="width:50%">##PRE-INVOICE-PAYMENT-DETAILS##</td>
                        <td>##INVOICE-PARTIALS-TABLE##</td>
                    </tr>
                </table>
            </div>

        </div>

        

        <div class='zbs-invoice-box'>
            <div class='zbs-invoice-pull-left'>
                ##INVOICE-PAYMENT-DETAILS##
            </div>
            <div class="zbs-invoice-thanks"> <!-- .zbs-invoice-pull-right -->
                <div class='pay-options'>
                    ##INVOICE-PAY-BUTTON##
                </div>
                <div class='pay-thanks'>
                    ##INVOICE-PAY-THANKS##
                </div>
            </div>
            <div class='clear'></div>
        </div>
       
</div> <!-- end container -->
