/* Sidebar menu tweaks
/* Created on May05, Natan */
.sidebar .pagename {
  padding-bottom: 0;
}

.collapsible .submenu,
.open .submenu ,
.active .submenu {
  overflow: hidden;
  transition: max-height .4s ease;
  max-height: 100vh;
}
.collapsible.close .submenu {
  max-height: 0;
}
.pagename.active .submenu i {
  color: #0058a0;
}
.pagename.active .submenu .stepper-item {
  font-size: .975rem !important;
  font-weight: normal !important;
}

.collapsible.close.pagename .title {
  border-color: transparent;
  padding-bottom: 0;
  margin-bottom: 0;
}

.sidebar .pagename .stepper-item,
.sidebar .pagename .stepper-item button {
  opacity: 1;
  gap: 0;
}

.sidebar .pagename>.stepper-item {
  padding: 1rem;
}
.sidebar .pagename>.stepper-item>span {
  font-weight: bold;
}

.sidebar .pagename .stepper-item i:before {
  color: #0058a0;
}


.sidebar > nav > .menu > .menu-item {
  background-color: var(--stepper-wrapper-bg);
  border-radius: var(--border-radius);
  margin-bottom: 20px;
}

.sidebar > nav > .menu > .menu-item > a {
  margin-bottom: 1rem;
  font-weight: bold;
  margin: 0;
  color: #2d2d2d;
  line-height: 1.33333rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 1.06667rem;
  padding-top: 20px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 15px;
  text-transform: uppercase;
}
.sidebar > nav > .menu > .menu-item.menu-item--expanded > a {
  border-bottom: 1px solid rgba(40, 47, 54, 0.15);
}

.sidebar > nav > .menu > .menu-item > .menu {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 10px;
}
.sidebar > nav > .menu > .menu-item > .menu > li {
  list-style: none;
  padding-left: 14px;
  margin-bottom: 5px;
}

.sidebar > nav > .menu > .menu-item > .menu > li a {
  color: #2d2d2d;
  font-weight: 400;
  font-size: 0.93333rem;
  text-transform: none;
}