
<div class="modal" id="modal-product" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
   <div class="modal-dialog modal-md">
      <div class="modal-content" style="border-top: blue 4px solid;">
     
       
     
   <div class="modal-header">
     <h5 class="text-left">Product List</h5>         
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> &times; </span> </button>
   </div>
        
    <div class="card" style="border-top:2px orange solid;background-color:white; color:black; margin: -10px 3px 5px 3px; padding: 15px 3px; border-radius:0">
        <div class="card-block">
            
        <table "table table-responsive" id="tabel-product" width="100%">
          <thead>
             <tr>
                <th width="60%">Product</th>
                <th width="25%">Harga</th>
                <th width="15%"></th>
             </tr>
          </thead>
          <tbody>

          </tbody>
        </table>
        </div>
    </div>
    <br>

     </div>
  </div>
</div>