{{{custom_css_dashboard}}}
<header class="header-nav menu_style_home_one dashbord_pages navbar-scrolltofixed stricky main-menu {{#disable_stricky_dashboard}} ccn_disable_stricky {{/disable_stricky_dashboard}}">
  <div class="container-fluid">
    <nav class="ccn_nav_group">
      <div class="menu-toggle">
        <img class="nav_logo_img img-fluid" src="{{{headerlogo1}}}" alt="{{{sitename}}}">
        <button type="button" id="menu-btn">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class="main-menu d-flex gap-3">
        <div class="left-logo">
        <a href="/my/" class="navbar_brand float-left dn-smd"><img src="/theme/left-logo.png"></a>
      </div>
      <div class="menu">
        <ul id="" role="menubar" class="ace-responsive-menu nav more-nav navbar-nav d-block">
        {{#allcourse_url}}
          <li><a href="#" class="text-color">Home</a></li>
          <li><a href="{{allcourse_url}}" class="text-color">All Courses</a></li>
          <li><a href="{{dashboard_url}}" class="text-color">Dashboard</a></li>
          <li><a href="{{course_url}}" class="text-color">My Courses</a></li>
        {{/allcourse_url}}
        {{^allcourse_url}}
        <li><a href="#" class="text-color">Home</a></li>
          <li><a href="/course/index.php" class="text-color">All Courses</a></li>
          <li><a href="/my/" class="text-color">Dashboard</a></li>
          <li><a href="/my/courses.php" class="text-color">My Courses</a></li>
        {{/allcourse_url}}
        </ul>
      </div>
      </div>
   <div class="main-menu d-flex align-items-center gap-4">
       <div class="right-icon">
     
          {{> theme_edumy/ccn_navbar_user }}
        </div>
        <div class="right-logo">
         <a href="/my/" class="navbar_brand float-left dn-smd"><img src="/theme/right-logo.png"></a>
      </div>
      <!--{{#logo}}
        <a href="{{{ ccnLogoUrl }}}" class="navbar_brand float-left dn-smd">
          {{#dash_header_white}}
            {{#logo_image}}<img class="logo1 img-fluid" src="{{{headerlogo2}}}" alt="{{{sitename}}}" {{#logo_styles}} style="{{{logo_styles}}}" {{/logo_styles}}>{{/logo_image}}
            {{#logo_image}}<img class="logo2 img-fluid" src="{{{headerlogo2}}}" alt="{{{sitename}}}" {{#logo_styles}} style="{{{logo_styles}}}" {{/logo_styles}}>{{/logo_image}}
          {{/dash_header_white}}
          {{^dash_header_white}}
            {{#logo_image}}<img class="logo1 img-fluid" src="{{{headerlogo1}}}" alt="{{{sitename}}}" {{#logo_styles}} style="{{{logo_styles}}}" {{/logo_styles}}>{{/logo_image}}
            {{#logo_image}}<img class="logo2 img-fluid" src="{{{headerlogo1}}}" alt="{{{sitename}}}" {{#logo_styles}} style="{{{logo_styles}}}" {{/logo_styles}}>{{/logo_image}}
          {{/dash_header_white}}
          {{#logotype}}<span>{{{ sitename }}}</span>{{/logotype}}
        </a>
      {{/logo}}-->
      {{#display_library_list}}
        <ul class="mt20 pull-left mr20 ml10">
          <li class="list-inline-item">
            <div class="header_top_lang_widget">
              <div class="ht-widget-container">
                <div class="vertical-wrapper">
                  <h2 class="title-vertical home3">
                    <span class="text-title">{{#str}}library, theme_edumy{{/str}}</span> <i class="fa fa-angle-down show-down" aria-hidden="true"></i>
                  </h2>
                  <div class="content-vertical">
                    {{{ ccn_librarylist }}}
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
      {{/display_library_list}}


      <nav class="navbar navbar-expand" aria-label="{{#str}}sitemenubar, admin{{/str}}">
        {{#primarymoremenu}}
          <div class="primary-navigation">
            {{> theme_edumy/ccn_mdl_400/moremenu}}
          </div>
        {{/primarymoremenu}}
        <ul class="navbar-nav d-none d-md-flex my-1 px-1">
          <!-- page_heading_menu -->
          {{{ output.page_heading_menu }}}
        </ul>
      </nav>


      <ul id="respMenu" class="" data-menu-style="horizontal">
        {{> theme_edumy/ccn_navbar_user }}
      </ul>


    </nav>
  </div>
</header>
<div id="page" class="stylehome1 h0">
  <div class="mobile-menu">
    <div class="header stylehome1 dashbord_mobile_logo dashbord_pages">
      <div class="main_logo_home2">
        <a href="{{{ ccnLogoUrl }}}" class="mobileBrand">
          {{#logo_image}}
            {{#headerlogo_mobile}}
              <img class="nav_logo_img img-fluid float-left mt20" src="{{{headerlogo_mobile}}}" alt="{{{sitename}}}" {{#logo_styles}} style="{{{logo_styles}}}" {{/logo_styles}}>
            {{/headerlogo_mobile}}
            {{^headerlogo_mobile}}
              <img class="nav_logo_img img-fluid float-left mt20" src="{{{headerlogo1}}}" alt="{{{sitename}}}" {{#logo_styles}} style="{{{logo_styles}}}" {{/logo_styles}}>
            {{/headerlogo_mobile}}
          {{/logo_image}}
          {{#logotype}}<span>{{{sitename}}}</span>{{/logotype}}
        </a>
      </div>
      <ul class="menu_bar_home2">
        <li class="list-inline-item"></li>
        <li class="list-inline-item"><a href="#menu"><span></span></a></li>
      </ul>
    </div>
  </div><!-- /.mobile-menu -->
  <nav id="menu" class="stylehome1">
    <ul>
      {{#display_library_list}}
        <li class="ccn_mob_menu_library">
          <a href="#vertical-menu">{{#str}}library, theme_edumy{{/str}} <i class="flaticon-right-arrow"></i></a>
          {{{ ccn_librarylist }}}
        </li>
      {{/display_library_list}}
      {{{ output.custom_menu }}}
      {{> theme_edumy/ccn_header_mob_user }}
    </ul>
  </nav>
</div>
<style>
.dashboard_sidebar{
  padding: 110px 0 0 0 !important;
}
.our-dashbord{
  margin-top: 110px !important;
}
 header{
  background:#fff !important;
  border-bottom: 2px solid #eab3396e !important;
}
.moremenu {
  display:none;
}
#respMenu{
  display:none;
}
.sign_up_btn{
  display:none;
}
#ccnToggleDarkMode{
  display:none !important;
}
.right-icon i{
  color:#eab339;
  font-size: 20px;
}
.ccn_nav_group{
  justify-content: space-between;
}
.navbar {
  display:none !important;
}
.gap-4{
  gap:100px;
}
.gap-3{
  gap:60px;
}
.text-color{
      font-weight: 700 !important;
    color: #011949 !important;
}
.header_user_notif .flaticon-settings:before {
    content: "\f013" !important;
    font: normal normal normal 14px/1 FontAwesome !important;
        color: #eab339;
    font-size: 20px !important;
    line-height: 43px !important;
}
.header_user_notif .fa-user:before{
    line-height: 43px !important;
}
.header_user_notif .flaticon-speech-bubble:before {
    content: "\f27a" !important;
     font: normal normal normal 14px/1 FontAwesome !important;
         color: #eab339;
    font-size: 20px !important;
    line-height: 43px !important;
}
.header_user_notif .flaticon-alarm:before {
    content: "\f0f3" !important;
    font: normal normal normal 14px/1 FontAwesome !important;
        color: #eab339;
    font-size: 20px !important;
    line-height: 43px !important;
}
.header_user_notif li .dropdown .notification_icon{
  background:transparent !important;
  width:inherit !important;
}
.ccn-lang-menu{
  display:none !important;
}
a.text-color {
    text-transform: capitalize !important;
}
@media (max-width: 1200px){
.poss-1 {
    margin-left: 30px !important;
}
}
@media (max-width: 768px){
.poss {
    display: none !important;
}
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
 $('.popover-region-notifications').on('click',function() {
      console.log("clicked!");
    $("#nav-notification-popover-container").toggleClass("collapsed");
    });
</script>