.md-sidebar.md-sidebar--primary {
  background: #FFFFFF;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 76.1875em) {
  .md-sidebar.md-sidebar--primary .md-nav__title {
    display: none;
  }
}

@media screen and (min-width: 76.25em) {
  .md-sidebar--primary .md-sidebar__scrollwrap {
    overflow-x: hidden;
  }

  .md-sidebar--primary .md-nav__link {
    padding: 0.273rem 0;
    position: relative;
    margin-top: 0;
    overflow: initial;
    color: #425D5A;
  }

  .md-sidebar--primary .md-nav__icon.md-icon {
    color: #C0C9C8;
  }

  .md-sidebar--primary .md-nav__toggle:checked ~ .md-nav > .md-nav__list {
    position: relative;
  }
  .md-sidebar--primary .md-nav__toggle:checked ~ .md-nav > .md-nav__list:before,
  .md-sidebar--primary .md-nav__link:before {
    content: '';
    color: transparent;
    background: transparent;
    top: 0;
    left: -25%;
    width: 1000px;
    height: 100%;
    position: absolute;
    z-index: -1;
  }

  .md-sidebar--primary .md-nav__toggle:checked ~ .md-nav > .md-nav__list:before,
  .md-sidebar--primary .md-nav__toggle:checked + .md-nav__link:before {
    background: #F4F6F6;
  }

  .md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--active > .md-nav__link:before {
    background: #D5DBDA;
  }

  .md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--active > .md-nav__link > .md-nav__icon.md-icon {
    color: #6C817F;
  }

  .md-sidebar--primary .md-nav__link:hover:before {
    background: #FFF7E8;
  }

  .md-sidebar--primary .md-nav__link--active:hover:before,
  .md-sidebar--primary .md-nav__link--active:before,
  .md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--active > a.md-nav__link--active:before {
    background: #FCB933;
  }
}