<div class="col-sm-8">
    <div class="row ">
        <div class="col-sm-12 ">
            <div class="col-sm-12">
                <h3 style="margin-top: 0">Student Payment Information</h3><br>
            </div>
            <div class="col-sm-12" >

                <div class="col-sm-12 gray_ttc" style="border-bottom: 2px solid #8CC73F;padding-top: 10px;padding-bottom: 10px;font-weight: bold">

                    <div class="col-sm-2 padding-zero">Invoice No</div>
                    <div class="col-sm-3 padding-zero">Payment Name</div>
                    <div class="col-sm-1 padding-zero">Batch</div>
                    <div class="col-sm-2 padding-zero"> Date</div>
                    <div class="col-sm-1 padding-zero">Amount</div>
                    <div class="col-sm-1 padding-zero"> Details</div>
                    <div class="col-sm-2 padding-zero ">Status</div>
                </div>
                <div class="col-sm-12"><br></div> 
                <div class="col-sm-12 gray_ttc " style="padding-top: 10px;padding-bottom: 10px;">

                    <div class="col-sm-2 padding-zero">02156</div>
                    <div class="col-sm-3 padding-zero"><a href="#">Suddam Hossain Rana</a></div>
                    <div class="col-sm-1 padding-zero">32</div>
                    <div class="col-sm-2 padding-zero">02/2/2015</div>
                    <div class="col-sm-1 padding-zero">9000 </div>
                    <div class="col-sm-1 padding-zero">Bkash </div>
                    <div class="col-sm-2 padding-zero" >Paid</div>
                </div>
                <div class="col-sm-12"><br></div> 
                <div class="col-sm-12 white_ttc " style="padding-top: 10px;padding-bottom: 10px;">

                    <div class="col-sm-2 padding-zero">02156</div>
                    <div class="col-sm-3 padding-zero"><a href="#">Suddam Hossain Rana</a></div>
                    <div class="col-sm-1 padding-zero">32</div>
                    <div class="col-sm-2 padding-zero">02/2/2015</div>
                    <div class="col-sm-1 padding-zero">9000 </div>
                    <div class="col-sm-1 padding-zero">Bkash </div>
                    <div class="col-sm-2 padding-zero" >
                        Unpaid
                        <a href="<?php echo base_url()?>super-admin-pay-payment" class="pull-right btn btn-success">Pay</a>
                    </div>
                </div>
                <div class="col-sm-12"><br></div> 
                <div class="col-sm-12 gray_ttc " style="padding-top: 10px;padding-bottom: 10px;">
                    
                    <div class="col-sm-2 padding-zero">02156</div>
                    <div class="col-sm-3 padding-zero"><a href="#">Suddam Hossain Rana</a></div>
                    <div class="col-sm-1 padding-zero">32</div>
                    <div class="col-sm-2 padding-zero">02/2/2015</div>
                    <div class="col-sm-1 padding-zero">9000 </div>
                    <div class="col-sm-1 padding-zero">Bkash </div>
                    <div class="col-sm-2 padding-zero" >
                        Pending
                     <a href="<?php echo base_url()?>super-admin-pay-payment" class="pull-right btn btn-success">Pay</a>
                    </div>
                </div>
                <div class="col-sm-12"><br></div> 
                <div class="col-sm-12 white_ttc " style="padding-top: 10px;padding-bottom: 10px;">
                    
                    <div class="col-sm-2 padding-zero">02156</div>
                    <div class="col-sm-3 padding-zero"><a href="#">Suddam Hossain Rana</a></div>
                    <div class="col-sm-1 padding-zero">32</div>
                    <div class="col-sm-2 padding-zero">02/2/2015</div>
                    <div class="col-sm-1 padding-zero">9000 </div>
                    <div class="col-sm-1 padding-zero">Bkash </div>
                    <div class="col-sm-2 padding-zero" >
                        Partial Paid
                         <a href="<?php echo base_url()?>super-admin-pay-payment" class="pull-right btn btn-success">Pay</a>
                    </div>
                </div>
                <div class="col-sm-12"><br></div> 
                <div class="col-sm-12 gray_ttc " style="padding-top: 10px;padding-bottom: 10px;">
                    
                    <div class="col-sm-2 padding-zero">02156</div>
                    <div class="col-sm-3 padding-zero"><a href="#">Suddam Hossain Rana</a></div>
                    <div class="col-sm-1 padding-zero">32</div>
                    <div class="col-sm-2 padding-zero">02/2/2015</div>
                    <div class="col-sm-1 padding-zero">9000 </div>
                    <div class="col-sm-1 padding-zero">Bkash </div>
                    <div class="col-sm-2 padding-zero" >
                        Drop
                         <a href="<?php echo base_url()?>super-admin-pay-payment" class="pull-right btn btn-success">Pay</a>
                    </div>
                </div>
                <div class="col-sm-12"><br></div> 
                <div class="col-sm-12 white_ttc " style="padding-top: 10px;padding-bottom: 10px;">
                    
                    <div class="col-sm-2 padding-zero">02156</div>
                    <div class="col-sm-3 padding-zero"><a href="#">Suddam Hossain Rana</a></div>
                    <div class="col-sm-1 padding-zero">32</div>
                    <div class="col-sm-2 padding-zero">02/2/2015</div>
                    <div class="col-sm-1 padding-zero">9000 </div>
                    <div class="col-sm-1 padding-zero">Bkash </div>
                    <div class="col-sm-2 padding-zero" >
                        Cancel
                        
                        <a href="<?php echo base_url()?>super-admin-pay-payment" class="pull-right btn btn-success">Pay</a>
                    </div>
                </div>

                <div class="col-sm-12"><br></div> 


                <nav class="course-pagination">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true" title="First Page">&laquo;&laquo;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true" title="Previous Page">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true" title="Next Page">&raquo;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true" title="Last Page">&raquo;&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>



            </div>




        </div>



    </div>

    <div class="col-sm-12 gray">
        <label>Dashboard ->> Abul Kalam Ajad->>Details Information</label>
    </div>


</div>