<div class="card shadow mb-4">
    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
        <div class="col-md-12 text-left ">
            Last 10 Transactions
        </div>        
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-12 ">
                <table class="table table-responsive-lg table-striped table-bordered" width="100%" id="recharge_history">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Transaction Details</th>
                            <th>Ref. Number </th>
                            <th>Opid</th>
                            <th> Amount</th>
                            <th>Debit / Credit <br/> <small>Comm. / Sur.</small></th>
                            <th>New Amount</th>
                        </tr>
                    </thead>
                </table>                
            </div>            
        </div>
    </div>
</div>