// (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P.

#hp-sidebar {
  position: absolute;
  width: 0;
  top: $banner-height + $subnav-height + $body-gutter;
  bottom: $body-gutter;
  right: (- $sidebar-width);
  background-color: #f3f3f3;
  @include box-sizing(border-box);
  @include transition(right, $normal-animation-duration);
 
  
  body.hp-basic-layout & {
    top: $banner-height;
    bottom: 0px;
  }
  
  div.hp-sidebar-open & {
    right: $body-gutter;
    width: $sidebar-width;
  }
  
  body.hp-basic-layout div.hp-sidebar-open & {
    right: 0px;
    width: $sidebar-width + $body-gutter;
  }
  
  &.hp-inactive {
    opacity: 0.7;
  }
  
  #hp-body-div:not(.hp-sessioned) & {
    display: none;
  }
  
  .hp-flyout-contents {
    top: $subnav-height + 20px;
    background-color: $global-background;
    bottom: $flyout-footer-height;
  }
  
  footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
  }
  
  @media print {
    display: none;
  }
}

#hp-body-div.hp-sidebar-open.hp-sessioned {
  
  #hp-sidebar-controls {
    position: absolute;
    top: $banner-height;
    content: '';
    display: block;
    right: 0px;
    width: $sidebar-width + $body-gutter;
    height: $subnav-height - 1;
    ///background-color: #fff;
    border-bottom: 1px solid #d9d9d9;
    
    div.hp-sidebar-control {
      position: absolute;
      top: 0px;
      right: -4px;
      width: 35px;
      height: 100%;
      margin-right: 0px;

      div.hp-pin-right {
        position: relative;
        top: 8px;
        left: 10px;
      }
    }
    
    body.hp-basic-layout & {
      display: none;
    }
  }
  
  #hp-overlay, .hp-overlay {
    right: $sidebar-width + $body-gutter;
  }
}

