EVOLUTION-NINJA
Edit File: user_header.php
<?php $user_login_id = session()->get('user_login_id'); $user_institution_id = session()->get('user_institution_id'); $session = session(); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Nparrots</title> <!-- user css --> <link href="<?php echo base_url('public/assets/css/avinash.css');?>" rel="stylesheet"> <!-- Bootstrap Core CSS --> <link href="<?php echo base_url('public/assets/css/bootstrap.min.css');?>" rel="stylesheet"> <!-- MetisMenu CSS --> <link href="<?php echo base_url('public/assets/css/metisMenu.min.css');?>" rel="stylesheet"> <!-- Timeline CSS --> <link href="<?php echo base_url('public/assets/css/timeline.css');?>" rel="stylesheet"> <!-- Custom CSS --> <link href="<?php echo base_url('public/assets/css/sb-admin-2.css');?>" rel="stylesheet"> <!-- Morris Charts CSS --> <link href="<?php echo base_url('public/assets/css/morris.css');?>" rel="stylesheet"> <!-- Custom Fonts --> <link href="<?php echo base_url('public/assets/css/font-awesome.min.css');?>" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>"> <!-- jQuery --> <script src="<?php echo base_url('public/assets/js/jquery.min.js');?>"></script> <!-- Bootstrap Core JavaScript --> <script src="<?php echo base_url('public/assets/js/bootstrap.min.js');?>"></script> <!-- Metis Menu Plugin JavaScript --> <script src="<?php echo base_url('public/assets/js/metisMenu.min.js');?>"></script> <!-- Morris Charts JavaScript --> <script src="<?php echo base_url('public/assets/js/raphael-min.js');?>"></script> <script src="<?php echo base_url('public/assets/js/morris.min.js');?>"></script> <script src="<?php echo base_url('public/assets/js/morris-data.js');?>"></script> <!-- Custom Theme JavaScript --> <script src="<?php echo base_url('public/assets/js/sb-admin-2.js');?>"></script> <script type="text/javascript" src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script> </head> <body> <div id="wrapper"> <!-- Navigation --> <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0; "> <div class="col-sm-2"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- <a class="navbar-brand" href="index.html">SB Admin v2.0</a> --> <a class="navbar-brand" href="<?php echo site_url('/');?>"> <img src="<?php echo base_url('public/assets/images/Logo_AMCAD.png');?>" class="img-responsive"/ width="200px" style="margin-top:-25px"> </a> </div> <!-- /.navbar-header --> </div> <div class="col-sm-4 header_course"> <!--<li><a href=""><i class="fa fa-book" aria-hidden="true"></i> </a></li>--> <!-- <h4><i class="fa fa-book" aria-hidden="true"></i> HTML</h4>--> </div> <div class="col-sm-6"> <ul class="nav navbar-top-links navbar-right"> <!--<li>--> <!-- <a href="<?//php echo site_url('/');?>">--> <!-- Home--> <!-- </a>--> <!--</li>--> <!--<li id="join_class_tab">--> <!-- <a href="<?php echo site_url('online-class-user'); ?>/<?= current_url(true)->getSegment(4) ?>">--> <!-- Join Class--> <!-- </a>--> <!-- </li>--> <li> <?php $request = \Config\Services::request(); if($request->uri->getSegment(1) == 'chapter-wise-materials') { ?> <a href="<?php echo site_url('added-course-details');?>/<?= current_url(true)->getSegment(4) ?>"> Dashboard </a> <?php } else if($request->uri->getSegment(1) == 'online-class-user') { ?> <a href="<?php echo site_url('added-course-details');?>/<?= current_url(true)->getSegment(4) ?>"> Dashboard </a> <?php } else if($request->uri->getSegment(1) == 'chapter-wise-topic-materials'){ ?> <a href="<?php echo site_url('added-course-details');?>/<?= current_url(true)->getSegment(3) ?>"> Dashboard </a> <?php } else { ?> <a class="<?php if($request->uri->getSegment(1) == 'added-course-details'){echo "navbar-top-links-active";}?>" href="<?php echo site_url('added-course-details');?>/<?= current_url(true)->getSegment(3) ?>"> Dashboard </a> <?php } ?> </li> <li> <a href="<?php echo site_url('user-dashboard');?>"> My Courses </a> </li> <li> <?php if($request->uri->getSegment(1) == 'user-reports'){ ?> <a href="<?php echo site_url('user-reports');?>/<?= current_url(true)->getSegment(3) ?>" class=" <?php if($request->uri->getSegment(1) == 'user-reports'){echo "navbar-top-links-active";} ?>"> Reports </a> <?php }else if($request->uri->getSegment(1) == 'chapter-wise-materials'){ ?> <a href="<?php echo site_url('user-reports');?>/<?= current_url(true)->getSegment(3) ?>" > Reports </a> <?php }else if($request->uri->getSegment(1) == 'online-class-user'){ ?> <a href="<?php echo site_url('user-reports');?>/<?= current_url(true)->getSegment(4) ?>"> Reports </a> <?php } else if($request->uri->getSegment(1) == 'chapter-wise-topic-materials'){ ?> <a href="<?php echo site_url('user-reports');?>/<?= current_url(true)->getSegment(3) ?>"> Reports </a> <?php }else{ ?> <a href="<?php echo site_url('user-reports');?>/<?= current_url(true)->getSegment(3) ?>"> Reports </a> <?php } ?> </li> <!-- /.dropdown --> <li class="dropdown user_li"> <a class="dropdown-toggle profile_image" data-toggle="dropdown" href="#"> <!--<?php echo $session->get('user_username');?> <i class="fa fa-caret-down"></i>--> </a> <ul class="dropdown-menu dropdown-user"> <!--<li class="dropdown-submenu">--> <!-- <a class="test" href="#"><i class="fa fa-cog" aria-hidden="true"></i> <b>Setting</b> <span class="caret"></span></a>--> <!-- <ul class="dropdown-menu">--> <!-- <li>--> <!-- </?php if($request->uri->getSegment(1) == 'chapter-wise-materials'){?>--> <!-- <a href="</?php echo site_url('edit-user-prifile/'.current_url(true)->getSegment(3));?>"><i class="fa fa-user fa-fw"></i> <b>User Profile</b></a>--> <!-- </?php }else{ ?>--> <!-- <a href="</?php echo site_url('edit-user-prifile/'.current_url(true)->getSegment(3));?>"><i class="fa fa-user fa-fw"></i> <b>User Profile</b></a>--> <!-- </?php } ?>--> <!-- </li>--> <!-- <li class="divider"></li>--> <!--<li><a href="</?php echo site_url('update-password-user/'.current_url(true)->getSegment(4));?>/</?php echo md5($session->get('user_login_id')); ?>"><i class="fa fa-user fa-fw"></i>Update Password</a></li>--> <!-- </?php if($request->uri->getSegment(1) == 'chapter-wise-materials'){?>--> <!-- <li><a href="</?php echo site_url('update-password-user/'.current_url(true)->getSegment(3));?>/</?php echo md5($session->get('user_login_id')); ?>"><i class="fa fa-user fa-fw"></i><b>Update Password</b></a></li>--> <!-- </?php }else{ ?>--> <!-- <li><a href="</?php echo site_url('update-password-user/'.current_url(true)->getSegment(3));?>/</?php echo md5($session->get('user_login_id')); ?>"><i class="fa fa-user fa-fw"></i><b>Update Password</b></a></li>--> <!-- </?php } ?>--> <!-- </ul>--> <!--</li>--> <!--<li> <?php //if($request->uri->getSegment(1) == 'chapter-wise-materials'){?> <a href="<?php //echo site_url('edit-user-prifile/'.current_url(true)->getSegment(3));?>"><i class="fa fa-user fa-fw"></i> User Profile</a> <?php //}else{ ?> <a href="<?php //echo site_url('edit-user-prifile/'.current_url(true)->getSegment(2));?>"><i class="fa fa-user fa-fw"></i> User Profile</a> <?php //} ?> </li>--> <!--<li class="divider"></li>--> <!--<li><a href="<?php //echo site_url('update-password-user/'.current_url(true)->getSegment(2));?>/<?php //echo md5($session->get('user_login_id')); ?>"><i class="fa fa-user fa-fw"></i>Update Password</a></li>--> <!--<?php //if($request->uri->getSegment(1) == 'chapter-wise-materials'){?> <li><a href="<?php //echo site_url('update-password-user/'.current_url(true)->getSegment(3));?>/<?php //echo md5($session->get('user_login_id')); ?>"><i class="fa fa-user fa-fw"></i>Update Password</a></li> <?php //}else{ ?> <li><a href="<?php //echo site_url('update-password-user/'.current_url(true)->getSegment(2));?>/<?php //echo md5($session->get('user_login_id')); ?>"><i class="fa fa-user fa-fw"></i>Update Password</a></li> <?php //} ?>--> <!--</li>--> <li class="divider"></li> <li> <a href="<?php echo site_url('user-logout');?>"><i class="fa fa-sign-out fa-fw"></i> <b>Logout</b></a> </li> </ul> <!-- /.dropdown-user --> </li> <!-- /.dropdown --> </ul> <!-- /.navbar-top-links --> </div> <!-- /.sidebar-collapse --> </div> <div class="navbar-default sidebar" role="navigation"> <div class="sidebar-nav navbar-collapse"> <?php if($request->uri->getSegment(1) != 'edit-user-prifile' && current_url(true)->getSegment(1) != 'update-password-user' && current_url(true)->getSegment(1) != 'feedback') { ?> <!-- <p><i class="fa fa-book" aria-hidden="true"></i> STUDY PLAN</p> --> <!--<ul class="nav menu_link" id="side-menu">--> <ul class="nav menu_link end_of_module_list" id="side-menu"> <?php if(($request->uri->getSegment(1) == 'added-course-details') || ($request->uri->getSegment(1) == 'end-module') || ($request->uri->getSegment(1) == 'added-course-details-review')){?> <?php $i = 0; foreach($mapping_subjects as $subjects) { ?> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title <?php if($request->uri->getSegment(1) == 'end-module') { foreach($subjects['subject_chapters'] as $chapters) { if($chapter_id == $chapters->chapter_id) { echo "sub_panel_bod_actives"; } } } ?>"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne<?php echo $i;?>" aria-controls="collapseOne<?php echo $i;?>"><?php echo $subjects['sub_domain'];?> </a> </h4> </div> <div id="collapseOne<?php echo $i;?>" aria-labelledby="headingOne<?php echo $i;?>" class="panel-collapse collapse"> <?php $j = 0; foreach($subjects['subject_chapters'] as $chapters) { if($chapters->chapter_id !="" && $chapters->delete_status == "ACTIVE"){ ?> <div class="panel-body sub_panel_body"> <li class=""><i class="fa fa-play-circle" aria-hidden="true"></i> <a href="" data-toggle="collapse" data-parent="#accordion2" onclick="chapter_wise_materias('<?php echo $chapters->topic_id;?>'+','+'<?= current_url(true)->getSegment(3) ?>')"><?php echo htmlspecialchars($chapters->topic_name); ?> </a></li> </div> <?php } $j = $j + 1; } if(count($subjects['subject_chapters']) > 0) { ?> <div class="panel-body"> <li class="sub_panel_body_li"><i class="fa fa-question-circle" aria-hidden="true"></i> <a href="" data-toggle="collapse" onclick="end_module('<?= current_url(true)->getSegment(4) ?>'+'/'+'<?php echo $chapters->sub_domain_id;?>'+'/'+'<?php echo $chapters->chapter_id;?>');" data-parent="#accordion2">End Of Module Test </a></li> </div> <?php } else { ?> <div class="panel-body panel-collapse"> <li>Topics are not available</li> </div> <?php } ?> </div> </div> </div> <?php $i = $i+1; } } if(($request->uri->getSegment(1) == 'chapter-wise-materials')||($request->uri->getSegment(1) == 'chapter-wise-topic-materials')) { ?> <?php $i = 0; foreach($mapping_subjects as $subjects) { ?> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading" id="chapterheading<?php echo $i;?>"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapsechapter<?php echo $i;?>" aria-controls="collapsechapter<?php echo $i;?>"> <?php echo $subjects['sub_domain'];?> </a> </h4> </div> <div id="collapsechapter<?php echo $i;?>" <?php foreach($subjects['subject_chapters'] as $chapters) { if($chapter_result->chapter_id == $chapters->chapter_id){ ?> class="collapse in" <?php } else ?> class="collapse" <?php } ?> aria-labelledby="headingOne<?php echo $i;?>"> <?php $j = 0; foreach($subjects['subject_chapters'] as $chapters) { if($chapters->chapter_id !="" && $chapters->delete_status == "ACTIVE"){ ?> <div class="panel-body <?php if(current_url(true)->getSegment(2) == $chapters->topic_id){echo "sub_panel_bod_actives";}?>"> <li class=""><i class="fa fa-play-circle" aria-hidden="true"></i> <a href="#" class="<?php if($chapters->topic_id == current_url(true)->getSegment(4)){echo "active";} ?>" onclick="chapter_wise_materias('<?php echo $chapters->topic_id;?>'+','+'<?= current_url(true)->getSegment(4) ?>')" ><?php echo htmlspecialchars($chapters->topic_name); ?></a></li> </div> <?php } $j = $j + 1; } if(count($subjects['subject_chapters']) > 0) { ?> <div class="panel-body"> <li class="sub_panel_body_li"><i class="fa fa-question-circle" aria-hidden="true"></i> <a href="" data-toggle="collapse" onclick="end_module('<?= current_url(true)->getSegment(3) ?>'+'/'+'<?php echo $chapters->sub_domain_id;?>'+'/'+'<?php echo $chapters->chapter_id;?>');" data-parent="#accordion2">End Of Module Test </a></li> </div> <?php } else { ?> <div class="panel-body panel-collapse collapse"> <li>Topics are not available</li> </div> <?php } ?> </div> </div> </div> <?php $i = $i+1; } } ?> <!--<li class=""> <a href="<?php //echo site_url('online-class-user');?>">Online Class</a></li>--> <!--<div class="panel-group" id="accordion">--> <!-- <div class="panel panel-default">--> <!-- <div class="panel-heading" id="chapterheading">--> <!-- <h4 class="panel-title">--> <!-- <a href="<?php //echo site_url('online-class-user');?>/<?php //if($request->uri->getSegment(1) == 'chapter-wise-materials'){echo current_url(true)->getSegment(3);}else { echo current_url(true)->getSegment(2);}?>">--> <!-- Online Class--> <!-- </a>--> <!-- </h4>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> </ul> <?php } ?> </div> <!-- /.sidebar-collapse --> </div> <?php if($request->uri->getSegment(1) == 'user-reports' || current_url(true)->getSegment(1) == 'download-certificate') { ?> <div class="navbar-default sidebar" role="navigation"> <div class="sidebar-nav navbar-collapse"> <p><i class="fa fa-rocket" aria-hidden="true"></i> Reports</p> <ul class="nav menu_link" id="side-menu"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <!--<div class="panel-heading" role="tab" id="headingOne">--> <!-- <h4 class="panel-title">--> <!-- <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">--> <!-- MOCK TEST --> <!-- </a>--> <!-- </h4>--> <!--</div>--> <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body"> <ul class="nav menu_link" id="side-menu"> <!-- <?php if($subjects){ foreach($subjects as $subject) { ?> <li> <a href="javascript:void(0)" class="subject_id_header" id="<?php echo $subject->sub_domain_id; ?>"><?php echo $subject->sub_domain; ?></a> </li> <?php }} ?> --> <?php $i=1; if($mocktests){ foreach($mocktests as $mocktest) { ?> <li> <a href="javascript:void(0)" class="subject_id_header" id="<?php echo $mocktest->mocktest_id; ?>"> Mock Test <?php echo $i; ?></a> </li> <?php $i++; } } ?> </ul> </div> </div> </div> </div> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne1" aria-expanded="true" aria-controls="collapseOne1"> PRACTICE </a> </h4> </div> <div id="collapseOne1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body"> <ul class="nav menu_link" id="side-menu"> <?php if(!empty($chapters)){ foreach($chapters as $chapter) { ?> <li> <a href="javascript:void(0)" class="chapyter_id_header" id="<?php echo $chapter->chapter_id; ?>"><?php echo $chapter->chapter_name; ?></a> </li> <?php }} ?> </ul> </div> </div> </div> </div> <div class="panel-heading" role="tab" id=""> <h4 class="panel-title"> <a role="button" id="final_test"> FINAL TEST </a> </h4> </div> <div class="panel-heading" role="tab" id=""> <h4 class="panel-title"> <!--<a href="<?//php echo site_url('download-certificate');?>/<?= current_url(true)->getSegment(4) ?>" role="button">--> <!--CERTIFICATE--> <!--</a>--> </h4> </div> </ul> </div> <!-- /.sidebar-collapse --> </div> <?php } ?> <!-- /.navbar-static-side --> </nav> <script> CheckCourseType(); function CheckCourseType() { var mapping_id = '<?= current_url(true)->getSegment(2) ?>'; $.ajax({ type : 'post', url : "<?php echo site_url('check-course-type');?>", data : {mapping_id:mapping_id}, success:function(response) { // response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { if(response.course_type == "Live") { $("#join_class_tab").html('<a href="<?php echo site_url('online-class-user');?>/<?php if($request->uri->getSegment(1) == 'chapter-wise-materials'){echo current_url(true)->getSegment(3);}else { echo current_url(true)->getSegment(2);}?>">Join Class</a>'); } else { $("#join_class_tab").html('<a href="#">Online Request</a>'); } } } }); } setInterval(CheckUserSessionStatus, 2000); function CheckUserSessionStatus() { $.ajax({ type : 'get', url : '<?php echo site_url("check_user_session_status")?>', success:function(response){ // response=jQuery.parseJSON(response); console.log(response); if(response.result==1) { window.location = '<?php echo site_url('user-logout');?>'; } else { } } }); } var segment = '<?= current_url(true)->getSegment(1) ?>'; if(segment == 'user-reports') { var mapping_id = '<?= current_url(true)->getSegment(4) ?>'; chapters_list(mapping_id); } if(segment == 'added-course-details') { var mapping_id = '<?= current_url(true)->getSegment(2) ?>'; chapters_list(mapping_id); } if(segment == 'chapter-wise-materials') { var mapping_id = '<?= current_url(true)->getSegment(3) ?>'; chapters_list(mapping_id); } if(segment == 'online-class-user') { var mapping_id = '<?= current_url(true)->getSegment(2) ?>'; chapters_list(mapping_id); } if(segment == 'end-module') { var mapping_id = '<?= current_url(true)->getSegment(3) ?>'; chapters_list(mapping_id); } if(segment == 'chapter-wise-topic-materials') { var mapping_id = '<?= current_url(true)->getSegment(3) ?>'; chapters_list(mapping_id); } if(segment == 'added-course-details-review') { var mapping_id = '<?= current_url(true)->getSegment(2) ?>'; chapters_list(mapping_id); } if(segment == 'edit-user-prifile') { var mapping_id = '<?= current_url(true)->getSegment(2) ?>'; chapters_list(mapping_id); } if(segment == 'update-password-user') { var mapping_id = '<?= current_url(true)->getSegment(2) ?>'; chapters_list(mapping_id); } if(segment == 'feedback') { var mapping_id = '<?= current_url(true)->getSegment(2) ?>'; chapters_list(mapping_id); } function chapters_list(mapping_id) { var type = 'post'; $.ajax({ type : type, url : "<?php echo site_url('get_course_name');?>", data : {mapping_id:mapping_id}, success:function(response) { // response=jQuery.parseJSON(response); console.log(response); var field = ''; if(response.result == 1){ field += '<li><a><i class="fa fa-book" aria-hidden="true"></i> '+response.course_name+'</a></li>'; } $('.header_course').html(field); } }); } function chapter_wise_materias(id,mapping_id) { var type = 'post'; $.ajax({ type : type, url : "<?php echo site_url('get_chapter_material');?>", data : {id:id,mapping_id:mapping_id}, success:function(response) { console.log(response); if(response.result == 1){ window.location.href = "<?php echo site_url('chapter-wise-materials');?>/" + response.topic_id + "/" + response.mapping_id ; } else { toastr["error"](response.message); } } }); } function end_module(id) { window.location = '<?php echo site_url('end-module');?>/'+id; } user_details(); function user_details() { var type = 'get'; $.ajax({ type : type, url : "<?php echo site_url('get_user_details');?>", success:function(response) { // response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { var user_image = 'user-icon.jpg'; var content = ''; if(response.message.image != '') { content += '<img src="<?php echo base_url('public/course_images');?>/'+response.message.image+'" class="user-image" width="150px" height="150px" alt="User Image">'; } else { content += '<img src="<?php echo base_url('public/assets/images');?>/'+user_image+'" class="user-image" width="150px" height="150px" alt="User Image">'; } content += ''+response.message.username+' <i class="fa fa-caret-down"></i>'; $(".profile_image").html(content); } } }); } </script> <style> .panel{ background-color: none; } .sidebar ul li a.active{ background: #8080805e !important; color: #464646 !important; padding: 5px 15px; border-radius: 5px; } .end_of_module_list a { background: transparent !important; box-shadow: 0px 0px 3px transparent !important; color:#555; } .end_of_module_list a:hover { text-decoration:none; } /* .header_course { padding-top: 0.5%; } */ .header_course h4 { color:white; } .sub_panel_heading a { font-size: 16px !important; } .sub_panel_body a { color: #676767; /* font-weight: 600; */ } .sub_panel_body a:hover, .sub_panel_body a:focus { text-decoration:none !important; } .panel-title a:hover, .panel-title a:focus { text-decoration:none; } .sub_panel_body li a { background: transparent; box-shadow: 0px 0px 3px white !important; } .sub_panel_body li a.active { background: transparent !important; } .sub_panel_body { padding: 8px 15px; line-height: 18px; } .sub_panel_body_li a { background-color: #8080805e !important; padding: 6px 12px; } .sub_panel_body_li a:hover { text-decoration:none; } .sub_panel_body_actives { background-color: silver; padding: 5px 5px; } .sub_panel_body_actives a { box-shadow: 0px 0px 3px silver !important; } .sidebar { margin-top: 0px !important; } #accordion .panel{ border: none; border-radius: 3px; box-shadow: none; margin-bottom: 15px; } #accordion .panel-heading{ padding: 0; border: none; border-radius: 3px; } #accordion .panel-title a, .panel-heading .panel-title a{ display: block; padding: 12px 10px 12px 10px; background: linear-gradient(to bottom, #fefefe, #cdcdcd); border: 1px solid #c3c3c3; border-radius: 3px; font-size: 16px; line-height: 1.3; font-weight: bold; color: #676767; text-shadow: 1px 1px 1px #fff; position: relative; } .sub_panel_heading .panel-title a:before{ content: "\f068"; font-family: "FontAwesome"; width: 25px; height: 25px; line-height: 25px; border-radius: 50%; background: #929191; font-size: 12px; font-weight: 900; color: #fdfbfb; text-align: center; box-shadow: inset 0 0 10px rgba(0,0,0,0.5); text-shadow: none; position: absolute; top: 8px; left: 15px; } .sub_panel_heading .panel-title .collapsed:before{ content: "\f067"; } #accordion .panel-body{ padding: 10px 15px; font-size: 15px; color: #222; line-height: 27px; border: none; } #accordion .panel-body p{ margin-bottom: 0; } .panel-heading { padding:0px 0px; margin-bottom:18px; } </style> <style> .navbar-top-links li a { font-weight: bold !important; } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; right: 100%; margin-top: -1px; } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: transparent !important; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: transparent !important; } </style> <script> $(document).ready(function(){ $('.dropdown-submenu a.test').on("click", function(e){ $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); </script>