<section class="content">
    <div class="row">
        <div class="col-sm-12">
            <div class="tabbable">
                <div class="tab-content no-border padding-24">
                    <div class="tab-pane fade in active" id="faq-tab-1">
                        <div class="space-8"></div>
                        <div class="panel-group accordion-style1 accordion-style2" id="faq-list-1">


                            <div class="tool-bar margin-bottom margintopnew20">


                                <div class="btn-groups" align="right">

                                    <a class="publish_all btn btn-reddit" href="add_memberpackage.html">
                                        <i class="fa fa-plus"></i>
                                        Add New
                                    </a>

                                    <a class="publish_all btn btn-reddit" href="javascript: void(0);" rel="publish" id="search_user" style="display:none;">
                                        <i class="fa fa-search"></i>
                                        Search User
                                    </a>

                                    <a class="publish_all btn btn-success" href="javascript: void(0);" rel="publish">
                                        <i class="fa fa-check-circle"></i>
                                        Publish
                                    </a>
                                    <a class="publish_all btn btn-unapublish" href="javascript: void(0);" rel="unpublish">
                                        <i class="fa fa-times-circle"></i>
                                        Unpublish
                                    </a>
                                    <a class="delete_all btn btn-danger" href="javascript: void(0);">
                                        <i class="fa fa-trash-o"></i>
                                        Delete
                                    </a>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-headingnew"> View/Update Records </div>
                                <div id="faq-1-3" class="panel-collapse collapse in" aria-expanded="false" >

                                    <div class="box">

                                        <div id="button_top_bar"></div>

                                        <!-- /.box-header -->
                                        <div class="box-body table-responsive">
                                            <table id="example1" class="table table-bordered table-striped">
                                                <thead>
                                                    <tr>
                                                        <th><input type="checkbox"></th>
                                                        <th>ID</th>
                                                        <th width="10%">Images</th>
                                                        <th width="35%">Package Name</th>
                                                        <th>Cost/Price</th>
                                                        <th width="10%">Validity</th>
                                                        <th width="5%" >Orderd</th>
                                                        <th>Status</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td><input type="checkbox"></td>
                                                        <td>1</td>
                                                        <td><img src="images/1375180000_free.jpg" class="img-thumbnail img-hover center-block" width="50" height="50"></td>
                                                        <td> Free Member</td>
                                                        <td> <i class="fa fa-inr"></i> 0</td>
                                                        <td>60 Day(s)</td>
                                                        <td><input type="text" class="form-control" value="25"></td>

                                                        <td>
                                                            <div class="pull-left" >
                                                                <div id="changestatus1" class="aprovestatus iconsize" name="ChangeStatus"> </div>
                                                            </div>
                                                        </td>
                                                        <td><div class="hidden-sm hidden-xs action-buttons"> <a class="red " href="#"> <i class="ace-icon fa fa-edit bigger-130"></i> </a>  <a class="red" href="#"> <i class="ace-icon fa fa-trash-o bigger-130"></i> </a> </div></td>

                                                    </tr>

                                                    <tr>
                                                        <td><input name="checkAll" id="checkAll" class="checkAll_btn" type="checkbox"></td>
                                                        <td>2 </td>
                                                        <td><img src="images/1375177947_silver-pkg.jpg" class="img-thumbnail img-hover center-block" width="50" height="50"></td>
                                                        <td> Silver Member</td>
                                                        <td><i class="fa fa-inr"></i> 99</td>
                                                        <td>380 Day(s)</td>
                                                        <td><input type="text" class="form-control" value="26"></td>

                                                        <td>
                                                            <div class="pull-left" >
                                                                <div id="changestatus1" class="unaprovestatus iconsize" name="ChangeStatus"> </div>
                                                            </div>
                                                        </td>
                                                        <td><div class="hidden-sm hidden-xs action-buttons"> <a class="red " href="#"> <i class="ace-icon fa fa-edit bigger-130"></i> </a> <a class="red" href="#"> <i class="ace-icon fa fa-trash-o bigger-130"></i> </a> </div></td>
                                                    </tr>


                                                    <tr>
                                                        <td><input type="checkbox" value="3"></td>
                                                        <td>3</td>
                                                        <td><img src="images/1375177841_gold-pkg.jpg" class="img-thumbnail img-hover center-block" width="50" height="50"></td>
                                                        <td>Gold Member</td>
                                                        <td><i class="fa fa-inr"></i> 149</td>
                                                        <td>365 Day(s)</td>
                                                        <td><input type="text" class="form-control" value="27"></td>

                                                        <td>
                                                            <div class="pull-left">
                                                                <div id="changestatus1" class="aprovestatus iconsize" name="ChangeStatus"> </div>
                                                            </div>
                                                        </td>
                                                        <td><div class="hidden-sm hidden-xs action-buttons"> <a class="red " href="#"> <i class="ace-icon fa fa-edit bigger-130"></i> </a>  <a class="red" href="#"> <i class="ace-icon fa fa-trash-o bigger-130"></i> </a> </div></td>



                                                    </tr>

                                                    <tr>
                                                        <td><input type="checkbox" value="4"></td>
                                                        <td>4</td>
                                                        <td><img src="images/1375179096_diamond-pkg.jpg" class="img-thumbnail img-hover center-block" width="50" height="50"></td>
                                                        <td> Diamond Member</td>
                                                        <td><i class="fa fa-inr"></i> 299</td>
                                                        <td>100 Day(s)</td>
                                                        <td><input type="text" class="form-control" value="28"></td>

                                                        <td>
                                                            <div class="pull-left">
                                                                <div id="changestatus1" class="aprovestatus iconsize" name="ChangeStatus"> </div>
                                                            </div>
                                                        </td>
                                                        <td><div class="hidden-sm hidden-xs action-buttons"> <a class="red " href="#"> <i class="ace-icon fa fa-edit bigger-130"></i> </a>  <a class="red" href="#"> <i class="ace-icon fa fa-trash-o bigger-130"></i> </a> </div></td>

                                                    </tr>


                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <th><input type="checkbox" value="5"></th>
                                                        <th>ID</th>
                                                        <th>Login Id</th>
                                                        <th>Name</th>
                                                        <th>Email</th>
                                                        <th>Country</th>
                                                        <th>City</th>
                                                        <th>Status</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                        <!-- /.box-body -->
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>

            <!-- /.widget-box --> 
        </div>
        <!-- /.col --> 
    </div>

    <!-- /.row --> 
    <!-- Main row --> 
</section>