
    <div class="col-4" id="POS_QTY_MODAL" style="display: none;">
        <div class="modal-body p-1">
            <table class="table table-sm mb-0">
                <tr>
                    <th colspan="3">ENTER QUANTITY</th>
                </tr>
                <tr>
                    <th width="10%">
                        <button id="SUBTRACT_QTY_BBI" class="btn btn-danger btn-block btn-lg font-weight-bold">-</button>
                    </th>
                    <th width="80%" class="text-right">
                        <input type="hidden" name="PROD_ID" id="PROD_ID" value="" autocomplete="off">
                        <input type="number" class="form-control form-control-lg text-center" name="PROD_QTY" id="PROD_QTY" value="1" autocomplete="off" onclick="this.select();">
                    </th>
                    <th width="10%">
                        <button id="ADD_QTY_BBI" class="btn btn-green btn-block btn-lg font-weight-bold">+</button>
                    </th>
                </tr>
            </table>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-secondary" id="MODAL_CLOSE_CMD">Close</button>
            <button type="button" class="btn btn-success d-none" id="CHANGE_QTY_BBI">UPDATE QTY</button>
            <button type="button" class="btn btn-success d-none" id="ADD_ITEM_BBI">ADD ITEM</button>
        </div>
    </div>