/* (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P. */
/* (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P. */
@-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); } }

@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); } }

#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;
  }*/ }
  body.hp-basic-layout #hp-page-container {
    background-color: #fff; }
  #hp-page-container .hp-spinner img {
    margin-top: 100px; }
  @media print {
    #hp-page-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-sidebar {
  position: absolute;
  width: 0;
  top: 110px;
  bottom: 10px;
  right: -200px;
  background-color: #f3f3f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  transition: right 0.5s;
  z-index: 100; }
  body.hp-basic-layout #hp-sidebar {
    top: 60px;
    bottom: 0px; }
  div.hp-sidebar-open #hp-sidebar {
    right: 10px;
    width: 200px; }
  body.hp-basic-layout div.hp-sidebar-open #hp-sidebar {
    right: 0px;
    width: 210px; }
  #hp-sidebar.hp-inactive {
    opacity: 0.7; }
  #hp-body-div:not(.hp-sessioned) #hp-sidebar {
    display: none; }
  #hp-sidebar .hp-flyout-contents {
    top: 60px;
    background-color: #f3f3f3;
    bottom: 40px; }
  #hp-sidebar footer {
    position: absolute;
    width: 100%;
    bottom: 0px; }
  @media print {
    #hp-sidebar {
      display: none; } }

div.hp-pin-right, div.hp-pin-left {
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  cursor: pointer;
  border: 1px solid #e6e6e6; }

div.hp-pin-left {
  background-position: -175px -15px; }
  div.hp-filterbar-open div.hp-pin-left {
    background-position: -175px -55px; }
  div.hp-pin-left:hover {
    background-position: -175px 5px; }
    .hp-filterbar-open div.hp-pin-left:hover {
      background-position: -175px -35px; }

div.hp-pin-right {
  background-position: -175px -55px; }
  div.hp-sidebar-open div.hp-pin-right {
    background-position: -175px -15px; }
  div.hp-pin-right:hover {
    background-position: -175px -35px; }
    div.hp-sidebar-open div.hp-pin-right:hover {
      background-position: -175px 5px; }

.hp-unpin {
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -180px -80px;
  background-repeat: no-repeat; }
  .hp-unpin:hover {
    background-position: -180px -60px; }
  .hp-global .hp-unpin:hover {
    background-position: -180px -100px; }

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: 50px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: white;
    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; }
  div.hp-full-page > .hp-prompt, div.hp-full-content > .hp-prompt {
    max-width: 400px;
    margin: 60px auto;
    color: #737373;
    font-size: 16px;
    line-height: normal;
    font-style: italic;
    text-align: center; }

.hp-sub-nav {
  position: relative;
  display: block;
  height: 40px;
  line-height: 39px;
  background-color: white;
  border-bottom: 1px solid #d9d9d9;
  padding: 0px 43px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased; }
  body.hp-basic-layout .hp-sub-nav {
    padding: 0px 30px; }
  .hp-sub-nav > * {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
  .hp-sub-nav .hp-filter {
    font-size: 14px; }
  .hp-sub-nav > label {
    padding-left: 10px; }
  .hp-sub-nav > a {
    margin-top: 2px;
    margin-left: 10px;
    color: #007dba; }
  .hp-sub-nav div.hp-filterbar-control {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 35px;
    height: 100%; }
    .hp-sub-nav div.hp-filterbar-control div.hp-pin-left {
      position: relative;
      top: 9px;
      left: 0px; }
  .hp-sub-nav div.hp-sidebar-control {
    position: absolute;
    top: 0px;
    right: -4px;
    width: 35px;
    height: 100%;
    margin-right: 0px; }
    .hp-sub-nav div.hp-sidebar-control div.hp-pin-right {
      position: relative;
      top: 8px;
      left: 10px; }
  .hp-sub-nav .hp-page-label {
    margin-right: 30px; }
    .hp-sub-nav .hp-page-label h1 {
      display: inline-block;
      font-family: 'HPBold', Arial, Helvetica, sans-serif;
      line-height: inherit; }
    .hp-sub-nav .hp-page-label .hp-page-item-count {
      display: inline-block;
      margin-left: 5px;
      color: #999;
      font-size: 18px; }
  .hp-sub-nav a {
    cursor: pointer; }
  .hp-sub-nav .hp-master-referrer {
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-left: 15px; }
    .hp-sub-nav .hp-master-referrer .hp-close {
      position: relative;
      display: inline-block;
      top: 5px;
      margin-left: 5px;
      cursor: pointer; }
  .hp-sub-nav .hp-application-context {
    margin-left: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    padding: 0px 40px 0px 20px;
    background-color: #f3f3f3;
    border-left: 1px solid #e6e6e6;
    white-space: nowrap; }
    .hp-sub-nav .hp-application-context .hp-status {
      display: inline-block;
      top: 3px;
      margin-right: 10px; }
    .hp-sub-nav .hp-application-context h1 {
      display: inline-block;
      font-family: 'HPBold', Arial, Helvetica, sans-serif;
      line-height: inherit;
      padding-right: 10px; }
    .hp-sub-nav .hp-application-context a:hover {
      color: #007dba; }
    .hp-sub-nav .hp-application-context ol.hp-application-controls {
      display: inline-block;
      margin-bottom: 0px;
      vertical-align: top; }
      .hp-sub-nav .hp-application-context ol.hp-application-controls li {
        display: inline-block;
        margin-right: -4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 39px;
        width: 36px;
        padding: 12px 10px;
        text-align: center;
        cursor: pointer; }
        .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover {
          background-color: #fff; }
          .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-power {
            background-position: -120px -220px; }
          .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-uid {
            background-position: -139px -220px; }
          .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-console {
            background-position: -160px -220px; }
          .hp-sub-nav .hp-application-context ol.hp-application-controls li:hover .hp-disc {
            background-position: -180px -220px; }
        .hp-sub-nav .hp-application-context ol.hp-application-controls li.hp-selected {
          background-color: #E4FFEE; }
        .hp-sub-nav .hp-application-context ol.hp-application-controls li a {
          display: block; }
  @media print {
    .hp-sub-nav {
      display: none; } }

.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-filterbar {
  width: 200px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -200px;
  overflow-y: auto;
  background-color: #f3f3f3;
  border-right: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s; }
  .hp-filterbar-open .hp-filterbar {
    left: 0px; }
  .hp-filterbar > header h1 {
    white-space: nowrap;
    margin-top: 25px;
    margin-left: 0px;
    margin-bottom: 22px;
    padding-right: 20px; }
  @media print {
    .hp-filterbar {
      display: none; } }

div.hp-master-filter {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  top: 50px;
  left: -200px;
  bottom: 10px;
  width: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s; }
  div.hp-filterbar-open div.hp-master-filter {
    left: 10px; }
  div.hp-master-filter > 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: 'HPRegular', Arial, Helvetica, sans-serif; }
    div.hp-master-filter > header h1 {
      display: inline-block;
      font-size: 18px;
      line-height: inherit; }
    div.hp-master-filter > header .hp-filter-reset {
      float: right;
      height: 25px;
      line-height: 23px;
      font-size: 14px;
      line-height: auto;
      margin-top: 8px; }
  div.hp-master-filter .hp-filter {
    margin: 10px 10px 20px 10px; }
    div.hp-master-filter .hp-filter > label {
      margin: 10px 0px; }
      div.hp-master-filter .hp-filter > label:after {
        content: ':'; }
  div.hp-master-filter > .hp-rich-filter {
    display: inline-block;
    white-space: nowrap; }
    div.hp-master-filter > .hp-rich-filter .hp-rack {
      display: block;
      margin: 10px 15px 15px 10px;
      cursor: pointer; }
    div.hp-master-filter > .hp-rich-filter .hp-device {
      cursor: pointer; }
      div.hp-master-filter > .hp-rich-filter .hp-device:hover {
        background-color: #f3f3f3; }
      div.hp-master-filter > .hp-rich-filter .hp-device.hp-selected {
        background-color: #E4FFEE; }
  @media print {
    div.hp-master-filter {
      display: none; } }

div.hp-master-details {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  -webkit-transition: left 0.5s, right 0.5s;
  -moz-transition: left 0.5s, right 0.5s;
  transition: left 0.5s, right 0.5s; }
  div.hp-filterbar-open div.hp-master-details {
    left: 215px; }
  body.hp-basic-layout div.hp-master-details {
    top: 55px;
    left: 15px;
    right: 15px;
    bottom: 15px; }
  #hp-body-div.hp-sidebar-open.hp-sessioned div.hp-master-details {
    right: 220px; }
  div.hp-master-details div.hp-master-pane {
    width: 170px;
    background-color: white;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    border-right: 5px solid #d9d9d9; }
    body.hp-basic-layout div.hp-master-details div.hp-master-pane {
      border-right: 1px solid #d9d9d9; }
    div.hp-master-details div.hp-master-pane .hp-master-header {
      min-height: 35px; }
      div.hp-master-details div.hp-master-pane .hp-master-header .hp-master-title {
        display: inline-block;
        max-width: 120px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        div.hp-master-details div.hp-master-pane .hp-master-header .hp-master-title a {
          max-width: 120px; }
    div.hp-master-details div.hp-master-pane.hp-plain {
      overflow: auto; }
    div.hp-master-details div.hp-master-pane > .ui-resizable-e {
      width: 10px;
      right: -5px; }
    @media print {
      div.hp-master-details div.hp-master-pane {
        display: none; } }
  @media print {
    div.hp-master-details {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

div.hp-master-full {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 0px 15px 10px 15px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  -webkit-transition: left 0.5s, right 0.5s;
  -moz-transition: left 0.5s, right 0.5s;
  transition: left 0.5s, right 0.5s; }
  div.hp-filterbar-open div.hp-master-full {
    left: 215px; }
  #hp-body-div.hp-sidebar-open.hp-sessioned div.hp-master-full {
    right: 220px; }
  div.hp-master-full div.hp-master-pane {
    right: 0px;
    padding: 0px 15px 15px 15px; }
  div.hp-master-full .hp-master-table > tbody > td {
    height: inherit;
    line-height: inherit;
    padding: 13px 10px; }
    div.hp-master-full .hp-master-table > tbody > td.hp-icon {
      height: 30px; }
  div.hp-master-full .hp-master-table > tbody > tr.hp-selected > td.hp-row-details-cell, div.hp-master-full .hp-master-table > tbody > tr.hp-selected:hover > td.hp-row-details-cell {
    border-bottom-color: #d9d9d9; }
  div.hp-master-full .hp-master-table > tbody > tr.hp-selected > td:last-child, div.hp-master-full .hp-master-table > tbody > tr.hp-selected:hover > td:last-child {
    border-right: 1px solid #d9d9d9;
    padding-right: 9px; }
    div.hp-master-full .hp-master-table > tbody > tr.hp-selected > td:last-child:after, div.hp-master-full .hp-master-table > tbody > tr.hp-selected:hover > td:last-child:after {
      content: '';
      display: none; }
  div.hp-master-full .hp-master-header {
    height: 30px;
    line-height: 30px;
    margin: 35px 0px 25px 0px;
    z-index: 50; }
    div.hp-master-full .hp-master-header > * {
      display: inline-block;
      vertical-align: top; }
    div.hp-master-full .hp-master-header .hp-master-title {
      display: none; }
    div.hp-master-full .hp-master-header > .hp-status {
      position: relative;
      top: 3px;
      left: 0px;
      margin-right: 5px; }
    div.hp-master-full .hp-master-header h1 {
      padding-left: 0px;
      line-height: inherit;
      margin: 0px; }
    div.hp-master-full .hp-master-header .hp-status-counts {
      margin-right: 20px; }
    div.hp-master-full .hp-master-header .hp-header-sort > * {
      display: inline-block;
      vertical-align: top; }
    div.hp-master-full .hp-master-header .hp-header-sort .hp-sort {
      height: 28px;
      line-height: 28px; }
    div.hp-master-full .hp-master-header .hp-header-controls .hp-details-actions {
      height: 28px;
      line-height: 28px;
      border-left: none; }
  @media print {
    div.hp-master-full {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      margin-top: 80px; } }

.hp-master-header {
  position: relative;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
  .hp-master-header h1 {
    position: relative;
    padding: 5px 0px;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px; }
    .hp-master-header h1 .hp-status {
      display: inline-block; }
  .hp-master-header .hp-master-add {
    display: inline-block;
    margin-right: 10px; }
    .hp-master-header .hp-master-add a {
      display: block;
      height: 25px;
      line-height: 23px;
      font-size: 14px;
      line-height: auto;
      max-width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow-x: none;
      padding-left: 18px;
      padding-right: 10px;
      background-image: url(data:image/gif;base64,R0lGODlhFAAUAIABAACziP///yH5BAEKAAEALAAAAAAUABQAAAIdjI+py+0Po5wNAGosDlra/0EgOHWUWV7byrbumxQAOw==);
      background-position: 0px 1px;
      background-repeat: no-repeat; }
  .hp-master-header .hp-master-grid-sort {
    display: inline-block;
    font-weight: normal;
    line-height: 30px; }
    .hp-master-header .hp-master-grid-sort .hp-sort {
      display: inline-block; }
  .hp-master-header:hover .hp-close {
    display: block; }

div.hp-master-pane {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  overflow: visible;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  transition: width 0.5s; }
  div.hp-master-pane .hp-master-header {
    margin-bottom: 10px; }
    div.hp-master-pane .hp-master-header:after {
      content: '';
      height: 0px;
      clear: both;
      visibility: hidden; }
    div.hp-master-pane .hp-master-header .hp-master-view {
      display: none;
      float: right;
      vertical-align: top;
      font-size: 0px; }
      div.hp-master-pane .hp-master-header .hp-master-view.hp-active {
        display: block; }
      div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 25px;
        height: 25px;
        background-image: url("../../img/hp-piano/hp-piano-icons.png");
        background-repeat: no-repeat;
        cursor: pointer; }
        div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view:hover, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view:hover {
          background-color: #e6e6e6; }
      div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view {
        border-right: 1px solid #e6e6e6;
        background-position: -212px -11px; }
        div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view:hover, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-table-view.hp-active {
          background-position: -212px 9px; }
      div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view {
        background-position: -212px -51px; }
        div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view:hover, div.hp-master-pane .hp-master-header .hp-master-view .hp-master-grid-view.hp-active {
          background-position: -212px -31px; }
  div.hp-master-pane .dataTables_scrollBody {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }
    body.hp-basic-layout div.hp-master-pane .dataTables_scrollBody {
      border-bottom: none; }
    div.hp-master-pane .dataTables_scrollBody:focus {
      outline: none; }
  div.hp-master-pane .hp-master-table:focus {
    outline: none; }
  div.hp-master-pane .hp-master-table > thead th, div.hp-master-pane .hp-master-table > thead td {
    white-space: nowrap;
    padding: 5px 20px 5px 10px;
    font-family: 'HPBold', Arial, Helvetica, sans-serif; }
  div.hp-master-pane .hp-master-table > tbody > tr > td {
    height: 14px;
    line-height: 14px;
    padding: 8px 10px; }
    div.hp-master-pane .hp-master-table > tbody > tr > td > * {
      height: 14px; }
    div.hp-master-pane .hp-master-table > tbody > tr > td a:hover {
      text-decoration: none; }
    div.hp-master-pane .hp-master-table > tbody > tr > td.hp-icon {
      padding-top: 0px;
      padding-bottom: 0px; }
      div.hp-master-pane .hp-master-table > tbody > tr > td.hp-icon > .hp-status {
        position: relative;
        top: 10px; }
  div.hp-master-pane .hp-master-table > tbody > tr {
    cursor: pointer;
    color: #425563; }
    div.hp-master-pane .hp-master-table > tbody > tr:hover {
      color: #425563; }
    div.hp-master-pane .hp-master-table > tbody > tr.hp-selected {
      color: black; }
    div.hp-master-pane .hp-master-table > tbody > tr.hp-expanded {
      background-color: white; }
    div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control {
      background-image: none; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control > td {
        padding-top: 15px;
        padding-bottom: 15px; }
        div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control > td:hover {
          background-color: inherit; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-master-table-control a:not(.hp-disabled) {
        color: #007dba; }
    div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row {
      cursor: auto;
      background: none; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row > td > * {
        height: auto; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row .hp-row-details-cell {
        padding: 0px 20px 20px 50px;
        border-top-style: none;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6; }
        div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row .hp-row-details-cell a:not(.hp-disabled) {
          color: #007dba; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row form:last-of-type {
        padding-bottom: 0px; }
      div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row form, div.hp-master-pane .hp-master-table > tbody > tr.hp-row-details-row ol {
        margin-bottom: 0px; }
  div.hp-master-pane > .hp-master-table {
    width: 100%;
    overflow: auto; }
  div.hp-master-pane .hp-master-grid {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px -5px; }
    div.hp-master-pane .hp-master-grid:focus {
      outline: none; }
    div.hp-master-pane .hp-master-grid .hp-master-grid-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      margin: 5px;
      min-width: 180px;
      color: #737373;
      background-color: #fcfcfc;
      border: 1px solid #e6e6e6;
      cursor: pointer; }
      html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-item {
        color: #425563; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item:hover {
        background-color: white;
        color: #425563;
        border-color: #999999; }
        html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-item:hover {
          color: black; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item:hover > header {
          background-color: white; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item.hp-selected {
        border: 1px solid #999999;
        color: #425563; }
        html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-item.hp-selected {
          color: black; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item.hp-selected > header {
          background-color: #E4FFEE; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item.hp-selected .hp-master-item-summary {
          background-color: white; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item > header {
        padding: 5px 10px;
        color: #000; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item > header > * {
          display: inline-block;
          vertical-align: top; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item > header > .hp-status {
          position: relative;
          top: 2px; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item label {
        color: #737373; }
        html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-item label {
          color: #425563; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-summary, div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-details {
        position: relative;
        padding: 10px; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-summary .hp-column-form, div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-details .hp-column-form {
          width: auto;
          display: inline-block;
          vertical-align: top;
          margin-right: 80px; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-summary {
        background-color: #e6e6e6; }
        div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-summary .hp-master-item-summary-items li {
          display: inline-block;
          margin-right: 10px;
          margin-bottom: 5px; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-item .hp-master-item-details {
        display: none; }
    div.hp-master-pane .hp-master-grid #hp-master-show-more {
      display: inline-block;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 15px;
      color: #007dba; }
    div.hp-master-pane .hp-master-grid .hp-master-grid-control {
      padding: 15px 5px; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-control .hp-master-grid-empty {
        color: #737373;
        font-style: italic;
        margin-bottom: 15px; }
        html.hp-high-contrast div.hp-master-pane .hp-master-grid .hp-master-grid-control .hp-master-grid-empty {
          color: #425563; }
      div.hp-master-pane .hp-master-grid .hp-master-grid-control a:not(.hp-disabled) {
        color: #007dba;
        display: block;
        margin-top: 10px; }
  div.hp-master-pane .dataTables_wrapper {
    display: none; }
    div.hp-master-pane .dataTables_wrapper.hp-active {
      display: block; }
    div.hp-master-pane .dataTables_wrapper.hp-empty {
      display: none; }
  div.hp-master-pane .hp-master-grid {
    display: none; }
    div.hp-master-pane .hp-master-grid.hp-active {
      display: block; }
    div.hp-master-pane .hp-master-grid.hp-empty {
      display: none; }
  div.hp-master-pane .hp-master-pane-summary {
    position: absolute;
    bottom: 0px;
    left: 15px;
    right: 15px;
    padding: 15px 0px;
    border-top: 1px solid #d9d9d9; }
    div.hp-master-pane .hp-master-pane-summary .hp-summary label {
      display: inline-block;
      color: #737373;
      margin-right: 10px; }
      html.hp-high-contrast div.hp-master-pane .hp-master-pane-summary .hp-summary label {
        color: #425563; }
    div.hp-master-pane .hp-master-pane-summary .hp-summary .hp-value {
      display: inline-block;
      color: #425563; }
      html.hp-high-contrast div.hp-master-pane .hp-master-pane-summary .hp-summary .hp-value {
        color: black; }
    div.hp-master-pane .hp-master-pane-summary .hp-summary .hp-utilization-meter {
      margin-top: 10px;
      width: 160px; }

table.hp-master-table a {
  color: #007dba; }

div.hp-details-pane {
  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: hidden;
  background-color: white;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s; }
  div.hp-details-pane.hp-plain {
    overflow: auto; }
  div.hp-details-pane.hp-empty {
    background-color: #f3f3f3; }
    div.hp-details-pane.hp-empty > * {
      visibility: hidden; }
    div.hp-details-pane.hp-empty > .hp-empty-message {
      display: block;
      visibility: visible;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -50px;
      color: #737373;
      font-style: italic;
      font-size: 18px; }
    div.hp-details-pane.hp-empty > #hp-no-details {
      display: block;
      visibility: visible; }
  @media print {
    div.hp-details-pane {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      left: 0px !important;
      padding: 0px; } }

div.hp-details-full {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 15px 15px 15px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: white;
  -webkit-transition: left 0.5s, right 0.5s;
  -moz-transition: left 0.5s, right 0.5s;
  transition: left 0.5s, right 0.5s; }
  div.hp-full-page div.hp-details-full {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px; }
    body.hp-basic-layout div.hp-full-page div.hp-details-full {
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px; }
  #hp-body-div.hp-sidebar-open.hp-sessioned div.hp-details-full {
    right: 220px; }
  div.hp-details-full div.hp-remote-console {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #333;
    color: #fff;
    font-family: monospace;
    padding: 10px; }

div.hp-master-full.hp-notify-open .hp-master-list, div.hp-master-full.hp-notify-open > div.dataTables_wrapper {
  top: 140px; }
div.hp-master-full.hp-notify-open.hp-notify-disabled .hp-master-list, div.hp-master-full.hp-notify-open.hp-notify-disabled > div.dataTables_wrapper {
  top: 90px; }
div.hp-master-full > div.dataTables_wrapper {
  position: absolute;
  top: 85px;
  left: 15px;
  right: 15px;
  bottom: 0px; }
div.hp-master-full .hp-master-list {
  position: absolute;
  top: 85px;
  left: 15px;
  right: 15px;
  bottom: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0px; }
  div.hp-master-full .hp-master-list:focus {
    border: none;
    outline: none; }
  div.hp-master-full .hp-master-list > li.hp-pending {
    background-color: #f3f3f3; }
    @media print {
      div.hp-master-full .hp-master-list > li.hp-pending {
        display: none; } }
  div.hp-master-full .hp-master-list li.hp-master-list-item {
    position: relative;
    border-top: 3px solid #ccc;
    margin-bottom: 10px;
    padding: 0px; }
    div.hp-master-full .hp-master-list li.hp-master-list-item.hp-selected .hp-master-list-item-primary header {
      background-color: #E4FFEE; }
    div.hp-master-full .hp-master-list li.hp-master-list-item:hover a {
      text-decoration: underline; }
    div.hp-master-full .hp-master-list li.hp-master-list-item.hp-collapsed .hp-master-item-detail {
      display: none; }
    div.hp-master-full .hp-master-list li.hp-master-list-item.hp-expanded .hp-master-item-summary {
      display: none; }
    div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary {
      background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
      background-position: left bottom;
      background-repeat: repeat-x;
      padding-bottom: 1px; }
      div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > * {
        padding-top: 10px;
        margin: 0px 30px; }
      div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header {
        line-height: 18px;
        padding: 10px;
        margin: 0px;
        cursor: pointer; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header > * {
          display: inline-block;
          vertical-align: top; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-collapser {
          width: 20px; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-master-item-name {
          font-size: 16px;
          margin-left: 5px;
          margin-right: 20px; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-summary {
          color: #737373;
          margin-right: 20px; }
          html.hp-high-contrast div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header .hp-summary {
            color: #425563; }
        div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header form {
          margin-bottom: 0px;
          width: auto; }
          div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-primary > header form .hp-form-content {
            white-space: nowrap; }
    div.hp-master-full .hp-master-list li.hp-master-list-item .hp-master-list-item-secondary {
      padding: 10px 0px;
      margin-left: 30px; }
    div.hp-master-full .hp-master-list li.hp-master-list-item form {
      display: inline-block;
      width: 45%; }
      div.hp-master-full .hp-master-list li.hp-master-list-item form.hp-show-form {
        vertical-align: top; }
  div.hp-master-full .hp-master-list #hp-master-show-more {
    display: inline-block;
    margin: 10px 0px 20px 15px;
    color: #007dba; }
  div.hp-master-full .hp-master-list .hp-master-list-splash {
    max-width: 300px;
    margin: 40px auto;
    text-align: center; }
    div.hp-master-full .hp-master-list .hp-master-list-splash .hp-master-list-empty {
      color: #737373;
      font-style: italic;
      margin-bottom: 20px; }
      html.hp-high-contrast div.hp-master-full .hp-master-list .hp-master-list-splash .hp-master-list-empty {
        color: #425563; }
    div.hp-master-full .hp-master-list .hp-master-list-splash div.hp-help {
      margin: 10px 0px; }
    div.hp-master-full .hp-master-list .hp-master-list-splash a {
      display: block;
      color: #007dba; }
  @media print {
    div.hp-master-full .hp-master-list .hp-master-list-control {
      display: none; } }
  @media print {
    div.hp-master-full .hp-master-list {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

.hp-header-controls, .hp-details-header-controls {
  position: absolute;
  right: 0px;
  top: 0px; }
  .hp-header-controls > *, .hp-details-header-controls > * {
    display: inline-block;
    vertical-align: top; }
  .hp-header-controls .hp-map-control, .hp-details-header-controls .hp-map-control {
    position: relative;
    top: 5px;
    margin-right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -256px -19px;
    background-repeat: no-repeat; }
    .hp-header-controls .hp-map-control:hover, .hp-details-header-controls .hp-map-control:hover {
      background-position: -256px 1px; }
  .hp-header-controls .hp-details-actions > label, .hp-header-controls .hp-header-actions > label, .hp-details-header-controls .hp-details-actions > label, .hp-details-header-controls .hp-header-actions > label {
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    font-family: 'HPRegular', Arial, Helvetica, sans-serif;
    color: #007dba;
    border: 2px solid #E4FFEB;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #E4FFEB; }
    .hp-header-controls .hp-details-actions > label:after, .hp-header-controls .hp-header-actions > label:after, .hp-details-header-controls .hp-details-actions > label:after, .hp-details-header-controls .hp-header-actions > label:after {
      display: inline-block;
      vertical-align: top;
      content: '';
      width: 25px;
      height: 25px;
      margin-left: 10px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwdADspNj8RTQAAAOJJREFUOMvt0i1OQ0EUhuGnDaiiwCPYQm2BFQwJCAQKUg92ljC7AINCQDueGxbAPhCkAoGgDWCmtPfmJgRIUP2SSWbON+c9Z35Y6d/U+ZrlBOvYwosQX+VEiAs/RHLqYQMTTOd+p4bN6QTXeMCRECcNfxN32MWxEG/m1lqjwyfMsI+RnPbwsdT9CANM8byc2K1hQrzHeYENUKFXRlViM1wIsWq/o/oRDnBbCj2WaB/vOBTiuJnSbYEoG4d4K4B+mQ+FOC4P4/uOFtBTXJbVmRCvfvYplivmtCOn7VbvV8CV/qxPyU4+AeVxXFUAAAAASUVORK5CYII=);
      background-position: 3px 4px;
      background-repeat: no-repeat;
      border-left: 1px solid #ccc; }
    .hp-header-controls .hp-details-actions > label:hover, .hp-header-controls .hp-header-actions > label:hover, .hp-details-header-controls .hp-details-actions > label:hover, .hp-details-header-controls .hp-header-actions > label:hover {
      border-color: #999; }
  .hp-header-controls .hp-details-actions.hp-active > label, .hp-header-controls .hp-header-actions.hp-active > label, .hp-details-header-controls .hp-details-actions.hp-active > label, .hp-details-header-controls .hp-header-actions.hp-active > label {
    border-color: transparent;
    background-color: transparent; }
  .hp-header-controls .hp-details-actions .hp-details-actions-button, .hp-header-controls .hp-details-actions .hp-header-actions-button, .hp-header-controls .hp-header-actions .hp-details-actions-button, .hp-header-controls .hp-header-actions .hp-header-actions-button, .hp-details-header-controls .hp-details-actions .hp-details-actions-button, .hp-details-header-controls .hp-details-actions .hp-header-actions-button, .hp-details-header-controls .hp-header-actions .hp-details-actions-button, .hp-details-header-controls .hp-header-actions .hp-header-actions-button {
    border: none; }
    .hp-header-controls .hp-details-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-details-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-header-controls .hp-details-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-details-actions .hp-header-actions-button .hp-header-actions-button-label, .hp-header-controls .hp-header-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-header-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-header-controls .hp-header-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-header-controls .hp-header-actions .hp-header-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-details-actions .hp-header-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-details-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-details-actions-button .hp-header-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-header-actions-button .hp-details-actions-button-label, .hp-details-header-controls .hp-header-actions .hp-header-actions-button .hp-header-actions-button-label {
      display: inline-block;
      white-space: nowrap; }
  .hp-header-controls .hp-drop-menu label, .hp-details-header-controls .hp-drop-menu label {
    text-align: right; }
  .hp-header-controls .hp-header-selection, .hp-details-header-controls .hp-header-selection {
    color: #737373;
    font-style: italic;
    vertical-align: baseline;
    margin: 0px 10px; }
    html.hp-high-contrast .hp-header-controls .hp-header-selection, html.hp-high-contrast .hp-details-header-controls .hp-header-selection {
      color: #425563; }
  .hp-header-controls .hp-header-select-all, .hp-details-header-controls .hp-header-select-all {
    margin: 0px 10px;
    cursor: pointer; }
  @media print {
    .hp-header-controls, .hp-details-header-controls {
      display: none !important; } }

.hp-details-header, .hp-full-header {
  position: relative;
  height: 40px;
  line-height: 38px;
  margin-bottom: 20px;
  white-space: nowrap;
  z-index: 50;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
  .hp-details-header > *, .hp-full-header > * {
    display: inline-block;
    vertical-align: top; }
  .hp-details-header > .hp-status, .hp-full-header > .hp-status {
    position: relative;
    top: 11px;
    margin-right: 10px; }
  .hp-details-header div.hp-context, .hp-full-header div.hp-context {
    position: absolute;
    top: 2px;
    font-size: 14px;
    line-height: normal;
    color: #aaa; }
  .hp-details-header h1, .hp-full-header h1 {
    margin: 0px;
    padding-left: 0px;
    padding-right: 10px;
    font-size: 28px;
    line-height: 38px;
    font-weight: normal;
    font-family: 'HPLight', Arial, Helvetica, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .hp-details-header h1 .hp-annotation, .hp-full-header h1 .hp-annotation {
      color: #999999; }
      html.hp-high-contrast .hp-details-header h1 .hp-annotation, html.hp-high-contrast .hp-full-header h1 .hp-annotation {
        color: #425563; }
  .hp-details-header .hp-panel-selector, .hp-full-header .hp-panel-selector {
    font-size: 20px;
    border-left: 2px solid #999;
    color: #000; }
    .hp-details-header .hp-panel-selector > label, .hp-full-header .hp-panel-selector > label {
      line-height: 40px;
      height: 40px; }
    .hp-details-header .hp-panel-selector .hp-options li, .hp-full-header .hp-panel-selector .hp-options li {
      height: 36px;
      line-height: 36px; }
      .hp-details-header .hp-panel-selector .hp-options li.hp-sub-options, .hp-full-header .hp-panel-selector .hp-options li.hp-sub-options {
        height: auto; }
  .hp-details-header .hp-panel-selector-title, .hp-full-header .hp-panel-selector-title {
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    padding: 0px 15px;
    border-left: 1px solid #e6e6e6; }
  .hp-details-header.hp-nameless .hp-panel-selector, .hp-full-header.hp-nameless .hp-panel-selector {
    border-left: none;
    margin-left: -10px; }
  .hp-details-header .hp-related-control, .hp-full-header .hp-related-control {
    position: relative;
    top: 7px;
    margin: 0px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    padding: 12px;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -253px -16px;
    background-repeat: no-repeat;
    border: 2px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px; }
    .hp-details-header .hp-related-control:hover, .hp-full-header .hp-related-control:hover {
      background-position: -253px 4px;
      border-color: #999; }
  .hp-details-header .hp-details-header-controls, .hp-details-header .hp-header-controls, .hp-full-header .hp-details-header-controls, .hp-full-header .hp-header-controls {
    top: 6px; }
  @media print {
    .hp-details-header, .hp-full-header {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      height: 80px; } }

.hp-details-nav {
  height: 40px;
  line-height: 38px;
  margin-bottom: 10px;
  white-space: nowrap;
  z-index: 50;
  border-top: 1px solid #e6e6e6; }
  .hp-details-nav > * {
    display: inline-block;
    vertical-align: top; }
  .hp-details-nav .hp-search {
    position: relative;
    height: 100%;
    width: 20px; }
    .hp-details-nav .hp-search:after {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 15px;
      height: 16px;
      background-image: url("../../img/hp-piano/hp-piano-icons.png");
      background-position: -120px -120px;
      background-repeat: no-repeat;
      cursor: pointer; }
      .hp-details-nav .hp-search:after:hover {
        background-position: -120px -100px; }

.hp-details-show-section {
  position: absolute;
  top: 25px;
  bottom: 15px;
  left: 30px;
  right: 30px; }
  .hp-details-show-section .hp-details-show-view {
    position: absolute;
    top: 60px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    color: #666666; }
    .hp-details-show-section .hp-details-show-view a:not(.hp-disabled) {
      color: #007dba; }
    .hp-details-show-section .hp-details-show-view h2 a:not(.hp-disabled), .hp-details-show-section .hp-details-show-view h3 a:not(.hp-disabled), .hp-details-show-section .hp-details-show-view h4 a:not(.hp-disabled) {
      color: #000; }
    @media print {
      .hp-details-show-section .hp-details-show-view {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        overflow: visible; } }
  .hp-details-show-section.hp-notify-open .hp-details-show-view {
    top: 105px; }
  .hp-details-show-section.hp-notify-open.hp-notify-disabled .hp-details-show-view {
    top: 60px; }
  .hp-details-show-section div.hp-grid-panels {
    margin: -10px -15px 0px -15px; }
  @media print {
    .hp-details-show-section {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-overlay, #hp-dialog-overlay, .ui-widget-overlay, .hp-dialog-overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none; }
  #hp-overlay.hp-active, #hp-dialog-overlay.hp-active, .ui-widget-overlay.hp-active, .hp-dialog-overlay.hp-active {
    display: block; }

#hp-body-div.hp-sidebar-open.hp-sessioned #hp-sidebar-controls {
  position: absolute;
  top: 60px;
  content: '';
  display: block;
  right: 0px;
  width: 210px;
  height: 39px;
  border-bottom: 1px solid #d9d9d9; }
  #hp-body-div.hp-sidebar-open.hp-sessioned #hp-sidebar-controls div.hp-sidebar-control {
    position: absolute;
    top: 0px;
    right: -4px;
    width: 35px;
    height: 100%;
    margin-right: 0px; }
    #hp-body-div.hp-sidebar-open.hp-sessioned #hp-sidebar-controls div.hp-sidebar-control div.hp-pin-right {
      position: relative;
      top: 8px;
      left: 10px; }
  body.hp-basic-layout #hp-body-div.hp-sidebar-open.hp-sessioned #hp-sidebar-controls {
    display: none; }
#hp-body-div.hp-sidebar-open.hp-sessioned #hp-overlay, #hp-body-div.hp-sidebar-open.hp-sessioned .hp-overlay {
  right: 210px; }

#hp-overlay, .hp-overlay {
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 399; }
  #hp-overlay.hp-changing, .hp-overlay.hp-changing {
    background-color: rgba(0, 0, 0, 0.6); }
    body.hp-basic-layout #hp-overlay.hp-changing, body.hp-basic-layout .hp-overlay.hp-changing {
      background-color: rgba(208, 208, 208, 0.6); }
  @media print {
    #hp-overlay, .hp-overlay {
      background-color: transparent; } }

#hp-dialog-overlay, .ui-widget-overlay, .hp-dialog-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 499; }
  @media print {
    #hp-dialog-overlay, .ui-widget-overlay, .hp-dialog-overlay {
      background-color: transparent; } }

.ui-widget-overlay {
  display: block; }

#hp-change-page-container-wrapper {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px; }
  body.hp-basic-layout #hp-change-page-container-wrapper {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px; }
  @media print {
    #hp-change-page-container-wrapper {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-change-page-container {
  position: relative;
  top: 0px;
  bottom: 0px;
  height: 100%;
  max-width: 960px;
  min-width: 400px;
  margin: 0px auto;
  background-color: white;
  color: #425563;
  z-index: 400;
  display: none;
  overflow: hidden;
  border-bottom: 5px solid #00B388;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc; }
  #hp-change-page-container.hp-active {
    display: block; }
  #hp-change-page-container .hp-details-header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    padding: 10px 30px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 0px;
    line-height: 40px; }
    #hp-change-page-container .hp-details-header > h1 {
      max-width: 70%; }
    #hp-change-page-container .hp-details-header > .hp-details-header-controls {
      height: 60px;
      top: 0px; }
      #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current {
        position: relative;
        cursor: pointer;
        width: 50px;
        height: 59px;
        line-height: 59px; }
        #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current .hp-icon {
          position: relative;
          top: 20px;
          left: 17px;
          width: 20px;
          height: 20px;
          background-image: url("../../img/hp-piano/hp-piano-icons.png");
          background-repeat: no-repeat;
          background-position: -120[x -20pxpx; }
        #hp-change-page-container .hp-details-header > .hp-details-header-controls .hp-help-current:hover {
          background-color: white; }
  #hp-change-page-container .hp-stacked-panel > label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 30px;
    color: #000;
    border-color: #e6e6e6; }
  @media print {
    #hp-change-page-container .hp-stacked-panel {
      height: auto !important;
      padding-top: 10px !important; } }
  @media print {
    #hp-change-page-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-dialog-container-wrapper, .hp-dialog-container-wrapper {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  text-align: center; }
  @media print {
    #hp-dialog-container-wrapper, .hp-dialog-container-wrapper {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

#hp-dialog-container, .hp-dialog-container {
  max-width: 920px;
  min-width: 300px;
  margin: 0px auto;
  background-color: white;
  color: #425563;
  z-index: 500;
  display: none;
  text-align: left; }
  #hp-dialog-container.hp-active, .hp-dialog-container.hp-active {
    display: inline-block; }
  @media print {
    #hp-dialog-container, .hp-dialog-container {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      border-left: 20px solid #f3f3f3;
      border-right: 20px solid #f3f3f3; } }

.hp-dialog {
  position: relative;
  padding-top: 65px;
  padding-bottom: 75px;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }
  .hp-dialog > header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    font-family: 'HPRegular', Arial, Helvetica, sans-serif;
    background-color: #f3f3f3;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px; }
    .hp-dialog > header h1 {
      font-size: 28px;
      line-height: 50px;
      font-weight: normal;
      margin: 0px 30px;
      width: 90%;
      overflow-x: hidden;
      text-overflow: ellipsis;
      font-family: 'HPLight', Arial, Helvetica, sans-serif; }
    .hp-dialog > header > .hp-controls {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 100%; }
      .hp-dialog > header > .hp-controls .hp-help-current {
        position: relative;
        display: inline-block;
        cursor: pointer;
        width: 49px;
        height: 100%;
        line-height: 49px; }
        .hp-dialog > header > .hp-controls .hp-help-current .hp-icon {
          position: relative;
          top: 16px;
          left: 18px;
          width: 20px;
          height: 20px;
          background-image: url("../../img/hp-piano/hp-piano-icons.png");
          background-repeat: no-repeat;
          background-position: -120[x -20pxpx; }
        .hp-dialog > header > .hp-controls .hp-help-current:hover {
          background-color: white; }
  .hp-dialog footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #d9d9d9;
    white-space: nowrap; }
    .hp-dialog footer .hp-spinner {
      position: absolute;
      left: 0px;
      top: 0px;
      display: inline-block;
      width: auto;
      margin: 7px 10px; }
      .hp-dialog footer .hp-spinner .hp-spinner-image {
        margin: 0px; }
    .hp-dialog footer .hp-control-message {
      display: block;
      vertical-align: top;
      color: #737373;
      white-space: nowrap;
      overflow-x: hidden;
      text-overflow: ellipsis;
      padding: 0px 15px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .hp-dialog footer .hp-control-message.hp-error {
        background-color: #fffdd7;
        border-right: 1px solid #d9d9d9; }
    .hp-dialog footer .hp-controls {
      position: absolute;
      right: 0px;
      top: 0px;
      padding: 0px 30px;
      white-space: nowrap; }
      .hp-dialog footer .hp-controls > * {
        margin-left: 5px; }
  .hp-dialog .hp-filters {
    position: relative; }
    .hp-dialog .hp-filters .hp-search {
      width: 100%;
      padding-right: 30px; }
    .hp-dialog .hp-filters .hp-search-icon {
      position: absolute;
      top: 8px;
      right: 7px;
      width: 15px;
      height: 16px;
      background-image: url("../../img/hp-piano/hp-piano-icons.png");
      background-position: -120px -120px;
      background-repeat: no-repeat; }
  .hp-dialog .hp-add-choices {
    width: 100%;
    min-width: 400px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .hp-dialog .hp-add-choices tr {
      cursor: pointer; }
  .hp-dialog .hp-column-form {
    min-width: 600px; }

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

.hp-details-edit-section, .hp-details-add-section {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }
  .hp-details-edit-section.hp-empty, .hp-details-add-section.hp-empty {
    background-color: #f3f3f3; }
    .hp-details-edit-section.hp-empty .hp-panel-selector, .hp-details-edit-section.hp-empty .hp-form-contents, .hp-details-edit-section.hp-empty .hp-stacked-panels, .hp-details-edit-section.hp-empty .hp-form-controls input, .hp-details-add-section.hp-empty .hp-panel-selector, .hp-details-add-section.hp-empty .hp-form-contents, .hp-details-add-section.hp-empty .hp-stacked-panels, .hp-details-add-section.hp-empty .hp-form-controls input {
      visibility: hidden; }
    .hp-details-edit-section.hp-empty > .hp-empty-message, .hp-details-add-section.hp-empty > .hp-empty-message {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -40px;
      margin-left: -50px;
      color: #737373;
      font-style: italic;
      font-size: 18px; }
    .hp-details-edit-section.hp-empty > #hp-no-details, .hp-details-add-section.hp-empty > #hp-no-details {
      display: block;
      visibility: visible; }
  .hp-details-edit-section .hp-edit-form, .hp-details-edit-section .hp-add-form, .hp-details-add-section .hp-edit-form, .hp-details-add-section .hp-add-form {
    position: absolute;
    top: 60px;
    bottom: 0px;
    padding-bottom: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .hp-details-edit-section .hp-edit-form > .hp-form-contents, .hp-details-edit-section .hp-add-form > .hp-form-contents, .hp-details-add-section .hp-edit-form > .hp-form-contents, .hp-details-add-section .hp-add-form > .hp-form-contents {
      height: 100%;
      padding: 20px 15px;
      margin-bottom: 60px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      overflow: auto; }
    .hp-details-edit-section .hp-edit-form > .hp-stacked-panels, .hp-details-edit-section .hp-add-form > .hp-stacked-panels, .hp-details-add-section .hp-edit-form > .hp-stacked-panels, .hp-details-add-section .hp-add-form > .hp-stacked-panels {
      height: 100%;
      margin: 0px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    .hp-details-edit-section .hp-edit-form > .hp-footer, .hp-details-edit-section .hp-add-form > .hp-footer, .hp-details-add-section .hp-edit-form > .hp-footer, .hp-details-add-section .hp-add-form > .hp-footer {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      height: 60px; }
      @media print {
        .hp-details-edit-section .hp-edit-form > .hp-footer, .hp-details-edit-section .hp-add-form > .hp-footer, .hp-details-add-section .hp-edit-form > .hp-footer, .hp-details-add-section .hp-add-form > .hp-footer {
          position: static;
          top: auto;
          left: auto;
          right: auto;
          bottom: auto;
          height: auto;
          width: auto;
          overflow: visible;
          position: relative; } }
    @media print {
      .hp-details-edit-section .hp-edit-form, .hp-details-edit-section .hp-add-form, .hp-details-add-section .hp-edit-form, .hp-details-add-section .hp-add-form {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        width: auto;
        overflow: visible; } }
  @media print {
    .hp-details-edit-section, .hp-details-add-section {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

.hp-details-more-section, .hp-details-contents {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px; }
  .hp-details-more-section.hp-has-nav, .hp-details-contents.hp-has-nav {
    top: 50px; }
  .hp-details-more-section .hp-stacked-panels, .hp-details-contents .hp-stacked-panels {
    height: 100%;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  @media print {
    .hp-details-more-section, .hp-details-contents {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible; } }

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