<!-- Modal -->
<link rel="stylesheet" href="css/themes/redmond/jquery-ui-1.10.3.custom.css" />
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.min.css" />
<div class="container">
    <div class="modal fade" id="customer_modal_search" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-dialog1" role="document" style="width: 1000px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Search Customer</h4>
                </div>
                <div class="modal-body">


                    <div class="form-group">
                    <table  class="table table-striped">
                        <tr>
                        <th style="width: 10%;height:0px;">Customer Code</th>
                        <th style="width: 30%;">Customer Name</th>
                        <th style="width: 20%;">Address</th>
                        <th style="width: 20%;height:0px;">Tel</th>
                        <th style="width: 20%;height:0px;" >Sub Cus Code</th> 
                        </tr>
 
                        </tr>
                        <tr>
                            <td><input class="form-control input-sm" onkeyup="search_customer('');" id="c_refno"></td>
                            <td><input class="form-control input-sm" onkeyup="search_customer('');" id="c_name"></td>
                            <td><input class="form-control input-sm" onkeyup="search_customer('');" id="c_add"></td>
                            <td><input class="form-control input-sm" onkeyup="search_customer('');" id="c_tel"></td> 
                            <td><input class="form-control input-sm" onkeyup="search_customer('');" id="c_subcus"></td> 
                        </tr>

                    </table>


                </div> 
                
                
                
    <div style="height: 350px;overflow: scroll;" id="search_cus_table"> </div>
  
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.min.js"></script>

