.nav .nav__list li{ padding:0;}



/**
 * Styling top level items
 */
.leftmenu .nav a,
.leftmenu .nav label {
  display: block;
  padding: 1rem;
  color: #fff;
  background-color: #21568a;
  box-shadow: inset 0 -1px #21568a;
  transition: all 0.25s ease-in;
}
.leftmenu .nav .group-list a { padding: 0.75rem;}
.leftmenu .nav a:focus, .leftmenu .nav a:hover,
.leftmenu .nav label:focus,
.leftmenu .nav label:hover {
  color: #fff;
  background: #eb5901;
  box-shadow: inset 0 -1px  #eb5901;
}

.leftmenu .nav label {
  cursor:auto;
}

/**
 * Styling first level lists items
 */
.leftmenu .group-list a,
.leftmenu .group-list label {
  padding-left: 2rem; color:#333;
  background: #f7f7f7;
  box-shadow: inset 0 -1px #f7f7f7;
}
.leftmenu .group-list a:focus, .leftmenu .group-list a:hover,
.leftmenu .group-list label:focus,
.leftmenu .group-list label:hover {
  background: #21568a; color:#fff;
}

/**
 * Styling second level list items
 */
.leftmenu .sub-group-list a,
.leftmenu .sub-group-list label {
  padding-left: 4rem;
  background: #353535;
  box-shadow: inset 0 -1px #474747;
}
.leftmenu .sub-group-list a:focus, .leftmenu .sub-group-list a:hover,
.leftmenu .sub-group-list label:focus,
.leftmenu .sub-group-list label:hover {
  background: #232323;
}

/**
 * Styling third level list items
 */
.leftmenu .sub-sub-group-list a,
.leftmenu .sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;
}
.leftmenu .sub-sub-group-list a:focus, .leftmenu .sub-sub-group-list a:hover,
.leftmenu .sub-sub-group-list label:focus,
.leftmenu .sub-sub-group-list label:hover {
  background: #1d1d1d;
}

/**
 * Hide nested lists
 */
.leftmenu .group-list,
.leftmenu .sub-group-list,
.leftmenu .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.leftmenu .nav__list input[type=checkbox]:checked + label + ul {
  /* reset the height when checkbox is checked */
  max-height: 5000px;
}

/**
 * Rotating chevron icon
 */
.leftmenu label > span {
  float: right;
  transition: transform 0.65s ease;
}

.leftmenu .nav__list input[type=checkbox]:checked + label > span {
  transform: rotate(90deg);
}