
  <!-- Modal ADD Branch -->
<div class="modal fade" id="md_contract_detail" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Assigned Allowances</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true"></span>
        </button>
      </div>
      <div class="modal-body ">
        <div class="row">
          <table class="table table-hover table-outline table-vcenter text-nowrap card-table ">

        <thead>
                        <tr>
                     
                          <th>Allowance Title</th>
                          <th>Allowance Type</th>
                          <th>Percentage</th>
                          <th>Amount</th>
                          <th>Actions</th>
                        </tr>
                      </thead>

                      <tbody id = "contract-allowance-table-body">
                      </tbody>
                    </table>
        </div>
        
         
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>

</div>
<!-- END MODAL ADD BRANCH -->