/*! (C) Copyright 2015-2021 Hewlett Packard Enterprise Development LP */
/*! (C) Copyright 2017 Hewlett Packard Enterprise Development LP */
/*! (C) Copyright 2015-2021 Hewlett Packard Enterprise Development LP */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -webkit-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -moz-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -ms-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -o-transform: translateX(-10px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    transform: translateX(-10px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -webkit-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -moz-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -ms-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0.7;
    -o-transform: translateY(-10px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@-webkit-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }
  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }
  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }
@-moz-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }
  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }
  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }
@-ms-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }
  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }
  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }
@-o-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }
  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }
  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }
@-webkit-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }
  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }
@-moz-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }
  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }
@-ms-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }
  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }
@-o-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }
  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }
@-webkit-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3px); }
  30% {
    opacity: 0;
    -webkit-transform: translateY(-3px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }
  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }
  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }
  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0.7;
    transform: translateY(10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -webkit-transform: translateY(5px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -moz-transform: translateY(5px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -ms-transform: translateY(5px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -o-transform: translateY(5px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0.7;
    transform: translateY(5px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@-moz-keyframes throb {
  100% {
    opacity: 1; }
  80% {
    opacity: 1; }
  75% {
    opacity: 0; }
  50% {
    opacity: 0; }
  25% {
    opacity: 0; }
  20% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@-webkit-keyframes throb {
  100% {
    opacity: 1; }
  80% {
    opacity: 1; }
  75% {
    opacity: 0; }
  50% {
    opacity: 0; }
  25% {
    opacity: 0; }
  20% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@-ms-keyframes throb {
  100% {
    opacity: 1; }
  80% {
    opacity: 1; }
  75% {
    opacity: 0; }
  50% {
    opacity: 0; }
  25% {
    opacity: 0; }
  20% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@-o-keyframes throb {
  100% {
    opacity: 1; }
  80% {
    opacity: 1; }
  75% {
    opacity: 0; }
  50% {
    opacity: 0; }
  25% {
    opacity: 0; }
  20% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@keyframes throb {
  100% {
    opacity: 1; }
  80% {
    opacity: 1; }
  75% {
    opacity: 0; }
  50% {
    opacity: 0; }
  25% {
    opacity: 0; }
  20% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@-moz-keyframes blink {
  100% {
    opacity: 1; }
  75% {
    opacity: 1; }
  50% {
    opacity: 0.4; }
  25% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@-webkit-keyframes blink {
  100% {
    opacity: 1; }
  75% {
    opacity: 1; }
  50% {
    opacity: 0.4; }
  25% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@-ms-keyframes blink {
  100% {
    opacity: 1; }
  75% {
    opacity: 1; }
  50% {
    opacity: 0.4; }
  25% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@-o-keyframes blink {
  100% {
    opacity: 1; }
  75% {
    opacity: 1; }
  50% {
    opacity: 0.4; }
  25% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@keyframes blink {
  100% {
    opacity: 1; }
  75% {
    opacity: 1; }
  50% {
    opacity: 0.4; }
  25% {
    opacity: 1; }
  0% {
    opacity: 1; } }
@-moz-keyframes empty-overlay {
  100% {
    opacity: 0.6; }
  50% {
    opacity: 0; }
  0% {
    opacity: 0; } }
@-webkit-keyframes empty-overlay {
  100% {
    opacity: 0.6; }
  50% {
    opacity: 0; }
  0% {
    opacity: 0; } }
@-ms-keyframes empty-overlay {
  100% {
    opacity: 0.6; }
  50% {
    opacity: 0; }
  0% {
    opacity: 0; } }
@-o-keyframes empty-overlay {
  100% {
    opacity: 0.6; }
  50% {
    opacity: 0; }
  0% {
    opacity: 0; } }
@keyframes empty-overlay {
  100% {
    opacity: 0.6; }
  50% {
    opacity: 0; }
  0% {
    opacity: 0; } }
@keyframes rotate {
  100% {
    transform: rotate(360deg); } }
/*! (C) Copyright 2015-2019 Hewlett Packard Enterprise Development LP */
html, body, #hp-body {
  height: 100%;
  width: 100%; }
  @media print {
    html, body, #hp-body {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

body, #hp-body {
  font-family: Metric, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  background-color: #f3f3f3;
  color: #666; }
  @media print {
    body, #hp-body {
      font-size: 16px;
      line-height: 17px;
      overflow: visible;
      background-color: #fff;
      color: #000; } }
  html.no-js body, html.no-js #hp-body {
    background-color: #fff; }
  body > .hp-logo, #hp-body > .hp-logo {
    position: absolute;
    top: 55px;
    left: 50%;
    height: 50px;
    width: 120px;
    background-position: 0px -140px;
    margin-left: -56px; }
  body > .hp-spinner, #hp-body > .hp-spinner {
    position: absolute;
    top: 150px; }
    body > .hp-spinner .hp-spinner-image, #hp-body > .hp-spinner .hp-spinner-image {
      background-position: -320px 0px; }
  body.hp-basic-layout #hp-body-div, #hp-body.hp-basic-layout #hp-body-div {
    max-width: 960px;
    margin: 0px auto; }
  body.hp-grommet-style :focus, #hp-body.hp-grommet-style :focus {
    outline: 1px solid #00b388;
    outline: 1px auto #00b388; }
  body.hp-grommet-style *:not(input):not(button):not(textarea):not(select):not(area):not([href]):not([tabindex]):focus, #hp-body.hp-grommet-style *:not(input):not(button):not(textarea):not(select):not(area):not([href]):not([tabindex]):focus {
    outline: none; }
  body.hp-grommet-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead, #hp-body.hp-grommet-style .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
    padding: 1px 0px 1px 0px; }
  body.hp-grommet-style input[type='radio']:focus, body.hp-grommet-style input[type='checkbox']:focus, #hp-body.hp-grommet-style input[type='radio']:focus, #hp-body.hp-grommet-style input[type='checkbox']:focus {
    outline: 1px solid #00b388; }
  body.hp-grommet-style input[tabindex="-1"]:focus, #hp-body.hp-grommet-style input[tabindex="-1"]:focus {
    outline: none; }

#hp-body-div {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: #f3f3f3;
  color: #666;
  overflow: hidden;
  -webkit-animation-name: reset, fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0, 0.1s;
  -moz-animation-name: reset, fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0, 0.1s;
  -ms-animation-name: reset, fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-timing-function: ease-in;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0, 0.1s;
  -o-animation-name: reset, fade-in;
  -o-animation-duration: 1s;
  -o-animation-timing-function: ease-in;
  -o-animation-iteration-count: 1;
  -o-animation-delay: 0, 0.1s; }
  #hp-body-div.hp-sessioned {
    background-color: #f3f3f3;
    color: #333; }
    html.hp-high-contrast #hp-body-div.hp-sessioned {
      color: #000; }
  #hp-body-div > .hp-confidential {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 10px;
    line-height: normal;
    padding: 1px 5px;
    background-color: #d9d9d9;
    color: #666;
    z-index: 500; }
  @media print {
    #hp-body-div {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      background-color: #fff;
      color: #000; } }

/* http://css3.wikidot.com/blog:animated-page-entry-with-css3 */
@-webkit-keyframes reset {
  0% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes reset {
  0% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes reset {
  0% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-ms-keyframes fade-in {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes reset {
  0% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-o-keyframes fade-in {
  0% {
    opacity: 0; }
  60% {
    opacity: 0; }
  100% {
    opacity: 1; } }
html:not(.experimental) .hp-experimental {
  display: none !important; }

.hp-logo {
  background-image: url("../../img/hpe/hpe-logos.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 40px;
  height: 30px; }

.hpe-logo {
  background-image: url("../../img/hpe/hpe-logos.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-position: 0px -16px;
  background-repeat: no-repeat;
  width: 120px;
  height: 56px;
  margin-top: 0px;
  margin-bottom: 15px; }

#hp-sidebar .hp-sidebarred .hpe-logo {
  position: absolute;
  bottom: 10px;
  left: 15px; }
#hp-sidebar header #hp-sidebar-close-control {
  position: absolute;
  top: 22px;
  right: 10px; }
  #hp-sidebar header #hp-sidebar-close-control .hp-close-icon {
    width: 15px;
    height: 15px;
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#close");
    opacity: 0.7; }
    #hp-sidebar header #hp-sidebar-close-control .hp-close-icon:hover {
      cursor: pointer;
      opacity: 1.0; }
  #hp-sidebar header #hp-sidebar-close-control:focus {
    outline: 1px solid #00b388; }
    #hp-sidebar header #hp-sidebar-close-control:focus .hp-close-icon {
      opacity: 1.0; }

.hp-disable-overlay {
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1; }

input,
textarea,
select,
button {
  font-family: Metric, Arial, sans-serif;
  /* because Webkit hijacks this */ }

a {
  color: #333;
  text-decoration: underline;
  cursor: pointer; }
  a:hover {
    text-decoration: underline;
    color: #000; }
  a.hp-disabled {
    color: inherit;
    pointer-events: none;
    cursor: default; }
    a.hp-disabled:hover {
      text-decoration: none; }

h1 {
  font-size: 24px;
  font-family: Metric;
  font-weight: 600;
  color: #333;
  margin: 30px 0px 20px 0px;
  line-height: 30px; }

h2 {
  font-size: 21px;
  font-family: Metric;
  font-weight: 600;
  color: #333;
  margin: 20px 0px 10px 0px; }

h3 {
  font-size: 19px;
  font-family: Metric;
  color: #333;
  margin: 10px 0px; }

h4 {
  font-size: 18px;
  font-family: Metric;
  color: #333;
  font-weight: normal;
  margin: 5px 0px;
  line-height: 22px; }

h5 {
  font-size: 16px;
  font-family: Metric;
  color: #333;
  font-weight: normal;
  margin: 5px 0px; }

label.hp-error, div.hp-error, p.hp-error, span.hp-error, td.hp-error, h1.hp-error, h2.hp-error, h3.hp-error, li.hp-error, th.hp-error {
  color: #dc2f2f; }
label.hp-unset, label.hp-pending, label.hp-missing, div.hp-unset, div.hp-pending, div.hp-missing, p.hp-unset, p.hp-pending, p.hp-missing, span.hp-unset, span.hp-pending, span.hp-missing, td.hp-unset, td.hp-pending, td.hp-missing, h1.hp-unset, h1.hp-pending, h1.hp-missing, h2.hp-unset, h2.hp-pending, h2.hp-missing, h3.hp-unset, h3.hp-pending, h3.hp-missing, li.hp-unset, li.hp-pending, li.hp-missing, th.hp-unset, th.hp-pending, th.hp-missing {
  color: #767676;
  font-style: italic; }
label.hp-help, label.hp-optional, label.hp-important, div.hp-help, div.hp-optional, div.hp-important, p.hp-help, p.hp-optional, p.hp-important, span.hp-help, span.hp-optional, span.hp-important, td.hp-help, td.hp-optional, td.hp-important, h1.hp-help, h1.hp-optional, h1.hp-important, h2.hp-help, h2.hp-optional, h2.hp-important, h3.hp-help, h3.hp-optional, h3.hp-important, li.hp-help, li.hp-optional, li.hp-important, th.hp-help, th.hp-optional, th.hp-important {
  color: #767676; }
  html.hp-high-contrast label.hp-help, html.hp-high-contrast label.hp-optional, html.hp-high-contrast label.hp-important, html.hp-high-contrast div.hp-help, html.hp-high-contrast div.hp-optional, html.hp-high-contrast div.hp-important, html.hp-high-contrast p.hp-help, html.hp-high-contrast p.hp-optional, html.hp-high-contrast p.hp-important, html.hp-high-contrast span.hp-help, html.hp-high-contrast span.hp-optional, html.hp-high-contrast span.hp-important, html.hp-high-contrast td.hp-help, html.hp-high-contrast td.hp-optional, html.hp-high-contrast td.hp-important, html.hp-high-contrast h1.hp-help, html.hp-high-contrast h1.hp-optional, html.hp-high-contrast h1.hp-important, html.hp-high-contrast h2.hp-help, html.hp-high-contrast h2.hp-optional, html.hp-high-contrast h2.hp-important, html.hp-high-contrast h3.hp-help, html.hp-high-contrast h3.hp-optional, html.hp-high-contrast h3.hp-important, html.hp-high-contrast li.hp-help, html.hp-high-contrast li.hp-optional, html.hp-high-contrast li.hp-important, html.hp-high-contrast th.hp-help, html.hp-high-contrast th.hp-optional, html.hp-high-contrast th.hp-important {
    color: #333; }
label.hp-primary, div.hp-primary, p.hp-primary, span.hp-primary, td.hp-primary, h1.hp-primary, h2.hp-primary, h3.hp-primary, li.hp-primary, th.hp-primary {
  color: #000;
  font-weight: 600;
  font-family: Metric, Arial, sans-serif; }
label.hp-secondary, div.hp-secondary, p.hp-secondary, span.hp-secondary, td.hp-secondary, h1.hp-secondary, h2.hp-secondary, h3.hp-secondary, li.hp-secondary, th.hp-secondary {
  color: #767676; }
  html.hp-high-contrast label.hp-secondary, html.hp-high-contrast div.hp-secondary, html.hp-high-contrast p.hp-secondary, html.hp-high-contrast span.hp-secondary, html.hp-high-contrast td.hp-secondary, html.hp-high-contrast h1.hp-secondary, html.hp-high-contrast h2.hp-secondary, html.hp-high-contrast h3.hp-secondary, html.hp-high-contrast li.hp-secondary, html.hp-high-contrast th.hp-secondary {
    color: #333; }
label.hp-numeric, div.hp-numeric, p.hp-numeric, span.hp-numeric, td.hp-numeric, h1.hp-numeric, h2.hp-numeric, h3.hp-numeric, li.hp-numeric, th.hp-numeric {
  text-align: right; }
label.hp-single, div.hp-single, p.hp-single, span.hp-single, td.hp-single, h1.hp-single, h2.hp-single, h3.hp-single, li.hp-single, th.hp-single {
  text-align: center; }
label.hp-dynamic, div.hp-dynamic, p.hp-dynamic, span.hp-dynamic, td.hp-dynamic, h1.hp-dynamic, h2.hp-dynamic, h3.hp-dynamic, li.hp-dynamic, th.hp-dynamic {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
  -webkit-backface-visibility: hidden; }
  .hp-show-changing label.hp-dynamic, .hp-show-changing div.hp-dynamic, .hp-show-changing p.hp-dynamic, .hp-show-changing span.hp-dynamic, .hp-show-changing td.hp-dynamic, .hp-show-changing h1.hp-dynamic, .hp-show-changing h2.hp-dynamic, .hp-show-changing h3.hp-dynamic, .hp-show-changing li.hp-dynamic, .hp-show-changing th.hp-dynamic {
    opacity: 0.2; }
label.hp-unavailable, div.hp-unavailable, p.hp-unavailable, span.hp-unavailable, td.hp-unavailable, h1.hp-unavailable, h2.hp-unavailable, h3.hp-unavailable, li.hp-unavailable, th.hp-unavailable {
  position: relative;
  min-width: 1em; }
  label.hp-unavailable:before, div.hp-unavailable:before, p.hp-unavailable:before, span.hp-unavailable:before, td.hp-unavailable:before, h1.hp-unavailable:before, h2.hp-unavailable:before, h3.hp-unavailable:before, li.hp-unavailable:before, th.hp-unavailable:before {
    position: absolute;
    content: '\2014'; }

label.hp-secondary, span.hp-secondary {
  margin-left: 5px; }

.hp-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.hp-text-tip {
  position: absolute;
  background-color: #fff;
  color: #333;
  padding: 5px;
  margin-left: -6px;
  margin-top: -6px;
  border: 1px solid #bfbfbf;
  -webkit-box-shadow: 3px 3px 5px 0px #999;
  -moz-box-shadow: 3px 3px 5px 0px #999;
  box-shadow: 3px 3px 5px 0px #999;
  z-index: 3000; }
  .hp-text-tip.hp-global {
    background-color: #fff;
    color: #666;
    border: 1px solid #888;
    -webkit-box-shadow: 1px 1px 4px 2px #444;
    -moz-box-shadow: 1px 1px 4px 2px #444;
    box-shadow: 1px 1px 4px 2px #444; }

ol.hp-bullet li, ul.hp-bullet li {
  position: relative;
  padding-left: 30px; }
  ol.hp-bullet li:before, ul.hp-bullet li:before {
    display: block;
    content: '-';
    position: absolute;
    top: 0px;
    left: 18px; }

.hp-code {
  font-family: monospace; }

/* reset + utility */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

address {
  font-style: normal; }

strong {
  font-weight: 600;
  font-family: Metric, Arial, sans-serif; }

ol, ul {
  list-style: none;
  margin-bottom: 20px; }

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0; }

dt, dd {
  margin-bottom: 10px; }

dd {
  padding-left: 10px; }

p, ul {
  margin-bottom: 20px; }

p img {
  vertical-align: text-bottom; }

sup {
  /* IE is pretty wonky with SUP styles; define differently in IE-specific CSS if used */
  font-size: .75em;
  vertical-align: 20%; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

optgroup {
  font-style: normal; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

div.hp-icon {
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-repeat: no-repeat; }
  div.hp-icon.hp-upload, div.hp-icon #hp-main-banner div.hp-banner-control {
    width: 16px;
    height: 17px;
    background-position: -440px -20px;
    margin: 0px;
    display: block; }
    .hp-selected div.hp-icon.hp-upload, div.hp-icon.hp-upload:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-upload, .hp-selected div.hp-icon #hp-main-banner div.hp-banner-control, div.hp-icon #hp-main-banner div.hp-banner-control:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon #hp-main-banner div.hp-banner-control {
      background-position: -440px 0px; }
  div.hp-icon.hp-power {
    width: 16px;
    height: 17px;
    background-position: -380px -100px; }
    div.hp-icon.hp-power:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-power {
      background-position: -380px -80px; }
    #hp-main-banner div.hp-banner-control.hp-on div.hp-icon.hp-power, div.hp-icon.hp-power.hp-on {
      background-position: -380px -120px; }
    #hp-main-banner div.hp-banner-control.hp-standby div.hp-icon.hp-power, div.hp-icon.hp-power.hp-standby {
      background-position: -380px -100px; }
  div.hp-icon.hp-console {
    width: 16px;
    height: 16px;
    background-position: -540px -20px; }
    div.hp-icon.hp-console:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-console {
      background-position: -540px 0px; }
  div.hp-icon.hp-disc {
    width: 16px;
    height: 16px;
    background-position: -560px -20px; }
    div.hp-icon.hp-disc:hover, #hp-main-banner div.hp-banner-control:hover div.hp-icon.hp-disc {
      background-position: -560px 0px; }
  div.hp-icon.hp-maintenance {
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#wrench");
    display: inline-block;
    position: relative;
    opacity: 0.5; }

.hp-uid {
  width: 12px;
  height: 12px;
  background-position: -400px -100px;
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer; }
  .hp-uid.hp-disabled {
    cursor: default; }
  .hp-uid.hp-on {
    background-position: -400px -140px; }
    .hp-uid.hp-on:hover:not(.hp-disabled) {
      background-position: -400px -120px; }
  .hp-uid:hover:not(.hp-disabled) {
    background-position: -400px -80px; }

.hp-power-on {
  width: 12px;
  height: 12px;
  background-position: -380px -140px;
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: default; }
  .hp-power-on:hover {
    background-position: -380px -160px; }

.hp-power-off {
  width: 12px;
  height: 12px;
  background-position: -380px -180px;
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: default; }
  .hp-power-off:hover {
    background-position: -380px -200px; }

.hp-in-use {
  width: 12px;
  height: 12px;
  background-position: -240px -80px;
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: default; }
  .hp-in-use:hover {
    background-position: -240px -100px; }

.hp-not-in-use {
  width: 12px;
  height: 12px;
  background-position: -240px -120px;
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: default; }
  .hp-not-in-use:hover {
    background-position: -240px -140px; }

.hp-uid-big {
  height: 30px;
  width: 30px;
  margin-right: 15px;
  vertical-align: baseline;
  cursor: pointer; }
  .hp-uid-big.hp-disabled {
    cursor: default; }
  .hp-uid-big.hp-on:after {
    background-position: -400px -60px; }
  .hp-uid-big.hp-on:hover:not(.hp-disabled):after {
    background-position: -400px -40px; }
  .hp-uid-big:after {
    background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    background-position: -400px -20px;
    position: absolute;
    top: 9px;
    left: 8px;
    content: ""; }
  .hp-uid-big:hover:not(.hp-disabled):after {
    background-position: -400px 0px; }
  .hp-uid-big.hp-blinking:after {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -moz-animation-name: blink;
    -ms-animation-name: blink;
    -o-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s; }

div.hp-device .hp-icon.hp-power {
  width: 14px;
  height: 14px;
  background-position: -380px -100px;
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-repeat: no-repeat;
  display: inline-block; }
  div.hp-device .hp-icon.hp-power.hp-on {
    background-position: -380px -120px; }
    div.hp-device .hp-icon.hp-power.hp-on:hover {
      background-position: -380px -100px; }
  div.hp-device .hp-icon.hp-power:hover {
    background-position: -380px -80px; }

.hp-delete, .hp-close {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-position: -160px -20px;
  background-repeat: no-repeat; }
  .hp-delete:hover, .hp-close:hover {
    background-position: -160px 0px; }

.hp-edit {
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-position: -280px -120px;
  background-repeat: no-repeat;
  top: 1px; }
  .hp-edit:hover {
    background-position: -280px -140px; }

.hp-lockable, .hp-not-lockable-spacer {
  width: 19px;
  height: 16px;
  position: relative;
  overflow: hidden;
  display: inline-block; }
  td > .hp-lockable, td > .hp-not-lockable-spacer {
    margin: -3px 0px 0px 0px; }

.hp-lock {
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-repeat: no-repeat;
  background-position: -575px -116px; }
  .hp-lock.hp-disabled {
    opacity: .3;
    cursor: default; }

.hp-unlock {
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-repeat: no-repeat;
  background-position: -575px -136px; }

.hp-lock-clickable {
  border: 1px solid #e6e6e6;
  cursor: pointer; }

.hp-connect {
  width: 17px;
  height: 10px;
  background: transparent url("../../img/hpe/connect.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9") no-repeat; }

.hp-connect-long {
  width: 75px;
  height: 11px;
  background: transparent url("../../img/hpe/connect_long.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9") no-repeat; }

table td > .hp-connect, table td > .hp-connect-long {
  margin: 4px 0px; }

.sort_asc {
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
  background-position: right 4px;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px; }

.sort_desc {
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
  background-position: right 4px;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px; }

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("../../img/hp-piano/ui-icons_222222_256x240.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9"); }

.ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_222222_256x240.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9"); }

.ui-state-default .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_888888_256x240.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_454545_256x240.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9"); }

.ui-state-highlight .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_2e83ff_256x240.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("../../img/hp-piano/ui-icons_cd0a0a_256x240.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9"); }

.hp-warning input, .hp-warning .hp-select, .hp-warning table, .hp-warning a.hp-toggle {
  border: 1px solid #db6e00; }
.hp-warning div.hp-warning-container {
  color: #db6e00;
  line-height: 17px;
  font-weight: bold; }

input, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 7px 18px 7px 10px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  font-size: 16px;
  line-height: normal;
  color: #333;
  outline: none; }
  html.hp-high-contrast input input:not([type=button]), html.hp-high-contrast textarea input:not([type=button]) {
    color: #000; }
  input.hp-error, input.error, textarea.hp-error, textarea.error {
    border-color: #dc2f2f;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKIAAP+Zmf9mM8yZmcwzM////wAAAAAAAAAAACH5BAEHAAQALAAAAAAUABQAAAMjSLrc/jDKSecYtQWc1wjdsoXKRRIj+Z3peQrAuZKta984kwAAOw==);
    background-position: right 4px;
    background-repeat: no-repeat;
    padding-right: 18px; }
  input:focus, textarea:focus {
    border-color: #ccf0e7; }

textarea {
  background: #fff; }
  textarea.hp-code {
    font-family: monospace; }
  textarea::-webkit-input-placeholder {
    color: #666;
    font-style: italic; }
  textarea:-moz-placeholder {
    color: #666;
    font-style: italic;
    opacity: 1; }
  textarea::-moz-placeholder {
    color: #666;
    font-style: italic;
    opacity: 1; }
  textarea:-ms-input-placeholder {
    color: #666;
    font-style: italic; }

input::-webkit-input-placeholder {
  color: #ccc; }
input:-moz-placeholder {
  color: #ccc; }
input::-moz-placeholder {
  color: #ccc; }
input:-ms-input-placeholder {
  color: #ccc; }

input[type="text"], input[type="date"] {
  height: 30px; }

input[type="radio"], input[type="checkbox"] {
  border: none;
  padding: 0px; }
  input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 1px solid #ccf0e7; }

input[type="number"] {
  text-align: right; }

input[type="search"] {
  font-size: 19px; }

input[type="submit"]:hover {
  border-width: 2px; }

a.hp-button:active, button:active {
  background-color: transparent;
  border-color: #01765b;
  color: #01765b; }

input[type="button"], input[type="submit"], input[type="reset"],
button, select, a.hp-button, label.hp-button, a.ui-button {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px 30px;
  font-size: 19px;
  line-height: 25px;
  font-weight: 600;
  height: 32px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border: 2px solid #01a982;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #01a982;
  font-family: Metric;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  transition: background-color 0.1s; }
  input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,
  button:hover, select:hover, a.hp-button:hover, label.hp-button:hover, a.ui-button:hover {
    border-color: #00b388;
    box-shadow: 0 0 0 2px #01a982;
    text-decoration: none; }
  input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active,
  button:active, select:active, a.hp-button:active, label.hp-button:active, a.ui-button:active {
    border-color: #01765b; }
  input[type="button"].hp-disabled, input[type="submit"].hp-disabled, input[type="reset"].hp-disabled,
  button.hp-disabled, select.hp-disabled, a.hp-button.hp-disabled, label.hp-button.hp-disabled, a.ui-button.hp-disabled {
    background-color: transparent;
    border-color: #999;
    color: #777;
    opacity: 0.3;
    cursor: default; }
  input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
  button:disabled, select:disabled, a.hp-button:disabled, label.hp-button:disabled, a.ui-button:disabled {
    background-color: transparent;
    border-color: #999;
    color: #777;
    opacity: 0.3; }
    input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="reset"]:disabled:hover,
    button:disabled:hover, select:disabled:hover, a.hp-button:disabled:hover, label.hp-button:disabled:hover, a.ui-button:disabled:hover {
      box-shadow: none; }
  input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled],
  button[disabled], select[disabled], a.hp-button[disabled], label.hp-button[disabled], a.ui-button[disabled] {
    background-color: transparent;
    border-color: #999;
    color: #777;
    opacity: 0.3; }
  input[type="button"].hp-primary, input[type="button"].ui-datepicker-close, input[type="submit"].hp-primary, input[type="submit"].ui-datepicker-close, input[type="reset"].hp-primary, input[type="reset"].ui-datepicker-close,
  button.hp-primary,
  button.ui-datepicker-close, select.hp-primary, select.ui-datepicker-close, a.hp-button.hp-primary, a.hp-button.ui-datepicker-close, label.hp-button.hp-primary, label.hp-button.ui-datepicker-close, a.ui-button.hp-primary, a.ui-button.ui-datepicker-close {
    background-color: #01a982;
    border-color: #01a982;
    color: #fff;
    font-family: Metric;
    font-weight: 600; }
    input[type="button"].hp-primary:hover, input[type="button"].ui-datepicker-close:hover, input[type="submit"].hp-primary:hover, input[type="submit"].ui-datepicker-close:hover, input[type="reset"].hp-primary:hover, input[type="reset"].ui-datepicker-close:hover,
    button.hp-primary:hover,
    button.ui-datepicker-close:hover, select.hp-primary:hover, select.ui-datepicker-close:hover, a.hp-button.hp-primary:hover, a.hp-button.ui-datepicker-close:hover, label.hp-button.hp-primary:hover, label.hp-button.ui-datepicker-close:hover, a.ui-button.hp-primary:hover, a.ui-button.ui-datepicker-close:hover {
      border-color: #01a982;
      box-shadow: 0 0 0 2px #01a982; }
    input[type="button"].hp-primary:active, input[type="button"].ui-datepicker-close:active, input[type="submit"].hp-primary:active, input[type="submit"].ui-datepicker-close:active, input[type="reset"].hp-primary:active, input[type="reset"].ui-datepicker-close:active,
    button.hp-primary:active,
    button.ui-datepicker-close:active, select.hp-primary:active, select.ui-datepicker-close:active, a.hp-button.hp-primary:active, a.hp-button.ui-datepicker-close:active, label.hp-button.hp-primary:active, label.hp-button.ui-datepicker-close:active, a.ui-button.hp-primary:active, a.ui-button.ui-datepicker-close:active {
      background-color: #01a982;
      border-color: #01a982;
      color: #fff; }
    input[type="button"].hp-primary.hp-disabled, input[type="button"].ui-datepicker-close.hp-disabled, input[type="submit"].hp-primary.hp-disabled, input[type="submit"].ui-datepicker-close.hp-disabled, input[type="reset"].hp-primary.hp-disabled, input[type="reset"].ui-datepicker-close.hp-disabled,
    button.hp-primary.hp-disabled,
    button.ui-datepicker-close.hp-disabled, select.hp-primary.hp-disabled, select.ui-datepicker-close.hp-disabled, a.hp-button.hp-primary.hp-disabled, a.hp-button.ui-datepicker-close.hp-disabled, label.hp-button.hp-primary.hp-disabled, label.hp-button.ui-datepicker-close.hp-disabled, a.ui-button.hp-primary.hp-disabled, a.ui-button.ui-datepicker-close.hp-disabled {
      background-color: transparent;
      border-color: #999;
      color: #777;
      opacity: 0.3; }
      input[type="button"].hp-primary.hp-disabled:hover, input[type="button"].ui-datepicker-close.hp-disabled:hover, input[type="submit"].hp-primary.hp-disabled:hover, input[type="submit"].ui-datepicker-close.hp-disabled:hover, input[type="reset"].hp-primary.hp-disabled:hover, input[type="reset"].ui-datepicker-close.hp-disabled:hover,
      button.hp-primary.hp-disabled:hover,
      button.ui-datepicker-close.hp-disabled:hover, select.hp-primary.hp-disabled:hover, select.ui-datepicker-close.hp-disabled:hover, a.hp-button.hp-primary.hp-disabled:hover, a.hp-button.ui-datepicker-close.hp-disabled:hover, label.hp-button.hp-primary.hp-disabled:hover, label.hp-button.ui-datepicker-close.hp-disabled:hover, a.ui-button.hp-primary.hp-disabled:hover, a.ui-button.ui-datepicker-close.hp-disabled:hover {
        box-shadow: none; }
    input[type="button"].hp-primary:disabled, input[type="button"].ui-datepicker-close:disabled, input[type="submit"].hp-primary:disabled, input[type="submit"].ui-datepicker-close:disabled, input[type="reset"].hp-primary:disabled, input[type="reset"].ui-datepicker-close:disabled,
    button.hp-primary:disabled,
    button.ui-datepicker-close:disabled, select.hp-primary:disabled, select.ui-datepicker-close:disabled, a.hp-button.hp-primary:disabled, a.hp-button.ui-datepicker-close:disabled, label.hp-button.hp-primary:disabled, label.hp-button.ui-datepicker-close:disabled, a.ui-button.hp-primary:disabled, a.ui-button.ui-datepicker-close:disabled {
      background-color: transparent;
      border-color: #999;
      color: #777;
      opacity: 0.3; }
    input[type="button"].hp-primary[disabled], input[type="button"].ui-datepicker-close[disabled], input[type="submit"].hp-primary[disabled], input[type="submit"].ui-datepicker-close[disabled], input[type="reset"].hp-primary[disabled], input[type="reset"].ui-datepicker-close[disabled],
    button.hp-primary[disabled],
    button.ui-datepicker-close[disabled], select.hp-primary[disabled], select.ui-datepicker-close[disabled], a.hp-button.hp-primary[disabled], a.hp-button.ui-datepicker-close[disabled], label.hp-button.hp-primary[disabled], label.hp-button.ui-datepicker-close[disabled], a.ui-button.hp-primary[disabled], a.ui-button.ui-datepicker-close[disabled] {
      background-color: transparent;
      border-color: #999;
      color: #777;
      opacity: 0.3; }
  input[type="button"].hp-secondary, input[type="submit"].hp-secondary, input[type="reset"].hp-secondary,
  button.hp-secondary, select.hp-secondary, a.hp-button.hp-secondary, label.hp-button.hp-secondary, a.ui-button.hp-secondary {
    color: #fff;
    border: 2px solid #01a982;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #01a982; }
    input[type="button"].hp-secondary:hover, input[type="submit"].hp-secondary:hover, input[type="reset"].hp-secondary:hover,
    button.hp-secondary:hover, select.hp-secondary:hover, a.hp-button.hp-secondary:hover, label.hp-button.hp-secondary:hover, a.ui-button.hp-secondary:hover {
      border-color: #01a982; }
    input[type="button"].hp-secondary:active, input[type="submit"].hp-secondary:active, input[type="reset"].hp-secondary:active,
    button.hp-secondary:active, select.hp-secondary:active, a.hp-button.hp-secondary:active, label.hp-button.hp-secondary:active, a.ui-button.hp-secondary:active {
      background-color: #01a982;
      border-color: #01a982;
      color: #fff; }
    input[type="button"].hp-secondary.hp-disabled, input[type="submit"].hp-secondary.hp-disabled, input[type="reset"].hp-secondary.hp-disabled,
    button.hp-secondary.hp-disabled, select.hp-secondary.hp-disabled, a.hp-button.hp-secondary.hp-disabled, label.hp-button.hp-secondary.hp-disabled, a.ui-button.hp-secondary.hp-disabled {
      background-color: transparent;
      border-color: #999;
      color: #777;
      opacity: 0.3; }
    input[type="button"].hp-secondary:disabled, input[type="submit"].hp-secondary:disabled, input[type="reset"].hp-secondary:disabled,
    button.hp-secondary:disabled, select.hp-secondary:disabled, a.hp-button.hp-secondary:disabled, label.hp-button.hp-secondary:disabled, a.ui-button.hp-secondary:disabled {
      background-color: transparent;
      border-color: #999;
      color: #777;
      opacity: 0.3; }
    input[type="button"].hp-secondary[disabled], input[type="submit"].hp-secondary[disabled], input[type="reset"].hp-secondary[disabled],
    button.hp-secondary[disabled], select.hp-secondary[disabled], a.hp-button.hp-secondary[disabled], label.hp-button.hp-secondary[disabled], a.ui-button.hp-secondary[disabled] {
      background-color: transparent;
      border-color: #999;
      color: #777;
      opacity: 0.3; }
  input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus,
  button:focus, select:focus, a.hp-button:focus, label.hp-button:focus, a.ui-button:focus {
    border-color: #2AD2C9;
    box-shadow: 0 0 1px 1px #2AD2C9; }

a.hp-button.hp-secondary:hover {
  line-height: 26px; }

input[type="button"]:active {
  background-color: transparent;
  border-color: #01765b;
  color: #01765b; }

input::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

input[disabled] {
  color: #999;
  background: #fcfcfc;
  border-color: #e2e2e2; }

.ui-buttonset {
  margin-left: 0px; }
  .ui-buttonset label.ui-button {
    margin: 2px 20px 0px 5px;
    border-radius: 0px; }
    .ui-buttonset label.ui-button.ui-state-active {
      color: #222; }
    .ui-buttonset label.ui-button.ui-corner-right {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px; }
    .ui-buttonset label.ui-button.ui-corner-left {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }

.hp-collapsible > label {
  display: block;
  font-size: 16px;
  color: #767676;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 20px;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7);
  background-position: -1px;
  background-repeat: no-repeat;
  cursor: pointer; }
  .hp-collapsible > label.hp-value {
    color: #000; }
  html.hp-high-contrast .hp-collapsible > label {
    color: #333; }
  .hp-collapsible > label:hover {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7);
    color: #333; }
.hp-collapsible.hp-collapsed > label {
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);
  margin-bottom: 15px; }
  .hp-collapsible.hp-collapsed > label:hover {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM3JycszMzExMTLKyspmZmWZmZuXl5X9/f////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827TwPxTQBgCGNZIoenqkW7verA0UB8q4G8n6PQaEgsGo/HCAA7); }
.hp-collapsible.hp-collapsed > div, .hp-collapsible.hp-collapsed > ol, .hp-collapsible.hp-collapsed > ul, .hp-collapsible.hp-collapsed > table {
  display: none; }
.hp-collapsible > .hp-collapsible > * {
  padding-left: 20px;
  margin-left: 15px; }
.hp-collapsible > .hp-collapsible > label {
  font-size: 14px; }

.hp-collapser {
  width: 18px;
  height: 18px;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);
  background-position: -1px;
  background-repeat: no-repeat;
  cursor: pointer; }
  .hp-collapser:hover {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM3JycszMzExMTLKyspmZmWZmZuXl5X9/f////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827TwPxTQBgCGNZIoenqkW7verA0UB8q4G8n6PQaEgsGo/HCAA7); }
  .hp-collapser.hp-active {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7); }
    .hp-collapser.hp-active:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7); }

.hp-collapsible {
  margin-bottom: 20px; }
  .hp-collapsible.hp-collapsed {
    margin-bottom: 0px; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg); } }
@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg); } }
.hp-spinner {
  width: 100%;
  color: #767676; }
  .hp-spinner p {
    position: relative; }
  html.hp-high-contrast .hp-spinner {
    color: #333; }
  .hp-spinner > * {
    margin: 0px auto;
    text-align: center; }
  .hp-spinner .hp-spinner-image {
    height: 35px;
    width: 35px;
    background: transparent;
    background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
    background-position: -320px 0px;
    background-repeat: no-repeat;
    -webkit-animation: rotate 4s steps(4, end) 0s infinite forwards running;
    -moz-animation: rotate 4s steps(4, end) 0s infinite forwards running;
    -ms-animation: rotate 4s steps(4, end) infinite forwards 0.7s;
    -o-animation: rotate 4s steps(4, end) 0s infinite forwards running;
    margin: 20px auto; }
    .hp-global .hp-spinner .hp-spinner-image {
      background-position: -320px 0px; }

.hp-spinner-small {
  display: inline-block;
  width: 17px;
  color: #767676; }
  html.hp-high-contrast .hp-spinner-small {
    color: #333; }
  .hp-spinner-small .hp-spinner-image {
    display: inline-block;
    height: 17px;
    width: 17px;
    background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
    background-position: -320px -120px;
    background-repeat: no-repeat;
    -webkit-animation: rotate 4s steps(4, end) 0s infinite forwards running;
    -moz-animation: rotate 4s steps(4, end) 0s infinite forwards running;
    -ms-animation: rotate 4s steps(4, end) infinite forwards 0.7s;
    -o-animation: rotate 4s steps(4, end) 0s infinite forwards running; }

#hp-banner-container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 60px;
  min-width: 600px;
  background-color: #fff;
  z-index: 300;
  font-family: Metric;
  -webkit-font-smoothing: antialiased; }
  @media only screen and (max-width: 600px) {
    #hp-banner-container {
      min-width: 100px; } }
  @media print {
    #hp-banner-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

.hp-banner {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
  z-index: 300;
  background-color: #f3f3f3;
  color: #666; }
  .hp-banner h1 {
    display: inline-block;
    white-space: nowrap;
    font-size: 18px; }
  @media print {
    .hp-banner {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-body-div.hp-login-geometric #hp-banner-container {
  display: none; }

#hp-main-banner .hp-banner-control, #hp-simple-banner .hp-banner-control {
  position: relative;
  cursor: pointer;
  top: 0px;
  width: 50px;
  height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  line-height: 15px; }
  #hp-main-banner .hp-banner-control.hp-full, #hp-simple-banner .hp-banner-control.hp-full {
    width: auto; }
  #hp-main-banner .hp-banner-control:hover, #hp-simple-banner .hp-banner-control:hover {
    background-color: #fff; }
    #hp-main-banner .hp-banner-control:hover:after, #hp-simple-banner .hp-banner-control:hover:after {
      content: '';
      display: none; }
  #hp-main-banner .hp-banner-control.hp-selected, #hp-simple-banner .hp-banner-control.hp-selected {
    z-index: 20; }
  #hp-main-banner .hp-banner-control:after, #hp-simple-banner .hp-banner-control:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0px;
    height: 30px;
    width: 1px;
    background-color: #ccc; }
  #hp-main-banner .hp-banner-control .hp-icon, #hp-simple-banner .hp-banner-control .hp-icon {
    position: relative;
    top: 22px;
    left: 17px;
    width: 20px;
    height: 20px;
    background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
    background-repeat: no-repeat; }
  @media print {
    #hp-main-banner .hp-banner-control, #hp-simple-banner .hp-banner-control {
      display: none; } }
#hp-main-banner.hp-grommet-banner, #hp-simple-banner.hp-grommet-banner {
  background-color: #fff; }
  #hp-main-banner.hp-grommet-banner #hp-search-control, #hp-simple-banner.hp-grommet-banner #hp-search-control {
    padding-left: 20px;
    background-image: inherit; }
  #hp-main-banner.hp-grommet-banner #hp-main-menu-control, #hp-main-banner.hp-grommet-banner #hp-search-control, #hp-main-banner.hp-grommet-banner .hp-header-primary, #hp-main-banner.hp-grommet-banner .hp-banner-control, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary, #hp-main-banner.hp-grommet-banner #hp-activity-notification, #hp-simple-banner.hp-grommet-banner #hp-main-menu-control, #hp-simple-banner.hp-grommet-banner #hp-search-control, #hp-simple-banner.hp-grommet-banner .hp-header-primary, #hp-simple-banner.hp-grommet-banner .hp-banner-control, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary, #hp-simple-banner.hp-grommet-banner #hp-activity-notification {
    background-color: #fff; }
  #hp-main-banner.hp-grommet-banner .hp-banner-control, #hp-simple-banner.hp-grommet-banner .hp-banner-control {
    margin-right: 1px;
    margin-top: 1px;
    height: 59px; }
    #hp-main-banner.hp-grommet-banner .hp-banner-control:after, #hp-simple-banner.hp-grommet-banner .hp-banner-control:after {
      width: 0px; }
    #hp-main-banner.hp-grommet-banner .hp-banner-control:focus, #hp-simple-banner.hp-grommet-banner .hp-banner-control:focus {
      outline: 1px solid #00b388; }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control .hp-icon {
    top: 18px;
    left: 5px;
    height: 24px;
    width: 24px;
    opacity: 0.5;
    background-position: inherit; }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control.hp-selected .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control:hover .hp-icon, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control.hp-selected .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control:hover .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control.hp-selected .hp-icon {
    background-position: inherit;
    opacity: 1; }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control.hp-selected .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control:hover .hp-count, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control.hp-selected .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control:hover .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control.hp-selected .hp-count {
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#hover-count"); }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-count {
    right: 12px;
    background-position: inherit;
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#count"); }
    #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-count:hover, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-count:hover {
      background-position: inherit; }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-help-control .hp-icon {
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#help"); }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-session-control .hp-icon {
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#user"); }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-upload-control .hp-icon {
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#upload"); }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-info-control .hp-icon {
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#info"); }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control .hp-icon {
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#filter"); }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-total, #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-filtered, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-total, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-filtered {
    position: absolute;
    font-size: .8em;
    text-align: center;
    width: 33px; }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-total, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-total {
    top: 4px; }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-filtered, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hpe-filter-control #hpe-filter-control-filtered {
    bottom: 0px; }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control .hp-icon {
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#notification"); }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover #hp-activity-control-new-count, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary #hp-activity-control:hover #hp-activity-control-new-count {
    background-position: inherit; }
  #hp-main-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control .hp-icon, #hp-simple-banner.hp-grommet-banner ol.hp-header-secondary .hp-checklist-control .hp-icon {
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#checklist"); }
#hp-main-banner ol.hp-header-secondary, #hp-simple-banner ol.hp-header-secondary {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  background-color: #f3f3f3;
  z-index: 55;
  white-space: nowrap;
  font-size: 0px; }
  #hp-main-banner ol.hp-header-secondary > li, #hp-simple-banner ol.hp-header-secondary > li {
    display: inline-block;
    font-size: 16px;
    vertical-align: top; }
  #hp-main-banner ol.hp-header-secondary #hp-help-control .hp-icon, #hp-simple-banner ol.hp-header-secondary #hp-help-control .hp-icon {
    top: 22px;
    background-position: -120px -20px; }
  #hp-main-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-icon, #hp-simple-banner ol.hp-header-secondary #hp-help-control:hover .hp-icon, #hp-simple-banner ol.hp-header-secondary #hp-help-control.hp-selected .hp-icon {
    background-position: -120px 0px; }
  @media print {
    #hp-main-banner ol.hp-header-secondary, #hp-simple-banner ol.hp-header-secondary {
      height: auto;
      width: auto; } }

#hp-main-banner {
  border-bottom: 1px solid #e6e6e6;
  z-index: 50; }
  #hp-main-banner .hp-header-primary {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 150px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    background-color: #f3f3f3; }
    #hp-main-banner .hp-header-primary > * {
      vertical-align: top; }
    #hp-main-banner .hp-header-primary #hp-banner-title {
      display: none;
      margin: 0px;
      font-size: 21px;
      line-height: 60px;
      font-weight: normal;
      padding-left: 20px;
      padding-right: 20px; }
    @media print {
      #hp-main-banner .hp-header-primary {
        display: none; } }
  #hp-main-banner #hp-search-control {
    position: relative;
    display: inline-block;
    margin: 0px;
    color: #666;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; }
    #hp-main-banner #hp-search-control:hover {
      background-color: #fff;
      color: #000; }
    #hp-main-banner #hp-search-control.hp-selected {
      z-index: 90; }
    #hp-main-banner #hp-search-control.hp-disabled:hover {
      background-color: inherit;
      color: #666; }
  #hp-main-banner ol.hp-header-secondary .hp-count {
    position: absolute;
    top: 10px;
    right: 6px;
    height: 18px;
    width: 20px;
    padding-top: 2px;
    text-align: center;
    background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
    background-repeat: no-repeat;
    background-position: -500px -40px;
    font-size: 11px;
    font-weight: 600;
    color: #000;
    z-index: 1;
    display: none; }
    #hp-main-banner ol.hp-header-secondary .hp-count.hp-active {
      display: block; }
  #hp-main-banner ol.hp-header-secondary #hp-activity-control .hp-icon {
    top: 23px;
    background-position: -140px -20px; }
  #hp-main-banner ol.hp-header-secondary #hp-activity-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-activity-control.hp-selected .hp-icon {
    background-position: -140px 0px; }
  #hp-main-banner ol.hp-header-secondary #hp-activity-control:hover #hp-activity-control-new-count, #hp-main-banner ol.hp-header-secondary #hp-activity-control.hp-selected #hp-activity-control-new-count {
    background-position: -500px 0px; }
  #hp-main-banner ol.hp-header-secondary #hp-session-control {
    white-space: nowrap; }
    #hp-main-banner ol.hp-header-secondary #hp-session-control .hp-icon {
      top: 23px;
      background-position: -140px -100px; }
    #hp-main-banner ol.hp-header-secondary #hp-session-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-session-control.hp-selected .hp-icon {
      background-position: -140px -80px; }
    #hp-main-banner ol.hp-header-secondary #hp-session-control .hp-name {
      position: relative;
      top: 15px;
      padding: 0px 15px 0px 20px; }
    #hp-main-banner ol.hp-header-secondary #hp-session-control.hp-full .hp-icon, #hp-main-banner ol.hp-header-secondary #hp-session-control.hp-full .hp-name {
      display: inline-block; }
  #hp-main-banner ol.hp-header-secondary .hp-checklist-control .hp-icon {
    background-position: -617px -180px; }
  #hp-main-banner ol.hp-header-secondary .hp-checklist-control:hover .hp-icon, #hp-main-banner ol.hp-header-secondary .hp-checklist-control.hp-selected .hp-icon {
    background-position: -617px -160px; }

#hp-main-menu-control {
  position: relative;
  display: inline-block;
  margin: 0px;
  font-weight: normal;
  color: #666;
  height: 100%;
  overflow: hidden;
  cursor: pointer; }
  #hp-main-menu-control:hover {
    background-color: #fff;
    color: #00b388; }
    #hp-main-menu-control:hover h1 {
      color: #00b388; }
  #hp-main-menu-control.hp-selected {
    z-index: 90; }
  #hp-main-menu-control.hp-disabled:hover {
    background-color: inherit;
    color: #666; }

.hp-banner-flyout {
  position: absolute;
  top: 60px;
  min-width: 200px;
  right: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  color: #666;
  z-index: 10;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc;
  text-align: left;
  line-height: normal;
  display: none; }
  .hp-banner-flyout time {
    pointer-events: none; }
  .hp-banner-flyout.hp-active {
    display: block; }
  .hp-banner-flyout .hp-permissions-flyout > div > span {
    display: inline-block;
    color: #767676; }
  .hp-banner-flyout .hp-permissions-flyout > div > a {
    padding-left: 10px;
    display: inline-block; }
  .hp-banner-flyout .hp-permissions-flyout > div fieldset {
    padding-left: 10px;
    margin-top: 5px; }
    .hp-banner-flyout .hp-permissions-flyout > div fieldset ol {
      margin-bottom: 5px; }
  .hp-banner-flyout .hp-permissions-flyout > div table td:last-child {
    color: #767676; }
  .hp-banner-flyout .hp-permissions-flyout > div table td > a {
    display: inline-block;
    max-width: 200px; }
  .hp-banner-flyout.hp-sidebarred {
    top: 0px;
    width: auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #f3f3f3;
    z-index: 400;
    border: none;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); }
    @media only screen and (max-width: 600px) {
      .hp-banner-flyout.hp-sidebarred {
        background-color: #fff;
        z-index: 0; } }
  .hp-banner-flyout.hp-setup-flyout > header h1 {
    font-size: 20px; }
  .hp-banner-flyout > header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    line-height: 38px;
    padding: 10px 15px;
    color: #333;
    font-family: Metric; }
    .hp-banner-flyout > header h1 {
      font-size: 18px;
      line-height: inherit;
      margin: 0px; }
    .hp-banner-flyout > header .hp-pin-right {
      position: absolute;
      top: 9px;
      right: -2px; }
      .hp-sidebarred .hp-banner-flyout > header .hp-pin-right {
        right: 20px; }

#hp-main-menu-control {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 202px;
  padding: 13px 10px 6px 20px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  @media only screen and (max-width: 600px) {
    #hp-main-menu-control {
      min-width: 117px; }
      #hp-main-menu-control.hp-selected {
        width: 100%; }
        #hp-main-menu-control.hp-selected .hp-main-menu-carret {
          position: absolute;
          right: 10px;
          top: 21px; } }
  #hp-main-menu-control img {
    margin-right: 10px;
    height: 36px; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    #hp-main-menu-control.hp-selected {
      width: 100%; } }
  #hp-main-menu-control:hover .hp-main-menu-carret {
    background-position: right 7px; }
  #hp-main-menu-control:hover .hp-main-menu-pin-icon {
    opacity: 0.7; }
  #hp-main-menu-control .hp-main-menu-pin-icon {
    opacity: 0.5; }
  #hp-main-menu-control.hp-active:hover {
    height: 60px; }
    #hp-main-menu-control.hp-active:hover #hp-main-menu-label {
      color: #01a982; }
  #hp-main-menu-control.hp-selected:hover {
    box-shadow: 0px 0px transparent;
    height: 60px;
    width: 100%; }
  #hp-main-menu-control.hp-selected:after {
    background-color: #fff; }
  #hp-main-menu-control.hp-selected .hpe-mobile-menu {
    display: none; }
  @media only screen and (max-width: 600px) {
    #hp-main-menu-control.hp-selected #hp-main-menu-labels {
      display: inline-block; } }
  #hp-main-menu-control.hp-disabled {
    cursor: default; }
    #hp-main-menu-control.hp-disabled:after {
      content: '';
      display: none; }
    #hp-main-menu-control.hp-disabled .hp-main-menu-carret {
      display: none; }
    #hp-main-menu-control.hp-disabled:hover {
      border: none; }
  body.hp-basic-layout #hp-main-menu-control {
    padding: 10px 30px 10px 30px; }
  #hp-main-menu-control #hp-main-menu-labels {
    position: relative;
    top: 6px;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    padding-right: 5px;
    padding-left: 0px;
    min-width: 105px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 600px) {
      #hp-main-menu-control #hp-main-menu-labels {
        display: none; } }
  #hp-main-menu-control #hp-main-menu-label {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    vertical-align: bottom;
    font-family: Metric, Arial, sans-serif;
    margin: 0px 0px 3px 0px; }
    body.hp-basic-layout #hp-main-menu-control #hp-main-menu-label {
      position: relative;
      top: 11px;
      display: inline-block;
      vertical-align: top;
      width: 20px;
      height: 20px;
      background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
      background-position: right -35px;
      background-repeat: no-repeat; }
  #hp-main-menu-control #hp-main-menu-sub-label {
    font-size: 12px;
    margin: 0px;
    color: #767676;
    text-align: right; }
  #hp-main-menu-control .hp-main-menu-carret {
    position: relative;
    top: 9px;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
    background-position: right -35px;
    background-repeat: no-repeat; }
  #hp-main-menu-control .hpe-mobile-menu {
    display: none; }
    @media only screen and (max-width: 600px) {
      #hp-main-menu-control .hpe-mobile-menu {
        display: inline-block;
        line-height: 24px;
        margin: 6px 10px 12px 0px;
        font-family: Metric, Arial, sans-serif;
        font-size: 24px;
        vertical-align: top; } }
    #hp-main-menu-control .hpe-mobile-menu:hover {
      color: #01a982; }
  #hp-main-menu-control .hp-main-menu-pin {
    position: absolute;
    top: 10px;
    right: 40px;
    height: 20px;
    width: 20px;
    padding: 10px;
    display: none; }
    #hp-main-menu-control .hp-main-menu-pin .hp-main-menu-pin-icon {
      width: 20px;
      height: 20px;
      background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#pin"); }
      #hp-main-menu-control .hp-main-menu-pin .hp-main-menu-pin-icon:hover {
        cursor: pointer;
        opacity: 1.0; }
    #hp-main-menu-control .hp-main-menu-pin.hp-pin-menu .hp-main-menu-pin-icon {
      background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#unpin"); }
    #hp-main-menu-control .hp-main-menu-pin:focus {
      outline: 1px solid #00b388; }
      #hp-main-menu-control .hp-main-menu-pin:focus .hp-main-menu-pin-icon {
        opacity: 1.0; }

#hp-main-menu {
  z-index: 500;
  line-height: 24px;
  max-width: 100%;
  max-height: 100%;
  font-family: Metric;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  border-right: 1px solid #ccc;
  border-left-color: transparent; }
  #hp-main-menu #hp-main-menu-control {
    height: 60px; }
    #hp-main-menu #hp-main-menu-control:hover {
      border-right: 0px; }
  #hp-main-menu.hp-active {
    display: block; }
  body.hp-basic-layout #hp-main-menu {
    padding-left: 85px;
    padding-right: 30px;
    font-size: 18px; }
  #hp-main-menu > header a {
    display: block;
    padding: 12px 0px; }
  #hp-main-menu .hp-sections-container {
    padding: 0px 0px 22px 0px;
    margin: 0px 20px 0px 20px;
    overflow: auto;
    position: relative;
    border-top: 1px solid #000; }
    @media only screen and (max-width: 600px) {
      #hp-main-menu .hp-sections-container {
        padding-right: 0px; } }
    @media only screen and (min-width: 601px) and (max-width: 800px) {
      #hp-main-menu .hp-sections-container {
        padding-right: 0px; } }
    #hp-main-menu .hp-sections-container .hp-sections::-webkit-scrollbar-thumb {
      background-color: #a4a4a4; }
    #hp-main-menu .hp-sections-container .hp-sections {
      padding-top: 22px;
      margin-bottom: 0px;
      font-size: 16px;
      overflow: auto; }
      #hp-main-menu .hp-sections-container .hp-sections > li {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        margin-bottom: 10px; }
        #hp-main-menu .hp-sections-container .hp-sections > li label {
          display: block;
          font-family: Metric;
          font-weight: 600;
          font-size: 15px;
          margin-bottom: 10px;
          color: #999;
          text-transform: uppercase; }
    #hp-main-menu .hp-sections-container .hp-show-hide-container {
      position: relative; }
      #hp-main-menu .hp-sections-container .hp-show-hide-container #hp-show-hide {
        position: absolute;
        right: 10px; }
  #hp-main-menu ul.hp-sections > li.hp-unauthorized, #hp-main-menu ul.hp-sections > li.hp-filtered {
    display: none; }
  #hp-main-menu ul.hp-section {
    margin-bottom: 20px; }
    #hp-main-menu ul.hp-section > li {
      margin-bottom: 6px;
      min-width: 135px;
      width: 150px;
      text-indent: -10px;
      padding-left: 10px; }
      #hp-main-menu ul.hp-section > li.hp-unauthorized, #hp-main-menu ul.hp-section > li.hp-filtered {
        display: none; }
      #hp-main-menu ul.hp-section > li a {
        display: block;
        color: #333;
        padding: 2px 0px;
        font-size: 19px;
        text-decoration: none; }
        #hp-main-menu ul.hp-section > li a.hp-selected {
          color: #017b5f;
          font-family: Metric;
          font-weight: 600; }
        #hp-main-menu ul.hp-section > li a:hover {
          color: #000;
          text-decoration: none; }
      #hp-main-menu ul.hp-section > li .hp-menu-item-prompt {
        position: relative;
        display: inline-block;
        font-size: 13px;
        background-color: #ffD042;
        color: #000;
        margin: 5px 10px;
        padding: 3px 10px 3px 10px; }
        #hp-main-menu ul.hp-section > li .hp-menu-item-prompt:after {
          content: "";
          position: absolute;
          top: -5px;
          left: 5px;
          right: auto;
          border-width: 0 7px 7px;
          border-color: #ffD042 transparent;
          border-style: solid;
          display: block;
          width: 0; }
        #hp-main-menu ul.hp-section > li .hp-menu-item-prompt.hp-done {
          background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
          background-position: -380px -215px;
          background-repeat: no-repeat; }
        #hp-main-menu ul.hp-section > li .hp-menu-item-prompt a {
          display: inline;
          padding: 2px;
          color: #333; }
          #hp-main-menu ul.hp-section > li .hp-menu-item-prompt a:hover {
            background-color: transparent;
            text-decoration: underline;
            color: #333; }
  #hp-main-menu.hp-grommet-menu {
    z-index: 300;
    left: -280px;
    display: block;
    -webkit-transition: left 0.2s, background-color 0.5s;
    -moz-transition: left 0.2s, background-color 0.5s;
    transition: left 0.2s, background-color 0.5s; }
    #hp-main-menu.hp-grommet-menu.hp-disabled {
      left: -290px; }
    body.hp-narrow #hp-body-div.hp-menu-open #hp-main-menu.hp-grommet-menu {
      width: 100%; }
      body.hp-narrow #hp-body-div.hp-menu-open #hp-main-menu.hp-grommet-menu .hp-sections-container, body.hp-narrow #hp-body-div.hp-menu-open #hp-main-menu.hp-grommet-menu ul.hp-sections {
        width: 100%; }
    #hp-main-menu.hp-grommet-menu .hp-collapsible > label {
      background-position-y: 3px;
      margin-left: 17px;
      margin-right: 1px;
      padding-left: 6px;
      text-indent: 14px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAAAAACo4kLRAAAAAnRSTlMA/1uRIrUAAAACYktHRAD/h4/MvwAAAAlwSFlzAAAASAAAAEgARslrPgAAAD9JREFUGNNj+I8FMNBX8OZTCLiJLLgJKrgJRftNZIUwwU3ICuEW3URSCBecCRScieGkmwiFCMGZCIX0DhA0AADFbIdE3b/i3gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOC0xNFQxOToxMjowOC0wNDowMCw5PcAAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDgtMTRUMTk6MTI6MDgtMDQ6MDBdZIV8AAAAAElFTkSuQmCC); }
      #hp-main-menu.hp-grommet-menu .hp-collapsible > label:focus {
        outline: 1px solid #00b388; }
      #hp-main-menu.hp-grommet-menu .hp-collapsible > label:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAD1BMVEWbAADZ2dn////FxcWysrJkK9GmAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAA2SURBVAjXY2CgAmBUUlJShDCZgUxlqLCQkpIAlGmkpGQAV6wI08eipAI3Q0gAznRyoIajGBgAfnMDU1uKghIAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDgtMTVUMTU6NTk6MjQtMDQ6MDDVV/DWAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA4LTE1VDE1OjU5OjI0LTA0OjAwpApIagAAAABJRU5ErkJggg==); }
    #hp-main-menu.hp-grommet-menu .hp-collapsible.hp-collapsed > label {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAAAAACo4kLRAAAAAnRSTlMA/1uRIrUAAAACYktHRAD/h4/MvwAAAAlwSFlzAAAASAAAAEgARslrPgAAADBJREFUGNNj+I8FMNBO8OZRbII3kYURgjdv7sQmCBdGFbxJpMqdRNmOzZ10CyVUAAAQ5IaQcWWRwAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wOC0xNVQxNjo1Njo1OS0wNDowMPKEr0wAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDgtMTVUMTY6NTY6NTktMDQ6MDCD2RfwAAAAAElFTkSuQmCC); }
      #hp-main-menu.hp-grommet-menu .hp-collapsible.hp-collapsed > label:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAD1BMVEXZAADZ2dm4uLj///+lpaVQjt0KAAAAAXRSTlMAQObYZgAAAAFiS0dEAxEMTPIAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAkSURBVAjXY2AgGwghmMYItrGxCIIJZwOZxthERbCYIMRAJQAAt50Dyfu2RT0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDgtMTVUMTc6MDA6MjAtMDQ6MDDMBuYGAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA4LTE1VDE3OjAwOjIwLTA0OjAwvVteugAAAABJRU5ErkJggg==); }
    #hp-main-menu.hp-grommet-menu.hp-active {
      background-color: #425563; }
      #hp-body-div.hp-menu-open:not(.hp-menu-disabled) #hp-main-menu.hp-grommet-menu.hp-active {
        left: 0px; }
      #hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control:after {
        background-color: #425563; }
      #hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control {
        background-color: #425563; }
        #hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control #hp-main-menu-labels #hp-main-menu-label, #hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control #hp-main-menu-labels #hp-main-menu-sub-label {
          color: #fff; }
        #hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control .hp-main-menu-pin.hp-enabled {
          display: block; }
      #hp-main-menu.hp-grommet-menu.hp-active:hover #hp-main-menu-control {
        background-color: #425563;
        color: #fff; }
        #hp-main-menu.hp-grommet-menu.hp-active:hover #hp-main-menu-control h1 {
          color: #fff; }
    #hp-main-menu.hp-grommet-menu.hp-menu-closing {
      -webkit-transition: left 0.2s, background-color 5s;
      -moz-transition: left 0.2s, background-color 5s;
      transition: left 0.2s, background-color 5s; }
    #hp-main-menu.hp-grommet-menu .hp-sections-container {
      padding: 0px;
      margin: 0px;
      border-top: 0px;
      width: 280px; }
      #hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections {
        padding-top: 0px; }
        #hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li {
          display: block;
          margin: 1px; }
          #hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li.hp-collapsible:focus {
            outline: none; }
          #hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li:not(.hp-collapsible) > label {
            margin-left: 17px;
            margin-right: 1px;
            padding-left: 6px; }
          #hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li label {
            color: #fff; }
          #hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li > .hp-section:first-child.hp-menu-footer > li {
            padding-left: 20px; }
          #hp-main-menu.hp-grommet-menu .hp-sections-container .hp-sections > li > .hp-section > li:not(.hp-selected):hover {
            background-color: rgba(0, 0, 0, 0.1); }
    #hp-main-menu.hp-grommet-menu .hp-show-hide-container {
      margin-bottom: 23px;
      line-height: 12px; }
      #hp-main-menu.hp-grommet-menu .hp-show-hide-container #hp-show-hide {
        color: rgba(255, 255, 255, 0.7);
        right: 14px;
        margin-top: 5px; }
        #hp-main-menu.hp-grommet-menu .hp-show-hide-container #hp-show-hide:hover {
          color: #fff; }
        #hp-main-menu.hp-grommet-menu .hp-show-hide-container #hp-show-hide:focus {
          outline: 1px solid #00b388; }
    #hp-main-menu.hp-grommet-menu ul.hp-section.hp-menu-header > li {
      padding-left: 20px;
      padding-top: 1px; }
    #hp-main-menu.hp-grommet-menu ul.hp-section > li {
      width: auto;
      padding-left: 37px;
      padding-right: 20px;
      padding-bottom: 6px;
      margin-right: 0px;
      margin-left: 0px;
      margin-bottom: 0px;
      text-indent: 0px; }
      #hp-main-menu.hp-grommet-menu ul.hp-section > li.hp-selected {
        background-color: rgba(0, 0, 0, 0.15); }
      #hp-main-menu.hp-grommet-menu ul.hp-section > li a {
        color: #fff;
        font-size: 17px; }
        #hp-main-menu.hp-grommet-menu ul.hp-section > li a:focus {
          outline: 1px solid #00b388; }
        #hp-main-menu.hp-grommet-menu ul.hp-section > li a.hp-selected {
          color: #fff; }
        #hp-main-menu.hp-grommet-menu ul.hp-section > li a:hover {
          color: #fff; }

#hp-main-menu-control.hp-grommet-menu {
  padding: 13px 27px 6px 15px;
  z-index: inherit;
  margin: 1px 1px 0px 1px;
  height: 59px; }
  #hp-main-menu-control.hp-grommet-menu:focus {
    outline: 1px solid #00b388; }
  #hp-main-menu-control.hp-grommet-menu.hp-active:hover {
    height: 59px; }
    #hp-main-menu-control.hp-grommet-menu.hp-active:hover .hp-main-menu-carret {
      opacity: 1; }
  #hp-main-menu-control.hp-grommet-menu .hp-main-menu-carret {
    background-repeat: no-repeat;
    background-position: inherit;
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#caret");
    top: 8px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.6; }
    body.hp-narrow #hp-main-menu-control.hp-grommet-menu .hp-main-menu-carret {
      right: 7px; }
  #hp-main-menu-control.hp-grommet-menu.hp-selected .hp-main-menu-carret {
    position: absolute;
    right: 14px;
    top: 19px;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    background-image: none; }
    #hp-main-menu-control.hp-grommet-menu.hp-selected .hp-main-menu-carret svg path {
      fill: none;
      stroke: rgba(255, 255, 255, 0.7);
      stroke-width: 2px; }
    #hp-main-menu-control.hp-grommet-menu.hp-selected .hp-main-menu-carret svg:hover path {
      stroke: #fff; }

#hp-main-menu-control:not(.hp-grommet-menu):after {
  content: '';
  position: absolute;
  top: 15px;
  right: 0px;
  height: 30px;
  width: 1px;
  background-color: #ccc; }

#hp-main-banner #hp-search-control {
  position: absolute;
  top: 0px;
  left: 200px;
  right: 0px;
  height: 56px;
  padding: 2px 12px 2px 45px;
  background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
  background-position: -600px -96px;
  background-repeat: no-repeat;
  font-size: 21px;
  line-height: 58px;
  color: #999;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s; }
  @media only screen and (max-width: 600px) {
    #hp-main-banner #hp-search-control {
      width: 50px;
      color: transparent;
      padding: 2px 5px; } }
  #hp-main-banner #hp-search-control:hover {
    background-color: #fff;
    color: #666;
    background-position: -600px -57px; }
    @media only screen and (max-width: 600px) {
      #hp-main-banner #hp-search-control:hover {
        color: transparent; } }
  #hp-main-banner #hp-search-control.hp-selected {
    color: #666;
    background-position: -600px -57px; }
    @media only screen and (max-width: 600px) {
      #hp-main-banner #hp-search-control.hp-selected {
        color: transparent; } }
  #hp-main-banner #hp-search-control span.hp-property {
    font-family: Metric, Arial, sans-serif; }
  .hp-grommet-banner#hp-main-banner #hp-search-control {
    background-image: none;
    padding: 2px 12px 2px 8px;
    color: #ccc;
    font-weight: normal; }
    .hp-grommet-banner#hp-main-banner #hp-search-control:hover {
      color: #ccc; }
    .hp-grommet-banner#hp-main-banner #hp-search-control > span {
      color: #333; }
#hp-main-banner #hp-search-control-glass {
  display: none; }
  .hp-grommet-banner#hp-main-banner #hp-search-control-glass {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 60px;
    z-index: 55;
    background-color: #fff; }
    .hp-grommet-banner#hp-main-banner #hp-search-control-glass .hp-icon {
      background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#search");
      background-repeat: no-repeat;
      background-position: unset;
      position: absolute;
      right: 15px;
      top: 22px;
      width: 24px;
      height: 24px;
      cursor: pointer;
      opacity: 0.5; }
    @media only screen and (max-width: 385px) {
      .hp-grommet-banner#hp-main-banner #hp-search-control-glass {
        display: none; } }

.hp-search-wrapper span.hp-property {
  font-family: Metric, Arial, sans-serif;
  color: #999; }

#hp-search-menu {
  position: absolute;
  top: 0px;
  left: 200px;
  right: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 18px;
  background-color: #fff;
  z-index: 301;
  display: none;
  border: 2px solid #00b388;
  /*#hp-search-recent {
    margin: 0px;
    font-size: 13px;

    li {
      display: inline-block;
      background-color: $global-hover-background;
      white-space: nowrap;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 2px 5px;
    }
  }*/ }
  @media only screen and (max-width: 600px) {
    #hp-search-menu {
      top: 60px;
      left: 0px;
      right: 0px;
      border: none;
      border-bottom: 2px solid #00b388; } }
  #hp-search-menu.hp-active {
    display: block; }
  #hp-search-menu > header {
    height: 57px;
    background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
    background-position: -619px -59px;
    background-repeat: no-repeat; }
    #hp-search-menu > header #hp-search-input {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      padding-top: 16px;
      padding-left: 43px;
      padding-right: 40px;
      height: 42px; }
    #hp-search-menu > header input {
      width: 100%;
      font-size: 21px;
      line-height: normal;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      margin: 0px;
      padding: 0px;
      background: transparent;
      font-family: Metric;
      color: #000;
      border: none;
      cursor: default; }
      #hp-search-menu > header input::-moz-selection {
        background: #ccf0e7; }
      #hp-search-menu > header input::-ms-clear {
        display: none; }
    #hp-search-menu > header #hp-search-clear {
      position: absolute;
      top: 24px;
      right: 10px;
      width: 20px;
      height: 20px;
      background-image: url("../../img/hpe/hpe-icons.png?v=f2a4e482ed7d034019da290e899f871f0a487fb9");
      background-position: -160px -20px;
      background-repeat: no-repeat;
      cursor: pointer; }
      #hp-search-menu > header #hp-search-clear:hover {
        background-position: -160px 0px; }
    #hp-search-menu > header #hp-search-menu-glass {
      display: none; }
  #hp-search-menu #hp-search-choices {
    position: relative;
    padding: 10px 25px 0px 25px;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left top;
    background-repeat: repeat-x;
    overflow: hidden; }
    #hp-search-menu #hp-search-choices h2 {
      display: none; }
    #hp-search-menu #hp-search-choices li {
      cursor: pointer; }
  #hp-search-menu #hp-search-suggestions, #hp-search-menu #hp-search-recent {
    margin: 0px -25px;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 15px; }
    #hp-search-menu #hp-search-suggestions li, #hp-search-menu #hp-search-recent li {
      padding: 5px 25px;
      overflow: hidden;
      text-overflow: ellipsis; }
      #hp-search-menu #hp-search-suggestions li:hover, #hp-search-menu #hp-search-recent li:hover {
        background-color: #f3f3f3;
        color: #333; }
      #hp-search-menu #hp-search-suggestions li.hp-selected, #hp-search-menu #hp-search-recent li.hp-selected {
        background-color: #ccf0e7;
        color: #333; }
  #hp-search-menu #hp-search-scope {
    padding: 11px 0px;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left top;
    background-repeat: repeat-x;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #hp-search-menu #hp-search-scope input {
      display: inline-block;
      margin: 0px 3px 0px 0px;
      vertical-align: middle; }
    #hp-search-menu #hp-search-scope label {
      display: inline-block;
      max-width: 50%;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-right: 20px;
      vertical-align: middle; }
      #hp-search-menu #hp-search-scope label:first-child {
        margin-right: 10px; }

#hp-main-banner.hp-grommet-banner #hp-search-menu > header {
  background-image: none;
  padding-left: 8px; }
  #hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-input {
    padding-left: 8px;
    padding-right: 62px; }
    #hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-input input {
      color: #333;
      position: absolute;
      top: 17px;
      line-height: 24px; }
    #hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-input label {
      font-size: 21px;
      color: #ccc;
      position: absolute;
      top: 17px; }
  #hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-clear {
    right: 40px; }
  #hp-main-banner.hp-grommet-banner #hp-search-menu > header #hp-search-menu-glass {
    display: block;
    background-image: url("../../img/hpe/sprite.svg?v=f2a4e482ed7d034019da290e899f871f0a487fb9#search");
    background-repeat: no-repeat;
    background-position: unset;
    position: absolute;
    right: 13px;
    top: 20px;
    width: 24px;
    height: 24px;
    opacity: .5; }
@media only screen and (max-width: 600px) {
  #hp-main-banner.hp-grommet-banner #hp-search-menu {
    border-top: 2px solid #00b388; } }

#hp-main-banner #hp-activity-notification {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 60px;
  max-width: 150px;
  padding: 0px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f3f3f3;
  color: #000;
  line-height: 60px;
  font-size: 16px;
  white-space: nowrap;
  z-index: 52;
  -webkit-transition: right 1s, max-width 1s;
  -moz-transition: right 1s, max-width 1s;
  transition: right 1s, max-width 1s; }
  #hp-main-banner #hp-activity-notification.hp-active {
    right: 150px;
    max-width: 400px; }
  #hp-main-banner #hp-activity-notification .hp-message {
    padding-left: 30px;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #hp-main-banner #hp-activity-notification .hp-status {
    position: absolute;
    top: 25px;
    left: 25px;
    display: none;
    -webkit-animation: bounce 0.7s ease-in-out 0.5s infinite;
    -moz-animation: bounce 0.7s ease-in-out 0.5s infinite;
    -ms-animation: bounce 0.7s ease-in-out 0.5s infinite;
    -o-animation: bounce 0.7s ease-in-out 0.5s infinite; }
    #hp-main-banner #hp-activity-notification .hp-status.hp-active {
      display: block; }
  @media print {
    #hp-main-banner #hp-activity-notification {
      display: none; } }

@-webkit-keyframes bounce {
  0% {
    left: 25px; }
  30% {
    left: 25px; }
  50% {
    left: 15px; }
  70% {
    left: 25px; }
  90% {
    left: 27px; }
  100% {
    left: 25px; } }
@-moz-keyframes bounce {
  0% {
    left: 25px; }
  30% {
    left: 25px; }
  50% {
    left: 15px; }
  70% {
    left: 25px; }
  90% {
    left: 27px; }
  100% {
    left: 25px; } }
@-ms-keyframes bounce {
  0% {
    left: 25px; }
  30% {
    left: 25px; }
  50% {
    left: 15px; }
  70% {
    left: 25px; }
  90% {
    left: 27px; }
  100% {
    left: 25px; } }
@-o-keyframes bounce {
  0% {
    left: 25px; }
  30% {
    left: 25px; }
  50% {
    left: 15px; }
  70% {
    left: 25px; }
  90% {
    left: 27px; }
  100% {
    left: 25px; } }
#hp-activity-flyout > header #hp-activity-count:before, #hp-activity-flyout > header .hp-activity-sidebar-count:before, #hp-upload-flyout > header #hp-activity-count:before, #hp-upload-flyout > header .hp-activity-sidebar-count:before, .hp-activity-sidebar > header #hp-activity-count:before, .hp-activity-sidebar > header .hp-activity-sidebar-count:before {
  content: '('; }
#hp-activity-flyout > header #hp-activity-count:after, #hp-activity-flyout > header .hp-activity-sidebar-count:after, #hp-upload-flyout > header #hp-activity-count:after, #hp-upload-flyout > header .hp-activity-sidebar-count:after, .hp-activity-sidebar > header #hp-activity-count:after, .hp-activity-sidebar > header .hp-activity-sidebar-count:after {
  content: ')'; }
#hp-activity-flyout .hp-flyout-contents, #hp-upload-flyout .hp-flyout-contents, .hp-activity-sidebar .hp-flyout-contents {
  max-height: 400px;
  overflow-y: auto; }
#hp-activity-flyout.hp-sidebarred .hp-flyout-contents, #hp-upload-flyout.hp-sidebarred .hp-flyout-contents, .hp-activity-sidebar.hp-sidebarred .hp-flyout-contents {
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto; }
  #hp-activity-flyout.hp-sidebarred .hp-flyout-contents .hp-activity > .hp-activity-message, #hp-upload-flyout.hp-sidebarred .hp-flyout-contents .hp-activity > .hp-activity-message, .hp-activity-sidebar.hp-sidebarred .hp-flyout-contents .hp-activity > .hp-activity-message {
    width: 131px; }
  #hp-activity-flyout.hp-sidebarred .hp-flyout-contents .hp-fileupload > .hp-upload-message, #hp-upload-flyout.hp-sidebarred .hp-flyout-contents .hp-fileupload > .hp-upload-message, .hp-activity-sidebar.hp-sidebarred .hp-flyout-contents .hp-fileupload > .hp-upload-message {
    width: 131px; }
#hp-activity-flyout #hp-flyout-new-activities, #hp-activity-flyout #hp-flyout-old-activities, #hp-activity-flyout .hp-sidebar-new-activities, #hp-upload-flyout #hp-flyout-new-activities, #hp-upload-flyout #hp-flyout-old-activities, #hp-upload-flyout .hp-sidebar-new-activities, .hp-activity-sidebar #hp-flyout-new-activities, .hp-activity-sidebar #hp-flyout-old-activities, .hp-activity-sidebar .hp-sidebar-new-activities {
  margin: 0px; }
#hp-activity-flyout li.hp-activity, #hp-activity-flyout li.hp-fileupload, #hp-upload-flyout li.hp-activity, #hp-upload-flyout li.hp-fileupload, .hp-activity-sidebar li.hp-activity, .hp-activity-sidebar li.hp-fileupload {
  color: #000;
  height: 45px;
  line-height: 24px;
  cursor: pointer;
  margin: 3px;
  -webkit-transition: background-color 8s;
  -moz-transition: background-color 8s;
  transition: background-color 8s; }
  @media only screen and (max-width: 600px) {
    #hp-activity-flyout li.hp-activity, #hp-activity-flyout li.hp-fileupload, #hp-upload-flyout li.hp-activity, #hp-upload-flyout li.hp-fileupload, .hp-activity-sidebar li.hp-activity, .hp-activity-sidebar li.hp-fileupload {
      height: auto;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none; } }
  #hp-activity-flyout li.hp-activity:hover .hp-brief, #hp-activity-flyout li.hp-fileupload:hover .hp-brief, #hp-upload-flyout li.hp-activity:hover .hp-brief, #hp-upload-flyout li.hp-fileupload:hover .hp-brief, .hp-activity-sidebar li.hp-activity:hover .hp-brief, .hp-activity-sidebar li.hp-fileupload:hover .hp-brief {
    background-color: #fff; }
  #hp-activity-flyout li.hp-activity:focus, #hp-activity-flyout li.hp-fileupload:focus, #hp-upload-flyout li.hp-activity:focus, #hp-upload-flyout li.hp-fileupload:focus, .hp-activity-sidebar li.hp-activity:focus, .hp-activity-sidebar li.hp-fileupload:focus {
    outline: 1px solid #00b388; }
  #hp-activity-flyout li.hp-activity.hp-selected div.hp-brief, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief {
    background-color: #ccf0e7;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    left: 0px;
    padding: 0px 14px 6px 16px;
    width: 194px;
    height: 45px;
    z-index: 50; }
    #hp-activity-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > *, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-brief > *, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-brief > *, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief > *, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief > * {
      opacity: 0.2; }
    @media only screen and (max-width: 600px) {
      #hp-activity-flyout li.hp-activity.hp-selected div.hp-brief, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief {
        width: auto;
        border: none;
        display: none; }
        #hp-activity-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief > *, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief > *, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-brief > *, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-brief > *, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief > *, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief > * {
          opacity: 1.0; } }
  #hp-activity-flyout li.hp-activity.hp-selected div.hp-full, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-full, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-full, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-full, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-full, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-full {
    z-index: 50;
    cursor: default;
    opacity: 1;
    right: 200px;
    width: 300px; }
    @media only screen and (max-width: 600px) {
      #hp-activity-flyout li.hp-activity.hp-selected div.hp-full, #hp-activity-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected div.hp-full, #hp-upload-flyout li.hp-activity.hp-selected:hover div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-full, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-full, .hp-activity-sidebar li.hp-activity.hp-selected div.hp-full, .hp-activity-sidebar li.hp-activity.hp-selected:hover div.hp-full, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-full, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-full {
        width: 100%;
        right: 0px;
        max-height: 200px; } }
  @media only screen and (max-width: 600px) {
    #hp-activity-flyout li.hp-activity.hp-selected, #hp-activity-flyout li.hp-activity.hp-selected:hover, #hp-activity-flyout li.hp-fileupload.hp-selected, #hp-activity-flyout li.hp-fileupload.hp-selected:hover, #hp-upload-flyout li.hp-activity.hp-selected, #hp-upload-flyout li.hp-activity.hp-selected:hover, #hp-upload-flyout li.hp-fileupload.hp-selected, #hp-upload-flyout li.hp-fileupload.hp-selected:hover, .hp-activity-sidebar li.hp-activity.hp-selected, .hp-activity-sidebar li.hp-activity.hp-selected:hover, .hp-activity-sidebar li.hp-fileupload.hp-selected, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover {
      border: none;
      background-color: none;
      width: auto; } }
  #hp-activity-flyout li.hp-activity.hp-new, #hp-activity-flyout li.hp-fileupload.hp-new, #hp-upload-flyout li.hp-activity.hp-new, #hp-upload-flyout li.hp-fileupload.hp-new, .hp-activity-sidebar li.hp-activity.hp-new, .hp-activity-sidebar li.hp-fileupload.hp-new {
    background-color: #fff; }
  #hp-activity-flyout li.hp-activity div.hp-brief, #hp-activity-flyout li.hp-fileupload div.hp-brief, #hp-upload-flyout li.hp-activity div.hp-brief, #hp-upload-flyout li.hp-fileupload div.hp-brief, .hp-activity-sidebar li.hp-activity div.hp-brief, .hp-activity-sidebar li.hp-fileupload div.hp-brief {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 15px 3px;
    background-color: transparent;
    min-height: 45px; }
    @media only screen and (max-width: 600px) {
      #hp-activity-flyout li.hp-activity div.hp-brief, #hp-activity-flyout li.hp-fileupload div.hp-brief, #hp-upload-flyout li.hp-activity div.hp-brief, #hp-upload-flyout li.hp-fileupload div.hp-brief, .hp-activity-sidebar li.hp-activity div.hp-brief, .hp-activity-sidebar li.hp-fileupload div.hp-brief {
        min-height: auto; } }
    #hp-activity-flyout li.hp-activity div.hp-brief > .hp-status, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-status, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-status, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-status, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-status, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-status {
      float: left;
      margin-right: 5px;
      margin-bottom: 14px; }
    #hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-message, #hp-activity-flyout li.hp-activity div.hp-brief > .hp-upload-message, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-message, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-upload-message, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-message, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-upload-message, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-message, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-upload-message, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-activity-message, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-upload-message, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-activity-message, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-upload-message {
      display: block;
      margin-bottom: 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      #hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-message p, #hp-activity-flyout li.hp-activity div.hp-brief > .hp-upload-message p, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-message p, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-upload-message p, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-message p, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-upload-message p, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-message p, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-upload-message p, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-activity-message p, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-upload-message p, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-activity-message p, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-upload-message p {
        margin: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    #hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-source, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-source, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-source, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-source, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-activity-source, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-activity-source {
      color: #666;
      width: 121px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 15px; }
      #hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-source p, #hp-activity-flyout li.hp-fileupload div.hp-brief > .hp-activity-source p, #hp-upload-flyout li.hp-activity div.hp-brief > .hp-activity-source p, #hp-upload-flyout li.hp-fileupload div.hp-brief > .hp-activity-source p, .hp-activity-sidebar li.hp-activity div.hp-brief > .hp-activity-source p, .hp-activity-sidebar li.hp-fileupload div.hp-brief > .hp-activity-source p {
        margin: 0px; }
  #hp-activity-flyout li.hp-activity div.hp-full, #hp-activity-flyout li.hp-fileupload div.hp-full, #hp-upload-flyout li.hp-activity div.hp-full, #hp-upload-flyout li.hp-fileupload div.hp-full, .hp-activity-sidebar li.hp-activity div.hp-full, .hp-activity-sidebar li.hp-fileupload div.hp-full {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 200px;
    max-height: 70%;
    overflow: auto;
    padding: 7px 20px 7px 33px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
    background-color: #f3f3f3;
    color: #000;
    opacity: 0;
    z-index: -50;
    line-height: 24px;
    -webkit-transition: right 0.2s;
    -moz-transition: right 0.2s;
    transition: right 0.2s; }
    @media only screen and (max-width: 600px) {
      #hp-activity-flyout li.hp-activity div.hp-full, #hp-activity-flyout li.hp-fileupload div.hp-full, #hp-upload-flyout li.hp-activity div.hp-full, #hp-upload-flyout li.hp-fileupload div.hp-full, .hp-activity-sidebar li.hp-activity div.hp-full, .hp-activity-sidebar li.hp-fileupload div.hp-full {
        position: relative;
        width: 100%;
        max-height: 0px;
        border: none;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none; } }
    #hp-activity-flyout li.hp-activity div.hp-full header, #hp-activity-flyout li.hp-fileupload div.hp-full header, #hp-upload-flyout li.hp-activity div.hp-full header, #hp-upload-flyout li.hp-fileupload div.hp-full header, .hp-activity-sidebar li.hp-activity div.hp-full header, .hp-activity-sidebar li.hp-fileupload div.hp-full header {
      margin-bottom: 10px; }
      #hp-activity-flyout li.hp-activity div.hp-full header > *, #hp-activity-flyout li.hp-fileupload div.hp-full header > *, #hp-upload-flyout li.hp-activity div.hp-full header > *, #hp-upload-flyout li.hp-fileupload div.hp-full header > *, .hp-activity-sidebar li.hp-activity div.hp-full header > *, .hp-activity-sidebar li.hp-fileupload div.hp-full header > * {
        display: inline-block;
        vertical-align: baseline;
        white-space: normal;
        color: #333; }
      #hp-activity-flyout li.hp-activity div.hp-full header > .hp-status, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-status, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-status, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-status, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-status, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-status {
        position: absolute;
        top: 13px;
        left: 15px; }
      #hp-activity-flyout li.hp-activity div.hp-full header > .hp-timestamp, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-timestamp, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-timestamp, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-timestamp, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-timestamp, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-timestamp {
        display: block;
        color: #666;
        margin-right: 4px;
        margin-top: 5px; }
      #hp-activity-flyout li.hp-activity div.hp-full header .hp-timeago, #hp-activity-flyout li.hp-fileupload div.hp-full header .hp-timeago, #hp-upload-flyout li.hp-activity div.hp-full header .hp-timeago, #hp-upload-flyout li.hp-fileupload div.hp-full header .hp-timeago, .hp-activity-sidebar li.hp-activity div.hp-full header .hp-timeago, .hp-activity-sidebar li.hp-fileupload div.hp-full header .hp-timeago {
        opacity: 1; }
      #hp-activity-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-activity-message, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-activity-message {
        word-break: break-all;
        word-break: break-word; }
      #hp-activity-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-activity-flyout li.hp-activity div.hp-full header .hp-upload-message, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, #hp-activity-flyout li.hp-fileupload div.hp-full header .hp-upload-message, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-activity div.hp-full header .hp-upload-message, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-activity-message, #hp-upload-flyout li.hp-fileupload div.hp-full header .hp-upload-message, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-activity-message, .hp-activity-sidebar li.hp-activity div.hp-full header .hp-upload-message, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-activity-message, .hp-activity-sidebar li.hp-fileupload div.hp-full header .hp-upload-message {
        margin-right: 4px; }
        #hp-activity-flyout li.hp-activity div.hp-full header > .hp-activity-message p, #hp-activity-flyout li.hp-activity div.hp-full header .hp-upload-message p, #hp-activity-flyout li.hp-fileupload div.hp-full header > .hp-activity-message p, #hp-activity-flyout li.hp-fileupload div.hp-full header .hp-upload-message p, #hp-upload-flyout li.hp-activity div.hp-full header > .hp-activity-message p, #hp-upload-flyout li.hp-activity div.hp-full header .hp-upload-message p, #hp-upload-flyout li.hp-fileupload div.hp-full header > .hp-activity-message p, #hp-upload-flyout li.hp-fileupload div.hp-full header .hp-upload-message p, .hp-activity-sidebar li.hp-activity div.hp-full header > .hp-activity-message p, .hp-activity-sidebar li.hp-activity div.hp-full header .hp-upload-message p, .hp-activity-sidebar li.hp-fileupload div.hp-full header > .hp-activity-message p, .hp-activity-sidebar li.hp-fileupload div.hp-full header .hp-upload-message p {
          margin-bottom: 0px; }
    #hp-activity-flyout li.hp-activity div.hp-full > .hp-contents, #hp-activity-flyout li.hp-fileupload div.hp-full > .hp-contents, #hp-upload-flyout li.hp-activity div.hp-full > .hp-contents, #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents, .hp-activity-sidebar li.hp-activity div.hp-full > .hp-contents, .hp-activity-sidebar li.hp-fileupload div.hp-full > .hp-contents {
      margin-top: 10px; }
      #hp-activity-flyout li.hp-activity div.hp-full > .hp-contents > .hp-actions, #hp-activity-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-actions, #hp-upload-flyout li.hp-activity div.hp-full > .hp-contents > .hp-actions, #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-actions, .hp-activity-sidebar li.hp-activity div.hp-full > .hp-contents > .hp-actions, .hp-activity-sidebar li.hp-fileupload div.hp-full > .hp-contents > .hp-actions {
        margin-bottom: 10px; }
    #hp-activity-flyout li.hp-activity div.hp-full a, #hp-activity-flyout li.hp-fileupload div.hp-full a, #hp-upload-flyout li.hp-activity div.hp-full a, #hp-upload-flyout li.hp-fileupload div.hp-full a, .hp-activity-sidebar li.hp-activity div.hp-full a, .hp-activity-sidebar li.hp-fileupload div.hp-full a {
      color: #333; }
  #hp-activity-flyout li.hp-activity .hp-close:focus, #hp-activity-flyout li.hp-fileupload .hp-close:focus, #hp-upload-flyout li.hp-activity .hp-close:focus, #hp-upload-flyout li.hp-fileupload .hp-close:focus, .hp-activity-sidebar li.hp-activity .hp-close:focus, .hp-activity-sidebar li.hp-fileupload .hp-close:focus {
    outline: 1px solid #00b388;
    background-position: -158px -18px; }
  #hp-activity-flyout li.hp-activity .hp-close:hover, #hp-activity-flyout li.hp-fileupload .hp-close:hover, #hp-upload-flyout li.hp-activity .hp-close:hover, #hp-upload-flyout li.hp-fileupload .hp-close:hover, .hp-activity-sidebar li.hp-activity .hp-close:hover, .hp-activity-sidebar li.hp-fileupload .hp-close:hover {
    background-position: -158px 2px; }
  #hp-activity-flyout li.hp-activity a:focus, #hp-activity-flyout li.hp-fileupload a:focus, #hp-upload-flyout li.hp-activity a:focus, #hp-upload-flyout li.hp-fileupload a:focus, .hp-activity-sidebar li.hp-activity a:focus, .hp-activity-sidebar li.hp-fileupload a:focus {
    outline: 1px solid #00b388; }
#hp-activity-flyout li.hp-fileupload, #hp-upload-flyout li.hp-fileupload, .hp-activity-sidebar li.hp-fileupload {
  height: 57px; }
  #hp-activity-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-activity-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected div.hp-brief, #hp-upload-flyout li.hp-fileupload.hp-selected:hover div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected div.hp-brief, .hp-activity-sidebar li.hp-fileupload.hp-selected:hover div.hp-brief {
    height: 57px; }
  #hp-activity-flyout li.hp-fileupload div.hp-brief, #hp-upload-flyout li.hp-fileupload div.hp-brief, .hp-activity-sidebar li.hp-fileupload div.hp-brief {
    height: 57px; }
#hp-activity-flyout footer, #hp-upload-flyout footer, .hp-activity-sidebar footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  padding: 10px 15px; }

#hp-upload-flyout li.hp-fileupload div.hp-full {
  word-break: break-all;
  cursor: default;
  overflow: visible; }
  #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-details {
    display: none; }
  #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-message {
    display: inline-block; }
  #hp-upload-flyout li.hp-fileupload div.hp-full > .hp-contents > .hp-actions {
    margin-top: 10px;
    display: block; }

#hp-flyout-uploads .hp-close {
  display: inline-block;
  position: relative;
  top: 4px; }
#hp-flyout-uploads .hp-upload-message {
  display: inline-block; }

#hp-page-container {
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  overflow: hidden;
  -webkit-transition: top 0.5s, bottom 0.5s, right 0.5s;
  -moz-transition: top 0.5s, bottom 0.5s, right 0.5s;
  transition: top 0.5s, bottom 0.5s, right 0.5s;
  /*#hp-body-div.hp-sidebar-open.hp-sessioned & {
    right: $sidebar-width + $body-gutter;
    overflow-x: visible;
  }*/ }
  #hp-page-container.hp-no-subnav .hp-master-details, #hp-page-container.hp-no-subnav .hp-details-full, #hp-page-container.hp-no-subnav .hp-master-full, #hp-page-container.hp-no-subnav .hp-page-contents {
    top: 0px; }
  #hp-page-container.hp-login-geometric {
    top: 0px; }
  body.hp-basic-layout #hp-page-container {
    background-color: #fff; }
  @media only screen and (max-width: 600px) {
    #hp-body-div.hp-sidebar-open #hp-page-container {
      display: none; } }
  #hp-page-container .hp-spinner img {
    margin-top: 100px; }
  #hp-page-container #hp-unsupported-browser {
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #767676;
    text-align: center; }
    #hp-page-container #hp-unsupported-browser p {
      font-style: italic;
      text-align: left;
      width: 400px;
      font-size: 15px;
      line-height: normal;
      margin: 0px auto;
      padding: 40px 0px; }
  @media print {
    #hp-page-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; }
      #hp-page-container.hp-no-print {
        display: none; } }

div.hp-page {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  margin: 0px;
  overflow: hidden; }
  @media print {
    div.hp-page {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }
  div.hp-page.hp-text-page .hp-page-contents {
    padding: 20px; }
  div.hp-page.hp-empty {
    background-color: #f3f3f3; }
  div.hp-page .hp-page-contents {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    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-body-div.hp-menu-open div.hp-full-page.hp-empty, #hp-body-div.hp-menu-open div.hp-full-content.hp-empty {
    left: 280px; }
  div.hp-full-page > .hp-prompt, div.hp-full-content > .hp-prompt {
    max-width: 400px;
    margin: 60px auto;
    color: #767676;
    font-size: 16px;
    line-height: normal;
    font-style: italic;
    text-align: center; }

.hp-page-contents {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  @media print {
    .hp-page-contents {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-body-div.hp-login-geometric #hp-page-container {
  top: 0px; }

#hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-master-details, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-details-full, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-master-full, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-page-contents, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-filterbar-control, #hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-sub-nav {
  left: 280px; }
#hp-body-div.hp-menu-open:not(.hp-menu-disabled) #hp-page-spinner.hp-spinner {
  margin-left: 120px; }
#hp-body-div.hp-menu-open:not(.hp-menu-disabled) .hp-filterbar-control {
  display: none; }
#hp-body-div.hp-menu-open:not(.hp-menu-disabled) #hp-banner-container {
  left: 280px;
  min-width: 100px; }

#hp-page-notifications {
  position: relative;
  opacity: 0;
  top: -45px;
  color: #000;
  height: 51px;
  margin-bottom: 10px;
  margin-left: -25px;
  margin-right: -25px;
  padding: 0px 24px;
  overflow: hidden;
  background-repeat: no-repeat;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  white-space: nowrap;
  cursor: default; }
  #hp-page-notifications .hp-notification .hp-full .hp-timestamp {
    display: none; }
  #hp-page-notifications.hp-available {
    cursor: pointer; }
  #hp-page-notifications .hp-notification .hp-notification-summary .hp-step span {
    display: inline-block; }
  #hp-page-notifications .hp-notification .hp-notification-summary .hp-step a {
    padding-left: 2px; }
  #hp-page-notifications .hp-notification .hp-notification-summary .hp-aside {
    padding-left: 5px; }
  #hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-owner, #hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-source-name, #hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-state, #hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-step {
    display: none; }
  #hp-page-notifications.hp-notify-narrow .hp-notification .hp-notification-summary .hp-aside .hp-timestamp {
    display: none; }
  #hp-page-notifications.hp-notify-narrow .hp-notification .hp-full .hp-timestamp {
    display: block;
    margin-top: 14px; }
  #hp-page-notifications.hp-notify-narrow .hp-controls {
    display: none; }
  #hp-page-notifications.hp-notify-narrow.hp-active .hp-notification .hp-notification-summary .hp-message p {
    margin-right: 10px; }
  #hp-page-notifications.hp-notify-narrow:after {
    right: 7px; }
  #hp-page-notifications.hp-notify-narrow.hp-has-controls:after {
    right: 25px; }
  #hp-page-notifications.hp-has-controls .hp-aside {
    right: 0px; }
  .hp-notify-disabled #hp-page-notifications {
    display: none;
    top: -40px; }
  #hp-page-notifications:after {
    background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
    background-position: -2px 3px;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 25px;
    top: 13px; }
  #hp-page-notifications:hover {
    margin: 0px -25px 10px -25px;
    padding: 0px 24px;
    border-color: #f3f3f3;
    box-shadow: 0 0 0 2px #f3f3f3; }
    #hp-page-notifications:hover:after {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=);
      background-position: -5px 3px; }
  #hp-page-notifications:focus {
    outline: none; }
  #hp-page-notifications.hp-available {
    opacity: 1;
    top: 0px; }
  #hp-page-notifications.hp-active {
    max-height: 80%;
    height: auto;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f3f3f3;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    margin: -1px -25px;
    padding: 0px 24px;
    z-index: 100; }
    #hp-page-notifications.hp-active:hover {
      border-bottom: none; }
    #hp-page-notifications.hp-active .hp-controls {
      border-top-color: transparent; }
    #hp-page-notifications.hp-active .hp-notification .hp-full, #hp-page-notifications.hp-active .hp-controls .hp-selector {
      display: block;
      overflow-y: auto;
      overflow-x: hidden; }
    #hp-page-notifications.hp-active .hp-notification {
      border-top-color: transparent;
      overflow-y: auto; }
      #hp-page-notifications.hp-active .hp-notification .hp-full .hp-details-container {
        margin-bottom: 15px; }
        #hp-page-notifications.hp-active .hp-notification .hp-full .hp-details-container .hp-details > p:first-child {
          margin-top: 10px; }
        #hp-page-notifications.hp-active .hp-notification .hp-full .hp-details-container .hp-details > p:last-child {
          margin-bottom: 0px; }
      #hp-page-notifications.hp-active .hp-notification .hp-full .hp-resolution-container {
        margin: 10px 20px; }
      #hp-page-notifications.hp-active .hp-notification .hp-full .hp-activity-details {
        display: inline-block;
        margin-top: 10px; }
      #hp-page-notifications.hp-active .hp-notification > header {
        height: auto; }
        #hp-page-notifications.hp-active .hp-notification > header .hp-message {
          margin-top: 6px;
          line-height: 23px;
          white-space: normal;
          word-break: normal;
          word-break: break-word; }
          #hp-page-notifications.hp-active .hp-notification > header .hp-message > p {
            overflow: visible;
            text-overflow: clip;
            white-space: normal;
            margin-bottom: 0px; }
  html.hp-high-contrast #hp-page-notifications {
    color: #333; }
  #hp-page-notifications a {
    color: #333; }
    #hp-page-notifications a:hover {
      text-decoration: underline; }
  @media print {
    #hp-page-notifications {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      display: none; } }
  #hp-page-notifications .hp-notification {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 6px 0px 10px;
    color: #333;
    font-size: 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0px;
    border-top: 0px;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    overflow: hidden;
    white-space: nowrap; }
    #hp-page-notifications .hp-notification > header {
      vertical-align: top;
      height: 35px;
      line-height: 35px; }
      #hp-page-notifications .hp-notification > header > .hp-status {
        top: 14px;
        left: 4px;
        line-height: 14px;
        margin-right: 10px; }
    #hp-page-notifications .hp-notification .hp-notification-summary .hp-state {
      color: #333;
      font-size: 19px; }
      #hp-page-notifications .hp-notification .hp-notification-summary .hp-state .hp-duration {
        color: #333;
        font-size: 19px; }
      #hp-page-notifications .hp-notification .hp-notification-summary .hp-state .hp-progress {
        margin-top: 15px; }
    #hp-page-notifications .hp-notification .hp-notification-summary div.hp-aside {
      color: #333;
      font-size: 19px; }
    #hp-page-notifications .hp-notification .hp-notification-summary .hp-status-error {
      background-position: 0px -160px; }
      html.hp-high-contrast #hp-page-notifications .hp-notification .hp-notification-summary .hp-status-error {
        background-position: 0px -140px; }
    #hp-page-notifications .hp-notification .hp-notification-summary .hp-status-warning {
      background-position: -20px -160px; }
    #hp-page-notifications .hp-notification .hp-notification-summary .hp-status-ok {
      background-position: -40px -160px; }
    #hp-page-notifications .hp-notification .hp-notification-summary .hp-status-unknown {
      background-position: -60px -160px; }
    #hp-page-notifications .hp-notification .hp-notification-summary .hp-status-disabled {
      background-position: -80px -160px; }
    #hp-page-notifications .hp-notification .hp-source, #hp-page-notifications .hp-notification .hp-source-name {
      display: none; }
    #hp-page-notifications .hp-notification .hp-full {
      display: none;
      position: relative;
      margin: 0px 0px 20px 0px;
      padding: 0px 28px;
      white-space: normal; }
      #hp-page-notifications .hp-notification .hp-full p, #hp-page-notifications .hp-notification .hp-full ul, #hp-page-notifications .hp-notification .hp-full ol {
        margin: 10px 0px 0px; }
      #hp-page-notifications .hp-notification .hp-full h3 {
        color: #333;
        font-size: 19px; }
      #hp-page-notifications .hp-notification .hp-full div.hp-unset {
        color: #333;
        font-size: 19px; }
      #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ol:first-child.hp-bullet li, #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ul:first-child.hp-bullet li {
        padding-left: 0px; }
        #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ol:first-child.hp-bullet li:before, #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ul:first-child.hp-bullet li:before {
          content: none; }
      #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ol.hp-bullet li, #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ul.hp-bullet li {
        padding-left: 12px; }
        #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ol.hp-bullet li:before, #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details ul.hp-bullet li:before {
          left: 0px; }
      #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container > h3 {
        display: inline;
        font-weight: 600;
        font-family: Metric, Arial, sans-serif;
        margin: 2px 3px 0px -18px;
        vertical-align: top; }
      #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container .hp-resolution {
        display: inline-block; }
        #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container .hp-resolution > p:not(:first-child) {
          margin-top: 0px; }
      #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container .hp-actions {
        margin-top: 15px; }
        #hp-page-notifications .hp-notification .hp-full .hp-details-container > .hp-notification-details > .hp-resolution-container .hp-actions > li {
          color: #333;
          display: inline-block;
          margin-right: 20px; }
    #hp-page-notifications .hp-notification:hover div.hp-timeago {
      opacity: 1; }
    #hp-page-notifications .hp-notification a {
      font-size: 19px; }
    #hp-page-notifications .hp-notification .hp-timestamp {
      color: #333;
      font-size: 19px; }
  #hp-page-notifications .hp-controls {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin-left: -5px;
    padding: 8px 0px;
    background-color: #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #hp-page-notifications .hp-controls > header {
      height: 35px;
      line-height: 35px;
      padding: 0px 10px; }
      #hp-page-notifications .hp-controls > header .hp-view-all {
        display: inline-block;
        margin-right: 10px; }
      #hp-page-notifications .hp-controls > header ol {
        display: inline-block; }
        #hp-page-notifications .hp-controls > header ol > li {
          display: inline-block;
          margin-right: 10px; }
          #hp-page-notifications .hp-controls > header ol > li > * {
            display: inline-block; }
        #hp-page-notifications .hp-controls > header ol .hp-status {
          top: 13px;
          left: 2px; }
    #hp-page-notifications .hp-controls .hp-selector {
      display: none;
      height: 0px;
      margin-bottom: 0px;
      overflow-y: auto; }
      #hp-page-notifications .hp-controls .hp-selector li {
        padding: 5px 10px;
        background-color: #f3f3f3; }
        #hp-page-notifications .hp-controls .hp-selector li.hp-selected {
          background-color: #ccf0e7; }
        #hp-page-notifications .hp-controls .hp-selector li:hover {
          background-color: #e6e6e6; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-status {
          display: inline-block;
          top: 7px; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-message {
          display: inline-block;
          width: 160px; }
          #hp-page-notifications .hp-controls .hp-selector li .hp-message > p {
            margin: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 151px; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-timestamp {
          margin-left: 19px; }
    body.hp-grommet-style #hp-page-notifications .hp-controls {
      margin-left: 1px; }
  #hp-page-notifications.hp-notify-error {
    background-color: #f04953; }
    #hp-page-notifications.hp-notify-error:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNpi/P//PwM1ARMDlcGogSPdwP9QTJIcPgMZkTSjG4YsT5KX0Q3FaxixYchIrGGkRAojMYaRGsuMowl71EAIAAgwACy9DCWxQ84eAAAAAElFTkSuQmCC);
      right: 28px; }
    #hp-page-notifications.hp-notify-error.hp-notify-narrow:after {
      right: 7px; }
    #hp-page-notifications.hp-notify-error:hover:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEdJREFUeNpi/P//PwM1ARMDlcGogSPdwP9QTJIcPgMZkTSjG4YsT5KX0Q3FaxixYchIrGGkRAojMYaRGsuMowl71EAIAAgwACy9DCWxQ84eAAAAAElFTkSuQmCC);
      background-position: -2px 3px; }
    #hp-page-notifications.hp-notify-error:hover:not(.hp-active):not(.hp-has-controls) {
      box-shadow: 0 0 0 2px #f04953; }
    #hp-page-notifications.hp-notify-error.hp-has-controls:after {
      background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
      right: 25px; }
    #hp-page-notifications.hp-notify-error.hp-has-controls:hover:after {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=);
      background-position: -5px 3px; }
    #hp-page-notifications.hp-notify-error .hp-notification {
      color: #fff; }
      .hp-high-contrast #hp-page-notifications.hp-notify-error .hp-notification {
        color: #000; }
      #hp-page-notifications.hp-notify-error .hp-notification a, #hp-page-notifications.hp-notify-error .hp-notification h3, #hp-page-notifications.hp-notify-error .hp-notification .hp-timestamp, #hp-page-notifications.hp-notify-error .hp-notification div.hp-aside, #hp-page-notifications.hp-notify-error .hp-notification div.hp-unset {
        color: #fff; }
        .hp-high-contrast #hp-page-notifications.hp-notify-error .hp-notification a, .hp-high-contrast #hp-page-notifications.hp-notify-error .hp-notification h3, .hp-high-contrast #hp-page-notifications.hp-notify-error .hp-notification .hp-timestamp, .hp-high-contrast #hp-page-notifications.hp-notify-error .hp-notification div.hp-aside, .hp-high-contrast #hp-page-notifications.hp-notify-error .hp-notification div.hp-unset {
          color: #000; }
      #hp-page-notifications.hp-notify-error .hp-notification .hp-notification-summary .hp-state, #hp-page-notifications.hp-notify-error .hp-notification .hp-notification-summary .hp-duration {
        color: #fff; }
        .hp-high-contrast #hp-page-notifications.hp-notify-error .hp-notification .hp-notification-summary .hp-state, .hp-high-contrast #hp-page-notifications.hp-notify-error .hp-notification .hp-notification-summary .hp-duration {
          color: #000; }
  #hp-page-notifications.hp-notify-warning {
    background-color: #ffD042; }
    #hp-page-notifications.hp-notify-warning:hover:not(.hp-active):not(.hp-has-controls) {
      box-shadow: 0 0 0 2px #ffD042; }
  #hp-page-notifications.hp-notify-ok {
    background-color: #e0e0e0; }
    #hp-page-notifications.hp-notify-ok:hover:not(.hp-active):not(.hp-has-controls) {
      box-shadow: 0 0 0 2px #e0e0e0; }
  #hp-page-notifications.hp-notify-unknown {
    background-color: #ccc; }
    #hp-page-notifications.hp-notify-unknown:hover:not(.hp-active):not(.hp-has-controls) {
      box-shadow: 0 0 0 2px #ccc; }
    #hp-page-notifications.hp-notify-unknown .hp-status .hp-status-changing, #hp-page-notifications.hp-notify-unknown .hp-status.hp-status-changing {
      background-position: -320px -140px; }
  #hp-page-notifications.hp-notify-disabled {
    background-color: #e0e0e0; }
    #hp-page-notifications.hp-notify-disabled:hover:not(.hp-active):not(.hp-has-controls) {
      box-shadow: 0 0 0 2px #e0e0e0; }
  #hp-page-notifications.hp-notify-suspended {
    background-color: #ccc; }
    #hp-page-notifications.hp-notify-suspended:hover:not(.hp-active):not(.hp-has-controls) {
      box-shadow: 0 0 0 2px #e0e0e0; }
  @media print {
    #hp-page-notifications {
      display: block;
      margin-bottom: 10px; } }

body.hp-wcag-focus-visible #hp-page-notifications {
  display: none; }
  body.hp-wcag-focus-visible #hp-page-notifications .hp-down-arrow {
    background-image: url(data:image/gif;base64,R0lGODlhEQANAIABAJmZmf///yH5BAEAAAEALAAAAAARAA0AAAIWjI+py+0Po5z0AJBu04Zv7DkXJpFLAQA7);
    background-position: 2px 1px;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 25px;
    top: 13px; }
    body.hp-wcag-focus-visible #hp-page-notifications .hp-down-arrow:focus {
      outline: 1px solid #00b388; }
    body.hp-wcag-focus-visible #hp-page-notifications .hp-down-arrow:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=);
      background-position: -1px 1px; }
  body.hp-wcag-focus-visible #hp-page-notifications .hp-selector:focus {
    outline: none; }
  body.hp-wcag-focus-visible #hp-page-notifications a {
    margin: 1px; }
    body.hp-wcag-focus-visible #hp-page-notifications a:focus {
      outline: 1px solid #00b388; }
  body.hp-wcag-focus-visible #hp-page-notifications a.hp-view-all {
    margin-right: 10px; }
  body.hp-wcag-focus-visible #hp-page-notifications.hp-notify-error:not(.hp-has-controls) .hp-down-arrow {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAABjS////yH5BAEAAAEALAAAAAAUABQAAAIbjI+py+0Po5y0RgAShtt0nn2XKGXWiabqygYFADs=);
    background-position: -1px 0px;
    right: 28px; }
  body.hp-wcag-focus-visible #hp-page-notifications.hp-available {
    display: block; }
  body.hp-wcag-focus-visible #hp-page-notifications.hp-active {
    padding: 0px 20px; }
    body.hp-wcag-focus-visible #hp-page-notifications.hp-active .hp-controls header {
      height: 37px; }
  body.hp-wcag-focus-visible #hp-page-notifications:after {
    background-image: none;
    content: "";
    width: 0px;
    height: 0px; }

body.hp-narrow #hp-page-notifications.hp-notify-narrow:not(.hp-has-controls):after {
  right: 9px; }

.hp-notification-summary > * {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
.hp-notification-summary .hp-status {
  margin-right: 0px; }
.hp-notification-summary .hp-state {
  color: #767676; }
  .hp-notification-summary .hp-state .hp-progress {
    width: 100px;
    margin: 12px 10px 1px 10px; }
  .hp-notification-summary .hp-state .hp-duration {
    display: inline-block;
    margin-left: 10px;
    min-width: 40px;
    color: #767676; }
.hp-notification-summary .hp-message {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .hp-notification-summary .hp-message > p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.hp-notification-summary .hp-aside {
  position: absolute;
  right: 65px;
  color: #767676; }
  .hp-notification-summary .hp-aside > * {
    display: inline-block;
    white-space: nowrap; }
  .hp-notification-summary .hp-aside .hp-owner {
    margin-right: 15px; }
.hp-notification-summary .hp-close {
  position: relative;
  top: 8px;
  width: 20px;
  height: 20px;
  background-position: -156px -16px;
  margin-left: 10px;
  display: none; }
  .hp-notification-summary .hp-close:hover {
    background-position: -156px 4px; }
  .hp-notification-summary .hp-close.hp-active {
    display: inline-block; }

.hp-details-error {
  display: none;
  padding: 20px;
  margin-bottom: 20px; }

.hp-details-notify, .hp-notify {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5px 0px 15px 0px;
  padding: 20px;
  background-color: #ffD042;
  color: #000;
  white-space: normal;
  display: none; }
  html.hp-high-contrast .hp-details-notify, html.hp-high-contrast .hp-notify {
    color: #333; }
  .hp-details-notify.hp-active, .hp-notify.hp-active {
    display: block; }
  .hp-details-notify.hp-notify-heavy, .hp-notify.hp-notify-heavy {
    height: auto;
    width: auto;
    margin: 10px auto; }
  .hp-details-pane .hp-details-show-section .hp-details-notify, .hp-details-pane .hp-details-show-section .hp-notify {
    margin-right: -15px; }
  .hp-details-notify .hp-status, .hp-notify .hp-status {
    margin-top: 12px;
    margin-left: 12px; }
  .hp-details-notify .hp-notify-message, .hp-notify .hp-notify-message {
    padding: 8px 0px; }
  @media print {
    .hp-details-notify, .hp-notify {
      padding: 15px 0px;
      display: none; } }
  .hp-details-notify a, .hp-notify a {
    cursor: pointer; }
  .hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
    position: absolute;
    top: 8px;
    right: 12px; }
    .hp-details-notify .hp-details-notify-controls li, .hp-details-notify .hp-notify-controls li, .hp-notify .hp-details-notify-controls li, .hp-notify .hp-notify-controls li {
      display: inline-block;
      margin-left: 8px; }
      .hp-details-notify .hp-details-notify-controls li a, .hp-details-notify .hp-notify-controls li a, .hp-notify .hp-details-notify-controls li a, .hp-notify .hp-notify-controls li a {
        font-weight: 600;
        font-family: Metric, Arial, sans-serif;
        color: #767676; }
    @media print {
      .hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
        display: none; } }

.hp-form-content .hp-notify {
  padding: 14px;
  margin: 10px 0px 1px 0px;
  max-width: 460px; }
  .hp-form-content .hp-notify h3 {
    display: inline;
    font-size: 19px;
    font-family: Metric, Arial, sans-serif;
    font-weight: 600; }

.hp-dialog-notification {
  position: relative;
  background-color: #ffD042;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px;
  margin-bottom: 15px;
  overflow: auto; }
  .hp-dialog-notification > * {
    display: inline-block;
    vertical-align: top;
    max-width: 600px; }
  .hp-dialog-notification > .hp-status {
    display: none;
    top: 2px;
    height: 12px; }
  .hp-dialog-notification > .hp-message {
    display: inline-block; }
  .hp-dialog-notification > .hp-full, .hp-dialog-notification .hp-details {
    display: block;
    margin-top: 10px; }
    .hp-dialog-notification > .hp-full.hp-no-summary, .hp-dialog-notification .hp-details.hp-no-summary {
      margin-top: 0px; }
    .hp-dialog-notification > .hp-full > *, .hp-dialog-notification .hp-details > * {
      max-width: 600px; }
    .hp-dialog-notification > .hp-full .hp-contents, .hp-dialog-notification .hp-details .hp-contents {
      overflow: auto; }
    .hp-dialog-notification > .hp-full p, .hp-dialog-notification > .hp-full ul, .hp-dialog-notification > .hp-full ol, .hp-dialog-notification .hp-details p, .hp-dialog-notification .hp-details ul, .hp-dialog-notification .hp-details ol {
      margin: 10px 0px; }
    .hp-dialog-notification > .hp-full .hp-notification-details.hp-sub-details, .hp-dialog-notification .hp-details .hp-notification-details.hp-sub-details {
      position: relative;
      padding-left: 15px; }
      .hp-dialog-notification > .hp-full .hp-notification-details.hp-sub-details:before, .hp-dialog-notification .hp-details .hp-notification-details.hp-sub-details:before {
        display: block;
        content: '-';
        position: absolute;
        top: 0px;
        left: 0px; }
    .hp-dialog-notification > .hp-full .hp-resolution-container > h3, .hp-dialog-notification .hp-details .hp-resolution-container > h3 {
      display: inline;
      font-weight: 600;
      font-family: Metric, Arial, sans-serif;
      font-size: inherit;
      margin-right: 5px;
      vertical-align: top; }
    .hp-dialog-notification > .hp-full .hp-resolution-container .hp-resolution, .hp-dialog-notification .hp-details .hp-resolution-container .hp-resolution {
      display: inline-block; }
      .hp-dialog-notification > .hp-full .hp-resolution-container .hp-resolution > p, .hp-dialog-notification .hp-details .hp-resolution-container .hp-resolution > p {
        display: inline; }
    .hp-dialog-notification > .hp-full .hp-resolution-container .hp-actions, .hp-dialog-notification .hp-details .hp-resolution-container .hp-actions {
      margin-top: 15px; }
      .hp-dialog-notification > .hp-full .hp-resolution-container .hp-actions > li, .hp-dialog-notification .hp-details .hp-resolution-container .hp-actions > li {
        color: #333;
        display: inline-block;
        margin-right: 20px; }
    .hp-dialog-notification > .hp-full .hp-actions, .hp-dialog-notification .hp-details .hp-actions {
      margin-top: 15px;
      margin-bottom: 0px; }
      .hp-dialog-notification > .hp-full .hp-actions > li, .hp-dialog-notification .hp-details .hp-actions > li {
        color: #333;
        display: inline-block;
        margin-right: 10px; }

.hp-details-pane .hp-notify {
  width: auto;
  margin: 0px 0px 20px 0px; }

.hp-temporary-status {
  clear: both; }

.hp-error-section {
  background-color: inherit; }

#hp-body-div.hp-menu-open:not(.hp-menu-disabled) #hp-error-page {
  left: 280px; }

#hp-error-page .hp-notify, .hp-error-section .hp-notify {
  max-width: 600px;
  height: auto;
  margin: 0px auto;
  background-color: #fff;
  color: #000;
  text-align: left;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc; }
  #hp-error-page .hp-notify h1, .hp-error-section .hp-notify h1 {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 15px; }
  #hp-error-page .hp-notify label, .hp-error-section .hp-notify label {
    display: block;
    font-weight: 600;
    font-family: Metric, Arial, sans-serif;
    margin-bottom: 5px; }
  #hp-error-page .hp-notify a, .hp-error-section .hp-notify a {
    text-decoration: underline; }
  #hp-error-page .hp-notify footer, .hp-error-section .hp-notify footer {
    width: 100%;
    text-align: right; }
  #hp-error-page .hp-notify .hp-spinner, .hp-error-section .hp-notify .hp-spinner {
    width: 400px;
    background-color: #fff;
    color: #333;
    padding: 20px 10px 50px 10px;
    margin: 0px auto;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc; }

.hp-sessioned .hp-error-section {
  background-color: inherit; }
  .hp-sessioned .hp-error-section .hp-notify {
    width: 400px;
    margin: 0px auto;
    background-color: #fff;
    color: #333;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc; }
  .hp-sessioned .hp-error-section .hp-notify-autowidth {
    width: auto; }

.hp-unauthorized-page {
  width: 400px;
  margin: 40px auto;
  padding: 10px;
  background-color: #bce2ee;
  color: #333; }

#hp-page-notifications.hp-active .hp-notification .hp-resolution-container,
#hp-flyout-activities .hp-activity .hp-resolution-container,
#hp-activities .hp-resolution-container,
#hp-activity-resource-view .hp-resolution-container,
#hp-error-page .hp-state.hp-attention .hp-resolution-container,
.hp-hwsetup-panel .hp-resolution-container {
  margin-bottom: 20px;
  margin-left: 10px; }
  #hp-page-notifications.hp-active .hp-notification .hp-resolution-container p, #hp-page-notifications.hp-active .hp-notification .hp-resolution-container ul,
  #hp-flyout-activities .hp-activity .hp-resolution-container p,
  #hp-flyout-activities .hp-activity .hp-resolution-container ul,
  #hp-activities .hp-resolution-container p,
  #hp-activities .hp-resolution-container ul,
  #hp-activity-resource-view .hp-resolution-container p,
  #hp-activity-resource-view .hp-resolution-container ul,
  #hp-error-page .hp-state.hp-attention .hp-resolution-container p,
  #hp-error-page .hp-state.hp-attention .hp-resolution-container ul,
  .hp-hwsetup-panel .hp-resolution-container p,
  .hp-hwsetup-panel .hp-resolution-container ul {
    margin-bottom: 0px; }
  #hp-page-notifications.hp-active .hp-notification .hp-resolution-container h3,
  #hp-flyout-activities .hp-activity .hp-resolution-container h3,
  #hp-activities .hp-resolution-container h3,
  #hp-activity-resource-view .hp-resolution-container h3,
  #hp-error-page .hp-state.hp-attention .hp-resolution-container h3,
  .hp-hwsetup-panel .hp-resolution-container h3 {
    font-size: 19px;
    font-family: Metric, Arial, sans-serif;
    margin: 2px 3px 0px -10px;
    display: inline; }
  #hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution,
  #hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution,
  #hp-activities .hp-resolution-container .hp-resolution,
  #hp-activity-resource-view .hp-resolution-container .hp-resolution,
  #hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution,
  .hp-hwsetup-panel .hp-resolution-container .hp-resolution {
    display: inline; }
    #hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution > p:first-child,
    #hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution > ul:first-child,
    #hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
    #hp-page-notifications.hp-active .hp-notification .hp-resolution-container .hp-resolution > div:first-child,
    #hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution > p:first-child,
    #hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution > ul:first-child,
    #hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
    #hp-flyout-activities .hp-activity .hp-resolution-container .hp-resolution > div:first-child,
    #hp-activities .hp-resolution-container .hp-resolution > p:first-child,
    #hp-activities .hp-resolution-container .hp-resolution > ul:first-child,
    #hp-activities .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
    #hp-activities .hp-resolution-container .hp-resolution > div:first-child,
    #hp-activity-resource-view .hp-resolution-container .hp-resolution > p:first-child,
    #hp-activity-resource-view .hp-resolution-container .hp-resolution > ul:first-child,
    #hp-activity-resource-view .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
    #hp-activity-resource-view .hp-resolution-container .hp-resolution > div:first-child,
    #hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution > p:first-child,
    #hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution > ul:first-child,
    #hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
    #hp-error-page .hp-state.hp-attention .hp-resolution-container .hp-resolution > div:first-child,
    .hp-hwsetup-panel .hp-resolution-container .hp-resolution > p:first-child,
    .hp-hwsetup-panel .hp-resolution-container .hp-resolution > ul:first-child,
    .hp-hwsetup-panel .hp-resolution-container .hp-resolution > ul:first-child > li:first-child,
    .hp-hwsetup-panel .hp-resolution-container .hp-resolution > div:first-child {
      display: inline; }

#hp-flyout-activities .hp-activity .hp-details > ol.hp-bullet li, #hp-flyout-activities .hp-activity .hp-details > ul.hp-bullet li {
  padding-left: 0px; }
  #hp-flyout-activities .hp-activity .hp-details > ol.hp-bullet li:before, #hp-flyout-activities .hp-activity .hp-details > ul.hp-bullet li:before {
    content: none; }

#hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation {
  margin-bottom: 20px; }
  #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation p, #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation ul {
    margin-bottom: 0px; }
  #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution-container h3,
  #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details-container h3 {
    font-size: 16px;
    font-family: Metric, Arial, sans-serif;
    margin: 2px 3px 0px -10px;
    display: inline; }
  #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details-container {
    margin-bottom: 0px;
    margin-left: 10px; }
  #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution-container {
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 10px; }
  #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution,
  #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details {
    display: inline; }
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > p:first-child,
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ul:first-child,
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ul:first-child > li:first-child,
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > div:first-child,
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > p:first-child,
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ul:first-child,
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ul:first-child > li:first-child,
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > div:first-child {
      display: inline; }
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ol.hp-bullet li, #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ul.hp-bullet li,
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ol.hp-bullet li,
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ul.hp-bullet li {
      padding-left: 0px; }
      #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ol.hp-bullet li:before, #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > ul.hp-bullet li:before,
      #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ol.hp-bullet li:before,
      #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > ul.hp-bullet li:before {
        content: none; }
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-resolution > p:not(:first-child),
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation .hp-details > p:not(:first-child) {
      margin-top: 0px; }
  @media print {
    #hp-body-div .hp-details-correlations-container > .hp-details-correlations .hp-details-correlation {
      max-width: 580px; } }

#hp-page-notifications.hp-active .hp-notification .hp-details,
#hp-flyout-activities .hp-activity .hp-details {
  margin-bottom: 20px; }

#hp-error-page .hp-state.hp-attention .hp-details-correlations-container {
  margin-top: 20px;
  max-width: 400px; }

.hp-dialog-variable-contents .dataTable td.hp-name .hp-details-correlations-container {
  margin-top: 20px; }

#hp-body-div.hp-restapi {
  color: #333; }
  @media print {
    #hp-body-div.hp-restapi {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      background-color: #fff;
      color: #000; } }

.hp-header-secondary {
  display: none; }

#hp-main-banner .hp-header-primary {
  right: 0px; }
#hp-main-banner #hp-search-control {
  left: 2px;
  position: relative;
  width: 100%; }
#hp-main-banner.hp-grommet-banner #hp-search-control.hp-selected {
  display: none; }
#hp-main-banner.hp-grommet-banner #hp-search-menu.hp-active {
  right: 1px;
  left: 3px; }

#hp-main-menu-control {
  z-index: 501; }
  #hp-main-menu-control.hp-selected {
    background-color: #fff;
    border-right: 1px solid #ccc;
    width: 100%; }
  #hp-main-menu-control #hp-main-menu-labels {
    top: -6px; }
    #hp-main-menu-control #hp-main-menu-labels #hp-main-menu-sub-label {
      text-align: left;
      font-size: 16px;
      color: #333; }
  #hp-main-menu-control #hp-main-menu-label {
    font-size: 19px; }
  #hp-main-menu-control.hp-grommet-menu {
    background-color: #fff;
    width: 280px; }
    #hp-main-menu-control.hp-grommet-menu.hp-selected {
      border-right: 0px; }

#hp-body-div #hp-banner-container {
  z-index: auto; }
  #hp-body-div #hp-banner-container .hp-banner {
    z-index: auto; }
#hp-body-div #hp-page-container {
  top: 61px; }

a:hover {
  text-decoration: underline;
  cursor: pointer; }

h3 {
  font-weight: 600;
  font-family: Metric, Arial, sans-serif;
  margin-top: 0px;
  font-size: 19px; }

h3, h4 {
  font-family: Metric; }

h5 {
  font-family: Metric, Arial, sans-serif; }

.hp-page #hp-sidebar {
  position: absolute;
  top: 0px;
  bottom: 0px;
  font-size: 14px;
  background-color: #fff;
  font-family: Metric;
  padding: 25px 15px;
  overflow: auto;
  max-width: 210px;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .hp-page #hp-sidebar.hp-disabled {
    display: none; }
  @media only screen and (max-width: 800px) {
    .hp-page #hp-sidebar {
      display: none; } }
  @media print {
    .hp-page #hp-sidebar {
      display: none; } }
  .hp-page #hp-sidebar label {
    color: #767676;
    font-weight: 600;
    font-family: Metric, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    margin-top: 15px; }
  .hp-page #hp-sidebar ul {
    margin-bottom: 0px; }
    .hp-page #hp-sidebar ul li {
      cursor: pointer;
      color: #333; }
      .hp-page #hp-sidebar ul li.hp-selected a {
        background-color: #ccf0e7; }
      .hp-page #hp-sidebar ul li a {
        color: #000;
        display: block;
        padding-left: 10px;
        text-indent: -10px;
        line-height: 24px;
        font-size: 16px;
        padding: 4px 10px 4px 20px;
        text-decoration: none; }
        .hp-page #hp-sidebar ul li a:hover {
          text-decoration: none;
          color: #333;
          background-color: #e6e6e6; }

#hp-doc-content {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 205px;
  right: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 200px;
  padding: 25px 30px 15px 30px;
  overflow: auto;
  background-color: #fff;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s;
  line-height: 24px; }
  #hp-doc-content .hp-empty {
    visibility: hidden; }
  #hp-doc-content.hp-wide {
    left: 0px; }
  @media only screen and (max-width: 800px) {
    #hp-doc-content {
      left: 0px; } }
  @media print {
    #hp-doc-content {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }
  #hp-doc-content dt, #hp-doc-content dd {
    margin-bottom: 10px; }
  #hp-doc-content h1 {
    margin: 0px;
    padding-left: 0px;
    padding-right: 10px;
    font-size: 24px;
    line-height: 38px;
    font-weight: normal;
    font-family: Metric;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis; }
  #hp-doc-content h2 {
    margin: 30px -4px 0px 0px;
    padding: 0px;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    font-family: Metric;
    font-weight: 600; }
  #hp-doc-content p {
    margin-top: 15px;
    max-width: 600px;
    font-size: 16px; }
  #hp-doc-content table th {
    padding: 10px 15px 10px 0px; }
  #hp-doc-content table td {
    padding-right: 15px;
    padding-top: 5px; }
    #hp-doc-content table td p {
      margin: 0px 0px 5px 0px; }
  #hp-doc-content pre {
    margin: 15px 0px;
    padding: 25px 40px 25px 25px;
    background-color: #F1F1F1;
    display: inline-block;
    min-width: 600px; }
  #hp-doc-content .hp-api-method {
    padding-right: 10px;
    white-space: normal;
    width: 80px;
    text-transform: uppercase; }
  #hp-doc-content .hp-highlight {
    background-color: #ccf0e7; }
  #hp-doc-content h4 {
    margin-top: 30px; }
    #hp-doc-content h4 span {
      color: #808080; }
    #hp-doc-content h4 span:last-child {
      color: #000; }
  #hp-doc-content .hp-request-details {
    max-width: 700px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-top: 15px; }
  #hp-doc-content li {
    list-style-type: disc;
    list-style-position: inside; }
  #hp-doc-content .hp-api-specification h2 > * {
    display: inline-block;
    color: #007DBA; }
  #hp-doc-content .hp-api-specification h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    display: inline-block;
    line-height: normal; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content .hp-api-specification h3 {
        min-width: 210px;
        padding-right: 30px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content .hp-api-specification h3 {
        min-width: 105px;
        padding-right: 15px; } }
  #hp-doc-content .hp-api-specification .hp-type {
    display: inline-block; }
  #hp-doc-content .hp-api-specification > div div.hp-description p:first-child {
    margin-top: 0px;
    margin-bottom: 15px; }
  #hp-doc-content .hp-api-specification.hp-collapsible > h2:first-child, #hp-doc-content .hp-api-specification.hp-collapsible > h3:first-child {
    display: block;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7);
    background-position: -5px;
    background-repeat: no-repeat;
    cursor: pointer; }
    #hp-doc-content .hp-api-specification.hp-collapsible > h2:first-child:hover, #hp-doc-content .hp-api-specification.hp-collapsible > h3:first-child:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM39/f8zMzExMTLKyspmZmWZmZuXl5f///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/9UAjCQwbERJEpyhGp2gCl5ABt9BHmABFCDEYcALGo/IpHITAQA7);
      color: #333; }
    @media print {
      #hp-doc-content .hp-api-specification.hp-collapsible > h2:first-child, #hp-doc-content .hp-api-specification.hp-collapsible > h3:first-child {
        background: none;
        padding-left: 0px; } }
  #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h2:first-child, #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h3:first-child {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);
    margin-bottom: 10px; }
    #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h2:first-child:hover, #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h3:first-child:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAADMzM3JycszMzExMTLKyspmZmWZmZuXl5X9/f////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827TwPxTQBgCGNZIoenqkW7verA0UB8q4G8n6PQaEgsGo/HCAA7); }
    @media print {
      #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h2:first-child, #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > h3:first-child {
        background: none; } }
  #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > div {
    height: auto;
    max-height: 60px;
    display: inline-block;
    overflow: hidden; }
    @media print {
      #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > div {
        max-height: none; } }
    #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > div > * {
      display: none; }
      @media print {
        #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > div > * {
          display: block; } }
    #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed > div > div.hp-description {
      display: block; }
  #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed.hp-truncated-description > div {
    height: 68px;
    max-height: none; }
    #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed.hp-truncated-description > div div.hp-description {
      position: relative;
      height: 60px;
      margin-bottom: 10px; }
      #hp-doc-content .hp-api-specification.hp-collapsible.hp-collapsed.hp-truncated-description > div div.hp-description:after {
        position: absolute;
        display: block;
        content: "\002026";
        font-weight: 600;
        font-family: Metric, Arial, sans-serif;
        bottom: -10px;
        left: 0px;
        right: 0px;
        background-color: #fff; }
  #hp-doc-content .hp-api-specification.hp-collapsible > div {
    padding-left: 20px; }
    @media print {
      #hp-doc-content .hp-api-specification.hp-collapsible > div {
        padding-left: 0px; } }
  #hp-doc-content .hp-attributes li {
    list-style-type: none;
    padding: 5px 0px;
    max-width: 1000px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: border-color 1s;
    -moz-transition: border-color 1s;
    transition: border-color 1s; }
    #hp-doc-content .hp-attributes li:hover {
      border-top-color: #ccc; }
    #hp-doc-content .hp-attributes li.hp-hover-leaf {
      border-top-color: #666;
      border-bottom: 1px solid #666; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content .hp-attributes li ol {
        padding-left: 30px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content .hp-attributes li ol {
        padding-left: 15px; } }
    #hp-doc-content .hp-attributes li ol .hp-summary.hp-show-names span {
      display: inline-block; }
  #hp-doc-content .hp-attributes .hp-summary {
    margin-bottom: 15px; }
    #hp-doc-content .hp-attributes .hp-summary > * {
      display: inline-block;
      vertical-align: top; }
    #hp-doc-content .hp-attributes .hp-summary .hp-name {
      font-family: "Courier New", Courier, monospace;
      font-weight: bold;
      padding-bottom: 0px; }
      @media only screen and (min-width: 1001px) {
        #hp-doc-content .hp-attributes .hp-summary .hp-name {
          width: 210px;
          padding-right: 30px; } }
      @media only screen and (max-width: 1000px) {
        #hp-doc-content .hp-attributes .hp-summary .hp-name {
          width: 105px;
          padding-right: 15px; } }
      #hp-doc-content .hp-attributes .hp-summary .hp-name.hp-no-data {
        font-family: Metric;
        font-weight: normal;
        text-align: right; }
        #hp-doc-content .hp-attributes .hp-summary .hp-name.hp-no-data span {
          color: #7F7F7F;
          margin-right: 0px; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content .hp-attributes .hp-summary .hp-description {
        width: 420px;
        padding-right: 30px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content .hp-attributes .hp-summary .hp-description {
        width: 300px;
        padding-right: 15px; } }
    #hp-doc-content .hp-attributes .hp-summary .hp-type > * {
      display: block;
      color: #737373;
      padding-left: 10px;
      text-indent: -10px;
      word-break: break-all; }
    #hp-doc-content .hp-attributes .hp-summary .hp-type span a {
      display: block; }
  #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes .hp-name.hp-label {
    font-family: Metric, Arial, sans-serif;
    font-weight: 600; }
  #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes .hp-name.hp-no-data {
    text-align: left; }
  #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes .hp-name span {
    font-weight: normal;
    display: inline-block;
    padding: 0px;
    text-indent: 0px; }
  #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes .hp-description {
    font-family: "Courier New", Courier, monospace; }
  #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes div.hp-summary div.hp-description span {
    display: inline-block; }
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes div.hp-summary div.hp-description span.hp-highlight:after {
      content: ''; }
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes div.hp-summary div.hp-description span:after {
      content: '.'; }
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes div.hp-summary div.hp-description span:last-child:after {
      content: ''; }
  #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties li:first-child {
    border: none; }
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties li:first-child:hover {
      border: none; }
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties li:first-child.hp-hover-leaf {
      border: none; }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary {
      min-width: 1000px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary {
      min-width: 600px; } }
  #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary div.hp-description {
    font-family: Metric, Arial, sans-serif; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary div.hp-description {
        width: 360px;
        padding-right: 30px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary div.hp-description {
        width: 150px;
        padding-right: 15px; } }
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary div.hp-description.hp-label {
      font-weight: 600; }
  #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary div.hp-name {
    font-weight: normal; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary div.hp-name {
        width: 154px;
        padding-right: 15px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary div.hp-name {
        width: 90px;
        padding-right: 15px; } }
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary div.hp-name.hp-label {
      font-family: Metric, Arial, sans-serif;
      font-weight: 600; }
    #hp-doc-content .hp-authorization.hp-wrapper .hp-attributes.hp-properties .hp-summary div.hp-name:nth-child(2) {
      padding-right: 10px;
      width: 60px; }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li > dl {
      width: 750px;
      margin-left: 245px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li > dl {
      width: 450px;
      margin-left: 125px; } }
  #hp-doc-content ol.hp-attributes > li > dl > * {
    color: #7F7F7F; }
  #hp-doc-content ol.hp-attributes > li > dl > dt {
    display: inline-block;
    font-family: Metric;
    text-align: left;
    word-break: break-all;
    vertical-align: top; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content ol.hp-attributes > li > dl > dt {
        width: 120px;
        padding-right: 30px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content ol.hp-attributes > li > dl > dt {
        width: 60px;
        padding-right: 15px; } }
  #hp-doc-content ol.hp-attributes > li > dl > dd {
    padding-left: 0px;
    display: inline-block; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content ol.hp-attributes > li > dl > dd {
        width: 480px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content ol.hp-attributes > li > dl > dd {
        width: 315px; } }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content ol.hp-attributes > li > dl > dd > dt {
        padding-right: 30px;
        width: 180px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content ol.hp-attributes > li > dl > dd > dt {
        padding-right: 15px; } }
  #hp-doc-content ol.hp-attributes > li .hp-values > dt {
    font-family: Metric, Arial, sans-serif;
    word-break: break-all; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content ol.hp-attributes > li .hp-values > dt {
        padding-right: 30px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content ol.hp-attributes > li .hp-values > dt {
        padding-right: 15px; } }
  #hp-doc-content ol.hp-attributes > li .hp-values > dd {
    display: inline-block;
    padding-left: 0;
    vertical-align: top; }
    #hp-doc-content ol.hp-attributes > li .hp-values > dd > dl {
      margin-top: 0px; }
      #hp-doc-content ol.hp-attributes > li .hp-values > dd > dl dt {
        font-family: "Courier New", Courier, monospace;
        color: #333;
        text-align: left;
        display: inline-block;
        word-break: break-all; }
        @media only screen and (min-width: 1001px) {
          #hp-doc-content ol.hp-attributes > li .hp-values > dd > dl dt {
            width: 180px;
            padding-right: 30px; } }
        @media only screen and (max-width: 1000px) {
          #hp-doc-content ol.hp-attributes > li .hp-values > dd > dl dt {
            padding-right: 15px;
            width: 90px; } }
      #hp-doc-content ol.hp-attributes > li .hp-values > dd > dl dd {
        color: #333;
        padding-left: 0;
        display: inline-block;
        vertical-align: top; }
        @media only screen and (min-width: 1001px) {
          #hp-doc-content ol.hp-attributes > li .hp-values > dd > dl dd {
            width: 240px; } }
        @media only screen and (max-width: 1000px) {
          #hp-doc-content ol.hp-attributes > li .hp-values > dd > dl dd {
            width: 195px; } }
  #hp-doc-content ol.hp-attributes > li div.hp-summary div.hp-name span {
    display: none;
    padding-left: 10px;
    text-indent: -10px;
    word-break: break-all; }
    #hp-doc-content ol.hp-attributes > li div.hp-summary div.hp-name span:after {
      content: '.'; }
    #hp-doc-content ol.hp-attributes > li div.hp-summary div.hp-name span span.hp-highlight {
      display: block;
      margin-left: -10px; }
    #hp-doc-content ol.hp-attributes > li div.hp-summary div.hp-name span:last-child {
      display: inline-block; }
      #hp-doc-content ol.hp-attributes > li div.hp-summary div.hp-name span:last-child:after {
        content: ''; }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl {
      margin-left: 217px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl {
      margin-left: 110px; } }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl dt {
      width: 120px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl dt {
      width: 60px; } }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl dd > dl {
    margin-left: 0px; }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name {
      width: 180px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name {
      width: 90px; } }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl.hp-values {
      margin-left: 217px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl.hp-values {
      margin-left: 110px; } }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl.hp-values > dt {
      width: 120px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl.hp-values > dt {
      width: 60px; } }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl.hp-values dd {
    padding-left: 0px; }
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl.hp-values dd > dl {
      margin-left: 0px; }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li dl {
      margin-left: 185px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li dl {
      margin-left: 95px; } }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li dl dd > dl {
    margin-left: 0px; }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name {
      width: 150px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name {
      width: 75px; } }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name span:last-child {
    font-weight: bold;
    color: #333; }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary span {
    color: #767676;
    display: inline-block;
    font-weight: normal; }
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary span:nth-child(1), #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary span:nth-child(2) {
      display: none; }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-description span {
    display: inline;
    color: #333; }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary .hp-type span {
    display: block; }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li .hp-values > dt {
      padding-right: 30px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li .hp-values > dt {
      padding-right: 15px; } }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li .hp-values dd {
    padding-left: 0px; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li .hp-values dd dl dt {
        width: 180px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li .hp-values dd dl dt {
        width: 90px; } }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes {
    padding-left: 0px; }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-description {
      padding-left: 180px; } }
  @media only screen and (max-width: 1000px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-description {
      padding-left: 90px; } }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name {
    display: block;
    width: auto;
    padding-bottom: 0px; }
    @media only screen and (min-width: 1001px) {
      #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name {
        max-width: 600px; } }
    @media only screen and (max-width: 1000px) {
      #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name {
        max-width: 300px; } }
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name span:nth-child(1), #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li div.hp-summary div.hp-name span:nth-child(2) {
      display: none; }
  @media only screen and (min-width: 1001px) {
    #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li .hp-values > dt {
      max-width: 150px; } }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes > li ol.hp-attributes {
    padding-left: 0px; }
  #hp-doc-content ol.hp-attributes > li ol.hp-attributes > li dl.hp-values > dt div.hp-summary div.hp-name span:nth-child(1) {
    display: inline-block; }
  #hp-doc-content .hp-restapi-search-results {
    max-width: 600px;
    margin-top: 30px; }
    #hp-doc-content .hp-restapi-search-results li {
      list-style-type: none; }
      #hp-doc-content .hp-restapi-search-results li div {
        margin-bottom: 10px; }
        #hp-doc-content .hp-restapi-search-results li div > * {
          display: inline-block;
          vertical-align: top;
          padding-right: 10px; }
      #hp-doc-content .hp-restapi-search-results li p {
        margin-top: 0px; }
      #hp-doc-content .hp-restapi-search-results li h3 {
        width: 150px;
        font-family: Metric, Arial, sans-serif; }
    #hp-doc-content .hp-restapi-search-results h4 {
      color: #999;
      margin-top: 0px;
      width: 140px; }
    #hp-doc-content .hp-restapi-search-results a {
      width: 200px; }
    #hp-doc-content .hp-restapi-search-results .hp-empty-message {
      display: block;
      visibility: visible;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -50px;
      color: #767676;
      font-style: italic;
      font-size: 18px; }
  #hp-doc-content > :last-child {
    margin-bottom: 20px; }

#hp-body-div.hp-menu-open #hp-banner.hp-grommet-banner #hp-search-control {
  left: 2px; }
#hp-body-div.hp-menu-open #hp-doc-content {
  left: 281px; }

#hp-page-container.hp-grommet-menu #hp-doc-content::-webkit-scrollbar {
  width: 10px;
  height: 10px; }
#hp-page-container.hp-grommet-menu #hp-doc-content::-webkit-scrollbar-thumb {
  background-color: rgba(164, 164, 164, 0.5); }

#hp-body-div:not(.hp-menu-open) #hp-main-banner.hp-grommet-banner #hp-search-menu.hp-active {
  left: 280px; }
  @media only screen and (max-width: 600px) {
    #hp-body-div:not(.hp-menu-open) #hp-main-banner.hp-grommet-banner #hp-search-menu.hp-active {
      left: 0px; } }
  @media only screen and (max-width: 600px) {
    #hp-body-div:not(.hp-menu-open) #hp-main-banner.hp-grommet-banner #hp-search-menu.hp-active #hp-search-input {
      left: 10px; } }
@media only screen and (max-width: 600px) {
  #hp-body-div:not(.hp-menu-open) #hp-main-banner.hp-grommet-banner #hp-search-control {
    display: none; } }
@media only screen and (max-width: 385px) {
  #hp-body-div:not(.hp-menu-open) #hp-main-banner.hp-grommet-banner #hp-search-control-glass {
    display: block; } }

#hp-main-menu.hp-grommet-menu {
  z-index: 302; }
  #hp-main-menu.hp-grommet-menu.hp-active .hp-sections::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
  #hp-main-menu.hp-grommet-menu.hp-active .hp-sections::-webkit-scrollbar-thumb {
    background-color: rgba(164, 164, 164, 0.5); }
  #hp-main-menu.hp-grommet-menu.hp-active .hp-sections ul.hp-section > li a:focus {
    outline: none; }
  #hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control .hp-main-menu-carret .hp-icon {
    background-image: url(../../img/hpe/sprite.svg#white-close);
    background-repeat: no-repeat;
    background-position: unset;
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.7; }
    #hp-main-menu.hp-grommet-menu.hp-active #hp-main-menu-control .hp-main-menu-carret .hp-icon:hover {
      opacity: 1; }

@media print {
  #hp-search-control {
    display: none; } }