<div class="col-sm-2 gray_ttc">
                        <div class="row ">
                            <div class="panel-group text-center" id="accordion">
                                <!--Student Classes Menu--> 
                                <div class="panel panel-default" id="student_classes" style="display: none">
                                    <div class="panel-heading" style="background-color: #fff;">
                                        <h4 class="panel-title text-left" >
                                            <a style="color: #8CC73F;font-weight: bold">Classroom</a>
                                        </h4>
                                    </div>
                                    <div>
                                        <div class="" style="text-align: justify;" >

                                            <a href="upcoming_class.html" class="list-group-item"><i class="fa  fa-plus-square">&nbsp;&nbsp;</i> Upcoming Class</a>
                                            <a href="my_class.html" class="list-group-item"><i class="fa  fa-laptop">&nbsp;&nbsp;</i>My Current Class</a>
                                            <a href="attended_class.html" class="list-group-item"><i class="fa fa-text-width">&nbsp;&nbsp;</i>My Previous Class</a>
                                        </div>
                                    </div>
                                </div>

                                <!--Teacher Classes Menu--> 
                                <div class="panel panel-default" id="teacher_classes" style="display: none">
                                    <div class="panel-heading" style="background-color: #fff;">
                                        <h4 class="panel-title text-left" >
                                            <a style="color: #8CC73F;font-weight: bold">Classroom</a>
                                        </h4>
                                    </div>
                                    <div>
                                        <div class="" style="text-align: justify;" >
                                            <a href="schedule_class.html" class="list-group-item"><i class="fa fa-calendar">&nbsp;&nbsp;</i> Schedule a Class</a>
                                            <a href="upcoming_class.html" class="list-group-item"><i class="fa  fa-plus-square">&nbsp;&nbsp;</i> Upcoming Class</a>
                                            <a href="my_class.html" class="list-group-item"><i class="fa  fa-laptop">&nbsp;&nbsp;</i>My Current Class</a>
                                            <a href="attended_class.html" class="list-group-item"><i class="fa fa-text-width">&nbsp;&nbsp;</i>My Previous Class</a>
                                        </div>
                                    </div>
                                </div>

                                <!--organization Classes Menu--> 
                                <div class="panel panel-default" id="organization_classes" style="display: none">
                                    <div class="panel-heading" style="background-color: #fff;">
                                        <h4 class="panel-title text-left" >
                                            <a style="color: #8CC73F;font-weight: bold">Classroom</a>
                                        </h4>
                                    </div>
                                    <div>
                                        <div class="" style="text-align: justify;" >
                                            <a href="schedule_class.html" class="list-group-item"><i class="fa fa-calendar">&nbsp;&nbsp;</i> Schedule a Class</a>
                                            <a href="upcoming_class.html" class="list-group-item"><i class="fa  fa-plus-square">&nbsp;&nbsp;</i> Upcoming Class</a>
                                            <a href="my_class.html" class="list-group-item"><i class="fa  fa-laptop">&nbsp;&nbsp;</i>My Current Class</a>
                                            <a href="attended_class.html" class="list-group-item"><i class="fa fa-text-width">&nbsp;&nbsp;</i>My Previous Class</a>
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-default" id="MyWeb" style="display: none">
                                    <div class="panel-heading" style="background-color: #fff;">
                                        <h4 class="panel-title text-left" >
                                            <a style="color: #8CC73F;font-weight: bold">My Web</a>
                                        </h4>
                                    </div>
                                    <div>
                                        <div class="" style="text-align: justify;" >
                                            <a href="current_city.html" class="list-group-item"><i class="fa fa-building-o">&nbsp;&nbsp;</i> Current City</a>
                                            <a href="" class="list-group-item"><i class="fa  fa-bus">&nbsp;&nbsp;</i> Travels</a>
                                            <a href="" class="list-group-item"><i class="fa  fa-retweet ">&nbsp;&nbsp;</i>Connectivity</a>
                                            <a href="" class="list-group-item"><i class="fa fa-smile-o">&nbsp;&nbsp;</i>My Wishlist </a>
                                            <a href="" class="list-group-item"><i class="fa fa-money">&nbsp;&nbsp;</i>My Payment </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" onclick="return dashboard_onclick()" href="#collapse00"><i class="fa fa-home">&nbsp;</i>Dashboard</a>
                                        </h4>
                                    </div>
                                    <div id="collapse00" class="panel-collapse collapse ">


                                        <script language="javascript" type="text/javascript">

                                            function dashboard_onclick()
                                            {
                                                window.location.href = "dashboard.html";
                                            }
                                        </script>
                                    </div>
                                </div>


                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a href="<?php echo base_url(); ?>super_admin/user_list/All/0/">User Management</a>
                                        </h4>
                                    </div>
                                    <div id="collapse0" class="panel-collapse collapse in">

                                        <div class="" style="text-align: justify">
                                            <a href="admin.html" class="list-group-item "><i class="fa fa-user">&nbsp;&nbsp;</i> Admin </a>
                                            <a href="resource_person.html"  class="list-group-item"><i class="fa  fa-user ">&nbsp;&nbsp;</i>Resource Person</a>
                                            <a href="account_officer.html" class="list-group-item"><i class="fa  fa-user">&nbsp;&nbsp;</i> Account Officer</a>
                                            <a href="organization.html" class="list-group-item"><i class="fa fa-user">&nbsp;&nbsp;</i>Organization </a>
                                            <a href="learner.html" class="list-group-item"><i class="fa fa-user">&nbsp;&nbsp;</i>Learner</a>
                                        </div>

                                        <script language="javascript" type="text/javascript">

                                            function btnUser_onclick()
                                            {
                                                window.location.href = "user_list/All/0/";
                                            }
                                        </script>
                                    </div>
                                </div>


                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse5">Accounts </a>
                                        </h4>
                                    </div>
                                    <div id="collapse5" class="panel-collapse collapse">

                                        <div class="" style="text-align: justify">
                                            <a href="current_student.html"  class="list-group-item"><i class="fa fa-desktop">&nbsp;&nbsp;</i> Current </a>
                                            <a href="class_room_student.html" class="list-group-item"><i class="fa fa-film">&nbsp;&nbsp;</i> Class </a>
                                            <a href="online_student.html"  class="list-group-item"><i class="fa fa-globe">&nbsp;&nbsp;</i>Online </a>
                                            <a href="video_training.html" class="list-group-item"><i class="fa fa-users">&nbsp;&nbsp;</i> Student</a>

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



                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" onclick="return btnStd_onclick()">Student Management</a>
                                        </h4>
                                    </div>
                                    <div id="collapse1" class="panel-collapse collapse">

                                        <div class="" style="text-align: justify">
                                            <a href="current_student.html"  class="list-group-item"><i class="fa fa-desktop">&nbsp;&nbsp;</i> Current Student</a>
                                            <a href="class_room_student.html" class="list-group-item"><i class="fa fa-film">&nbsp;&nbsp;</i> Class Room Student</a>
                                            <a href="online_student.html"  class="list-group-item"><i class="fa fa-globe">&nbsp;&nbsp;</i>Online Student</a>
                                            <a href="video_training.html" class="list-group-item"><i class="fa fa-users">&nbsp;&nbsp;</i>Video Training Student</a>

                                        </div>

                                        <script language="javascript" type="text/javascript">

                                            function btnStd_onclick()
                                            {
                                                window.location.href = "student_management.html";
                                            }
                                        </script>

                                    </div>
                                </div>

                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Menu</a>
                                        </h4>
                                    </div>
                                    <div id="collapse2" class="panel-collapse collapse">
                                        <div class="" style="text-align: justify">

                                            <a href="add_menu.html" class="list-group-item"><i class="fa fa-plus-circle">&nbsp;&nbsp;</i>Add Menu</a>
                                            <a href="manage_menu.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage Menu</a>

                                        </div>


                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Course</a>
                                        </h4>
                                    </div>
                                    <div id="collapse3" class="panel-collapse collapse">
                                        <div class="" style="text-align: justify">
                                            <a href="add_course_category.html" class="list-group-item"><i class="fa fa-plus-circle">&nbsp;&nbsp;</i> Add Course Category</a>
                                            <a href="manage_course_category.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i> Manage Category</a>
                                            <a href="add_course.html" class="list-group-item"><i class="fa fa-plus-circle">&nbsp;&nbsp;</i>Add Course</a>
                                            <a href="manage_course.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage Course</a>
                                        </div>


                                    </div>
                                </div>


                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse4" >Video Course</a>
                                        </h4>


                                    </div>
                                    <div id="collapse4" class="panel-collapse collapse">

                                        <div class="" style="text-align: justify">

                                            <a href="add_video_management.html" class="list-group-item"><i class="fa fa-plus-circle">&nbsp;&nbsp;</i>Add Video</a>
                                            <a href="manage_video.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage Video</a>
                                        </div>



                                    </div>
                                </div>


                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse6" >Group</a>
                                        </h4>


                                    </div>
                                    <div id="collapse6" class="panel-collapse collapse"> 
                                        <div class="" style="text-align: justify">
                                            <a href="create_group.html" class="list-group-item"><i class="fa fa-plus-circle">&nbsp;&nbsp;</i>Create Group</a>
                                            <a href="manage_group.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage Group</a>
                                        </div>

                                    </div>
                                </div>

                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse7" >Coupon</a>
                                        </h4>


                                    </div>
                                    <div id="collapse7" class="panel-collapse collapse"> 
                                        <div class="" style="text-align: justify">
                                            <a href="add_coupon.html" class="list-group-item"><i class="fa fa-plus-circle">&nbsp;&nbsp;</i>Add Coupon</a>
                                            <a href="manage_coupon.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage Coupon</a>
                                        </div>

                                    </div>
                                </div>

                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse8" >Wish List</a>
                                        </h4>


                                    </div>
                                    <div id="collapse8" class="panel-collapse collapse"> 
                                        <div class="" style="text-align: justify">
                                            <a href="manage_video_wish_list.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage Video wish List</a>
                                            <a href="manage_course_wish_list.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage course wish List</a>
                                        </div>

                                    </div>
                                </div>

                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse9" >Tutorial</a>
                                        </h4>


                                    </div>
                                    <div id="collapse9" class="panel-collapse collapse"> 
                                        <div class="" style="text-align: justify">
                                            <a href="add_tutorial.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Add Tutorial</a>
                                            <a href="manage_tutorial.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage Tutorial</a>
                                        </div>
                                    </div>
                                </div>

                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse10" >Quiz</a>
                                        </h4>


                                    </div>
                                    <div id="collapse10" class="panel-collapse collapse"> 
                                        <div class="" style="text-align: justify">
                                            <a href="create_quiz.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Create Quiz</a>
                                            <a href="manage_quiz.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage Quiz</a>
                                            <a href="manage_grade.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Manage Grade</a>
                                            <a href="add_question.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Add Question</a>
                                            <a href="create_certificate.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Create Certificate</a>
                                            <a href="view_certificate.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>View Certificate</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading" style="background-color: #8CC73F">
                                        <h4 class="panel-title">
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapse11" >Accounts</a>
                                        </h4>


                                    </div>
                                    <div id="collapse11" class="panel-collapse collapse"> 
                                        <div class="" style="text-align: justify">
                                            <a href="manage_organization_accounts.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Organization</a>
                                            <a href="manage_resource_person_accounts.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Resource Person</a>
                                            <a href="manage_learner_accounts.html" class="list-group-item"><i class="fa fa-cogs">&nbsp;&nbsp;</i>Learner</a>
                                        </div>
                                    </div>
                                </div>

                            </div>


                        </div>


                    </div>

