.is-fluid {
  .side-bar {
    &-header {
      display: block;
      font-weight: $font-weight-normal;
      background: $white;
      border-bottom: 1px solid $gray-medium;
      @include padding(14px 15px);
      @include font-size($base-font-size + 2);

      .dropdown-arrow {
        left: -5px;
      }
    }

    &-section {
      border: 1px solid $gray-medium;
      @include margin(0 0 5px 0);

      section {
        background: $white;
        border-bottom: 1px solid $gray-medium;
        @include font-size($base-font-size - 2);
        @include padding(15px);

        &.toggle-content {
          padding: 0;
        }

        &.no-border {
          border-bottom: none;
        }
      }

      [aria-expanded="false"] .side-bar-header{
        border-bottom: none;
      }
    }
  }
}


@include breakpoint(lg) {
  .is-fluid {
    #sideBarTemplate {
      border: none;
      background: $gray-light;
      transform: translate(0, 0); /* For browsers don't support translate3d. */
      transform: translate3d(0, 0, 0);
      will-change: position, transform;
      @include padding(5px 5px 0 5px);
    }

    .side-bar-section {
      border: none;
    }
  }
}

.sidebar__inner{

}