/* (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); } }

table {
  border-collapse: separate;
  border: 0px;
  border-spacing: 0px; }
  table > thead > tr td, table > thead > tr th {
    background-color: white;
    color: #7d7d7d;
    padding: 5px 20px 5px 10px;
    font-weight: normal;
    text-align: left;
    vertical-align: baseline;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left bottom;
    background-repeat: repeat-x; }
    html.hp-high-contrast table > thead > tr td, html.hp-high-contrast table > thead > tr th {
      color: #425563; }
    table > thead > tr td.hp-icon, table > thead > tr th.hp-icon {
      padding-right: 10px; }
    table > thead > tr td:first-of-type, table > thead > tr th:first-of-type {
      border-left: none; }
    table > thead > tr td:last-of-type, table > thead > tr th:last-of-type {
      border-right: none; }
    table > thead > tr td.sorting, table > thead > tr td.sorting_asc, table > thead > tr td.sorting_desc, table > thead > tr td.sort, table > thead > tr th.sorting, table > thead > tr th.sorting_asc, table > thead > tr th.sorting_desc, table > thead > tr th.sort {
      cursor: pointer; }
      table > thead > tr td.sorting:hover, table > thead > tr td.sorting_asc:hover, table > thead > tr td.sorting_desc:hover, table > thead > tr td.sort:hover, table > thead > tr th.sorting:hover, table > thead > tr th.sorting_asc:hover, table > thead > tr th.sorting_desc:hover, table > thead > tr th.sort:hover {
        color: black; }
    table > thead > tr td.sorting_asc, table > thead > tr td.sort_asc, table > thead > tr th.sorting_asc, table > thead > tr th.sort_asc {
      background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMpeLrc/jDKSau9kWAVTNiEoV2AYQLXYBqDVa4GSgmwIVRFXWx87/9ASQIAOw==);
      background-position: left bottom, right 2px;
      background-repeat: repeat-x, no-repeat; }
      table > thead > tr td.sorting_asc:hover, table > thead > tr td.sort_asc:hover, table > thead > tr th.sorting_asc:hover, table > thead > tr th.sort_asc:hover {
        background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQsEMlJq7046827/1kBSsIhjMUhfsHhBh/hHoQHzC7QDfgxdIaeYUQsGo9ITQQAOw==); }
    table > thead > tr td.sorting_desc, table > thead > tr td.sort_desc, table > thead > tr th.sorting_desc, table > thead > tr th.sort_desc {
      background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUAKIAAO7u7t3d3czMzLu7u7Ozs6KiopmZmf///yH5BAEHAAcALAAAAAAUABQAAAMqeLrc/jDKSau9rpi9SxXcJlRAaADWwA1XuaEXYRDYERhBfdB67//AoCMBADs=);
      background-position: left bottom, right 2px;
      background-repeat: repeat-x, no-repeat; }
      table > thead > tr td.sorting_desc:hover, table > thead > tr td.sort_desc:hover, table > thead > tr th.sorting_desc:hover, table > thead > tr th.sort_desc:hover {
        background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=), url(data:image/gif;base64,R0lGODlhFAAUALMAAObm5t3d3bOzs5mZmYCAgGZmZjw8PDMzM////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQtEMlJq7046827/5ZxjKPRDeQ4dEB6AB5BEl9ABmBxFCAiHIIegicsGo/IpCUCADs=); }
    table > thead > tr td:active, table > thead > tr th:active {
      background-color: white;
      color: black; }
    table > thead > tr td > .hp-status, table > thead > tr th > .hp-status {
      position: relative;
      top: 2px; }
    table > thead > tr td input[type="checkbox"], table > thead > tr th input[type="checkbox"] {
      margin-right: 10px; }
    @media print {
      table > thead > tr td, table > thead > tr th {
        padding-left: 0px;
        border-left: none; } }
  table > tbody > tr > td {
    padding: 13px 10px;
    vertical-align: top;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    table > tbody > tr > td.hp-identifier {
      min-width: 120px; }
    table > tbody > tr > td.hp-icon {
      height: 36px;
      padding: 2px 10px 0px 10px; }
      table > tbody > tr > td.hp-icon.hp-numeric {
        padding-right: 0px;
        padding-left: 15px; }
      table > tbody > tr > td.hp-icon .hp-close, table > tbody > tr > td.hp-icon .hp-delete {
        position: relative;
        top: 13px;
        cursor: pointer; }
      table > tbody > tr > td.hp-icon .hp-edit {
        position: relative;
        top: 11px;
        cursor: pointer; }
      table > tbody > tr > td.hp-icon > .hp-status {
        position: relative;
        top: 12px; }
    table > tbody > tr > td.hp-index {
      color: #737373; }
      table > tbody > tr > td.hp-index:hover {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -moz-grab; }
      html.hp-high-contrast table > tbody > tr > td.hp-index {
        color: #425563; }
    table > tbody > tr > td.hp-editing {
      padding: 4px 0px; }
      table > tbody > tr > td.hp-editing input {
        margin: 0px;
        padding: 7px 9px; }
    @media print {
      table > tbody > tr > td {
        padding-left: 0px; } }
  table .hp-collapser {
    position: relative;
    top: 6px;
    width: 20px;
    height: 22px; }
  table tr.hp-row-details-row {
    background-image: none; }
  table td.hp-row-details-cell {
    padding: 0px 20px 10px 50px;
    border-bottom: 1px solid #d9d9d9; }
    table td.hp-row-details-cell table, table td.hp-row-details-cell .hp-show-form {
      margin: 15px 0px 20px 0px; }
    table td.hp-row-details-cell > table, table td.hp-row-details-cell > div > table {
      width: 100%; }
      table td.hp-row-details-cell > table thead td, table td.hp-row-details-cell > div > table thead td {
        background-color: #f3f3f3; }
    table td.hp-row-details-cell .hp-statistic {
      display: inline-block;
      vertical-align: top;
      margin-right: 40px;
      margin-bottom: 40px; }
      table td.hp-row-details-cell .hp-statistic > label {
        color: #737373;
        font-size: 16px; }
      table td.hp-row-details-cell .hp-statistic .hp-plot {
        width: 300px;
        height: 200px; }
  table .hp-row-details {
    padding-top: 10px;
    position: relative;
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left top;
    background-repeat: repeat-x; }
    table .hp-row-details .hp-comments-section {
      position: relative;
      text-align: left;
      min-width: 440px;
      display: inline-block; }
    table .hp-row-details .hp-show-form {
      display: inline-block;
      width: 45%; }
  table .hp-row-controls {
    margin-bottom: 0px;
    display: none; }
    table .hp-row-controls li {
      display: inline-block;
      margin-right: 10px; }
  table tr.hp-selected .hp-row-controls {
    display: block; }

table.hp-simple-table thead {
  display: none; }
table.hp-simple-table tr {
  background: none; }
table.hp-simple-table tbody tr td {
  padding: 5px 10px; }
  table.hp-simple-table tbody tr td:first-of-type {
    padding-left: 0px; }
  table.hp-simple-table tbody tr td > .hp-status {
    top: 3px; }
  table.hp-simple-table tbody tr td > .hp-usage {
    margin-right: 10px; }

.dataTables_filter input[type="text"] {
  background: url("../../img/hp-piano/search.png") center right no-repeat;
  background: url("../../img/hp-piano/search.png") center right no-repeat; }

.dataTables_empty {
  color: #737373;
  font-style: italic; }
  html.hp-high-contrast .dataTables_empty {
    color: #425563; }

div.dataTables_scrollBody:focus {
  outline: none; }

table.hp-selectable {
  margin: 0px; }
  table.hp-selectable > tbody > tr {
    cursor: pointer; }
    table.hp-selectable > tbody > tr td {
      -webkit-transition: background-color 0.2s;
      -moz-transition: background-color 0.2s;
      transition: background-color 0.2s; }
    table.hp-selectable > tbody > tr:hover > td {
      background-color: #e6e6e6; }
    table.hp-selectable > tbody > tr.hp-selected > td, table.hp-selectable > tbody > tr.hp-selected:hover > td {
      background-color: #E4FFEE; }
    table.hp-selectable > tbody > tr.hp-selected.hp-row-details-row > td, table.hp-selectable > tbody > tr.hp-selected:hover.hp-row-details-row > td {
      border-top: none; }
    table.hp-selectable > tbody > tr.hp-expanded, table.hp-selectable > tbody > tr.hp-expanded:hover {
      background-image: none; }
      table.hp-selectable > tbody > tr.hp-expanded > td, table.hp-selectable > tbody > tr.hp-expanded:hover > td {
        border-top: 1px solid #e6e6e6;
        border-bottom-style: none; }
        table.hp-selectable > tbody > tr.hp-expanded > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover > td:first-child {
          border-left: 1px solid #e6e6e6;
          padding-left: 9px; }
        table.hp-selectable > tbody > tr.hp-expanded > td:last-child, table.hp-selectable > tbody > tr.hp-expanded:hover > td:last-child {
          border-right: 1px solid #e6e6e6; }
      table.hp-selectable > tbody > tr.hp-expanded.hp-selected > td, table.hp-selectable > tbody > tr.hp-expanded.hp-selected:hover > td, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected > td, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected:hover > td {
        border-top-color: #d9d9d9; }
        table.hp-selectable > tbody > tr.hp-expanded.hp-selected > td:first-child, table.hp-selectable > tbody > tr.hp-expanded.hp-selected:hover > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected > td:first-child, table.hp-selectable > tbody > tr.hp-expanded:hover.hp-selected:hover > td:first-child {
          border-left: none;
          padding-left: 10px; }
  table.hp-selectable .hp-comments-summary {
    width: 38px;
    height: 24px;
    margin: -4px -3px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    border-radius: 3px; }
    table.hp-selectable .hp-comments-summary:hover {
      border-color: #eee; }
  table.hp-selectable .hp-selected .hp-comments-summary {
    border-color: #E4FFEE; }
    table.hp-selectable .hp-selected .hp-comments-summary.hp-empty {
      opacity: 0.9; }
    table.hp-selectable .hp-selected .hp-comments-summary:hover {
      border-color: #000;
      opacity: 1.0; }
  table.hp-selectable .hp-dropper {
    vertical-align: top;
    margin: 0px 5px;
    width: 18px;
    height: 18px;
    display: inline-block; }
  table.hp-selectable tr.hp-row-details-row td.hp-row-details-cell {
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: none; }
  table.hp-selectable tr.hp-row-details-row.hp-selected td.hp-row-details-cell {
    background-color: inherit;
    border-color: #d9d9d9; }

.hp-activities .hp-row-details {
  padding-left: 50px; }
.hp-activities .hp-row-details-row.hp-selected .hp-row-details {
  padding-left: 51px; }

.hp-comments {
  margin-bottom: 20px; }
  .hp-comments .hp-comment {
    background-image: none; }
    .hp-comments .hp-comment td {
      background: none;
      padding-top: 4px;
      padding-bottom: 4px; }
      .hp-comments .hp-comment td.hp-icon {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 20px; }
        .hp-comments .hp-comment td.hp-icon .hp-delete {
          top: 7px; }
    .hp-comments .hp-comment .hp-comment-text {
      padding-right: 20px;
      max-width: 500px;
      line-height: normal;
      word-break: break-all; }
    .hp-comments .hp-comment .hp-timestamp {
      padding-right: 10px;
      padding-left: 0px; }
    .hp-comments .hp-comment .hp-comment-user {
      padding-right: 10px;
      color: #737373; }
      html.hp-high-contrast .hp-comments .hp-comment .hp-comment-user {
        color: #425563; }
    .hp-comments .hp-comment .hp-comment-delete {
      margin-left: 20px; }

.hp-comment-form > * {
  display: inline-block;
  vertical-align: top; }
.hp-comment-form textarea {
  width: 300px;
  height: 30px;
  margin-right: 20px; }
.hp-comment-form button {
  display: none; }

table.hp-heading-property-table {
  display: block;
  max-width: 600px;
  width: 90%;
  padding-bottom: 20px; }
  table.hp-heading-property-table > caption {
    background-image: url(data:image/gif;base64,R0lGODlhBQABAIAAAMzMzP///yH5BAEHAAEALAAAAAAFAAEAAAIDTGAFADs=);
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #737373;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    width: 100%; }
    table.hp-heading-property-table > caption h3 {
      display: inline-block;
      font-size: inherit;
      margin-right: 10px;
      white-space: normal;
      width: 60%; }
      table.hp-heading-property-table > caption h3.hp-value {
        color: #425563; }
    table.hp-heading-property-table > caption .hp-table-view-controls {
      list-style-type: none;
      font-size: 0px;
      padding: 10px 0px 5px 0px;
      display: inline-block;
      text-align: right;
      vertical-align: top;
      white-space: nowrap;
      width: 40%; }
      table.hp-heading-property-table > caption .hp-table-view-controls li {
        display: inline-block;
        font-size: 13px;
        margin: 0px 5px 0px 0px;
        padding: 0px 15px 0px 10px;
        border-right: 1px solid #e6e6e6;
        cursor: pointer; }
        table.hp-heading-property-table > caption .hp-table-view-controls li:last-child {
          border-right: none;
          padding-right: 10px; }
        table.hp-heading-property-table > caption .hp-table-view-controls li:hover {
          color: #425563; }
        table.hp-heading-property-table > caption .hp-table-view-controls li.hp-selected {
          color: #425563;
          background-image: url(data:image/gif;base64,R0lGODlhBAABAIAAAEKm1P///yH5BAAHAP8ALAAAAAAEAAEAAAIChFEAOw==);
          background-position: left top;
          background-repeat: repeat-y; }
  table.hp-heading-property-table > tbody > tr {
    background-image: none; }
    table.hp-heading-property-table > tbody > tr.hp-header:first-of-type > th {
      padding-top: 10px; }
    table.hp-heading-property-table > tbody > tr > th {
      padding-top: 20px;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
      font-weight: normal;
      color: #737373;
      text-align: left; }
      table.hp-heading-property-table > tbody > tr > th .hp-secondary {
        margin-left: 20px;
        color: #cccccc; }
    table.hp-heading-property-table > tbody > tr > td {
      padding-left: 0px;
      padding-right: 20px;
      width: 50%; }
      table.hp-heading-property-table > tbody > tr > td:first-child {
        color: #737373; }
      table.hp-heading-property-table > tbody > tr > td > span.hp-secondary:first-child {
        margin-left: 0px; }
    table.hp-heading-property-table > tbody > tr > td .selectBox {
      position: relative;
      top: -7px;
      margin-bottom: 0px; }
    table.hp-heading-property-table > tbody > tr.hp-active td {
      border-top: 1px solid #e6e6e6; }
    table.hp-heading-property-table > tbody > tr.hp-active .selectBox {
      margin-bottom: 0px; }
    table.hp-heading-property-table > tbody > tr.hp-details td {
      border-bottom: 1px solid #e6e6e6;
      padding-top: 0px; }
      table.hp-heading-property-table > tbody > tr.hp-details td pre.hp-help {
        font-family: Arial, Helvetica, sans-serif;
        white-space: pre-wrap; }
  table.hp-heading-property-table.hp-expandable > tbody > tr > td {
    cursor: pointer; }
  table.hp-heading-property-table.hp-expandable > tbody > tr:hover > td:first-child {
    color: #425563; }
  table.hp-heading-property-table.hp-expandable > tbody > tr:hover.hp-details > td {
    color: #737373; }
  table.hp-heading-property-table.hp-expandable > tbody > tr.hp-active > td {
    color: #425563;
    cursor: auto; }
  table.hp-heading-property-table.hp-expandable > tbody > tr.hp-details > td {
    cursor: auto; }
