{{{custom_css_dashboard}}}
<header class="ccnHeader1 header-nav menu_style_home_one navbar-scrolltofixed stricky main-menu">
  <div class="container-fluid">
    <!-- Ace Responsive Menu -->
    <nav class="ccn_nav_group">
      <!-- Menu Toggle btn-->
      <div class="menu-toggle">
        <img class="nav_logo_img img-fluid" src="{{{headerlogo1}}}{{!output.get_logo_url}}" 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>
      </div>
      <!--{{#logo}}
        <a href="{{{ ccnLogoUrl }}}" class="navbar_brand float-left dn-smd">
          {{#logo_image}}<img class="logo1 img-fluid" src="{{{headerlogo1}}}{{!output.get_logo_url}}" alt="{{sitename}}" {{#logo_styles}} style="{{{logo_styles}}}" {{/logo_styles}}>{{/logo_image}}
          {{#logo_image}}<img class="logo2 img-fluid" src="{{{headerlogo2}}}{{!output.get_logo_url}}" alt="{{sitename}}" {{#logo_styles}} style="{{{logo_styles}}}" {{/logo_styles}}>{{/logo_image}}
          {{#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}}
      {{#header_search_bar}}
        <ul class="pull-left mt15 mr20 ml10">
          <li class="list-inline-item dn-1366">
            <div class="ht_search_widget">
              <div class="header_search_widget">
                {{{ccn_globalsearch_navbar}}}
              </div>
            </div>
          </li>
        </ul>
      {{/header_search_bar}}





      <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>
      <ul class="sign_up_btn pull-right dn-smd mt20">
        {{> theme_edumy/ccn_navbar_user_popup }}
        {{#header_search_icon}}
          <li class="list-inline-item list_s">
            {{> theme_edumy/ccn_navbar_search_icon }}
          </li>
        {{/header_search_icon}}
      </ul><!-- Button trigger modal -->
    </nav>
  </div>
</header>
<style>
.dashboard_sidebar{
  padding: 110px 0 0 0 !important;
}
.our-dashbord{
  margin-top: 110px !important;
}
 header{
  background:#fff;
  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>