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

#hp-page-container {
  position: absolute;
  top: $banner-height;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  overflow: hidden;
  ///z-index: 0;
  @include transitions3(top, $normal-animation-duration,
    bottom, $normal-animation-duration,
    right, $normal-animation-duration);
  
  /*#hp-body-div.hp-sidebar-open.hp-sessioned & {
    right: $sidebar-width + $body-gutter;
    overflow-x: visible;
  }*///
  
  body.hp-basic-layout & {
    background-color: #fff;
  }
  
  .hp-spinner img {
    margin-top: 100px;
  }
  
  #hp-unsupported-browser {
    width: 100%;
    height: 100%;
    background-color: $primary-background;
    color: $secondary-color;
    text-align: center;
    
    p {
      font-style: italic;
      text-align: left;
      width: 400px;
      font-size: 15px;
      line-height: normal;
      margin: 0px auto;
      padding: 40px 0px;
    }
  }
  
  @media print {
    @include print-position();
  }
}

#hp-page-footer {
}

div.hp-page {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  margin: 0px;
  overflow: hidden;
  
  @media print {
    @include print-position();
  }
  
  &.hp-text-page {
    .hp-page-contents {
      padding: 20px;
    }
  }
  
  &.hp-empty {
    background-color: $secondary-background;
  }
  
  .hp-page-contents {
    position: absolute;
    top: $subnav-height + $body-gutter;
    left: $body-gutter;
    right: $body-gutter;
    bottom: $body-gutter;
    background-color: $primary-background;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

div.hp-full-page, div.hp-full-content {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  width: auto;
  overflow: auto;
  
  > .hp-prompt {
    max-width: 400px;
    margin: 60px auto;
    color: $secondary-color;
    font-size: 16px;
    line-height: normal;
    font-style: italic;
    text-align: center;
  }
}

.hp-page-contents {
  position: absolute;
  top: $subnav-height;
  left: 0px;
  right: 0px;
  bottom: 0px;
  
  @media print {
    @include print-position();
  }
}
