body{
  background-color: $color-background;
  //border-right: 1px solid $header-color-border;
  //background-image: url('../images/content-background.png');
  //@include tab-afterlight;
}

.easy-content-page{
  @extend %box;
  //@extend %compositor-layer;
  padding-bottom: 0;
  padding-top: 1px;
  background: $color-foreground;
  min-height: 100%;
  margin-bottom: 0;
  //background: mix($color-background, $color-foreground);
  //padding-bottom: 0;
  //overflow: auto;
  .splitcontent{
    .box{
      margin: 0;
    }
  }

  &>h2,&>h1 {
    //margin-bottom: $gap + $box-padding;
    //margin-top: 0;
  }

  @include respond-to(print-only){
    padding: 0 !important;
    @include box-shadow(none !important);
    border: none !important;
  }
  &:last-child{
    margin-bottom: 0;
  }
}
.infinite-scroll-load-next-page-trigger-container{
  text-align: center;
  margin: 0 (-$box-padding);
  padding: $box-padding;
  background: $color-foreground;
  border-top: 1px solid $color-border-minor;
  margin-top: 1px;
}
#infscr-loading{
  text-align: center;
}
#content{

}

.compositor-layer{
  @extend %compositor-layer;
}

#back_to_top{
  bottom: 0;
  left: 0;
  right: .5*$servicebar-width;
  position: absolute;

  border-top: 1px solid $color-service-border;
  .nosidebar &{
    a{
      span{
        display: none;
      }
    }
  }
  a{
    //@extend %tooltip-left;
    @include small;
    display: block;
    &:before{
      display: block;
      @extend %rotate-90ccw;
      text-align: center;
      color: $color-service-text;
      line-height: .5*$servicebar-width;
      width: .5*$servicebar-width;
    }
    span{
      margin-left: $gap;
    }
    //color: $color-text;
  }
}

.fullscreen{
  @extend %fixed;
   z-index: z($z-priority,fullscreen) !important;
  //padding: 0 !important;
  margin: 0 !important;
  @extend %border-radius-none;
  overflow-y: auto;
  background-color: $color-background;
  &__trigger {
    border-left: 1px solid $color-service-border;
    line-height: .5*$servicebar-width;
    width: .5*$servicebar-width;
    @extend #back_to_top;
    bottom: 0 !important;
    left: auto;
    right: 0;
    position: fixed;
    cursor: pointer;
    z-index: z($z-priority,servicebar) + 1;
    a {
      &:before{
        font-size: 1.5em;
      }
      &.icon-fullscreen-exit {
        display: none;
      }
    }
    &_active {
      border-top: none;
       z-index: z($z-priority,fullscreen) + 1;
      background-color: $color-negative;
      a {
        &.icon-fullscreen {
          display: none;
          &-exit.icon {
            //line-height: 50px;
            //width: 50px;
            font-size: $box-padding;
            @extend %flex;
            @extend %align-items-center;
            //justify-content: flex-start;
            color: $color-negative;
            &:before {
              line-height: 50px;
              width: 50px;
              color: $white;
            }
          }
        }
      }
    }
    @include respond-to(max-medium-screen) {
      display: none;
    }
  }
}

