<style>
  table thead tr th{
    font-size: 13px;
    font-weight: bolder;
  }
  table tbody tr td{
    font-size: 13px;
    font-weight:;
  }
</style>
<div class="table-responsive">
  <table class="table table-striped table-bordered">
    <div class="hidden-lg hidden-md" align="left" style="font-size: 15px; margin-left: 10px; color: blue;"><img src="images/swipe-left.gif" class="img-responsive" width="45"> Swipe left to view full loan details.</div>

    <thead>
      <tr>
        <th>Reg Date</th>
        <th>Account</th>
        <th>Type</th>
        <th>Amount</th>
        <th>status</th>
      </tr>
    </thead>
    <tbody>
<?php

while($row = mysqli_fetch_assoc($query)){

$loan_date = $row["loan_date"];
$my_account = $row["my_account"];
$loan_type = $row["loan_type"];
$loan_amount = $row["loan_amount"];
$loan_status = $row["loan_status"];  ?>

<tr>
  <td style="font-size:12px;"><?php echo $loan_date; ?></td>
  <td style="font-size:12px;"><?php echo $my_account; ?></td>
  <td style="font-size:12px;"><?php echo $loan_type; ?></td>
  <td style="font-size:12px;"><?php echo $b_currency; ?><?php echo number_format($loan_amount, 2); ?></td>

  <td style="font-size:12px;">
    <?php
      if($loan_status == "PENDING"){
         $loan_status = "<a class='btn btn-warning btn-sm' style='border-radius:0px;'>PENDING</a>";
      }elseif($loan_status == "APPROVED"){
         $loan_status = "<a class='btn btn-success'>APPROVED</a>";
      }else{
         $loan_status = "<a class='btn btn-danger btn-sm' style='border-radius:0px;'>DECLINED</a>";
      }
    ?>
    <a><?php echo $loan_status; ?></a>
  </td>
</tr>

<?php

}

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