/* (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-status-error {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -0px -80px; }
  .hp-status-error.hp-inactive {
    background-position: -0px -100px; }
  .hp-status-error.hp-unset {
    background-position: -0px -120px; }

.hp-status-warning {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -20px -80px; }
  .hp-status-warning.hp-inactive {
    background-position: -20px -100px; }
  .hp-status-warning.hp-unset {
    background-position: -20px -120px; }

.hp-status-ok {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -40px -80px; }
  .hp-status-ok.hp-inactive {
    background-position: -40px -100px; }
  .hp-status-ok.hp-unset {
    background-position: -40px -120px; }

.hp-status-unknown {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -60px -80px; }
  .hp-status-unknown.hp-inactive {
    background-position: -60px -100px; }
  .hp-status-unknown.hp-unset {
    background-position: -60px -120px; }

.hp-status-disabled {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -80px -80px; }
  .hp-status-disabled.hp-inactive {
    background-position: -80px -100px; }
  .hp-status-disabled.hp-unset {
    background-position: -80px -120px; }

.hp-status {
  position: relative;
  height: 14px;
  top: 2px; }
  .hp-status .hp-value {
    display: none; }
  .hp-status.hp-unavailable {
    visibility: hidden; }
  .hp-status.hp-changing {
    width: 30px;
    white-space: nowrap; }
  .hp-status .hp-status-value {
    display: inline-block; }
  .hp-status .hp-status-changing {
    position: relative;
    display: inline-block;
    height: 14px;
    width: 14px;
    top: -2px;
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -240px -80px;
    background-repeat: no-repeat;
    -webkit-animation: spin 3s infinite forwards linear;
    -moz-animation: spin 3s infinite forwards linear;
    -ms-animation: spin 15s infinite forwards linear;
    -o-animation: spin 15s infinite forwards linear; }

.hp-summary .hp-status-error,
.hp-details-header .hp-status-error,
.hp-master-list-item header .hp-status-error,
.hp-master-full .hp-master-header .hp-status-error,
.hp-virtual-appliance.hp-large .hp-status-error,
.hp-application-context .hp-status-error,
#hp-welcome .hp-status-error,
#hp-main-banner .hp-header-secondary .hp-status-error {
  width: 19px;
  height: 19px;
  background-position: -0px 0px; }
  .hp-summary .hp-status-error.hp-inactive,
  .hp-details-header .hp-status-error.hp-inactive,
  .hp-master-list-item header .hp-status-error.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-error.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-error.hp-inactive,
  .hp-application-context .hp-status-error.hp-inactive,
  #hp-welcome .hp-status-error.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-error.hp-inactive {
    background-position: -0px -20px; }
  .hp-summary .hp-status-error.hp-unset,
  .hp-details-header .hp-status-error.hp-unset,
  .hp-master-list-item header .hp-status-error.hp-unset,
  .hp-master-full .hp-master-header .hp-status-error.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-error.hp-unset,
  .hp-application-context .hp-status-error.hp-unset,
  #hp-welcome .hp-status-error.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-error.hp-unset {
    background-position: -0px -40px; }
.hp-summary .hp-status-warning,
.hp-details-header .hp-status-warning,
.hp-master-list-item header .hp-status-warning,
.hp-master-full .hp-master-header .hp-status-warning,
.hp-virtual-appliance.hp-large .hp-status-warning,
.hp-application-context .hp-status-warning,
#hp-welcome .hp-status-warning,
#hp-main-banner .hp-header-secondary .hp-status-warning {
  width: 19px;
  height: 19px;
  background-position: -20px 0px; }
  .hp-summary .hp-status-warning.hp-inactive,
  .hp-details-header .hp-status-warning.hp-inactive,
  .hp-master-list-item header .hp-status-warning.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-warning.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-warning.hp-inactive,
  .hp-application-context .hp-status-warning.hp-inactive,
  #hp-welcome .hp-status-warning.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-warning.hp-inactive {
    background-position: -20px -20px; }
  .hp-summary .hp-status-warning.hp-unset,
  .hp-details-header .hp-status-warning.hp-unset,
  .hp-master-list-item header .hp-status-warning.hp-unset,
  .hp-master-full .hp-master-header .hp-status-warning.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-warning.hp-unset,
  .hp-application-context .hp-status-warning.hp-unset,
  #hp-welcome .hp-status-warning.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-warning.hp-unset {
    background-position: -20px -40px; }
.hp-summary .hp-status-ok,
.hp-details-header .hp-status-ok,
.hp-master-list-item header .hp-status-ok,
.hp-master-full .hp-master-header .hp-status-ok,
.hp-virtual-appliance.hp-large .hp-status-ok,
.hp-application-context .hp-status-ok,
#hp-welcome .hp-status-ok,
#hp-main-banner .hp-header-secondary .hp-status-ok {
  width: 19px;
  height: 19px;
  background-position: -40px 0px; }
  .hp-summary .hp-status-ok.hp-inactive,
  .hp-details-header .hp-status-ok.hp-inactive,
  .hp-master-list-item header .hp-status-ok.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-ok.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-ok.hp-inactive,
  .hp-application-context .hp-status-ok.hp-inactive,
  #hp-welcome .hp-status-ok.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-ok.hp-inactive {
    background-position: -40px -20px; }
  .hp-summary .hp-status-ok.hp-unset,
  .hp-details-header .hp-status-ok.hp-unset,
  .hp-master-list-item header .hp-status-ok.hp-unset,
  .hp-master-full .hp-master-header .hp-status-ok.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-ok.hp-unset,
  .hp-application-context .hp-status-ok.hp-unset,
  #hp-welcome .hp-status-ok.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-ok.hp-unset {
    background-position: -40px -40px; }
.hp-summary .hp-status-unknown,
.hp-details-header .hp-status-unknown,
.hp-master-list-item header .hp-status-unknown,
.hp-master-full .hp-master-header .hp-status-unknown,
.hp-virtual-appliance.hp-large .hp-status-unknown,
.hp-application-context .hp-status-unknown,
#hp-welcome .hp-status-unknown,
#hp-main-banner .hp-header-secondary .hp-status-unknown {
  width: 19px;
  height: 19px;
  background-position: -60px 0px; }
  .hp-summary .hp-status-unknown.hp-inactive,
  .hp-details-header .hp-status-unknown.hp-inactive,
  .hp-master-list-item header .hp-status-unknown.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-unknown.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-unknown.hp-inactive,
  .hp-application-context .hp-status-unknown.hp-inactive,
  #hp-welcome .hp-status-unknown.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-unknown.hp-inactive {
    background-position: -60px -20px; }
  .hp-summary .hp-status-unknown.hp-unset,
  .hp-details-header .hp-status-unknown.hp-unset,
  .hp-master-list-item header .hp-status-unknown.hp-unset,
  .hp-master-full .hp-master-header .hp-status-unknown.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-unknown.hp-unset,
  .hp-application-context .hp-status-unknown.hp-unset,
  #hp-welcome .hp-status-unknown.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-unknown.hp-unset {
    background-position: -60px -40px; }
.hp-summary .hp-status-disabled,
.hp-details-header .hp-status-disabled,
.hp-master-list-item header .hp-status-disabled,
.hp-master-full .hp-master-header .hp-status-disabled,
.hp-virtual-appliance.hp-large .hp-status-disabled,
.hp-application-context .hp-status-disabled,
#hp-welcome .hp-status-disabled,
#hp-main-banner .hp-header-secondary .hp-status-disabled {
  width: 19px;
  height: 19px;
  background-position: -80px 0px; }
  .hp-summary .hp-status-disabled.hp-inactive,
  .hp-details-header .hp-status-disabled.hp-inactive,
  .hp-master-list-item header .hp-status-disabled.hp-inactive,
  .hp-master-full .hp-master-header .hp-status-disabled.hp-inactive,
  .hp-virtual-appliance.hp-large .hp-status-disabled.hp-inactive,
  .hp-application-context .hp-status-disabled.hp-inactive,
  #hp-welcome .hp-status-disabled.hp-inactive,
  #hp-main-banner .hp-header-secondary .hp-status-disabled.hp-inactive {
    background-position: -80px -20px; }
  .hp-summary .hp-status-disabled.hp-unset,
  .hp-details-header .hp-status-disabled.hp-unset,
  .hp-master-list-item header .hp-status-disabled.hp-unset,
  .hp-master-full .hp-master-header .hp-status-disabled.hp-unset,
  .hp-virtual-appliance.hp-large .hp-status-disabled.hp-unset,
  .hp-application-context .hp-status-disabled.hp-unset,
  #hp-welcome .hp-status-disabled.hp-unset,
  #hp-main-banner .hp-header-secondary .hp-status-disabled.hp-unset {
    background-position: -80px -40px; }
.hp-summary .hp-status,
.hp-details-header .hp-status,
.hp-master-list-item header .hp-status,
.hp-master-full .hp-master-header .hp-status,
.hp-virtual-appliance.hp-large .hp-status,
.hp-application-context .hp-status,
#hp-welcome .hp-status,
#hp-main-banner .hp-header-secondary .hp-status {
  height: 19px; }
  .hp-summary .hp-status.hp-changing,
  .hp-details-header .hp-status.hp-changing,
  .hp-master-list-item header .hp-status.hp-changing,
  .hp-master-full .hp-master-header .hp-status.hp-changing,
  .hp-virtual-appliance.hp-large .hp-status.hp-changing,
  .hp-application-context .hp-status.hp-changing,
  #hp-welcome .hp-status.hp-changing,
  #hp-main-banner .hp-header-secondary .hp-status.hp-changing {
    width: 42px; }
    .hp-summary .hp-status.hp-changing .hp-status-value,
    .hp-details-header .hp-status.hp-changing .hp-status-value,
    .hp-master-list-item header .hp-status.hp-changing .hp-status-value,
    .hp-master-full .hp-master-header .hp-status.hp-changing .hp-status-value,
    .hp-virtual-appliance.hp-large .hp-status.hp-changing .hp-status-value,
    .hp-application-context .hp-status.hp-changing .hp-status-value,
    #hp-welcome .hp-status.hp-changing .hp-status-value,
    #hp-main-banner .hp-header-secondary .hp-status.hp-changing .hp-status-value {
      vertical-align: top; }
    .hp-summary .hp-status.hp-changing .hp-status-changing,
    .hp-details-header .hp-status.hp-changing .hp-status-changing,
    .hp-master-list-item header .hp-status.hp-changing .hp-status-changing,
    .hp-master-full .hp-master-header .hp-status.hp-changing .hp-status-changing,
    .hp-virtual-appliance.hp-large .hp-status.hp-changing .hp-status-changing,
    .hp-application-context .hp-status.hp-changing .hp-status-changing,
    #hp-welcome .hp-status.hp-changing .hp-status-changing,
    #hp-main-banner .hp-header-secondary .hp-status.hp-changing .hp-status-changing {
      vertical-align: top;
      top: 0px;
      margin-left: 5px;
      height: 18px;
      width: 18px;
      background-position: -200px -80px; }

.hp-primary.hp-status {
  width: 38px;
  height: 36px; }
.hp-primary.hp-status-error {
  background-position: 0px -180px; }
.hp-primary.hp-status-warning {
  background-position: 0px -240px; }
.hp-primary.hp-status-ok {
  background-position: -60px -180px; }
.hp-primary.hp-status-unknown {
  background-position: -60px -240px; }

.hp-master-list-item header > .hp-status {
  top: -1px; }
  .hp-master-list-item header > .hp-status.hp-status-error {
    background-position: -0px 0px; }
  .hp-master-list-item header > .hp-status.hp-status-warning {
    background-position: -20px 0px; }
  .hp-master-list-item header > .hp-status.hp-status-ok {
    background-position: -40px 0px; }
  .hp-master-list-item header > .hp-status.hp-status-unknown {
    background-position: -60px 0px; }
  .hp-master-list-item header > .hp-status.hp-status-disabled {
    background-position: -80px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-error, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-error {
  background-position: -0px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-warning, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-warning {
  background-position: -20px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-ok, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-ok {
  background-position: -40px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-unknown, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-unknown {
  background-position: -60px 0px; }
.hp-master-list-item.hp-selected header > .hp-status.hp-status-disabled, .hp-master-list-item.hp-selected header > .hp-status > .hp-status.hp-status-disabled {
  background-position: -80px 0px; }

table thead td .hp-status {
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-repeat: no-repeat;
  background-position: -60px -140px;
  height: 14px;
  width: 14px; }

.hp-status-counts {
  margin-bottom: 0px; }
  .hp-status-counts li {
    display: inline-block;
    margin-right: 15px;
    line-height: 20px; }
    .hp-status-counts li > * {
      display: inline-block;
      vertical-align: top; }
  .hp-status-counts.hp-summary .hp-status-count {
    font-size: 20px; }
  .hp-status-counts.hp-summary .hp-status {
    top: 0px; }
  .hp-master-header .hp-status-counts li {
    line-height: 30px; }
  .hp-master-header .hp-status-counts .hp-status {
    margin-top: 5px; }
  .hp-master-header .hp-status-counts .hp-status-count {
    font-size: 16px;
    color: #999; }

ol.hp-summary-status > li {
  display: inline-block;
  margin-right: 10px; }
  ol.hp-summary-status > li > * {
    display: inline-block; }
  ol.hp-summary-status > li > a:hover {
    text-decoration: none;
    color: #007dba; }
  ol.hp-summary-status > li > a.hp-inactive, ol.hp-summary-status > li > a.hp-inactive:hover {
    color: #737373;
    cursor: default; }
  ol.hp-summary-status > li > a > * {
    display: inline-block;
    margin-right: 0px; }