// (C) Copyright 2011-2014 Hewlett-Packard Development Company, L.P.

.hp-details-show-section {
  position: absolute;
  top: 25px;
  bottom: 15px;
  left: 30px;
  right: 30px;
  
  .hp-details-show-view {
    position: absolute;
    top: $subnav-height + 20px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    color: $primary-primary-color;
    
    a:not(.hp-disabled) {
      color: $text-link-color;
    }
    
    h2, h3, h4 {
      a:not(.hp-disabled) {
        color: #000;
      }
    }
    
    @media print {
      @include print-position();
    }
  }
  
  &.hp-notify-open {
    .hp-details-show-view {
      top: $subnav-height + 65px;
    }
    &.hp-notify-disabled {
      .hp-details-show-view {
        top: $subnav-height + 20px;
      }
    }
  }
  
  div.hp-grid-panels {
    margin: -10px -15px 0px -15px;
  }
  
  @media print {
    @include print-position();
  }
}

.hp-show-view-multi {
  margin: 20px 0px;
}

.hp-details-edit-section, .hp-details-add-section {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  
  &.hp-empty {
    background-color: $secondary-background;
    .hp-panel-selector, .hp-form-contents, .hp-stacked-panels, .hp-form-controls input {
      visibility: hidden;
    }
    > .hp-empty-message {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -50px;
      color: $secondary-color;
      font-style: italic;
      font-size: 18px;
    }
    > #hp-no-details {
      display: block;
      visibility: visible;
    }
  }
  
  .hp-edit-form, .hp-add-form {
    position: absolute;
    top: $banner-height;
    bottom: 0px;
    padding-bottom: $form-footer-height;
    @include box-sizing(border-box);
    
    > .hp-form-contents {
      height: 100%;
      padding: 20px 15px;
      margin-bottom: $form-footer-height;
      @include box-sizing(border-box);
      overflow: auto;
      
      > .hp-dialog-variable-contents {
        padding: 0px 15px 15px 15px;
      }
    }
    
    > .hp-stacked-panels {
      height: 100%;
      margin: 0px;
      @include box-sizing(border-box);
    }
    
    > .hp-footer {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      height: $form-footer-height;
      
      @media print {
        @include print-position();
        position: relative;
      }
    }
    
    @media print {
      @include print-position();
    }
  }
  
  @media print {
    @include print-position();
  }
}

.hp-details-more-section, .hp-details-contents {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  
  &.hp-has-nav {
    top: $subnav-height + 10px;
  }
  
  .hp-stacked-panels {
    height: 100%;
    margin: 0px;
    @include box-sizing(border-box);
  }
  
  @media print {
    @include print-position();
  }
}

.hp-details-contents {
  overflow: auto;
}