.nav-sidebar__body {transition:.2s ease-out all}
body.menucreate .nav-sidebar__body{pointer-events: none; opacity:.8; cursor: wait}

body.menucreate .nav-sidebar__body * {cursor: wait}

#innerApp a.nav-sidebar__outline-section-item__link {padding:5px 28px 5px 20px; min-height:1px;font-size:14px;}

.menucreate {  }

.nav-sidebar__outline-section-item--active {
 background-color:rgba(1,1,1,1);
}

.nav-sidebar__outline-section {position:relative}
.nav-sidebar__outline-section.isactive::before {
  content: " ";
  background-color: var(--color-theme);
  width: 5px;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
}

.nav-sidebar__outline-section-item-link-icon {
  display: none;
}

/* change section font size and case */
.nav-sidebar__body span.nav-sidebar__outline-section-toggle-text {
  text-transform: capitalize;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  color: #666;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

div .course-navigation__sidebar--nav-open .nav-control__menu, div .course-navigation__sidebar--search-open .nav-control__menu {

  width: auto;
}

.nav-sidebar__outline-section-item__link--active.active::before {
  content: "";
  display: block;
  height: 9px;
  width: 9px;
  background: var(--color-theme);
  position: absolute;
  left: 0px;
  transform: rotate(45deg);
}

.lesson-progress__graphic.lesson-progress__graphic--sidebar {
  position: relative;
  bottom: 5px;
}


/* increase menu width for larger screens  */

 @media only screen and (min-width : 1290px) {
	 
div .course-navigation__sidebar--nav-open .nav-control__menu, div.course-navigation__sidebar--search-open .nav-control__menu {
  margin-left: 38rem;
	 }
div .course-navigation__sidebar--nav-open .nav-sidebar__content, div .course-navigation__sidebar--search-open .nav-sidebar__content {
  width: 38rem;
}
div .course-navigation__sidebar--nav-open .page-wrap, div .course-navigation__sidebar--search-open .page-wrap {
  margin-left: 38rem;
}
    }