/* (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P. */
/* (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P. */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -webkit-transform: translateX(-10px); }

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

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -moz-transform: translateX(-10px); }

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

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -ms-transform: translateX(-10px); }

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

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    -o-transform: translateX(-10px); }

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

@keyframes fadeInLeft {
  0% {
    opacity: 0.7;
    transform: translateX(-10px); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.hp-dashboard div.hp-details-full {
  padding: 0px; }
div.hp-dashboard div.hp-grid-panels {
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel > header a .hp-count {
    padding-left: 5px;
    color: #999999; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel > header a:hover .hp-count {
    color: #007dba; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel .hp-panel-contents-container {
    overflow: hidden; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel ol.hp-summary-status {
    font-size: 16px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel ol.hp-utilization-summary li {
    display: inline-block;
    margin-right: 20px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel .hp-pie {
    width: 120px;
    height: 120px; }
  div.hp-dashboard div.hp-grid-panels div.hp-grid-panel .hp-pie-summary {
    margin: 10px 0px;
    text-align: center; }

.hp-dashboard {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
  width: auto;
  overflow: auto;
  padding: 0px; }
  .hp-dashboard .hp-details-edit-section {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 200px;
    bottom: 0px;
    height: auto;
    width: auto;
    min-width: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    padding: 10px 24px 0px 24px; }
    @media print {
      .hp-dashboard .hp-details-edit-section {
        position: relative;
        left: 0px !important; } }
  .hp-dashboard .hp-grid-panels .hp-aggregate-panel {
    text-align: center; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel > header {
      text-align: left; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel .hp-aspects {
      text-align: center; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel > ol, .hp-dashboard .hp-grid-panels .hp-aggregate-panel > table {
      margin: 40px auto; }
    .hp-dashboard .hp-grid-panels .hp-aggregate-panel > table {
      margin-top: 30px; }

section.hp-dashboard-panels {
  position: absolute;
  top: 50px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  padding: 30px;
  background-color: white; }

ol.hp-dashboard-primary {
  height: 50%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0px; }

ol.hp-dashboard-secondary {
  height: 34%;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0px; }

ol.hp-dashboard-indicators {
  height: 16%;
  width: 100%;
  border-top: 5px solid #e6e6e6;
  margin: 0px; }

div.hp-dashboard-tertiary {
  background-color: #f3f3f3; }

div.hp-dashboard-notify {
  position: relative;
  background-color: #fffdd7;
  color: black;
  font-size: 20px;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif; }
  div.hp-dashboard-notify .hp-status.hp-primary {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px; }

li.hp-dashboard-panel {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  border-top: 5px solid #e6e6e6;
  margin-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 30px;
  height: 100%;
  overflow: hidden; }
  li.hp-dashboard-panel:last-child {
    margin-right: 0px; }
  li.hp-dashboard-panel header h2 {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
    font-family: 'HPBold', Arial, Helvetica, sans-serif; }
    html.hp-high-contrast li.hp-dashboard-panel header h2 {
      color: #425563; }
    li.hp-dashboard-panel header h2 .hp-count {
      color: #999999;
      font-family: 'HPRegular', Arial, Helvetica, sans-serif;
      padding-left: 10px; }
      li.hp-dashboard-panel header h2 .hp-count:after {
        content: ' >'; }
      html.hp-high-contrast li.hp-dashboard-panel header h2 .hp-count {
        color: #666666; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts li {
    min-width: 60px;
    padding-right: 0px;
    margin-right: 20px; }
    li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts li:last-of-type {
      margin-right: 0px; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status {
    display: inline-block;
    margin: 0px 2px; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count, li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-delta {
    display: inline-block;
    height: 14px;
    font-size: 15px;
    padding-top: 4px;
    text-align: center; }
    li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count:after, li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-delta:after {
      content: ' '; }
  li.hp-dashboard-panel .hp-alerts-summary .hp-alerts-status-counts .hp-status-count {
    display: none; }
  li.hp-dashboard-panel:hover .hp-alerts-summary .hp-status-count {
    display: inline-block; }
  li.hp-dashboard-panel:hover .hp-alerts-summary .hp-status-delta {
    display: none; }
  li.hp-dashboard-panel table {
    margin: 15px 0px; }
    li.hp-dashboard-panel table td, li.hp-dashboard-panel table th {
      padding: 5px; }
    li.hp-dashboard-panel table thead td, li.hp-dashboard-panel table thead th {
      background-color: white;
      color: #cccccc;
      border-left: none; }
      html.hp-high-contrast li.hp-dashboard-panel table thead td, html.hp-high-contrast li.hp-dashboard-panel table thead th {
        color: #666666; }

.hp-indicator {
  display: inline-block;
  padding: 15px 0px; }
  .hp-indicator .hp-value {
    display: inline-block;
    font-size: 36px;
    line-height: 42px;
    color: #666;
    font-family: 'HPLight', Arial, Helvetica, sans-serif; }
    html.hp-high-contrast .hp-indicator .hp-value {
      color: #425563; }
    .hp-indicator .hp-value:hover {
      color: #007dba;
      text-decoration: none; }
  .hp-indicator .hp-delta {
    display: inline-block; }
  .hp-indicator label {
    display: block;
    margin-top: 5px;
    color: #737373; }
    html.hp-high-contrast .hp-indicator label {
      color: #425563; }
  .hp-indicator.hp-changed .hp-value, .hp-indicator.hp-changed label {
    color: #425563; }
    html.hp-high-contrast .hp-indicator.hp-changed .hp-value, html.hp-high-contrast .hp-indicator.hp-changed label {
      color: black; }

.hp-dashboard-activity h1 {
  font-size: 18px;
  line-height: 18px;
  color: #425563;
  font-weight: normal;
  margin-bottom: 20px; }
  html.hp-high-contrast .hp-dashboard-activity h1 {
    color: #425563; }
  .hp-dashboard-activity h1 .hp-activity-count {
    color: #737373; }
    .hp-dashboard-activity h1 .hp-activity-count:before {
      content: "("; }
    .hp-dashboard-activity h1 .hp-activity-count:after {
      content: ")"; }
    html.hp-high-contrast .hp-dashboard-activity h1 .hp-activity-count {
      color: #425563; }
.hp-dashboard-activity .hp-summary > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 16px; }
  .hp-dashboard-activity .hp-summary > li .hp-status, .hp-dashboard-activity .hp-summary > li .hp-user {
    margin-bottom: 5px;
    margin-right: 0px; }
  .hp-dashboard-activity .hp-summary > li .hp-user {
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -100px -18px;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px; }
    .hp-dashboard-activity .hp-summary > li .hp-user.hp-unset {
      background-position: -100px -40px; }

.hp-dashboard-value {
  position: relative;
  display: inline-block;
  line-height: 32px;
  padding-bottom: 20px; }
  .hp-grid-panels .hp-grid-panel .hp-panel-contents .hp-dashboard-value {
    width: auto;
    vertical-align: top;
    min-width: 200px; }
  .hp-dashboard-value > * {
    display: inline-block;
    vertical-align: top; }
  .hp-dashboard-value h3 {
    display: block; }
  .hp-dashboard-value .hp-value-graph {
    margin-right: 15px;
    margin-bottom: 15px; }
  .hp-dashboard-value .hp-status {
    float: left;
    top: 10px;
    margin-right: 15px; }
  .hp-dashboard-value .hp-value {
    font-size: 32px;
    line-height: normal;
    color: #666;
    font-family: 'HPLight', Arial, Helvetica, sans-serif; }
    .hp-dashboard-value .hp-value .hp-unavailable {
      display: inline-block;
      height: 28px; }
    .hp-dashboard-value .hp-value .hp-units-details {
      display: block;
      font-size: 18px; }

ol.hp-dashboard-controls li {
  margin-bottom: 10px; }

.hp-grid-panels .hp-grid-panel .hp-panel-contents div.hp-dashboard-bar-graph {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0px 5px;
  width: 125px; }
  .hp-grid-panels .hp-grid-panel .hp-panel-contents div.hp-dashboard-bar-graph .hp-graph {
    width: 120px;
    height: 120px; }

div.hp-dashboard div.hp-value.hp-primary {
  color: inherit;
  font-family: 'HPRegular', Arial, Helvetica, sans-serif;
  font-size: 36px;
  line-height: normal;
  margin-bottom: 30px; }
  div.hp-dashboard div.hp-value.hp-primary.hp-notify {
    background-color: #fffdd7;
    padding: 15px; }
    div.hp-dashboard div.hp-value.hp-primary.hp-notify .hp-status {
      margin-top: 0px;
      margin-left: 0px; }
  div.hp-dashboard div.hp-value.hp-primary > .hp-status {
    display: inline-block; }
  div.hp-dashboard div.hp-value.hp-primary .hp-summary {
    display: inline-block; }
  div.hp-dashboard div.hp-value.hp-primary .hp-units-details {
    display: block;
    margin-top: 10px;
    font-family: 'HPLight', Arial, Helvetica, sans-serif;
    font-size: 20px; }
  div.hp-dashboard div.hp-value.hp-primary .hp-guidance {
    padding: 15px 0px;
    font-family: 'HPLight', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000; }
div.hp-dashboard div.hp-graphed-value {
  width: 200px;
  margin: 30px auto; }

/*
.hp-activity {
  color: $secondary-primary-color;
  margin-bottom: 25px;
  
  html.hp-high-contrast & {
    color: $projection-secondary-color;
  }
  
  > * {
    display: inline-block;
    vertical-align: top;
  }
  
  .hp-status, .hp-user {
    width: 11px;
    height: 11px;
    margin-top: 5px;
    margin-right: 5px;
  }
  
  .hp-user {
    background-image: url($img_file);
    background-position: $user-x -120px;
    background-repeat: no-repeat;
  }
  
  .hp-message {
    width: 140px;
  }
}
*/
