#sidebar,#easy_grid_sidebar{
  ul {
    @extend %list-style-none;
  }
  .list-group-item{
    ul {
      padding: $gap 0 0 $box-padding;
      margin-top: $gap;
    }
  }
  &_inner{
    position: relative;
    & > .primary-actions{
      [class*="button"]{
        @extend %button-large;
        margin-bottom: $gap;
      }
      margin-bottom: $gap;
    }
    @include respond-to(max-sidebar-collapse) {
      position: relative !important;
      width: auto !important;
    }
  }
  &_content{
    .ps-scrollbar-y-rail{
      right: 0.5*$gap !important;
      opacity: 1;
    }
    position: relative;
    @extend %pseudo-beforelight;
    @extend %pseudo-afterlight;
    &:before{
      opacity: 0;
      z-index: -1;
    }
    &.scrolled{
      &:before{
        opacity: 1;
        z-index: 1;
      }
    }
    .easy-scroller{
      .nosidebar &:hover{
        margin-left: -$sidebar-width;
        padding-left: $sidebar-width;
      }
      @include respond-to(max-sidebar-collapse) {
        height: auto !important;
      }
    }
  }
  &_footer{
    background: $color-background;
    @extend %pseudo-afterlight;
    z-index: 3;
    &:after{
      top: -$box-margin;
    }
  }
  .menu-more,.menu-manager{
    a{
      @extend %button-base;
    }
  }
  .sidebar-control{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -$box-margin;
    width: 0;
    z-index: 0;
    @include respond-to(max-menu-collapse) {
      left: -$box-margin;
    }
    @include respond-to(max-sidebar-collapse) {
      display: none;
    }
    .nosidebar &{
      left: 2 - 0.75*$box-margin;
    }
    &:before,&:after{
      content: "";
      display: block;
      height: $box-padding;
      position: absolute;
      top: 50%;
      margin-top: -$gap - $box-padding;
    }
    &:before{
      border-top: 2+$gap solid transparent;
      border-bottom: 2+$gap solid transparent;
      border-left: 2+$gap solid $color-border;
      margin-top: -2 - $gap - $box-padding;
      margin-left: -1px;
    }
    &:after{
      content: "";
      border-top: $gap solid transparent;
      border-bottom: $gap solid transparent;
      border-left: $gap solid mix($color-background,$color-foreground);
    }
    a{
      display: block;
      text-align: center;
      @extend %absolute;
      left: 0;
      width: $gap;
      color: darken($color-border,10%);
      z-index: 1;

      //background: $color-background;
      &:hover{
        color: $color-important;
        text-decoration: none;
      }
      &:before{
        content: "\00BB";
        display: block;
        font-size: 1.25em;
        line-height: 1.8*$box-padding;
        position: absolute;
        top: 50%;
        margin-top: -$gap - $box-padding;
      }
      .nosidebar &{
        &:before{
          content: "\00AB";
        }
      }
    }
  }
  .nosidebar &{
    .easy-entity-details-sidebar-attributes, .box, #sidebar_exports{
      display: none;
    }
  }
  .easy-autocomplete-tag{
    &,& input{
      display: block;
      width: 100%;
    }
  }
  .other-formats{
    padding: 0;
  }
}
#easy_page_layout_service_box{
  .menu-manager > li:first-child{
     display: block !important;
     a[class*="button"]{
       @extend %button-large;
       margin-bottom: $gap;
     }
  }
  .menu-manager > li{
    a[class*="button-positive"]{
      @extend %button-positive;
    }
  }
  padding-bottom: $box-margin;
  @extend %clearfix;
}