<div class="col-sm-10">
    <div class="row ">

        <div class="col-sm-12 padding-zero " style="margin-top:5px ">


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

                <div class="col-sm-6 form-group">
                    <a href="#" class="btn btn-sm btn-success" >Sort by Invoice ID</a>
                </div>
                <div class="col-sm-6">

                    <div class="col-sm-8 form-group ">

                        <form action="#" method="post">
                            <div class="input-group">
                                <input type="text" class="form-control"  placeholder="Search here..." aria-describedby="basic-addon1">
                                <span class="input-group-addon" id="basic-addon1"><i class="fa fa-search"></i></span>
                            </div>
                        </form>

                    </div>

                    <div class="col-sm-4 form-group ">
                        <select class="form-control">
                            <option value=''> All</option>
                            <option value='1' >  Free </option>
                            <option value='4'> Un-Paid</option>
                            <option value='3'> Paid</option>
                            <option value='2'> Partial Paid</option>
                            <option value='5'> Drop </option>
                            <option value='6'> Cancel </option>
                            <option value='7'> Pending </option>
                        </select>
                    </div>



                </div>


            </div>



        </div>

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

            <div class="col-sm-12" ><br>  <hr></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">
                        Invoice ID</a>
                    </div>
                    <div class="col-sm-2 padding-zero"> Invoice Date</a></div>
                    <div class="col-sm-2 padding-zero">Due Date</div>

                    <div class="col-sm-2 padding-zero">Total</div>
                    <div class="col-sm-2 padding-zero">Status</div>

                    <div class="col-sm-2 padding-zero">Action</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">
                         2321
                    </div>
                    <div class="col-sm-2 padding-zero">25-12-2015</div>
                    <div class="col-sm-2 padding-zero"> 23-01-2016</div>

                    <div class="col-sm-2 padding-zero">5000</div>

                    <div class="col-sm-2 padding-zero">Partial - Paid</div>

                    <div class="col-sm-2 padding-zero" >                       
                        <a href="<?php echo base_url() ?>super_admin_account_management/invoice"><i class="fa   fa-money" title="View Inovoice"></i></a>&nbsp;

                    </div>
                </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>