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

@-webkit-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-moz-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-ms-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-o-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  80% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; }

  100% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; } }

@-webkit-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-moz-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-ms-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-o-keyframes unFadeInDown2 {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: 13px;
    padding-bottom: 13px;
    top: 0px; }

  100% {
    opacity: 0;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: -20px; } }

@-webkit-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -webkit-transform: translateY(-3px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-ms-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-ms-keyframes fadeInDown3 {
  0% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  30% {
    opacity: 0;
    -moz-transform: translateY(-3px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0.7;
    transform: translateY(10px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -webkit-transform: translateY(5px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -moz-transform: translateY(5px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -ms-transform: translateY(5px); }

  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0.7;
    -o-transform: translateY(5px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0.7;
    transform: translateY(5px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.hp-device, .hp-logical {
  padding: 5px 15px;
  border: 2px solid #cccccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px; }
  .hp-device.hp-placeholder, .hp-logical.hp-placeholder {
    background-image: none;
    border-color: #eee; }
  .hp-device .hp-status, .hp-device .hp-device-name, .hp-logical .hp-status, .hp-logical .hp-device-name {
    display: inline-block;
    vertical-align: top;
    top: 6px; }
  .hp-device .hp-status .hp-status, .hp-logical .hp-status .hp-status {
    top: 0px;
    left: 0px; }
  .hp-device .hp-device-model, .hp-device .hp-secondary, .hp-device .hp-context, .hp-logical .hp-device-model, .hp-logical .hp-secondary, .hp-logical .hp-context {
    display: block;
    margin-top: 3px;
    padding-left: 18px;
    color: #737373; }
  .hp-device .hp-context, .hp-logical .hp-context {
    font-size: 15px;
    margin-bottom: 10px; }
  .hp-filter-pane .hp-device, .hp-filter-pane .hp-rack .hp-device, .hp-filter-pane .hp-logical, .hp-filter-pane .hp-rack .hp-logical {
    background: none;
    padding: 5px; }
  .hp-device a, .hp-logical a {
    color: #007dba; }
    .hp-device a.selectBox-dropdown, .hp-logical a.selectBox-dropdown {
      color: #333; }

.hp-device {
  border: 2px solid #cccccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y; }

.hp-card {
  padding: 5px 10px;
  background-color: #fff; }

.hp-path-cable {
  position: relative;
  top: 12px;
  width: 20px;
  height: 13px;
  background: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -200px -140px;
  background-repeat: no-repeat; }

.hp-usage {
  position: relative;
  margin: 2px 65px 0px 10px;
  height: 10px;
  width: 40px; }
  .hp-usage label {
    position: absolute;
    top: -2px;
    left: 50px;
    color: #737373; }

.hp-up-ports > li:last-of-type, .hp-down-ports > li:last-of-type {
  margin-bottom: 0px; }

.hp-up-port, .hp-down-port {
  margin-bottom: 5px;
  padding: 5px 10px;
  min-width: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .hp-up-port > *, .hp-down-port > * {
    display: inline-block;
    vertical-align: top; }
  .hp-up-port label, .hp-down-port label {
    margin-right: 5px; }
  .hp-up-port .hp-status, .hp-down-port .hp-status {
    top: 2px;
    height: 14px;
    width: 14px; }

.hp-up-port {
  border-top: 1px solid #cccccc; }
  .hp-up-port:first-child {
    border-top: none; }

.hp-down-port {
  border-top: 1px solid #cccccc; }
  .hp-down-port:first-child {
    border-top: none; }

.hp-nic > *, .hp-switch > * {
  display: table-cell;
  vertical-align: top; }
.hp-nic .hp-up-ports, .hp-switch .hp-up-ports {
  margin-left: -4px;
  border-left: 1px solid #cccccc;
  padding: 0px 5px; }
.hp-nic .hp-down-ports, .hp-switch .hp-down-ports {
  margin-right: -4px;
  border-right: 1px solid #cccccc; }
.hp-nic .hp-card, .hp-switch .hp-card {
  border: 2px solid #cccccc; }
  .hp-nic .hp-card > label, .hp-switch .hp-card > label {
    display: block;
    margin-left: 8px; }
  .hp-nic .hp-card > ol, .hp-switch .hp-card > ol {
    margin: 5px 0px; }
  .hp-nic .hp-card .hp-port, .hp-switch .hp-card .hp-port {
    padding-bottom: 5px;
    padding-left: 8px;
    padding: 5px 10px;
    border-bottom: 1px solid #cccccc; }
    .hp-nic .hp-card .hp-port:last-child, .hp-switch .hp-card .hp-port:last-child {
      border-bottom: none;
      margin-bottom: 0px; }
    .hp-nic .hp-card .hp-port > *, .hp-switch .hp-card .hp-port > * {
      display: inline-block;
      vertical-align: top;
      margin-right: 5px; }
    .hp-nic .hp-card .hp-port .hp-status, .hp-switch .hp-card .hp-port .hp-status {
      display: inline-block; }

.hp-form-section {
  position: relative; }
  .hp-form-section > * {
    vertical-align: top;
    margin-right: 40px; }
  .hp-form-section .hp-graphic-aside {
    margin-right: 0px; }

.hp-graphic-aside {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 8px 0px #666666;
  -moz-box-shadow: 3px 3px 8px 0px #666666;
  box-shadow: 3px 3px 8px 0px #666666;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  background-image: url("../../img/hp-piano/close.png");
  background-position: 98% 4%;
  background-repeat: no-repeat; }
  .hp-graphic-aside.hp-thumbnail {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -o-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right; }

.hp-appliance-faces {
  position: relative;
  display: inline-block;
  border: 1px solid #d9d9d9;
  padding: 20px 40px 40px 40px;
  border-radius: 3px; }
  .hp-appliance-faces > canvas {
    position: absolute;
    top: 69px;
    z-index: 100; }
  .hp-appliance-faces > label {
    display: block;
    text-align: center;
    margin-top: -10px;
    font-size: 16px;
    color: #737373; }
  .hp-appliance-faces .hp-appliance-node {
    position: relative;
    margin: 30px 0px 20px 0px; }
    .hp-appliance-faces .hp-appliance-node > label {
      position: relative;
      top: -5px;
      color: #737373; }
  .hp-appliance-faces .hp-appliance-ports {
    background-color: #f3f3f3;
    padding: 20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-image: url("../../img/hp-piano/card-pin.png"), url("../../img/hp-piano/card-pin.png");
    background-position: top left, top right;
    background-repeat: repeat-y, repeat-y; }
    .hp-appliance-faces .hp-appliance-ports .hp-appliance-port-spacer {
      display: inline-block;
      width: 20px; }
    .hp-appliance-faces .hp-appliance-ports .hp-appliance-port {
      position: relative;
      display: inline-block;
      border: 3px solid #999;
      background-color: #fff;
      margin: 15px 2px;
      width: 40px;
      height: 26px;
      border-bottom: 6px dashed #999; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port.hp-appliance-port-status-warning {
        border-color: #f4b51e; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port.hp-appliance-port-status-error {
        border-color: #dc442f; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port.hp-appliance-port-status-ok {
        border-color: #42a425; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port > label {
        display: block;
        position: absolute;
        top: -20px;
        width: 40px;
        text-align: center;
        font-weight: bold; }
      .hp-appliance-faces .hp-appliance-ports .hp-appliance-port > .hp-appliance-port-use {
        display: block;
        position: absolute;
        bottom: -24px;
        color: #737373;
        font-size: 12px;
        width: 40px;
        text-align: center; }

.hp-virtual-appliance {
  display: inline-block;
  border: 2px solid #cccccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y; }
  .hp-virtual-appliance label {
    text-align: center;
    display: block;
    color: #737373;
    padding: 5px 0px 0px 0px;
    font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
    html.hp-high-contrast .hp-virtual-appliance label {
      color: #425563; }
  .hp-virtual-appliance .hp-aspects {
    margin: 30px 0px 0px 30px;
    text-align: left; }
    .hp-virtual-appliance .hp-aspects .hp-aspect {
      display: inline-block;
      vertical-align: top;
      text-align: left;
      margin-right: 30px;
      margin-bottom: 30px;
      width: 130px;
      font-size: 16px; }
      .hp-virtual-appliance .hp-aspects .hp-aspect h2 {
        font-size: 18px;
        color: #737373;
        margin: 0px 0px 20px 0px;
        font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
        html.hp-high-contrast .hp-virtual-appliance .hp-aspects .hp-aspect h2 {
          color: #425563; }
      .hp-virtual-appliance .hp-aspects .hp-aspect .hp-status, .hp-virtual-appliance .hp-aspects .hp-aspect .hp-value {
        display: inline-block;
        line-height: 20px; }
      .hp-virtual-appliance .hp-aspects .hp-aspect .hp-status {
        top: 3px; }
      .hp-virtual-appliance .hp-aspects .hp-aspect .hp-value {
        margin-left: 8px; }
      .hp-virtual-appliance .hp-aspects .hp-aspect .hp-error {
        display: inline-block;
        margin-top: 10px;
        padding: 10px;
        background-color: #fffdd7; }
    .hp-virtual-appliance .hp-aspects.hp-summary .hp-aspect .hp-value {
      font-size: 20px; }
  .hp-virtual-appliance.hp-small > label {
    display: none; }
  .hp-virtual-appliance.hp-small .hp-aspects {
    margin: 10px 0px 0px 10px; }
    .hp-virtual-appliance.hp-small .hp-aspects .hp-aspect {
      margin-right: 10px;
      margin-bottom: 10px;
      width: 100px;
      font-size: inherit; }
      .hp-virtual-appliance.hp-small .hp-aspects .hp-aspect h2 {
        font-size: 13px;
        margin: 0px 0px 5px 0px; }
      .hp-virtual-appliance.hp-small .hp-aspects .hp-aspect .hp-status {
        top: 4px; }
      .hp-virtual-appliance.hp-small .hp-aspects .hp-aspect .hp-value {
        margin-left: -2px; }

.hp-enclosure {
  display: inline-block;
  border: 2px solid #cccccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y;
  -webkit-transition: -webkit-transform 1.5s ease-in-out 0s;
  -moz-transition: -webkit-transform 1.5s ease-in-out 0s;
  transition: -webkit-transform 1.5s ease-in-out 0s;
  -webkit-transition: -moz-transform 1.5s ease-in-out 0s;
  -moz-transition: -moz-transform 1.5s ease-in-out 0s;
  transition: -moz-transform 1.5s ease-in-out 0s; }
  .hp-enclosure a {
    cursor: pointer; }
  .hp-enclosure > label {
    display: inline-block;
    padding: 7px 10px; }
  .hp-enclosure > .hp-status {
    display: inline-block;
    margin-left: 10px;
    top: 5px; }
  .hp-enclosure .hp-device-views {
    float: right;
    margin: 5px 14px 0px 5px; }
    .hp-enclosure .hp-device-views > li {
      display: inline-block;
      padding: 0px 5px;
      border-left: 1px solid #d9d9d9; }
      .hp-enclosure .hp-device-views > li:first-of-type {
        border-left: none; }
      .hp-enclosure .hp-device-views > li a {
        cursor: pointer; }
  .hp-enclosure.hp-vertical .hp-bays-set {
    margin: 5px 10px;
    white-space: nowrap; }
    .hp-enclosure.hp-vertical .hp-bays-set > li {
      position: relative;
      left: 0px;
      display: inline-block;
      margin-right: 10px;
      -webkit-transition: left 1s ease-in-out 1.5s;
      -moz-transition: left 1s ease-in-out 1.5s;
      transition: left 1s ease-in-out 1.5s; }
  .hp-enclosure.hp-vertical .hp-bay {
    display: block;
    white-space: nowrap; }
    .hp-enclosure.hp-vertical .hp-bay > * {
      display: inline-block; }
    .hp-enclosure.hp-vertical .hp-bay .hp-device {
      background-image: none; }
    .hp-enclosure.hp-vertical .hp-bay.hp-full-height:after {
      content: '';
      position: absolute;
      right: -14px;
      top: -1px;
      height: 37px;
      width: 14px;
      border-top: 3px solid #cccccc;
      border-bottom: 3px solid #cccccc; }
    .hp-enclosure.hp-vertical .hp-bay.hp-full-height .hp-device {
      width: 561px;
      margin-right: -321px; }
  .hp-enclosure.hp-horizontal .hp-bays-set > * {
    display: block;
    margin-bottom: 8px; }
  .hp-enclosure.hp-horizontal .hp-bays {
    white-space: nowrap;
    font-size: 0px; }
  .hp-enclosure.hp-horizontal .hp-bay {
    display: inline-block;
    font-size: 13px; }
    .hp-enclosure.hp-horizontal .hp-bay > * {
      display: block; }
    .hp-enclosure.hp-horizontal .hp-bay .hp-status {
      left: 3px; }
      .hp-enclosure.hp-horizontal .hp-bay .hp-status.hp-changing {
        height: 30px;
        width: 14px; }
        .hp-enclosure.hp-horizontal .hp-bay .hp-status.hp-changing > * {
          display: block; }
        .hp-enclosure.hp-horizontal .hp-bay .hp-status.hp-changing .hp-status-changing {
          top: 0px;
          left: -3px; }
    .hp-enclosure.hp-horizontal .hp-bay.hp-full-height:after {
      content: '';
      position: absolute;
      bottom: -14px;
      left: -1px;
      height: 14px;
      width: 41px;
      border-left: 3px solid #cccccc;
      border-right: 3px solid #cccccc;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    .hp-enclosure.hp-horizontal .hp-bay.hp-full-height .hp-device {
      width: 20px;
      margin-right: 0px; }
  .hp-enclosure.hp-physical {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 630px;
    height: 630px; }
    .hp-enclosure.hp-physical .hp-bays-set {
      position: relative; }
      .hp-enclosure.hp-physical .hp-bays-set > li:first-of-type {
        position: relative;
        left: 315px; }
      .hp-enclosure.hp-physical .hp-bays-set > li:last-of-type {
        position: relative;
        left: -315px; }
    .hp-enclosure.hp-physical .hp-bay.hp-full-height:after {
      content: '';
      display: none; }
    .hp-enclosure.hp-physical .hp-bay.hp-full-height .hp-device {
      width: 240px;
      margin-right: 0px; }
  .hp-enclosure .hp-bay {
    position: relative;
    height: 42px;
    border-top: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .hp-enclosure .hp-bay:first-of-type {
      border-top: none; }
    .hp-enclosure .hp-bay > label {
      text-align: right;
      width: 20px;
      color: #737373;
      padding: 5px 8px 5px 5px;
      margin-bottom: 3px; }
    .hp-enclosure .hp-bay.hp-eclipsed > label {
      color: white; }
  .hp-enclosure .hp-device {
    position: relative;
    padding: 10px 15px;
    width: 240px;
    border: none; }
    .hp-enclosure .hp-device .hp-device-model {
      position: absolute;
      top: 10px;
      right: 15px;
      color: #737373;
      margin-top: 0px;
      max-width: 120px;
      text-overflow: ellipsis;
      overflow: hidden; }
  .hp-enclosure .hp-empty {
    padding: 10px 15px 10px 38px;
    width: 217px;
    height: 22px;
    color: #737373;
    font-style: italic; }
  .hp-enclosure.hp-small.hp-vertical .hp-bay {
    width: 80px;
    height: 28px;
    border-top: 1px solid #cccccc;
    border-left: none; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay:first-of-type {
      border-top: none; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay > * {
      display: inline-block;
      vertical-align: top; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay:hover .hp-device, .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-hover .hp-device, .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-full-height.hp-hover .hp-device {
      left: 32px;
      top: -6px;
      -webkit-animation-name: fadeInLeft;
      -moz-animation-name: fadeInLeft;
      -ms-animation-name: fadeInLeft;
      -o-animation-name: fadeInLeft;
      animation-name: fadeInLeft; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay .hp-device {
      width: 30px;
      height: 17px; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-full-height:after {
      content: '';
      right: -14px;
      height: 23px;
      width: 14px; }
    .hp-enclosure.hp-small.hp-vertical .hp-bay.hp-full-height .hp-device {
      width: 124px;
      margin-right: -70px; }
  .hp-enclosure.hp-small.hp-horizontal .hp-bays {
    height: 70px; }
  .hp-enclosure.hp-small.hp-horizontal .hp-bay {
    width: 31px;
    height: 70px; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay:first-of-type {
      border-left: none; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay:last-of-type {
      margin-right: 0px; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay:hover .hp-device, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device {
      left: -6px;
      top: 22px;
      -webkit-animation-name: fadeInDown;
      -moz-animation-name: fadeInDown;
      -ms-animation-name: fadeInDown;
      -o-animation-name: fadeInDown;
      animation-name: fadeInDown; }
      .hp-enclosure.hp-small.hp-horizontal .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device .hp-status.hp-changing, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device .hp-status.hp-changing {
        height: 14px;
        width: 30px; }
        .hp-enclosure.hp-small.hp-horizontal .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device .hp-status.hp-changing > *, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device .hp-status.hp-changing > * {
          display: inline-block; }
        .hp-enclosure.hp-small.hp-horizontal .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height.hp-hover .hp-device .hp-status.hp-changing .hp-status-value {
          margin-left: 0px;
          margin-bottom: 0px; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height:after {
      content: '';
      bottom: -8px;
      height: 8px;
      width: 32px; }
    .hp-enclosure.hp-small.hp-horizontal .hp-bay.hp-full-height .hp-device {
      width: 20px;
      margin-right: 0px; }
  .hp-rack .hp-enclosure.hp-small > label {
    padding: 7px 11px; }
  .hp-rack .hp-enclosure.hp-small .hp-bays-set {
    padding: 0px 4px; }
  .hp-rack .hp-enclosure.hp-small .hp-bays {
    border: none; }
  .hp-rack .hp-enclosure.hp-small .hp-bay {
    width: 22px; }
    .hp-rack .hp-enclosure.hp-small .hp-bay:first-of-type {
      border-left: none; }
    .hp-rack .hp-enclosure.hp-small .hp-bay label {
      padding: 4px 0px; }
    .hp-rack .hp-enclosure.hp-small .hp-bay .hp-device {
      padding: 0px; }
    .hp-rack .hp-enclosure.hp-small .hp-bay .hp-empty {
      width: 20px; }
  .hp-enclosure.hp-small .hp-bay {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
    border-left: 1px solid #cccccc;
    vertical-align: top; }
    .hp-enclosure.hp-small .hp-bay > * {
      text-align: center; }
    .hp-enclosure.hp-small .hp-bay:hover, .hp-enclosure.hp-small .hp-bay.hp-hover, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover {
      background-color: #eee; }
      .hp-enclosure.hp-small .hp-bay:hover .hp-device, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device {
        position: absolute;
        width: auto;
        height: 40px;
        background: #fff;
        z-index: 2;
        border: 1px solid #cccccc;
        padding: 10px;
        text-align: left;
        -webkit-animation: 0.3s ease;
        -moz-animation: 0.3s ease;
        -ms-animation: 0.3s ease;
        -o-animation: 0.3s ease;
        animation: 0.3s ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both; }
        .hp-enclosure.hp-small .hp-bay:hover .hp-device:after, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device:after, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device:after, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device:after {
          content: "";
          position: absolute;
          top: -15px;
          left: 10px;
          right: auto;
          border-width: 0 7px 7px;
          border-color: #fff transparent;
          border-style: solid;
          display: block;
          width: 0; }
        .hp-enclosure.hp-small .hp-bay:hover .hp-device .hp-status, .hp-enclosure.hp-small .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device .hp-status, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-status, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-status, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name {
          display: inline-block; }
        .hp-enclosure.hp-small .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name {
          padding-left: 2px; }
        .hp-enclosure.hp-small .hp-bay:hover .hp-device .hp-device-model, .hp-enclosure.hp-small .hp-bay.hp-hover .hp-device .hp-device-model, .hp-enclosure.hp-small .hp-bay.hp-full-height:hover .hp-device .hp-device-model, .hp-enclosure.hp-small .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-model {
          display: block;
          float: none;
          position: static;
          padding-left: 20px;
          margin-top: 5px;
          max-width: none; }
  .hp-enclosure.hp-small .hp-device {
    width: 20px;
    height: 50px;
    padding: 5px;
    background: none;
    overflow: hidden; }
    .hp-enclosure.hp-small .hp-device .hp-device-name, .hp-enclosure.hp-small .hp-device .hp-device-model {
      display: none; }
  .hp-enclosure.hp-small .hp-empty {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    width: 32px;
    height: 32px; }
    .hp-enclosure.hp-small .hp-empty .hp-unset {
      display: none; }

.hp-enclosure-front, .hp-enclosure-back {
  display: inline-block;
  position: relative;
  border: 2px solid #cccccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y; }
  .hp-enclosure-front:before, .hp-enclosure-front:after, .hp-enclosure-back:before, .hp-enclosure-back:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    height: 100%;
    width: 7px;
    border: 1px solid #d9d9d9; }
  .hp-enclosure-front:before, .hp-enclosure-back:before {
    content: '';
    left: -9px; }
  .hp-enclosure-front:after, .hp-enclosure-back:after {
    content: '';
    right: -9px; }
  div.hp-panel-contents .hp-enclosure-front, div.hp-panel-contents .hp-enclosure-back {
    left: 7px; }
  .hp-enclosure-front a, .hp-enclosure-back a {
    cursor: pointer; }
  .hp-enclosure-front ol, .hp-enclosure-back ol {
    margin-bottom: 0px; }
  .hp-enclosure-front > label, .hp-enclosure-back > label {
    display: inline-block;
    padding: 7px 0px; }
  .hp-enclosure-front > .hp-status, .hp-enclosure-back > .hp-status {
    display: inline-block;
    margin-left: 10px;
    top: 5px; }
  .hp-enclosure-front .hp-bay, .hp-enclosure-back .hp-bay {
    position: relative;
    vertical-align: top;
    font-size: 13px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .hp-enclosure-front .hp-bay > label, .hp-enclosure-back .hp-bay > label {
      position: absolute;
      top: 0px;
      left: 0px;
      text-align: right;
      width: 16px;
      color: #737373;
      padding: 5px 8px 5px 6px;
      margin-bottom: 3px;
      z-index: 10; }
    .hp-enclosure-front .hp-bay.hp-empty, .hp-enclosure-back .hp-bay.hp-empty {
      width: auto;
      height: auto;
      background-color: #f3f3f3; }
      .hp-enclosure-front .hp-bay.hp-empty > .hp-empty, .hp-enclosure-back .hp-bay.hp-empty > .hp-empty {
        padding: 10px 15px 10px 34px;
        color: #737373; }
    .hp-enclosure-front .hp-bay.hp-eclipsed, .hp-enclosure-back .hp-bay.hp-eclipsed {
      height: 37px; }
      .hp-enclosure-front .hp-bay.hp-eclipsed > label, .hp-enclosure-back .hp-bay.hp-eclipsed > label {
        color: white;
        visibility: hidden; }
  .hp-enclosure-front .hp-fan-bays, .hp-enclosure-front .hp-power-bays, .hp-enclosure-front .hp-device-bays, .hp-enclosure-front .hp-device-bay-row,
  .hp-enclosure-front .hp-switch-bays, .hp-enclosure-front .hp-switch-bay-column, .hp-enclosure-back .hp-fan-bays, .hp-enclosure-back .hp-power-bays, .hp-enclosure-back .hp-device-bays, .hp-enclosure-back .hp-device-bay-row,
  .hp-enclosure-back .hp-switch-bays, .hp-enclosure-back .hp-switch-bay-column {
    white-space: nowrap;
    font-size: 0px; }
    .hp-enclosure-front .hp-fan-bays > li, .hp-enclosure-front .hp-power-bays > li, .hp-enclosure-front .hp-device-bays > li, .hp-enclosure-front .hp-device-bay-row > li,
    .hp-enclosure-front .hp-switch-bays > li, .hp-enclosure-front .hp-switch-bay-column > li, .hp-enclosure-back .hp-fan-bays > li, .hp-enclosure-back .hp-power-bays > li, .hp-enclosure-back .hp-device-bays > li, .hp-enclosure-back .hp-device-bay-row > li,
    .hp-enclosure-back .hp-switch-bays > li, .hp-enclosure-back .hp-switch-bay-column > li {
      vertical-align: top; }
  .hp-enclosure-front .hp-device, .hp-enclosure-back .hp-device {
    position: relative;
    padding: 10px 15px;
    border: none;
    background: none; }
    .hp-enclosure-front .hp-device .hp-device-model, .hp-enclosure-back .hp-device .hp-device-model {
      position: absolute;
      top: 10px;
      right: 15px;
      color: #737373;
      margin-top: 0px;
      max-width: 120px;
      text-overflow: ellipsis;
      overflow: hidden; }
    .hp-enclosure-front .hp-device .hp-secondary, .hp-enclosure-front .hp-device .hp-context, .hp-enclosure-front .hp-device .hp-unset, .hp-enclosure-back .hp-device .hp-secondary, .hp-enclosure-back .hp-device .hp-context, .hp-enclosure-back .hp-device .hp-unset {
      display: none; }
    .hp-enclosure-front .hp-device .hp-details, .hp-enclosure-back .hp-device .hp-details {
      display: none;
      margin: 10px 0px; }
      .hp-enclosure-front .hp-device .hp-details:last-child, .hp-enclosure-back .hp-device .hp-details:last-child {
        margin-bottom: 0px; }
  .hp-enclosure-front .hp-power-bays .hp-bay, .hp-enclosure-back .hp-power-bays .hp-bay {
    width: 98px;
    height: 37px; }
    .hp-enclosure-front .hp-power-bays .hp-bay .hp-device, .hp-enclosure-back .hp-power-bays .hp-bay .hp-device {
      width: 66px;
      color: #737373; }
    .hp-enclosure-front .hp-power-bays .hp-bay:last-child, .hp-enclosure-back .hp-power-bays .hp-bay:last-child {
      width: 100px; }
  .hp-enclosure-front .hp-power-bays .hp-bay:hover .hp-device, .hp-enclosure-front .hp-power-bays.hp-bay:hover .hp-device, .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back .hp-power-bays .hp-bay:hover .hp-device, .hp-enclosure-back .hp-power-bays.hp-bay:hover .hp-device, .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -6px;
    top: 22px;
    width: auto;
    height: auto;
    padding: 10px 10px 15px 10px;
    z-index: 25;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }
    .hp-enclosure-front .hp-power-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front .hp-power-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-back .hp-power-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back .hp-power-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status {
      left: 0px; }
    .hp-enclosure-front .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing {
      height: 14px;
      width: 30px; }
      .hp-enclosure-front .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > * {
        display: inline-block; }
      .hp-enclosure-front .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value {
        margin-left: 0px;
        margin-bottom: 0px; }
  .hp-enclosure-front .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -37px; }
  .hp-enclosure-front .hp-fan-bays .hp-bay, .hp-enclosure-back .hp-fan-bays .hp-bay {
    width: 118px;
    height: 37px; }
    .hp-enclosure-front .hp-fan-bays .hp-bay .hp-device, .hp-enclosure-back .hp-fan-bays .hp-bay .hp-device {
      width: 86px;
      color: #737373; }
  .hp-enclosure-front .hp-fan-bays .hp-bay:hover .hp-device, .hp-enclosure-front .hp-fan-bays.hp-bay:hover .hp-device, .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back .hp-fan-bays .hp-bay:hover .hp-device, .hp-enclosure-back .hp-fan-bays.hp-bay:hover .hp-device, .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -6px;
    top: 22px;
    width: auto;
    height: auto;
    padding: 10px 10px 15px 10px;
    z-index: 25;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }
    .hp-enclosure-front .hp-fan-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front .hp-fan-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-back .hp-fan-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back .hp-fan-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status {
      left: 0px; }
    .hp-enclosure-front .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing {
      height: 14px;
      width: 30px; }
      .hp-enclosure-front .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > * {
        display: inline-block; }
      .hp-enclosure-front .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value {
        margin-left: 0px;
        margin-bottom: 0px; }
  .hp-enclosure-front .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -37px; }
  .hp-enclosure-front .hp-oa, .hp-enclosure-back .hp-oa {
    color: #737373; }
  .hp-enclosure-front.hp-vertical .hp-device-bays > li, .hp-enclosure-front.hp-vertical .hp-switch-bays > li, .hp-enclosure-back.hp-vertical .hp-device-bays > li, .hp-enclosure-back.hp-vertical .hp-switch-bays > li {
    display: inline-block; }
    .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > li, .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-device-bay-row > li, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li {
      display: block;
      white-space: nowrap;
      width: 295px;
      height: 37px; }
      .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > li > *, .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li > *, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li > *, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li > *, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-device-bay-row > li > *, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li > *, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li > *, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li > * {
        display: inline-block; }
      .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > li label, .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li label, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li label, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li label, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-device-bay-row > li label, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li label, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li label, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li label {
        top: 5px; }
      .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-device-bay-row > li .hp-device, .hp-enclosure-front.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li .hp-device, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li .hp-device, .hp-enclosure-front.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-device-bay-row > li .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays > li .hp-switch-bay-column > li .hp-device, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-device-bay-row > li .hp-device, .hp-enclosure-back.hp-vertical .hp-switch-bays > li .hp-switch-bay-column > li .hp-device {
        left: 5px;
        width: 242px;
        padding-left: 30px; }
  .hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-vertical .hp-device-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-front.hp-vertical .hp-switch-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-vertical .hp-switch-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-vertical .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-vertical .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-vertical .hp-switch-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-vertical .hp-switch-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-vertical .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-vertical .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: 32px;
    top: -6px;
    padding: 10px 10px 15px 10px;
    width: auto;
    height: auto;
    z-index: 25;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }
  .hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height {
    overflow: visible; }
    .hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height .hp-device {
      height: 15px;
      width: 537px;
      min-width: 537px;
      background-color: #fff;
      z-index: 1; }
      .hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height .hp-device:after, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height .hp-device:after {
        content: ''; }
    .hp-enclosure-front.hp-vertical .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device, .hp-enclosure-back.hp-vertical .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device {
      height: 52px;
      min-height: 52px; }
  .hp-enclosure-front.hp-vertical .hp-power-bays > li, .hp-enclosure-front.hp-vertical .hp-fan-bays > li, .hp-enclosure-front.hp-vertical .hp-switch-bays > li, .hp-enclosure-back.hp-vertical .hp-power-bays > li, .hp-enclosure-back.hp-vertical .hp-fan-bays > li, .hp-enclosure-back.hp-vertical .hp-switch-bays > li {
    display: inline-block; }
  .hp-enclosure-front.hp-horizontal .hp-device-bay-row > li, .hp-enclosure-front.hp-horizontal .hp-power-bays > li, .hp-enclosure-front.hp-horizontal .hp-fan-bays > li, .hp-enclosure-front.hp-horizontal .hp-switch-bays > li, .hp-enclosure-back.hp-horizontal .hp-device-bay-row > li, .hp-enclosure-back.hp-horizontal .hp-power-bays > li, .hp-enclosure-back.hp-horizontal .hp-fan-bays > li, .hp-enclosure-back.hp-horizontal .hp-switch-bays > li {
    display: inline-block; }
  .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay > label, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay > label, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay > label, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay > label {
    display: block;
    text-align: center; }
  .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-status, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-status {
    left: 3px; }
    .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing {
      height: 30px;
      width: 14px; }
      .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing > * {
        display: block; }
      .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing .hp-status-changing, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing .hp-status-changing, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-device .hp-status.hp-changing .hp-status-changing, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-device .hp-status.hp-changing .hp-status-changing {
        top: 0px;
        left: -3px; }
  .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -6px;
    top: 22px;
    width: auto;
    height: auto;
    padding: 10px 10px 15px 10px;
    z-index: 25;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }
    .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status {
      left: 0px; }
    .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing {
      height: 14px;
      width: 30px; }
      .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > * {
        display: inline-block; }
      .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value {
        margin-left: 0px;
        margin-bottom: 0px; }
  .hp-enclosure-front.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-front.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -37px; }
  .hp-enclosure-front .hp-bay:hover, .hp-enclosure-front .hp-bay.hp-hover, .hp-enclosure-front .hp-bay.hp-full-height:hover, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover, .hp-enclosure-back .hp-bay:hover, .hp-enclosure-back .hp-bay.hp-hover, .hp-enclosure-back .hp-bay.hp-full-height:hover, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover {
    background-color: #f3f3f3;
    border-color: #000; }
    .hp-enclosure-front .hp-bay:hover.hp-eclipsed, .hp-enclosure-front .hp-bay.hp-hover.hp-eclipsed, .hp-enclosure-front .hp-bay.hp-full-height:hover.hp-eclipsed, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover.hp-eclipsed, .hp-enclosure-back .hp-bay:hover.hp-eclipsed, .hp-enclosure-back .hp-bay.hp-hover.hp-eclipsed, .hp-enclosure-back .hp-bay.hp-full-height:hover.hp-eclipsed, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover.hp-eclipsed {
      border-color: #cccccc; }
      .hp-enclosure-front .hp-bay:hover.hp-eclipsed > label, .hp-enclosure-front .hp-bay.hp-hover.hp-eclipsed > label, .hp-enclosure-front .hp-bay.hp-full-height:hover.hp-eclipsed > label, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover.hp-eclipsed > label, .hp-enclosure-back .hp-bay:hover.hp-eclipsed > label, .hp-enclosure-back .hp-bay.hp-hover.hp-eclipsed > label, .hp-enclosure-back .hp-bay.hp-full-height:hover.hp-eclipsed > label, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover.hp-eclipsed > label {
        color: #737373; }
    .hp-enclosure-front .hp-bay:hover > label, .hp-enclosure-front .hp-bay.hp-hover > label, .hp-enclosure-front .hp-bay.hp-full-height:hover > label, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover > label, .hp-enclosure-back .hp-bay:hover > label, .hp-enclosure-back .hp-bay.hp-hover > label, .hp-enclosure-back .hp-bay.hp-full-height:hover > label, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover > label {
      color: #000; }
    .hp-enclosure-front .hp-bay:hover .hp-device, .hp-enclosure-front .hp-bay.hp-hover .hp-device, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device, .hp-enclosure-back .hp-bay:hover .hp-device, .hp-enclosure-back .hp-bay.hp-hover .hp-device, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device {
      position: absolute;
      width: auto;
      height: auto;
      background: #fff;
      z-index: 25;
      border: 1px solid #cccccc;
      padding: 10px 10px 15px 10px;
      text-align: left;
      -webkit-animation: 0.3s ease;
      -moz-animation: 0.3s ease;
      -ms-animation: 0.3s ease;
      -o-animation: 0.3s ease;
      animation: 0.3s ease;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      -ms-animation-fill-mode: both;
      -o-animation-fill-mode: both;
      animation-fill-mode: both; }
      .hp-enclosure-front .hp-bay:hover .hp-device:after, .hp-enclosure-front .hp-bay.hp-hover .hp-device:after, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device:after, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device:after, .hp-enclosure-back .hp-bay:hover .hp-device:after, .hp-enclosure-back .hp-bay.hp-hover .hp-device:after, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device:after, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device:after {
        content: '';
        display: none; }
      .hp-enclosure-front .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure-front .hp-bay.hp-hover .hp-device .hp-status, .hp-enclosure-front .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device .hp-status, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device .hp-status, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name, .hp-enclosure-back .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure-back .hp-bay.hp-hover .hp-device .hp-status, .hp-enclosure-back .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device .hp-status, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device .hp-status, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name {
        display: inline-block; }
      .hp-enclosure-front .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front .hp-bay.hp-hover .hp-device .hp-status, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device .hp-status, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device .hp-status, .hp-enclosure-back .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back .hp-bay.hp-hover .hp-device .hp-status, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device .hp-status, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device .hp-status {
        left: 0px; }
      .hp-enclosure-front .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure-front .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name, .hp-enclosure-back .hp-bay:hover .hp-device .hp-device-name, .hp-enclosure-back .hp-bay.hp-hover .hp-device .hp-device-name, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device .hp-device-name, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-name {
        padding-left: 2px; }
      .hp-enclosure-front .hp-bay:hover .hp-device .hp-device-model, .hp-enclosure-front .hp-bay:hover .hp-device .hp-secondary, .hp-enclosure-front .hp-bay:hover .hp-device .hp-context, .hp-enclosure-front .hp-bay:hover .hp-device .hp-unset, .hp-enclosure-front .hp-bay.hp-hover .hp-device .hp-device-model, .hp-enclosure-front .hp-bay.hp-hover .hp-device .hp-secondary, .hp-enclosure-front .hp-bay.hp-hover .hp-device .hp-context, .hp-enclosure-front .hp-bay.hp-hover .hp-device .hp-unset, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device .hp-device-model, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device .hp-secondary, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device .hp-context, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device .hp-unset, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-model, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device .hp-secondary, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device .hp-context, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device .hp-unset, .hp-enclosure-back .hp-bay:hover .hp-device .hp-device-model, .hp-enclosure-back .hp-bay:hover .hp-device .hp-secondary, .hp-enclosure-back .hp-bay:hover .hp-device .hp-context, .hp-enclosure-back .hp-bay:hover .hp-device .hp-unset, .hp-enclosure-back .hp-bay.hp-hover .hp-device .hp-device-model, .hp-enclosure-back .hp-bay.hp-hover .hp-device .hp-secondary, .hp-enclosure-back .hp-bay.hp-hover .hp-device .hp-context, .hp-enclosure-back .hp-bay.hp-hover .hp-device .hp-unset, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device .hp-device-model, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device .hp-secondary, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device .hp-context, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device .hp-unset, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device .hp-device-model, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device .hp-secondary, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device .hp-context, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device .hp-unset {
        display: block;
        float: none;
        position: static;
        padding-left: 20px;
        margin-top: 5px;
        max-width: none; }
      .hp-enclosure-front .hp-bay:hover .hp-device .hp-details, .hp-enclosure-front .hp-bay.hp-hover .hp-device .hp-details, .hp-enclosure-front .hp-bay.hp-full-height:hover .hp-device .hp-details, .hp-enclosure-front .hp-bay.hp-full-height.hp-hover .hp-device .hp-details, .hp-enclosure-back .hp-bay:hover .hp-device .hp-details, .hp-enclosure-back .hp-bay.hp-hover .hp-device .hp-details, .hp-enclosure-back .hp-bay.hp-full-height:hover .hp-device .hp-details, .hp-enclosure-back .hp-bay.hp-full-height.hp-hover .hp-device .hp-details {
        display: block; }
  .hp-enclosure-front.hp-small .hp-device, .hp-enclosure-back.hp-small .hp-device {
    padding: 5px;
    background: none;
    overflow: hidden; }
    .hp-enclosure-front.hp-small .hp-device .hp-device-name, .hp-enclosure-front.hp-small .hp-device .hp-device-model, .hp-enclosure-front.hp-small .hp-device .hp-details, .hp-enclosure-front.hp-small .hp-device .hp-secondary, .hp-enclosure-front.hp-small .hp-device .hp-context, .hp-enclosure-back.hp-small .hp-device .hp-device-name, .hp-enclosure-back.hp-small .hp-device .hp-device-model, .hp-enclosure-back.hp-small .hp-device .hp-details, .hp-enclosure-back.hp-small .hp-device .hp-secondary, .hp-enclosure-back.hp-small .hp-device .hp-context {
      display: none; }
  .hp-enclosure-front.hp-small .hp-empty, .hp-enclosure-back.hp-small .hp-empty {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    width: 32px;
    height: 32px; }
    .hp-enclosure-front.hp-small .hp-empty .hp-unset, .hp-enclosure-back.hp-small .hp-empty .hp-unset {
      display: none; }
  .hp-enclosure-front.hp-small .hp-oa, .hp-enclosure-back.hp-small .hp-oa {
    height: 20px; }
    .hp-enclosure-front.hp-small .hp-oa .hp-bay:hover .hp-device, .hp-enclosure-front.hp-small .hp-oa.hp-bay:hover .hp-device, .hp-enclosure-front.hp-small .hp-oa .hp-bay.hp-full-height:hover .hp-device,
    .hp-enclosure-front.hp-small .hp-oa .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small .hp-oa .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small .hp-oa.hp-bay:hover .hp-device, .hp-enclosure-back.hp-small .hp-oa .hp-bay.hp-full-height:hover .hp-device,
    .hp-enclosure-back.hp-small .hp-oa .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
      left: 32px;
      top: -6px;
      padding: 10px 10px 15px 10px;
      width: auto;
      height: auto;
      z-index: 25;
      -webkit-animation-name: fadeInLeft;
      -moz-animation-name: fadeInLeft;
      -ms-animation-name: fadeInLeft;
      -o-animation-name: fadeInLeft;
      animation-name: fadeInLeft; }
    .hp-enclosure-front.hp-small .hp-oa .hp-device, .hp-enclosure-back.hp-small .hp-oa .hp-device {
      width: 236px;
      height: 10px; }
    .hp-enclosure-front.hp-small .hp-oa .hp-status, .hp-enclosure-back.hp-small .hp-oa .hp-status {
      top: 0px; }
  .hp-enclosure-front.hp-small .hp-power-bays .hp-bay, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay {
    width: 41px;
    height: 28px; }
    .hp-enclosure-front.hp-small .hp-power-bays .hp-bay:last-child, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay:last-child {
      width: 43px; }
    .hp-enclosure-front.hp-small .hp-power-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay .hp-device {
      display: inline-block;
      width: 35px; }
      .hp-enclosure-front.hp-small .hp-power-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay .hp-device:after {
        content: '';
        position: absolute;
        top: 6px;
        left: 20px;
        width: 13px;
        height: 18px;
        background-image: url(data:image/gif;base64,R0lGODlhDwAGAJEAAN3d3f///////wAAACH5BAEHAAIALAAAAAAPAAYAAAIMhI+pa+IPo5y02lgAADs=);
        background-position: center top;
        background-repeat: repeat-y; }
      .hp-enclosure-front.hp-small .hp-power-bays .hp-bay .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay .hp-device .hp-status {
        top: 0px; }
  .hp-enclosure-front.hp-small .hp-power-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-small .hp-power-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small .hp-power-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -6px;
    top: 22px;
    width: auto;
    height: auto;
    padding: 10px 10px 15px 10px;
    z-index: 25;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }
    .hp-enclosure-front.hp-small .hp-power-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-small .hp-power-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-power-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status {
      left: 0px; }
    .hp-enclosure-front.hp-small .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-small .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing {
      height: 14px;
      width: 30px; }
      .hp-enclosure-front.hp-small .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-small .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > * {
        display: inline-block; }
      .hp-enclosure-front.hp-small .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-small .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small .hp-power-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value {
        margin-left: 0px;
        margin-bottom: 0px; }
  .hp-enclosure-front.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small .hp-power-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -37px; }
  .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay {
    text-align: center;
    width: 49px;
    height: 28px; }
    .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay:last-child, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay:last-child {
      width: 52px; }
    .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay .hp-device {
      display: inline-block;
      width: 47px; }
      .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay .hp-device:after {
        content: '';
        position: absolute;
        top: 1px;
        left: 12px;
        width: 22px;
        height: 22px;
        border: 1px solid #cccccc;
        border-radius: 15px; }
      .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay .hp-device .hp-status {
        top: 3px;
        left: -3px; }
    .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay:hover .hp-device {
      width: auto;
      height: auto;
      border-radius: 0px; }
  .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-small .hp-fan-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small .hp-fan-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -6px;
    top: 22px;
    width: auto;
    height: auto;
    padding: 10px 10px 15px 10px;
    z-index: 25;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }
    .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-small .hp-fan-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-fan-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status {
      left: 0px; }
    .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-small .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing {
      height: 14px;
      width: 30px; }
      .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-small .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > * {
        display: inline-block; }
      .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-small .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small .hp-fan-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value {
        margin-left: 0px;
        margin-bottom: 0px; }
  .hp-enclosure-front.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small .hp-fan-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -37px; }
  .hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay {
    width: 124px;
    height: 28px; }
    .hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay > *, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay > *, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay > *, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay > * {
      display: inline-block;
      vertical-align: top; }
    .hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay > label, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay > label, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay > label, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay > label {
      top: 0px;
      left: 0px; }
    .hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay .hp-device, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device {
      width: 80px;
      height: 17px;
      padding-left: 35px;
      text-align: left; }
      .hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay .hp-device:after, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay .hp-device:after {
        content: '';
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 5px;
        background-image: url(data:image/gif;base64,R0lGODlhCgAFAJEAAN3d3f///////wAAACH5BAEHAAIALAAAAAAKAAUAAAILhC2ZhyoM3GMSygIAOw==);
        background-position: left center;
        background-repeat: repeat-x; }
  .hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-small.hp-vertical .hp-device-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-small.hp-vertical .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-small.hp-vertical .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-small.hp-vertical .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-small.hp-vertical .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: 32px;
    top: -6px;
    padding: 10px 10px 15px 10px;
    width: auto;
    height: auto;
    z-index: 25;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }
  .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay {
    width: 31px;
    height: 70px;
    text-align: center; }
    .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay > label, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay > label, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay > label {
      text-align: center;
      margin-bottom: 0px; }
    .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device {
      width: 20px;
      height: 58px;
      padding-top: 25px; }
      .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device:after, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device:after {
        content: '';
        position: absolute;
        top: 25px;
        left: 5px;
        width: 5px;
        height: 40px;
        background-image: url(data:image/gif;base64,R0lGODlhDwAGAJEAAN3d3f///////wAAACH5BAEHAAIALAAAAAAPAAYAAAIMhI+pa+IPo5y02lgAADs=);
        background-position: center top;
        background-repeat: repeat-y; }
      .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device .hp-status, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay .hp-device .hp-status {
        left: 7px; }
    .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device {
      width: auto;
      height: auto; }
  .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device,
  .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -6px;
    top: 22px;
    width: auto;
    height: auto;
    padding: 10px 10px 15px 10px;
    z-index: 25;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }
    .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status,
    .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status {
      left: 0px; }
    .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing,
    .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing {
      height: 14px;
      width: 30px; }
      .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing > *, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing > *,
      .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing > * {
        display: inline-block; }
      .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays.hp-bay:hover .hp-device .hp-status.hp-changing .hp-status-value, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height:hover .hp-device .hp-status.hp-changing .hp-status-value,
      .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device .hp-status.hp-changing .hp-status-value {
        margin-left: 0px;
        margin-bottom: 0px; }
  .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-front.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-switch-bays .hp-bay.hp-full-height.hp-double-wide:hover .hp-device {
    left: -37px; }
  .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height {
    overflow: visible; }
    .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device {
      height: 108px;
      min-height: 108px;
      width: 19px;
      background-color: #fff;
      z-index: 1; }
      .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device:after, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height .hp-device:after {
        content: '';
        height: 110px; }
    .hp-enclosure-front.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device, .hp-enclosure-back.hp-small.hp-horizontal .hp-device-bays .hp-bay.hp-full-height.hp-double-wide .hp-device {
      left: -31px;
      width: 50px; }
  .hp-rack .hp-enclosure-front.hp-small > label, .hp-rack .hp-enclosure-back.hp-small > label {
    padding: 7px 11px; }
  .hp-rack .hp-enclosure-front.hp-small .hp-bays-set, .hp-rack .hp-enclosure-back.hp-small .hp-bays-set {
    padding: 0px 4px; }
  .hp-rack .hp-enclosure-front.hp-small .hp-bays, .hp-rack .hp-enclosure-back.hp-small .hp-bays {
    border: none; }
  .hp-rack .hp-enclosure-front.hp-small .hp-bay, .hp-rack .hp-enclosure-back.hp-small .hp-bay {
    width: 22px; }
    .hp-rack .hp-enclosure-front.hp-small .hp-bay:first-of-type, .hp-rack .hp-enclosure-back.hp-small .hp-bay:first-of-type {
      border-left: none; }
    .hp-rack .hp-enclosure-front.hp-small .hp-bay label, .hp-rack .hp-enclosure-back.hp-small .hp-bay label {
      padding: 4px 0px; }
    .hp-rack .hp-enclosure-front.hp-small .hp-bay .hp-device, .hp-rack .hp-enclosure-back.hp-small .hp-bay .hp-device {
      padding: 0px; }
    .hp-rack .hp-enclosure-front.hp-small .hp-bay .hp-empty, .hp-rack .hp-enclosure-back.hp-small .hp-bay .hp-empty {
      width: 20px; }

.hp-switch-context {
  white-space: nowrap; }
  .hp-switch-context a {
    cursor: pointer; }
  .hp-switch-context > * {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
  .hp-switch-context ol {
    margin-bottom: 0px; }
  .hp-switch-context .hp-switch-endpoints .hp-switch-endpoint {
    position: relative;
    white-space: nowrap;
    width: 100%;
    height: 26px;
    margin-bottom: 5px; }
    .hp-switch-context .hp-switch-endpoints .hp-switch-endpoint:last-of-type {
      margin-bottom: 0px; }
    .hp-switch-context .hp-switch-endpoints .hp-switch-endpoint > * {
      display: inline-block;
      vertical-align: top;
      margin-right: -4px; }
      .hp-switch-context .hp-switch-endpoints .hp-switch-endpoint > *:last-of-type {
        margin-right: 0px; }
  .hp-switch-context .hp-switch-uplink-groups {
    display: table-cell; }
  .hp-switch-context .hp-backplane-connect {
    margin-top: 20px; }
  .hp-switch-context .hp-switch-servers {
    border: 1px solid #cccccc;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    max-width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .hp-switch-context .hp-switch-servers .hp-switch-server {
      display: block;
      border-bottom: 1px solid #cccccc; }
      .hp-switch-context .hp-switch-servers .hp-switch-server:last-of-type {
        border-bottom: none; }
      .hp-switch-context .hp-switch-servers .hp-switch-server:hover .hp-device {
        background-color: #ffd; }
      .hp-switch-context .hp-switch-servers .hp-switch-server .hp-device {
        border: none;
        background-image: none;
        padding: 5px 15px 5px 5px;
        overflow: hidden; }
        .hp-switch-context .hp-switch-servers .hp-switch-server .hp-device .hp-status, .hp-switch-context .hp-switch-servers .hp-switch-server .hp-device .hp-device-name {
          display: inline-block;
          vertical-align: top;
          white-space: nowrap; }
        .hp-switch-context .hp-switch-servers .hp-switch-server .hp-device .hp-device-model {
          display: none;
          padding-left: 24px;
          color: #737373; }

.hp-switch.hp-device {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0px 10px 5px 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  text-align: left; }
  .hp-logical-switch.hp-small .hp-switch.hp-device {
    padding: 4px 10px 3px 15px; }
  .hp-switch.hp-device .hp-status, .hp-switch.hp-device label {
    display: inline-block; }
  .hp-switch.hp-device .hp-backplane-ports {
    display: inline-block; }
    .hp-switch.hp-device .hp-backplane-ports .hp-up-port {
      display: table-cell;
      border-top: none; }
  .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full {
    display: none;
    position: absolute;
    overflow: hidden; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-summary, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-summary, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-summary {
      margin: 5px 0px 15px; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-summary > *, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-summary > *, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-summary > * {
        display: inline-block;
        white-space: nowrap; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-summary .hp-status, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-summary .hp-status, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-summary .hp-status {
        padding-right: 3px; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-secondary, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-secondary, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-secondary {
      margin-top: 0px;
      padding-left: 0px;
      color: #737373; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-show-form, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-show-form, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-show-form {
      padding-left: 20px;
      margin-bottom: 0px;
      width: auto; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item > div, .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item ol, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item > div, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item ol, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item > div, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-show-form li.hp-form-item ol {
        color: #425563; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-usage, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-usage, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-usage {
      margin-right: 10px; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table {
      width: 100%;
      padding-left: 20px;
      padding-bottom: 10px;
      margin-top: 20px; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table thead, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table thead, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table thead {
        display: table-header-group; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table th, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table th, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table th {
        background-image: none;
        color: #425563;
        padding-left: 0px; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table th:last-child, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table th:last-child, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table th:last-child {
        color: #737373;
        padding-right: 0px; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table div.hp-secondary, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table div.hp-secondary, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table div.hp-secondary {
        display: inline-block; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table tr td, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table tr td, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table tr td {
        padding-top: 3px;
        padding-bottom: 3px; }
        .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table tr td:first-child, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table tr td:first-child, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table tr td:first-child {
          text-align: left; }
        .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table tr td:last-child, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table tr td:last-child, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table tr td:last-child {
          padding-right: 0px; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-simple-table .hp-usage, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-simple-table .hp-usage, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-simple-table .hp-usage {
        margin-right: 5px;
        margin-left: 0px; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-color, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-color, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-color {
      display: inline-block;
      height: 10px;
      width: 10px;
      margin-right: 5px; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-numeric, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-numeric, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-numeric {
      color: #425563; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-name, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-name, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-graphic-legend .hp-key .hp-name {
      display: inline-block; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-plot, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-plot, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-plot {
      margin: 0px 10px 20px 20px; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-full .hp-plot .flot-base, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-full .hp-plot .flot-base, .hp-switch.hp-device .hp-backplane-ports .hp-up-port .hp-full .hp-plot .flot-base {
        padding-left: 20px; }
  .hp-switch.hp-device .hp-up-ports, .hp-switch.hp-device .hp-fp-ports {
    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    display: inline-block;
    margin: 5px 0px 0px;
    text-align: center;
    padding: 0px;
    border: none;
    white-space: nowrap; }
    .hp-switch.hp-device .hp-up-ports .hp-utilization-meter label, .hp-switch.hp-device .hp-fp-ports .hp-utilization-meter label {
      display: none; }
    .hp-switch.hp-device .hp-up-ports .hp-up-port, .hp-switch.hp-device .hp-fp-ports .hp-up-port {
      display: table-cell;
      width: 22px;
      height: 26px;
      padding: 4px 8px 4px 11px;
      margin-right: -4px;
      border: none;
      border-right: 1px solid #ccc;
      border-radius: 0px;
      min-width: 0px;
      text-align: center; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port:hover, .hp-switch.hp-device .hp-fp-ports .hp-up-port:hover {
        opacity: 1; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port:last-of-type, .hp-switch.hp-device .hp-fp-ports .hp-up-port:last-of-type {
        margin-bottom: 0px;
        border-right: none; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-device-name, .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-status, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-device-name, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-status {
        display: block;
        padding: 0px;
        color: #425563; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-status, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-status {
        top: 3px;
        left: 3px;
        margin-bottom: 3px; }
        .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-status.hp-changing, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-status.hp-changing {
          width: 14px;
          height: 30px; }
          .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-status.hp-changing > *, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-status.hp-changing > * {
            display: block; }
        .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-status .hp-status-value, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-status .hp-status-value {
          position: relative;
          left: 2px; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-usage, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-usage {
        margin: 10px 0px 6px -6px;
        width: 25px; }
      .hp-switch.hp-device .hp-up-ports .hp-up-port .hp-condensed .hp-device-name, .hp-switch.hp-device .hp-fp-ports .hp-up-port .hp-condensed .hp-device-name {
        text-align: center;
        margin-left: -4px;
        color: #425563; }
  .hp-logical-switch.hp-small .hp-switch.hp-device .hp-backplane-ports {
    top: -4px;
    left: 14px;
    margin-right: 4px;
    margin-bottom: -7px; }
  .hp-switch.hp-device .hp-fp-ports {
    margin-top: 10px;
    border-right: 1px solid #ccc; }
    .hp-switch.hp-device .hp-fp-ports .hp-up-port {
      border: none; }
    .hp-switch.hp-device .hp-fp-ports:last-of-type {
      border-right: none; }
  .hp-switch.hp-device.hp-small .hp-fp-ports {
    margin-right: 6px; }
  .hp-switch.hp-device.hp-small .hp-up-port {
    padding-right: 6px;
    padding-left: 9px; }
    .hp-switch.hp-device.hp-small .hp-up-port .hp-condensed .hp-status {
      left: 1px; }
    .hp-switch.hp-device.hp-small .hp-up-port .hp-condensed .hp-usage {
      display: none; }

.hp-switch .hp-up-port .hp-condensed .hp-usage {
  margin: 10px 0 6px -6px; }
.hp-switch .hp-backplane-ports {
  border-bottom-left-radius: 5px;
  border-left: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  margin: 0;
  margin-bottom: 10px;
  padding: 7px 5px 5px;
  position: relative;
  top: 0px;
  width: auto;
  left: 10px; }
  .hp-switch .hp-backplane-ports .hp-up-port:first-child {
    padding-left: 7px; }
  .hp-switch .hp-backplane-ports .hp-up-port:last-of-type {
    border-right: none; }
.hp-switch .hp-up-ports .hp-up-port, .hp-switch .hp-backplane-ports .hp-up-port {
  position: relative;
  margin-bottom: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  display: block;
  height: 26px;
  padding: 4px 8px 4px 11px;
  width: auto;
  margin-right: -4px;
  border: none;
  border-top: 1px solid #ccc;
  border-right: none;
  border-radius: 0px;
  min-width: 0px;
  text-align: center; }
  .hp-switch .hp-up-ports .hp-up-port .hp-status, .hp-switch .hp-up-ports .hp-up-port .hp-device-name, .hp-switch .hp-up-ports .hp-up-port .hp-usage, .hp-switch .hp-backplane-ports .hp-up-port .hp-status, .hp-switch .hp-backplane-ports .hp-up-port .hp-device-name, .hp-switch .hp-backplane-ports .hp-up-port .hp-usage {
    display: inline-block;
    vertical-align: top; }
  .hp-switch .hp-up-ports .hp-up-port:hover .hp-full, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full {
    display: block;
    width: auto;
    background: #fff;
    z-index: 2;
    border: 1px solid #cccccc;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 10px 15px;
    text-align: left;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    top: 25px; }
    .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-summary, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-summary {
      margin-right: 20px; }
    .hp-switch .hp-up-ports .hp-up-port:hover .hp-full label, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full label {
      width: 50%; }
    .hp-switch .hp-up-ports .hp-up-port:hover .hp-full:after, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full:after {
      display: block;
      position: absolute;
      height: auto;
      width: 0px;
      left: 0px;
      content: "";
      margin: 5px 15px; }
    .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-usage label, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-usage label {
      left: -60px;
      color: #425563; }
    .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-device-address, .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-uplink-group, .hp-switch .hp-up-ports .hp-up-port:hover .hp-full .hp-uplink-networks, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-device-address, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-uplink-group, .hp-switch .hp-backplane-ports .hp-up-port:hover .hp-full .hp-uplink-networks {
      margin-top: 5px;
      margin-left: 5px; }

.hp-backplane-connect {
  width: 50px;
  height: 23px;
  background: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -140px -140px;
  background-repeat: no-repeat; }

.hp-logical-switch {
  z-index: 1;
  position: relative;
  padding: 10px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .hp-logical-switch form.hp-show-form fieldset {
    padding: 0px;
    min-width: auto; }
  .hp-logical-switch form.hp-show-form li.hp-form-item {
    margin-bottom: 0px; }
    .hp-logical-switch form.hp-show-form li.hp-form-item > label:first-child {
      color: #737373;
      padding-right: 10px;
      width: 33%;
      text-align: left;
      margin-right: 5px;
      margin-top: 0px;
      min-width: auto; }
  .hp-logical-switch .hp-switch.hp-device {
    padding: 5px 10px 30px 15px;
    margin: 50px 20px 0px 0px;
    background-color: transparent;
    display: inline-block;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .hp-logical-switch .hp-switch.hp-device .hp-usage {
      display: none; }
    .hp-logical-switch .hp-switch.hp-device > .hp-up-ports, .hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports {
      margin: 1px -7px;
      display: inline-block; }
      .hp-logical-switch .hp-switch.hp-device > .hp-up-ports .hp-up-port .hp-status, .hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports .hp-up-port .hp-status {
        left: 6px;
        padding: 0px 3px; }
      .hp-logical-switch .hp-switch.hp-device > .hp-up-ports .hp-up-port .hp-full .hp-form-contents, .hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports .hp-up-port .hp-full .hp-form-contents {
        margin-left: 0px;
        margin-right: 20px; }
    .hp-logical-switch .hp-switch.hp-device.hp-initialize > .hp-up-ports {
      display: none; }
    .hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports {
      margin: 0px;
      top: -5px; }
  .hp-logical-switch > canvas {
    position: absolute;
    margin: -10px -40px;
    pointer-events: none; }
  .hp-logical-switch.hp-small {
    padding: 10px; }
    .hp-logical-switch.hp-small > canvas {
      margin: -10px; }
    .hp-logical-switch.hp-small .hp-physical-switch-row:last-child {
      padding-bottom: 10px; }
    .hp-logical-switch.hp-small .hp-physical-switch-row .hp-switch {
      margin-top: 10px;
      margin-right: 10px; }
      .hp-logical-switch.hp-small .hp-physical-switch-row .hp-switch h3.hp-name, .hp-logical-switch.hp-small .hp-physical-switch-row .hp-switch .hp-contents {
        display: none; }
    .hp-logical-switch.hp-small .hp-logical-uplinks .hp-logical-uplink {
      margin-bottom: 10px; }
  .hp-logical-switch .hp-controls {
    position: absolute;
    right: 0px;
    top: 5px; }
  .hp-logical-switch .hp-edit-contents, .hp-logical-switch .hp-close, .hp-logical-switch .hp-uplink-controls {
    display: none; }
  .hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink .hp-controls {
    margin-top: 5px;
    margin-right: 2px; }
  .hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink.hp-initialize .hp-name {
    cursor: pointer; }
  .hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink h3.hp-name {
    margin: 5px 0px; }
  .hp-logical-switch.hp-alter .hp-contents {
    display: none; }
  .hp-logical-switch.hp-alter .hp-switch .hp-close {
    display: inline-block; }
  .hp-logical-switch.hp-alter .hp-switch .hp-secondary {
    margin-top: 10px; }
  .hp-logical-switch.hp-alter .hp-switch .hp-full .hp-secondary {
    margin-top: 0px; }
  .hp-logical-switch.hp-alter .hp-switch .hp-contents .hp-secondary {
    display: none; }
  .hp-logical-switch.hp-alter .hp-switch .hp-edit-contents {
    display: inline; }
    .hp-logical-switch.hp-alter .hp-switch .hp-edit-contents fieldset {
      padding-left: 0px;
      left: -3px;
      margin-top: 15px;
      margin-bottom: 0px;
      min-width: 0px; }
  .hp-logical-switch.hp-alter .hp-switch .hp-condensed input {
    display: none; }
  .hp-logical-switch.hp-alter .hp-switch .hp-backplane-ports {
    display: none; }
  .hp-logical-switch.hp-alter .hp-switch.hp-initialize {
    min-width: 190px;
    background-color: #f3f3f3; }
    .hp-logical-switch.hp-alter .hp-switch.hp-initialize .hp-contents {
      display: none; }
    .hp-logical-switch.hp-alter .hp-switch.hp-initialize .hp-add-contents {
      display: block;
      margin-top: 3px; }
    .hp-logical-switch.hp-alter .hp-switch.hp-initialize:hover {
      border-color: #666666; }
  .hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink {
    margin-bottom: 30px; }
    .hp-logical-switch.hp-alter .hp-logical-uplinks .hp-logical-uplink .hp-controls .hp-close {
      display: inline-block; }
  .hp-logical-switch.hp-alter.hp-edit-uplink canvas {
    z-index: -1; }
  .hp-logical-switch.hp-alter.hp-edit-uplink .hp-controls .hp-close {
    display: none; }
  .hp-logical-switch.hp-alter.hp-edit-uplink .hp-network-controls {
    display: inline-block;
    vertical-align: baseline;
    margin: 10px 20px 10px 0px; }
    .hp-logical-switch.hp-alter.hp-edit-uplink .hp-network-controls .hp-network-add {
      border-right: 1px solid #cccccc;
      padding-right: 5px; }
    .hp-logical-switch.hp-alter.hp-edit-uplink .hp-network-controls .hp-network-remove {
      padding-left: 5px; }
  .hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls {
    display: inline-block;
    margin-bottom: 10px; }
    .hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls a:hover {
      text-decoration: none; }
    .hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls .hp-previous {
      border-right: 1px solid #cccccc;
      padding: 0px 5px 0px 0px; }
      .hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls .hp-previous:before {
        content: "< "; }
    .hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls .hp-next {
      border-left: 1px solid #cccccc;
      padding: 0px 5px; }
      .hp-logical-switch.hp-alter.hp-edit-uplink .hp-uplink-controls .hp-next:after {
        content: " >"; }
  .hp-logical-switch.hp-alter.hp-edit-uplink .hp-logical-uplink h3.hp-name {
    font-size: 18px;
    margin-top: 5px;
    font-family: 'HPLight', Arial, Helvetica, sans-serif; }
  .hp-logical-switch.hp-alter.hp-edit-uplink .hp-logical-uplink .hp-controls .hp-edit, .hp-logical-switch.hp-alter.hp-edit-uplink .hp-logical-uplink .hp-controls .hp-close {
    display: none; }
  .hp-logical-switch.hp-alter.hp-edit-uplink .hp-logical-uplink .hp-edit-contents {
    display: inline-block; }
  .hp-logical-switch.hp-alter.hp-edit-uplink .hp-switch.hp-initialize {
    display: none; }
  .hp-logical-switch.hp-alter.hp-edit-uplink .hp-switch .hp-edit-contents {
    display: none; }
  .hp-logical-switch.hp-alter.hp-edit-uplink .hp-switch .hp-contents .hp-secondary {
    display: none; }
  .hp-logical-switch .hp-logical-uplinks {
    position: relative;
    margin-bottom: 0px; }
    .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink {
      position: relative;
      display: inline-block;
      margin: 0px 10px 35px 0px;
      background-color: white;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      transition: opacity 0.2s;
      cursor: pointer; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-highlight {
        border-color: #666666; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink:hover {
        z-index: 10; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-selected {
        border-color: #7fbfda; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-hidden {
        display: none; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink > h3.hp-name, .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink > label {
        display: block;
        margin: 0px 0px 10px 0px;
        padding-right: 30px;
        font-size: inherit;
        white-space: nowrap; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink div {
        color: #737373; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-controls {
        top: 5px;
        right: 3px; }
        .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-controls > * {
          display: inline-block;
          cursor: pointer; }
        .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-controls .hp-close {
          display: none;
          position: relative;
          top: 2px; }
        .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink .hp-controls .hp-link-button {
          padding-right: 5px;
          display: none; }
      .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-initialize {
        background-color: #f3f3f3; }
        .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-initialize .hp-edit-contents, .hp-logical-switch .hp-logical-uplinks .hp-logical-uplink.hp-initialize .hp-controls {
          display: none; }
  .hp-logical-switch .hp-physical-switch-rows {
    margin-bottom: 0px; }
  .hp-logical-switch .hp-physical-switch-row {
    display: block; }
    .hp-logical-switch .hp-physical-switch-row:last-child {
      padding-bottom: 50px; }
  .hp-logical-switch .hp-switch.hp-highlight {
    border-color: #666666; }
  .hp-logical-switch .hp-switch.hp-device > .hp-name, .hp-logical-switch .hp-switch .hp-device > label {
    position: relative; }
  .hp-logical-switch .hp-switch .hp-close, .hp-logical-switch .hp-switch .hp-add-contents {
    display: none; }
  .hp-logical-switch .hp-switch .hp-summary > * {
    display: inline-block; }
  .hp-logical-switch .hp-switch.hp-alter .hp-controls {
    display: inline-block; }
  .hp-logical-switch .hp-switch > .hp-up-ports .hp-condensed input {
    display: none; }
  .hp-logical-switch .hp-switch.hp-initialize .hp-add-contents .hp-add {
    cursor: pointer; }
  .hp-logical-switch .hp-switch.hp-initialize .hp-add-contents .hp-secondary {
    display: block;
    padding-left: 0px; }
  .hp-logical-switch .hp-switch.hp-initialize .hp-edit-contents, .hp-logical-switch .hp-switch.hp-initialize .hp-controls, .hp-logical-switch .hp-switch.hp-initialize .hp-select, .hp-logical-switch .hp-switch.hp-initialize .hp-status {
    display: none; }
  .hp-logical-switch .hp-switch.hp-device.hp-placeholder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    min-width: 278px;
    text-align: center; }
  .hp-logical-switch .hp-switch.hp-device > button, .hp-logical-switch .hp-switch.hp-device > input {
    display: inline-block; }
  .hp-logical-switch .hp-switch.hp-device > h3.hp-name, .hp-logical-switch .hp-switch.hp-device > label, .hp-logical-switch .hp-switch.hp-device > header {
    display: block;
    position: absolute;
    margin: 0px;
    font-size: inherit;
    left: 15px;
    bottom: 8px; }
    .hp-logical-switch .hp-switch.hp-device > h3.hp-name > input, .hp-logical-switch .hp-switch.hp-device > h3.hp-name > .hp-search-combo, .hp-logical-switch .hp-switch.hp-device > h3.hp-name > .selectBox-dropdown, .hp-logical-switch .hp-switch.hp-device > label > input, .hp-logical-switch .hp-switch.hp-device > label > .hp-search-combo, .hp-logical-switch .hp-switch.hp-device > label > .selectBox-dropdown, .hp-logical-switch .hp-switch.hp-device > header > input, .hp-logical-switch .hp-switch.hp-device > header > .hp-search-combo, .hp-logical-switch .hp-switch.hp-device > header > .selectBox-dropdown {
      display: block !important;
      margin: 5px 0px; }
      .hp-logical-switch .hp-switch.hp-device > h3.hp-name > input > input, .hp-logical-switch .hp-switch.hp-device > h3.hp-name > .hp-search-combo > input, .hp-logical-switch .hp-switch.hp-device > h3.hp-name > .selectBox-dropdown > input, .hp-logical-switch .hp-switch.hp-device > label > input > input, .hp-logical-switch .hp-switch.hp-device > label > .hp-search-combo > input, .hp-logical-switch .hp-switch.hp-device > label > .selectBox-dropdown > input, .hp-logical-switch .hp-switch.hp-device > header > input > input, .hp-logical-switch .hp-switch.hp-device > header > .hp-search-combo > input, .hp-logical-switch .hp-switch.hp-device > header > .selectBox-dropdown > input {
        width: 100%; }
  .hp-logical-switch .hp-switch.hp-device > .hp-up-ports .hp-up-port, .hp-logical-switch .hp-switch.hp-device > .hp-backplane-ports .hp-up-port {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    padding: 3px 5px;
    height: 26px; }
  .hp-logical-switch .hp-switch.hp-alter .hp-edit-contents {
    width: 300px; }
  .hp-logical-switch .hp-switch.hp-alter .hp-alter {
    display: inline-block; }
  .hp-logical-switch .hp-switch.hp-alter > .hp-up-ports > input {
    display: none; }
  .hp-logical-switch .hp-switch.hp-alter .hp-status {
    display: none; }
  .hp-logical-switch .hp-switch.hp-alter .hp-controls {
    position: absolute;
    top: 6px;
    right: 3px; }
    .hp-logical-switch .hp-switch.hp-alter .hp-controls > * {
      display: inline-block;
      vertical-align: top;
      cursor: pointer; }
    .hp-logical-switch .hp-switch.hp-alter .hp-controls .hp-close {
      position: relative;
      top: 2px; }
  .hp-logical-switch .hp-switch.hp-alter .hp-up-port > input[type="checkbox"] {
    display: block; }
  .hp-logical-switch .hp-switch.hp-alter .hp-select {
    display: none; }
  .hp-logical-switch.hp-has-highlight .hp-up-port, .hp-logical-switch.hp-has-highlight .hp-logical-uplink, .hp-logical-switch.hp-has-highlight .hp-device {
    opacity: 0.4; }
    .hp-logical-switch.hp-has-highlight .hp-up-port.hp-highlight, .hp-logical-switch.hp-has-highlight .hp-logical-uplink.hp-highlight, .hp-logical-switch.hp-has-highlight .hp-device.hp-highlight {
      opacity: 1.0;
      color: #000; }
  .hp-logical-switch.hp-has-highlight .hp-device.hp-initialize {
    opacity: 1; }
  .hp-logical-switch.hp-initialize-deprecated .hp-logical-uplinks .hp-logical-uplink .hp-controls .hp-close {
    display: inline-block; }
  .hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device.hp-small {
    padding-bottom: 18px; }
  .hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device .hp-up-ports {
    top: -13px; }
    .hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device .hp-up-ports.hp-ports-deprecated {
      top: 0px; }
  .hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device header, .hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device label {
    position: relative;
    left: 0px;
    top: 50px; }
  .hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device header.hp-switch-type {
    bottom: 0px;
    top: 5px; }
    .hp-logical-switch.hp-logical-switch-deprecated .hp-switch.hp-device header.hp-switch-type label {
      top: 0px; }

.hp-server-context {
  position: relative; }
  .hp-server-context a {
    cursor: pointer; }
  .hp-server-context > * {
    display: table-cell;
    vertical-align: top; }
  .hp-server-context ol {
    margin: 0px; }
  .hp-server-context .hp-server {
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-right: 1px solid #cccccc;
    border-top-right-radius: 0; }
    .hp-server-context .hp-server > * {
      vertical-align: top; }
  .hp-server-context .hp-card {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 0px; }
  .hp-server-context .hp-server-path {
    margin-bottom: -2px; }
    .hp-server-context .hp-server-path:last-of-type {
      margin-bottom: 0px; }
    .hp-server-context .hp-server-path .hp-card {
      border-left: none; }
  .hp-server-context .hp-server-storages {
    position: absolute;
    top: 70px;
    left: 20px; }
  .hp-server-context .hp-server-storage {
    border: 2px solid #cccccc;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
    background-repeat: repeat-y;
    margin-bottom: 5px;
    border-width: 1px; }
    .hp-server-context .hp-server-storage .hp-device {
      border-radius: 3px; }
    .hp-server-context .hp-server-storage .hp-device-size {
      color: #737373; }
  .hp-server-context.hp-small .hp-server {
    padding: 10px 20px; }
  .hp-server-context.hp-small .hp-path-stack {
    display: none; }
  .hp-server-context.hp-small .hp-network-path .hp-nic .hp-card {
    padding: 0px 5px; }
    .hp-server-context.hp-small .hp-network-path .hp-nic .hp-card > label {
      display: none; }
    .hp-server-context.hp-small .hp-network-path .hp-nic .hp-card > ol {
      margin-top: 0px; }
  .hp-server-context.hp-small .hp-port a, .hp-server-context.hp-small .hp-up-port a {
    display: none; }
  .hp-server-context.hp-small .hp-server-storages {
    top: 40px; }
    .hp-server-context.hp-small .hp-server-storages .hp-device-name {
      display: none; }

.hp-rack-context {
  white-space: nowrap; }
  .hp-rack-context .hp-rack, .hp-rack-context .hp-rack-power {
    display: inline-block;
    margin-right: 30px; }
    .hp-rack-context .hp-rack:last-child, .hp-rack-context .hp-rack-power:last-child {
      margin-right: 0px; }
  .hp-rack-context > canvas {
    position: absolute;
    pointer-events: none; }
  .hp-rack-context.hp-has-highlight ol.hp-rack-devices > li, .hp-rack-context.hp-has-highlight .hp-rack-power .hp-device {
    opacity: 0.4;
    background-color: #f8f8f8; }
    .hp-rack-context.hp-has-highlight ol.hp-rack-devices > li.hp-highlight, .hp-rack-context.hp-has-highlight .hp-rack-power .hp-device.hp-highlight {
      opacity: 1.0;
      color: #000;
      background-color: #fff; }
  .hp-rack-context ol.hp-rack-devices > li {
    border-width: 1px 0px;
    border-style: solid;
    border-color: transparent; }
    .hp-rack-context ol.hp-rack-devices > li:hover, .hp-rack-context ol.hp-rack-devices > li.hp-active {
      position: relative;
      z-index: 100;
      overflow: visible;
      margin: 0px; }
      .hp-rack-context ol.hp-rack-devices > li:hover.hp-device, .hp-rack-context ol.hp-rack-devices > li.hp-active.hp-device {
        border-bottom-width: 1px; }
      div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li:hover, div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li.hp-active {
        margin: 0px; }
      .hp-rack-context ol.hp-rack-devices > li:hover.hp-device, .hp-rack-context ol.hp-rack-devices > li:hover > .hp-device, .hp-rack-context ol.hp-rack-devices > li.hp-active.hp-device, .hp-rack-context ol.hp-rack-devices > li.hp-active > .hp-device {
        position: relative;
        left: 20px;
        min-height: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #fff;
        border: 1px solid #cccccc;
        -webkit-animation: 0.3s ease;
        -moz-animation: 0.3s ease;
        -ms-animation: 0.3s ease;
        -o-animation: 0.3s ease;
        animation: 0.3s ease;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInLeft;
        -moz-animation-name: fadeInLeft;
        -ms-animation-name: fadeInLeft;
        -o-animation-name: fadeInLeft;
        animation-name: fadeInLeft; }
        div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li:hover.hp-device, div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li:hover > .hp-device, div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li.hp-active.hp-device, div.hp-master-filter .hp-rack-context ol.hp-rack-devices > li.hp-active > .hp-device {
          background-color: #f3f3f3;
          border-color: transparent;
          border-width: 1px 2px 2px 2px;
          border-radius: 0px;
          margin: 0px; }
        .hp-rack-context ol.hp-rack-devices > li:hover.hp-device .hp-device-name, .hp-rack-context ol.hp-rack-devices > li:hover > .hp-device .hp-device-name, .hp-rack-context ol.hp-rack-devices > li.hp-active.hp-device .hp-device-name, .hp-rack-context ol.hp-rack-devices > li.hp-active > .hp-device .hp-device-name {
          white-space: normal; }
    .hp-rack-context ol.hp-rack-devices > li.hp-highlight {
      border-color: #666666; }
      .hp-rack-context ol.hp-rack-devices > li.hp-highlight.hp-device, .hp-rack-context ol.hp-rack-devices > li.hp-highlight > .hp-device {
        min-height: 100%; }
  .hp-rack-context.hp-small ol.hp-rack-power > li .hp-device {
    max-width: 80px;
    word-break: break-all; }
    .hp-rack-context.hp-small ol.hp-rack-power > li .hp-device .hp-device-name {
      max-width: 55px;
      width: 55px; }

.hp-rack {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #cccccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y;
  min-width: 190px; }
  .hp-rack.hp-device {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px; }
    .hp-rack.hp-device > header {
      padding: 0px; }
  .hp-rack > label {
    display: block;
    padding: 5px 15px; }
  .hp-rack:not(.hp-device) > header {
    padding: 10px 15px; }
    .hp-rack:not(.hp-device) > header .hp-status, .hp-rack:not(.hp-device) > header .hp-device-name {
      display: inline-block;
      vertical-align: top;
      top: 3px; }
    .hp-rack:not(.hp-device) > header .hp-status {
      top: 1px; }
  .hp-rack.hp-selected > header {
    background-color: #E4FFEE; }
  .hp-rack.hp-collapsed header {
    border-bottom: none; }
  .hp-rack.hp-collapsed > ol {
    display: none; }
  .hp-rack ol.hp-rack-devices {
    margin-bottom: 0px; }
    .hp-rack ol.hp-rack-devices > li {
      position: relative;
      border-color: #cccccc;
      overflow: hidden;
      width: 198px; }
      .hp-rack ol.hp-rack-devices > li.hp-device {
        border-width: 1px; }
      .hp-rack ol.hp-rack-devices > li .hp-device {
        border-color: transparent; }
      .hp-rack ol.hp-rack-devices > li.hp-device, .hp-rack ol.hp-rack-devices > li > .hp-device {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px 15px;
        width: 200px;
        border-width: 1px;
        border-style: solid;
        border-color: transparent;
        background-image: none;
        margin: 0px;
        overflow: hidden;
        white-space: nowrap; }
        div.hp-master-filter .hp-rack ol.hp-rack-devices > li.hp-device, div.hp-master-filter .hp-rack ol.hp-rack-devices > li > .hp-device {
          width: 196px;
          padding-left: 13px;
          border-width: 1px 2px 2px 2px;
          border-radius: 0px;
          margin: 0px; }
        .hp-rack ol.hp-rack-devices > li.hp-device .hp-device-name, .hp-rack ol.hp-rack-devices > li > .hp-device .hp-device-name {
          display: inline-block;
          -ms-text-overflow: ellipsis;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          max-width: 135px;
          overflow: hidden; }
        .hp-rack ol.hp-rack-devices > li.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li > .hp-device .hp-device-model {
          white-space: normal; }
        .hp-filter-pane .hp-rack ol.hp-rack-devices > li.hp-device, .hp-filter-pane .hp-rack ol.hp-rack-devices > li > .hp-device {
          width: 160px; }
      .hp-rack ol.hp-rack-devices > li.hp-rack-2u.hp-device, .hp-rack ol.hp-rack-devices > li.hp-rack-2u > .hp-device {
        padding: 5px 15px; }
        .hp-rack ol.hp-rack-devices > li.hp-rack-2u.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li.hp-rack-2u > .hp-device .hp-device-model {
          display: none; }
      .hp-rack ol.hp-rack-devices > li.hp-rack-2u:hover.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li.hp-rack-2u:hover > .hp-device .hp-device-model {
        display: block; }
      .hp-rack ol.hp-rack-devices > li.hp-rack-1u.hp-device, .hp-rack ol.hp-rack-devices > li.hp-rack-1u > .hp-device {
        padding: 0px 15px; }
        .hp-rack ol.hp-rack-devices > li.hp-rack-1u.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li.hp-rack-1u > .hp-device .hp-device-model {
          display: none; }
      .hp-rack ol.hp-rack-devices > li.hp-rack-1u .hp-rack-empty {
        padding: 0px 15px 0px 32px; }
      .hp-rack ol.hp-rack-devices > li.hp-rack-1u:hover.hp-device, .hp-rack ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-device {
        padding-top: 5px;
        padding-bottom: 5px; }
        .hp-rack ol.hp-rack-devices > li.hp-rack-1u:hover.hp-device .hp-device-model, .hp-rack ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-device .hp-device-model {
          display: block; }
  .hp-rack.hp-rack-slots ol.hp-rack-devices > li .hp-rack-uslot-top, .hp-rack.hp-rack-slots ol.hp-rack-devices > li .hp-rack-uslot-bottom {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    display: block;
    position: absolute;
    right: 0px;
    line-height: 14px;
    text-align: right;
    color: #737373;
    background-color: #f3f3f3;
    padding: 0px 5px 0px 3px;
    overflow: hidden;
    display: none; }
  .hp-rack.hp-rack-slots ol.hp-rack-devices > li .hp-rack-uslot-top {
    top: 0px; }
  .hp-rack.hp-rack-slots ol.hp-rack-devices > li .hp-rack-uslot-bottom {
    bottom: 0px; }
  .hp-rack.hp-rack-slots ol.hp-rack-devices > li:hover .hp-rack-uslot-top, .hp-rack.hp-rack-slots ol.hp-rack-devices > li:hover .hp-rack-uslot-bottom {
    display: block; }
  .hp-rack.hp-rack-slots ol.hp-rack-devices > li:hover.hp-rack-1u .hp-rack-uslot-bottom {
    display: none; }
  .hp-rack .hp-device-topUSlot {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    display: block;
    position: absolute;
    text-align: right;
    width: 25px;
    color: #737373;
    background-color: #f3f3f3;
    padding: 0px 5px 0px 3px;
    border-width: 1px 0px 0px 2px;
    border-style: solid;
    border-color: transparent;
    overflow: hidden; }
  .hp-rack .hp-enclosure {
    border: none;
    background-image: none; }
  .hp-rack .hp-switch .hp-device {
    margin-left: -2px;
    margin-right: -1px; }
  .hp-rack .hp-rack-empty {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px 10px 32px;
    min-width: 190px;
    min-height: 100%;
    vertical-align: middle;
    background-color: #f3f3f3;
    margin: 0px;
    background-color: #f3f3f3;
    overflow: hidden; }
    .hp-filter-pane .hp-rack .hp-rack-empty {
      min-width: 160px; }
    .hp-rack .hp-rack-empty label {
      color: #999; }
  .hp-rack .hp-rack-1u {
    height: 15px; }
  .hp-rack .hp-rack-2u {
    height: 30px; }
  .hp-rack .hp-rack-3u {
    height: 45px; }
  .hp-rack .hp-rack-4u {
    height: 60px; }
  .hp-rack .hp-rack-5u {
    height: 75px; }
  .hp-rack .hp-rack-6u {
    height: 90px; }
  .hp-rack .hp-rack-7u {
    height: 105px; }
  .hp-rack .hp-rack-8u {
    height: 120px; }
  .hp-rack .hp-rack-9u {
    height: 135px; }
  .hp-rack .hp-rack-10u {
    height: 150px; }
  .hp-rack .hp-rack-11u {
    height: 165px; }
  .hp-rack .hp-rack-12u {
    height: 180px; }
  .hp-rack .hp-rack-13u {
    height: 195px; }
  .hp-rack .hp-rack-14u {
    height: 210px; }
  .hp-rack .hp-rack-15u {
    height: 225px; }
  .hp-rack .hp-rack-16u {
    height: 240px; }
  .hp-rack .hp-rack-17u {
    height: 255px; }
  .hp-rack .hp-rack-18u {
    height: 270px; }
  .hp-rack .hp-rack-19u {
    height: 285px; }
  .hp-rack .hp-rack-20u {
    height: 300px; }
  .hp-rack .hp-rack-21u {
    height: 315px; }
  .hp-rack .hp-rack-22u {
    height: 330px; }
  .hp-rack .hp-rack-23u {
    height: 345px; }
  .hp-rack .hp-rack-24u {
    height: 360px; }
  .hp-rack .hp-rack-25u {
    height: 375px; }
  .hp-rack .hp-rack-26u {
    height: 390px; }
  .hp-rack .hp-rack-27u {
    height: 405px; }
  .hp-rack .hp-rack-28u {
    height: 420px; }
  .hp-rack .hp-rack-29u {
    height: 435px; }
  .hp-rack .hp-rack-30u {
    height: 450px; }
  .hp-rack .hp-rack-31u {
    height: 465px; }
  .hp-rack .hp-rack-32u {
    height: 480px; }
  .hp-rack .hp-rack-33u {
    height: 495px; }
  .hp-rack .hp-rack-34u {
    height: 510px; }
  .hp-rack .hp-rack-35u {
    height: 525px; }
  .hp-rack .hp-rack-36u {
    height: 540px; }
  .hp-rack .hp-rack-37u {
    height: 555px; }
  .hp-rack .hp-rack-38u {
    height: 570px; }
  .hp-rack .hp-rack-39u {
    height: 585px; }
  .hp-rack .hp-rack-40u {
    height: 600px; }
  .hp-rack .hp-rack-41u {
    height: 615px; }
  .hp-rack .hp-rack-42u {
    height: 630px; }
  .hp-rack .hp-rack-43u {
    height: 645px; }
  .hp-rack .hp-rack-44u {
    height: 660px; }
  .hp-rack .hp-rack-45u {
    height: 675px; }
  .hp-rack .hp-rack-46u {
    height: 690px; }
  .hp-rack .hp-rack-47u {
    height: 705px; }
  .hp-rack .hp-rack-48u {
    height: 720px; }
  .hp-rack .hp-rack-49u {
    height: 735px; }
  .hp-rack .hp-rack-50u {
    height: 750px; }
  .hp-rack .hp-rack-divider {
    height: 0px;
    background-color: #cccccc; }
  .hp-rack.hp-small {
    min-width: 130px; }
    .hp-rack.hp-small > label {
      display: none; }
    .hp-rack.hp-small > ol > li {
      width: 138px; }
      .hp-rack.hp-small > ol > li.hp-device, .hp-rack.hp-small > ol > li > .hp-device {
        width: 140px; }
    .hp-rack.hp-small .hp-rack-empty {
      min-width: 130px; }
    .hp-rack.hp-small .hp-rack-1u {
      height: 9px;
      min-height: 9px; }
    .hp-rack.hp-small .hp-rack-2u {
      height: 18px;
      min-height: 18px; }
    .hp-rack.hp-small .hp-rack-3u {
      height: 27px;
      min-height: 27px; }
    .hp-rack.hp-small .hp-rack-4u {
      height: 36px;
      min-height: 36px; }
    .hp-rack.hp-small .hp-rack-5u {
      height: 45px;
      min-height: 45px; }
    .hp-rack.hp-small .hp-rack-6u {
      height: 54px;
      min-height: 54px; }
    .hp-rack.hp-small .hp-rack-7u {
      height: 63px;
      min-height: 63px; }
    .hp-rack.hp-small .hp-rack-8u {
      height: 72px;
      min-height: 72px; }
    .hp-rack.hp-small .hp-rack-9u {
      height: 81px;
      min-height: 81px; }
    .hp-rack.hp-small .hp-rack-10u {
      height: 90px;
      min-height: 90px; }
    .hp-rack.hp-small .hp-rack-11u {
      height: 99px;
      min-height: 99px; }
    .hp-rack.hp-small .hp-rack-12u {
      height: 108px;
      min-height: 108px; }
    .hp-rack.hp-small .hp-rack-13u {
      height: 117px;
      min-height: 117px; }
    .hp-rack.hp-small .hp-rack-14u {
      height: 126px;
      min-height: 126px; }
    .hp-rack.hp-small .hp-rack-15u {
      height: 135px;
      min-height: 135px; }
    .hp-rack.hp-small .hp-rack-16u {
      height: 144px;
      min-height: 144px; }
    .hp-rack.hp-small .hp-rack-17u {
      height: 153px;
      min-height: 153px; }
    .hp-rack.hp-small .hp-rack-18u {
      height: 162px;
      min-height: 162px; }
    .hp-rack.hp-small .hp-rack-19u {
      height: 171px;
      min-height: 171px; }
    .hp-rack.hp-small .hp-rack-20u {
      height: 180px;
      min-height: 180px; }
    .hp-rack.hp-small .hp-rack-21u {
      height: 189px;
      min-height: 189px; }
    .hp-rack.hp-small .hp-rack-22u {
      height: 198px;
      min-height: 198px; }
    .hp-rack.hp-small .hp-rack-23u {
      height: 207px;
      min-height: 207px; }
    .hp-rack.hp-small .hp-rack-24u {
      height: 216px;
      min-height: 216px; }
    .hp-rack.hp-small .hp-rack-25u {
      height: 225px;
      min-height: 225px; }
    .hp-rack.hp-small .hp-rack-26u {
      height: 234px;
      min-height: 234px; }
    .hp-rack.hp-small .hp-rack-27u {
      height: 243px;
      min-height: 243px; }
    .hp-rack.hp-small .hp-rack-28u {
      height: 252px;
      min-height: 252px; }
    .hp-rack.hp-small .hp-rack-29u {
      height: 261px;
      min-height: 261px; }
    .hp-rack.hp-small .hp-rack-30u {
      height: 270px;
      min-height: 270px; }
    .hp-rack.hp-small .hp-rack-31u {
      height: 279px;
      min-height: 279px; }
    .hp-rack.hp-small .hp-rack-32u {
      height: 288px;
      min-height: 288px; }
    .hp-rack.hp-small .hp-rack-33u {
      height: 297px;
      min-height: 297px; }
    .hp-rack.hp-small .hp-rack-34u {
      height: 306px;
      min-height: 306px; }
    .hp-rack.hp-small .hp-rack-35u {
      height: 315px;
      min-height: 315px; }
    .hp-rack.hp-small .hp-rack-36u {
      height: 324px;
      min-height: 324px; }
    .hp-rack.hp-small .hp-rack-37u {
      height: 333px;
      min-height: 333px; }
    .hp-rack.hp-small .hp-rack-38u {
      height: 342px;
      min-height: 342px; }
    .hp-rack.hp-small .hp-rack-39u {
      height: 351px;
      min-height: 351px; }
    .hp-rack.hp-small .hp-rack-40u {
      height: 360px;
      min-height: 360px; }
    .hp-rack.hp-small .hp-rack-41u {
      height: 369px;
      min-height: 369px; }
    .hp-rack.hp-small .hp-rack-42u {
      height: 378px;
      min-height: 378px; }
    .hp-rack.hp-small .hp-rack-43u {
      height: 387px;
      min-height: 387px; }
    .hp-rack.hp-small .hp-rack-44u {
      height: 396px;
      min-height: 396px; }
    .hp-rack.hp-small .hp-rack-45u {
      height: 405px;
      min-height: 405px; }
    .hp-rack.hp-small .hp-rack-46u {
      height: 414px;
      min-height: 414px; }
    .hp-rack.hp-small .hp-rack-47u {
      height: 423px;
      min-height: 423px; }
    .hp-rack.hp-small .hp-rack-48u {
      height: 432px;
      min-height: 432px; }
    .hp-rack.hp-small .hp-rack-49u {
      height: 441px;
      min-height: 441px; }
    .hp-rack.hp-small .hp-rack-50u {
      height: 450px;
      min-height: 450px; }
    .hp-rack.hp-small.hp-rack-slots > label {
      padding-left: 15px; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u.hp-device .hp-device-name, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u > .hp-device .hp-device-name {
      display: none; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u.hp-device > .hp-status, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u > .hp-device > .hp-status {
      top: -2px; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u > .hp-rack-empty > label {
      visibility: hidden; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover.hp-device .hp-device-name, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-device .hp-device-name {
      display: inline-block; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover.hp-device > .hp-status, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-device > .hp-status {
      top: 3px; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-1u:hover > .hp-rack-empty > label {
      visibility: visible; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u.hp-device .hp-device-name, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u > .hp-device .hp-device-name {
      position: relative;
      top: -4px; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u.hp-device > .hp-status, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u > .hp-device > .hp-status {
      top: -2px; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u > .hp-rack-empty > label {
      position: relative;
      top: -2px; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover.hp-device .hp-device-name, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover > .hp-device .hp-device-name {
      position: static; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover.hp-device > .hp-status, .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover > .hp-device > .hp-status {
      top: 3px; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li.hp-rack-2u:hover > .hp-rack-empty > label {
      position: static; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li > .hp-device {
      padding-left: 12px; }
    .hp-rack.hp-small.hp-rack-slots ol.hp-rack-devices > li > .hp-rack-empty {
      padding-left: 15px; }

ol.hp-rack-power {
  margin-bottom: 0px;
  vertical-align: top; }
  ol.hp-rack-power > li {
    margin-bottom: 20px; }
    ol.hp-rack-power > li:last-child {
      margin-bottom: 0px; }
    ol.hp-rack-power > li:hover .hp-device-name {
      white-space: normal; }
    ol.hp-rack-power > li .hp-device.hp-highlight {
      border-color: #666666; }
    ol.hp-rack-power > li .hp-device {
      max-width: 160px;
      position: relative;
      white-space: nowrap; }
      ol.hp-rack-power > li .hp-device .hp-device-name {
        display: inline-block;
        text-overflow: ellipsis;
        max-width: 135px;
        width: 135px;
        overflow: hidden; }
      ol.hp-rack-power > li .hp-device .hp-device-model {
        white-space: normal; }

.hp-rack2D {
  border: 1px solid gray;
  background-color: lightgrey;
  position: relative;
  width: 226px;
  height: 380px;
  box-shadow: 10px 10px 20px black;
  display: block; }

.hp-rack-available-space {
  position: absolute;
  width: 224px;
  display: table; }

.hp-rack-available-space-text {
  color: gray;
  position: relative;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.hp-rackmount {
  border: 1px solid gray;
  background-color: white;
  position: absolute;
  width: 224px; }

.hp-rackmount-model-name {
  color: gray;
  position: absolute;
  right: 4px; }

.hp-rackmount-name {
  color: gray;
  position: absolute;
  left: 20px; }

.hp-rackmount-healthStatus {
  color: gray;
  position: absolute;
  left: 0px; }

.hp-datacenter-device {
  position: relative;
  height: 26px;
  margin-bottom: 5px;
  padding: 1px 1px 1px 1px;
  white-space: nowrap;
  cursor: pointer; }
  .hp-datacenter-device:last-of-type {
    margin-bottom: 0px; }
  .hp-datacenter-device.hp-active {
    background-color: #ffd; }
  .hp-datacenter-device .hp-status, .hp-datacenter-device .hp-device-name, .hp-datacenter-device .hp-usage {
    display: inline-block;
    vertical-align: top; }
  .hp-datacenter-device .hp-full {
    position: absolute;
    display: none; }
  .hp-datacenter-device:hover .hp-full {
    display: block;
    top: -8px;
    left: 15px;
    width: 200px;
    background: #fff;
    z-index: 2;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 8px 0px #666666;
    -moz-box-shadow: 3px 3px 8px 0px #666666;
    box-shadow: 3px 3px 8px 0px #666666;
    padding: 10px;
    text-align: left;
    -webkit-animation: 0.5s ease;
    -moz-animation: 0.5s ease;
    -ms-animation: 0.5s ease;
    -o-animation: 0.5s ease;
    animation: 0.5s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft; }
    .hp-datacenter-device:hover .hp-full:after {
      content: "";
      position: absolute;
      top: 10px;
      left: -14px;
      bottom: auto;
      border-width: 7px 7px 7px 7px;
      border-color: transparent #fff transparent transparent;
      border-style: solid;
      display: block;
      width: 0; }
    .hp-datacenter-device:hover .hp-full .hp-usage {
      position: absolute;
      top: 10px;
      right: 0px; }
      .hp-datacenter-device:hover .hp-full .hp-usage label {
        left: -60px;
        color: #425563; }
    .hp-datacenter-device:hover .hp-full .hp-device-metric {
      margin-top: 5px;
      margin-left: 5px; }

.hp-datacenter-metric-PopUp {
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px; }
  .hp-datacenter-metric-PopUp .vis-legend {
    position: absolute;
    padding: 5px;
    width: auto;
    height: auto;
    background-color: white;
    border: 1px solid #d9d9d9;
    text-align: center;
    -webkit-transition: bottom 0.3s;
    -moz-transition: bottom 0.3s;
    transition: bottom 0.3s; }
    .hp-datacenter-metric-PopUp .vis-legend label {
      white-space: pre-line;
      color: #737373; }

.hp-datacenter-metric-thermalDataLegend {
  position: relative;
  width: 25px;
  height: 75px; }

.hp-network-path {
  white-space: nowrap; }
  .hp-network-path > * {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
    .hp-network-path > *:last-of-type {
      margin-right: 0px; }
  .hp-network-path .hp-path-stack > * {
    margin-bottom: 5px; }
  .hp-network-path .hp-path-target > * {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
    .hp-network-path .hp-path-target > *:last-of-type {
      margin-right: 0px; }
  .hp-network-path .hp-switch {
    border: 2px solid #cccccc;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
    background-repeat: repeat-y; }
    .hp-network-path .hp-switch .hp-device {
      padding: 5px 15px;
      border: none;
      background-image: none; }

.hp-moonshot-top {
  display: inline-block;
  position: relative;
  border: 2px solid #cccccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y;
  font-size: 0px;
  white-space: nowrap;
  width: 560px; }
  .hp-moonshot-top > * {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    height: 345px; }
  .hp-moonshot-top > .hp-summary {
    display: none; }
  .hp-moonshot-top .hp-moonshot-slot-row {
    font-size: 0px;
    margin: 0px;
    padding: 0px; }
    .hp-moonshot-top .hp-moonshot-slot-row > li {
      display: inline-block;
      vertical-align: top;
      font-size: 13px; }
    .hp-moonshot-top .hp-moonshot-slot-row .hp-moonshot-slots {
      margin: 0px;
      padding: 0px; }
  .hp-moonshot-top .hp-moonshot-slot {
    position: relative;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 115px; }
    .hp-moonshot-top .hp-moonshot-slot.hp-empty {
      background-color: #f3f3f3;
      color: #737373; }
      .hp-moonshot-top .hp-moonshot-slot.hp-empty .hp-name {
        position: absolute;
        left: 7px;
        bottom: 6px; }
  .hp-moonshot-top .hp-cartridge {
    width: 20px;
    text-align: center;
    padding: 5px; }
    .hp-moonshot-top .hp-cartridge > .hp-status {
      left: 6px;
      margin: 5px 0px; }
    .hp-moonshot-top .hp-cartridge .hp-power, .hp-moonshot-top .hp-cartridge .hp-uid {
      margin: 5px 3px;
      color: transparent; }
    .hp-moonshot-top .hp-cartridge .hp-name {
      display: inline-block;
      margin-top: 20px; }
  .hp-moonshot-top .hp-moonshot-switch {
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    text-align: center;
    padding: 5px; }
    .hp-moonshot-top .hp-moonshot-switch > .hp-status {
      left: 10px;
      margin: 5px 0px; }
    .hp-moonshot-top .hp-moonshot-switch .hp-power, .hp-moonshot-top .hp-moonshot-switch .hp-uid {
      margin: 5px 7px;
      color: transparent; }
    .hp-moonshot-top .hp-moonshot-switch .hp-name {
      display: inline-block;
      margin-top: 20px; }
  .hp-moonshot-top.hp-small {
    width: 470px; }
    .hp-moonshot-top.hp-small > * {
      height: 60px; }
    .hp-moonshot-top.hp-small .hp-moonshot-slot {
      width: 26px;
      height: 20px; }
    .hp-moonshot-top.hp-small .hp-moonshot-switch {
      width: 40px;
      height: 60px; }
      .hp-moonshot-top.hp-small .hp-moonshot-switch .hp-status {
        left: 9px;
        margin: 0px; }
      .hp-moonshot-top.hp-small .hp-moonshot-switch .hp-power, .hp-moonshot-top.hp-small .hp-moonshot-switch .hp-uid, .hp-moonshot-top.hp-small .hp-moonshot-switch .hp-name {
        display: none; }
    .hp-moonshot-top.hp-small .hp-cartridge {
      padding: 2px; }
      .hp-moonshot-top.hp-small .hp-cartridge .hp-status {
        left: 5px;
        margin: 0px; }
      .hp-moonshot-top.hp-small .hp-cartridge .hp-power, .hp-moonshot-top.hp-small .hp-cartridge .hp-uid, .hp-moonshot-top.hp-small .hp-cartridge .hp-name {
        display: none; }

.hp-moonshot-back {
  display: inline-block;
  position: relative;
  border: 2px solid #cccccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y;
  width: 560px; }
  .hp-moonshot-back .hp-power-bays, .hp-moonshot-back .hp-fan-bays {
    font-size: 0px;
    margin: 0px;
    padding: 0px;
    white-space: nowrap; }
    .hp-moonshot-back .hp-power-bays > li, .hp-moonshot-back .hp-fan-bays > li {
      display: inline-block;
      vertical-align: top;
      font-size: 13px; }
  .hp-moonshot-back .hp-bay {
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .hp-moonshot-back .hp-bay.hp-empty {
      background-color: #f3f3f3; }
      .hp-moonshot-back .hp-bay.hp-empty > .hp-empty {
        padding: 10px 15px;
        color: #737373; }
  .hp-moonshot-back .hp-device {
    position: relative;
    padding: 10px 15px;
    border: none;
    background: none; }
    .hp-moonshot-back .hp-device > .hp-value {
      display: inline-block; }
    .hp-moonshot-back .hp-device .hp-unset {
      display: none; }
  .hp-moonshot-back .hp-power-bays .hp-bay {
    position: relative;
    width: 140px; }
    .hp-moonshot-back .hp-power-bays .hp-bay:after {
      content: '';
      position: absolute;
      top: 7px;
      right: 6px;
      width: 20px;
      height: 20px;
      background-image: url("../../img/hp-piano/power.png");
      background-position: center top;
      background-repeat: no-repeat;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .hp-moonshot-back .hp-fan-bays .hp-bay {
    position: relative;
    width: 112px; }
    .hp-moonshot-back .hp-fan-bays .hp-bay:after {
      content: '';
      position: absolute;
      top: 7px;
      right: 11px;
      width: 20px;
      height: 20px;
      background-image: url("../../img/hp-piano/fan.png");
      background-position: center top;
      background-repeat: no-repeat; }
  .hp-moonshot-back.hp-small {
    width: 470px; }
    .hp-moonshot-back.hp-small .hp-power-bays .hp-bay {
      width: 118px; }
    .hp-moonshot-back.hp-small .hp-fan-bays .hp-bay {
      width: 94px; }
    .hp-moonshot-back.hp-small .hp-bay {
      height: 20px; }
      .hp-moonshot-back.hp-small .hp-bay.hp-empty > .hp-empty {
        padding: 2px 7px; }
        .hp-moonshot-back.hp-small .hp-bay.hp-empty > .hp-empty .hp-unset {
          display: none; }
    .hp-moonshot-back.hp-small .hp-device {
      padding: 2px 7px; }
      .hp-moonshot-back.hp-small .hp-device .hp-device-name, .hp-moonshot-back.hp-small .hp-device .hp-unset {
        display: none; }

div.hp-microserver {
  display: inline-block;
  position: relative;
  padding: 10px 20px 20px 20px;
  border: 2px solid #cccccc;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
  background-repeat: repeat-y; }
  div.hp-microserver ul.hp-drive-slots {
    position: relative;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    padding-top: 35px;
    font-size: 0px;
    white-space: nowrap; }
    div.hp-microserver ul.hp-drive-slots:before {
      content: attr(data-header);
      position: absolute;
      top: 10px;
      font-size: 16px; }
    div.hp-microserver ul.hp-drive-slots li.hp-drive-slot {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 25px;
      height: 80px;
      padding: 15px 10px;
      border: 2px solid #cccccc;
      border-top-right-radius: 7px;
      border-bottom-left-radius: 7px;
      background-image: url(data:image/gif;base64,R0lGODlhBgABAIAAAObm5v///yH5BAAHAP8ALAAAAAAGAAEAAAIChF8AOw==);
      background-repeat: repeat-y;
      border-width: 1px;
      background-image: none;
      font-size: 13px;
      text-align: center;
      cursor: pointer; }
      div.hp-microserver ul.hp-drive-slots li.hp-drive-slot.hp-empty {
        background-color: #f3f3f3;
        color: #737373; }
      div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-name {
        font-size: 24px; }
      div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-status {
        margin-top: 15px;
        left: 3px; }
        div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-status.hp-changing {
          height: 60px;
          width: 14px; }
          div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-status.hp-changing > * {
            display: block; }
          div.hp-microserver ul.hp-drive-slots li.hp-drive-slot > .hp-status.hp-changing .hp-status-changing {
            top: 5px;
            left: -4px; }
      div.hp-microserver ul.hp-drive-slots li.hp-drive-slot .hp-details {
        position: absolute;
        display: none;
        background: #fff;
        z-index: 2;
        border: 1px solid #cccccc;
        border-bottom-left-radius: 7px;
        border-top-right-radius: 7px;
        padding: 10px 15px;
        text-align: left;
        -webkit-animation-name: fadeInDown;
        -moz-animation-name: fadeInDown;
        -ms-animation-name: fadeInDown;
        -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
        top: 45px;
        left: -1px;
        cursor: auto; }
        div.hp-microserver ul.hp-drive-slots li.hp-drive-slot .hp-details > .hp-status {
          margin-bottom: 10px; }
        div.hp-microserver ul.hp-drive-slots li.hp-drive-slot .hp-details .hp-progress {
          margin: 10px 0px; }
        div.hp-microserver ul.hp-drive-slots li.hp-drive-slot .hp-details .hp-size {
          font-size: 18px;
          margin: 10px 0px; }
      div.hp-microserver ul.hp-drive-slots li.hp-drive-slot:hover .hp-details {
        display: block; }