@charset "UTF-8";
/*! (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P. */

@import "_hp-reset";

@import 'mixins/font';
@import 'mixins/color';
@import 'mixins/size';
@import 'mixins/zindex';
@import 'mixins/shadow';
@import 'mixins/box';
@import 'mixins/border';
@import 'mixins/select';
@import 'mixins/print';
@import 'mixins/animation';
@import 'mixins/image';

@import 'body';
@import "text";

@import 'control/icon';
@import 'control/input';
@import 'control/collapse';

@import 'banner/container';
@import 'banner/normal';
@import 'banner/main-menu';
@import 'banner/search';
@import 'banner/activity';

@import 'layout/page';

#hp-body-div.hp-restapi {
  color: $primary-color;
}
.hp-header-secondary, #hp-sidebar {
  display: none;
}

#hp-main-banner {
  #hp-main-menu-control {
    #hp-main-menu-sub-label {
      text-align: left;
      font-size: 16px;
      color: $primary-color;
    }
  }
}

#hp-main-banner {
  #hp-main-menu-control {
    #hp-main-menu-labels {
      top: 1px;
    }
  }
}

a {
  &:hover {
    text-decoration: none;
    cursor: pointer;
  }
}

h3 {
  font-weight: bold;
  margin-top: 0px;
}

h3, h4 {
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
}

#hp-doc-index {
  position: absolute;
  top: 0px;
  bottom: 0px;
  font-size: 14px; //16px;
  background-color: $primary-background;
  border-right: $page-gutter solid $primary-divider;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  padding: 20px 15px;
  overflow: auto;
  max-width: 180px;
  
  .hp-section {
    overflow: visible;
    margin-bottom: 30px;

    h3 {
      color: $secondary-color;;
      font-weight: bold;
      font-size: 12px;
      text-transform: uppercase;
      display: block;
      margin-bottom: 10px;
    }

    ol {
        margin-bottom: 0px;
        
      li {
        padding-left: 10px;
        line-height: 30px;
        cursor: pointer;
        color: $primary-color;;
        
        &:hover {
          text-decoration: none;
          color: $text-link-color;
          background-color: $menu-selection;
        }
        &.hp-selected {
          background-color: $selected-background;
          font-weight: bold;
        }
        a {
          color: #000;
          display: block;
        }
      }
    }
  }
}

#hp-doc-content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: $sidebar-width + $page-gutter + $body-gutter;
  right: 0px;
  @include box-sizing(border-box);
  min-width: $sidebar-width;
  padding: 25px 30px 15px 30px;
  overflow: auto;
  background-color: $primary-background;
  @include transition(left, $normal-animation-duration);
  
  h1 {
    margin: 0px;
    padding-left: 0px;
    padding-right: 10px;
    font-size: 24px;
    line-height: $subnav-height - 2px;
    font-weight: normal;
    font-family: 'HPBold', Arial, Helvetica, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  h2 {
    margin: 30px -4px 0px 0px;
    padding: 0px;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    font-family: 'HPBold', Arial, Helvetica, sans-serif;
  }
  
  p {
    margin-top: 15px;
    max-width: 600px;
  }
  
  pre {
    margin-top: 20px;
    padding: 25px 40px 25px 25px;
    background-color: #F1F1F1;
    display: inline-block;
    min-width: 600px;
  }
  
  .hp-api-method {
    padding-right: 10px;
    white-space: normal;
    width: 80px;
    text-transform: uppercase;
  }
  
  h4 {
    margin-top: 30px;
    
    span {
      color: #808080;
    }
    
    &.hp-request-details {
      max-width: 600px;
      padding-top: 15px;
      border-top: 1px solid #ccc;
      margin-top: 15px;
    }
    
    span:last-child {
      color: #000;
    }
  }

  .hp-api-specification {
    h2 {
      > * {
        display: inline-block;
        color: #007DBA;
      }
    }
    
    > div {
      
      div.hp-description {
        p:first-child {
          margin-top: 0px;
        }
      }
    }
    
    &.hp-collapsible {
      
      > h2:first-child, > h3:first-child {
        display: block;
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 20px;
        background-image: $collapse-open-url;
        background-position: -5px;
        background-repeat: no-repeat;
        cursor: pointer;
        
        &:hover {
          background-image: $collapse-open-over-url;
          color: $primary-color;
        }
      }
      
      > h3:first-child {
        margin-bottom: 20px;
      }
      
      &.hp-collapsed {
        
        > h2:first-child, > h3:first-child {
          background-image: $collapse-url;
          margin-bottom: 10px;
          
          &:hover {
            background-image: $collapse-over-url;
          }
        }
        
        > div {
          height: auto;
          max-height: 60px; 
          
          > * {
            display: none;
          }
          
          > div.hp-description {
            display: block;
          }
        }
        
        &.hp-truncated-description {
          > div {
            height: 60px;
            max-height: none;
            
            div.hp-description {
              position: relative;
              height: 50px;
              margin-bottom: 10px;
              
              &:after {
                position: absolute;
                display: block;
                content: "...";
                font-weight: bold;
                bottom: -10px;
                left: 0px;
                right: 0px;
                background-color: #fff;
              }
            }
          }
        }
      }
      
      > div {
        padding-left: 20px;
      }
    }
  }

  dl {
    margin: 10px 0px 0px 0px;
    max-width: 600px;
    
    dt {
      color: #7F7F7F;
      display: inline-block;
      vertical-align: top;
      width: 180px;
      float: left;
    }
    
    dd {
      margin-left: 180px;
      padding-left: 0px;
      
      span {
        color: #0096D6;
      }
    }
  }
  
  .hp-api-nesting {
    h2 {
      color: #737373;
      
      span.hp-api-nesting-last {
        color: #333;
      }
    }
  }
  
    
  .hp-restapi-search-results {
    max-width: 600px;
    margin-top: 30px;
    
    li {
      div {
        margin-bottom: 10px;
        
        > * {
          display: inline-block;
          vertical-align: top;
          padding-right: 10px;
        }
      }
      
      p {
        margin-top: 0px;
      }
      
      h3 {
        width: 150px;
        font-family: Arial,Helvetica,sans-serif;
      }
    }
    
    h4 {
      color: #999;
      margin-top: 0px;
      width: 140px;
    }
    
    a {
      width: 200px;
    }
  }
  
  >:last-child {
    margin-bottom: 20px;
  }
}




