
<div class="overlay-area" ng-click="closeTarget('#popupOrderInvoiceDetail50PercentTotalBill')"></div>
<div class="content-area" style="width: 320px;">
    <div class="content">
        <div class="content-inner">
            <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false">
                <div class="box-setting-4 form-field-container no-saperator">
                    <div class="content content-in">
                        <div class="itm">
                            <div class="layout-fixed">
                                <div class="w120px text-title-4 text-right pdR10">
                                    50% of Total Bill:
                                </div>
                                <div class="pdL5">
                                    <div class="text" ng-bind-html="bill.replace('$','<span class=\'fz10 pdR2\'>$</span>')"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </ion-scroll>
        </div>
    </div>
    <div class="buttons">
        <div class="layout-fixed">
            <div>
                <button class="button-form-field-1 position-right w150px block-i center" ng-click="closeTarget('#popupOrderInvoiceDetail50PercentTotalBill')">
                    <svg class="icon h12px" viewBox="0 0 497.5 497.5"> <path d="M487.75,78.125c-13-13-33-13-46,0l-272,272l-114-113c-13-13-33-13-46,0s-13,33,0,46l137,136   c6,6,15,10,23,10s17-4,23-10l295-294C500.75,112.125,500.75,91.125,487.75,78.125z" /> </svg>
                    Ok
                </button>
            </div>
        </div>
    </div>
</div>