
    <style>
        
        #tbl-list td { 
          font-size: 0.95 rem;
          border-bottom: 1px gray solid;
          border-collapse: collapse;
        }
        
        #tbl-list th { font-size: 1.0 rem; color:white; border: 1px white solid; border-collapse:collapse;}
        #tbl-list tbody tr:hover td, #tbl-list tbody tr:hover th {
             background-color: #90EE90;
        }

    </style>

<div class="modal" id="modal-list" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
   <div class="modal-dialog modal-md">
        <div class="modal-content" style="border-left:blue 3px solid;">
     
   <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> &times; </span> </button>
      <h5 class="modal-title">Daftar Product</h5>
   </div>
            
<div class="modal-body">
   <table class="table table-striped table-bordered tabel-list" id="tbl-list">
      <thead>
         <tr class="tblheader">
			<th width="250px">Deskripsi</th>
			<th width="50px">STN</th>
			<th width="75px">Harga@</th>
			<th width="40px">Inv</th>
            <th></th>
         </tr>
      </thead>
      <tbody>

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

   <div class="modal-footer">
      <button type="button" class="btn btn-warning btn-sm" data-dismiss="modal"><i class="fa fa-arrow-circle-left"></i> Close </button>
   </div>      
         </div>
      </div>
   </div>
