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

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#hp-page-notifications {
  position: relative;
  opacity: 0;
  top: -45px;
  background-color: #fffdd7;
  color: black;
  height: 35px;
  margin-bottom: 10px;
  overflow: hidden;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
  background-position: right 8px;
  background-repeat: no-repeat;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  white-space: nowrap;
  cursor: pointer; }
  .hp-notify-disabled #hp-page-notifications {
    display: none;
    top: -40px; }
  #hp-page-notifications:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwdAQoR2aLEVgAAAI1JREFUOMvt0z0KwkAQBeCPiJV2Bjs9jiDprOz3ADmjECy9jwSMzQQWif8gFnkwxbx585id3WXEzzC5yadY4oL2Ts8MC5xDN4g9OhxQDtRLNKHZPZpwG6IORxRZrQiui0k2z45bZ2YN5hFNxtev7q7Kmk4RfV69exEpFt4btMF9hJQZpW+fyBqr8af8Ea427SL95COjowAAAABJRU5ErkJggg==);
    border: 2px solid #999;
    margin: -2px -2px 8px -2px; }
  #hp-page-notifications:focus {
    outline: none; }
  #hp-page-notifications.hp-available {
    opacity: 1;
    top: 0px; }
  #hp-page-notifications.hp-active {
    background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQwMMlJq7046827/yBHAARoAKjhDWiADtyBComAHlsBIPiBAIUcb+ILho7IpHLJrEQAADs=);
    max-height: 80%;
    height: auto;
    border-bottom: 5px solid #00B388;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom-color: #F4B51E;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    margin: -1px;
    z-index: 100; }
    #hp-page-notifications.hp-active:hover {
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAAAAAF9fXzMzM5+fnw8PD0dHR6+vryMjI29vb////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQwMMlJq7046827/yBXAAWIACjiDeiBDpyBBkmAGhsBCLghAIQcb+ILho7IpHLJrEQAADs=); }
    #hp-page-notifications.hp-active .hp-notification .hp-full, #hp-page-notifications.hp-active .hp-controls .hp-selector {
      display: block; }
    #hp-page-notifications.hp-active .hp-notification > header {
      height: auto; }
      #hp-page-notifications.hp-active .hp-notification > header .hp-message {
        margin-top: 10px;
        line-height: 15px;
        white-space: normal; }
  html.hp-high-contrast #hp-page-notifications {
    color: #425563; }
  #hp-page-notifications a {
    color: #007dba; }
  @media print {
    #hp-page-notifications {
      position: static;
      top: auto;
      left: auto;
      right: auto;
      bottom: auto;
      height: auto;
      width: auto;
      overflow: visible;
      display: none; } }
  #hp-page-notifications .hp-notification {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fffdd7;
    border: 1px solid transparent;
    overflow: hidden;
    white-space: nowrap; }
    #hp-page-notifications .hp-notification > header {
      vertical-align: top;
      height: 35px;
      line-height: 35px; }
      #hp-page-notifications .hp-notification > header .hp-status {
        top: 12px;
        left: 10px;
        margin-right: 10px; }
    #hp-page-notifications .hp-notification .hp-source, #hp-page-notifications .hp-notification .hp-source-name {
      display: none; }
    #hp-page-notifications .hp-notification .hp-full {
      display: none;
      position: relative;
      margin: 10px 0px 20px 0px;
      padding: 0px 28px;
      max-height: 400px;
      overflow-y: auto;
      white-space: normal; }
      #hp-page-notifications .hp-notification .hp-full p, #hp-page-notifications .hp-notification .hp-full ul, #hp-page-notifications .hp-notification .hp-full ol {
        margin: 10px 0px; }
      #hp-page-notifications .hp-notification .hp-full .hp-resolution-container > h3 {
        display: inline;
        font-weight: bold;
        font-size: inherit;
        margin-right: 5px; }
        #hp-page-notifications .hp-notification .hp-full .hp-resolution-container > h3:after {
          content: ':'; }
      #hp-page-notifications .hp-notification .hp-full .hp-actions {
        margin-top: 15px; }
        #hp-page-notifications .hp-notification .hp-full .hp-actions > li {
          color: #425563;
          display: inline-block;
          margin-right: 20px; }
  #hp-page-notifications .hp-controls {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    border-left: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #hp-page-notifications .hp-controls > header {
      height: 35px;
      line-height: 35px;
      padding: 0px 10px; }
      #hp-page-notifications .hp-controls > header .hp-view-all {
        display: inline-block;
        margin-right: 10px; }
      #hp-page-notifications .hp-controls > header .hp-summary-status {
        display: inline-block; }
        #hp-page-notifications .hp-controls > header .hp-summary-status .hp-status {
          top: 4px;
          left: 2px; }
    #hp-page-notifications .hp-controls .hp-selector {
      display: none;
      margin-bottom: 0px;
      overflow-y: auto;
      background-color: white; }
      #hp-page-notifications .hp-controls .hp-selector li {
        padding: 5px 10px;
        background-color: #fffdd7; }
        #hp-page-notifications .hp-controls .hp-selector li.hp-selected {
          background-color: #E4FFEE; }
        #hp-page-notifications .hp-controls .hp-selector li:hover {
          background-color: #e6e6e6; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-status {
          display: inline-block;
          top: 4px; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-message {
          display: inline-block;
          width: 160px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        #hp-page-notifications .hp-controls .hp-selector li .hp-timestamp {
          margin-left: 19px; }
  @media print {
    #hp-page-notifications {
      display: block;
      margin-bottom: 10px; } }

.hp-notification-summary > * {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; }
.hp-notification-summary .hp-status {
  margin-right: 0px; }
.hp-notification-summary .hp-progress {
  width: 100px;
  margin: 12px 10px 1px 10px; }
.hp-notification-summary .hp-message {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.hp-notification-summary .hp-close {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-position: -156px -16px;
  margin-left: 10px;
  display: none; }
  .hp-notification-summary .hp-close:hover {
    background-position: -156px 4px; }
  .hp-notification-summary .hp-close.hp-active {
    display: block; }

.hp-details-error {
  display: none;
  padding: 20px;
  background-color: #f00;
  margin-bottom: 20px; }

.hp-details-notify, .hp-notify {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 5px 0px 15px 0px;
  padding: 20px;
  background-color: #fffdd7;
  color: black;
  white-space: normal;
  display: none; }
  html.hp-high-contrast .hp-details-notify, html.hp-high-contrast .hp-notify {
    color: #425563; }
  .hp-details-notify.hp-active, .hp-notify.hp-active {
    display: block; }
  .hp-details-notify.hp-notify-heavy, .hp-notify.hp-notify-heavy {
    height: auto;
    width: auto;
    margin: 10px auto; }
  .hp-details-pane .hp-details-show-section .hp-details-notify, .hp-details-pane .hp-details-show-section .hp-notify {
    margin-right: -15px; }
  .hp-details-notify .hp-status, .hp-notify .hp-status {
    margin-top: 12px;
    margin-left: 12px; }
  .hp-details-notify .hp-notify-message, .hp-notify .hp-notify-message {
    padding: 8px 0px; }
  @media print {
    .hp-details-notify, .hp-notify {
      padding: 15px 0px;
      display: none; } }
  .hp-details-notify a, .hp-notify a {
    cursor: pointer; }
  .hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
    position: absolute;
    top: 8px;
    right: 12px; }
    .hp-details-notify .hp-details-notify-controls li, .hp-details-notify .hp-notify-controls li, .hp-notify .hp-details-notify-controls li, .hp-notify .hp-notify-controls li {
      display: inline-block;
      margin-left: 8px; }
      .hp-details-notify .hp-details-notify-controls li a, .hp-details-notify .hp-notify-controls li a, .hp-notify .hp-details-notify-controls li a, .hp-notify .hp-notify-controls li a {
        font-weight: bold;
        color: #737373; }
    @media print {
      .hp-details-notify .hp-details-notify-controls, .hp-details-notify .hp-notify-controls, .hp-notify .hp-details-notify-controls, .hp-notify .hp-notify-controls {
        display: none; } }

.hp-form-content .hp-notify {
  padding: 14px; }
  .hp-form-content .hp-notify h3 {
    display: inline;
    font-size: 13px;
    font-weight: bold; }

.hp-dialog-notification {
  position: relative;
  display: block;
  background-color: #fffdd7;
  color: black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
  cursor: pointer;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
  background-position: right 8px;
  background-repeat: no-repeat; }
  html.hp-high-contrast .hp-dialog-notification {
    color: #425563; }
  .hp-dialog-notification:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwdAQoR2aLEVgAAAI1JREFUOMvt0z0KwkAQBeCPiJV2Bjs9jiDprOz3ADmjECy9jwSMzQQWif8gFnkwxbx585id3WXEzzC5yadY4oL2Ts8MC5xDN4g9OhxQDtRLNKHZPZpwG6IORxRZrQiui0k2z45bZ2YN5hFNxtev7q7Kmk4RfV69exEpFt4btMF9hJQZpW+fyBqr8af8Ea427SL95COjowAAAABJRU5ErkJggg==); }
    .hp-dialog-notification:hover a {
      text-decoration: underline; }
    .hp-dialog-notification:hover .hp-message {
      color: #425563; }
  .hp-dialog-notification > * {
    display: inline-block;
    vertical-align: top; }
  .hp-dialog-notification > .hp-status {
    top: 2px;
    height: 12px; }
  .hp-dialog-notification > .hp-message {
    display: inline-block;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .hp-dialog-notification > .hp-full {
    display: none; }
  .hp-dialog-notification.hp-active {
    overflow: visible; }
    .hp-dialog-notification.hp-active:hover {
      border-color: transparent; }
    .hp-dialog-notification.hp-active a {
      text-decoration: underline; }
    .hp-dialog-notification.hp-active .hp-full {
      position: absolute;
      display: block;
      top: 0px;
      left: 0px;
      right: 0px;
      margin: -1px;
      z-index: 100;
      padding: 10px 20px 20px 32px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #fffdd7;
      color: black;
      border-bottom: 5px solid #00B388;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
      border-bottom-color: #F4B51E;
      background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAALi4usLCw9LS1OTk5czMzLy8vtfX2Onp6cXFx////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQyMMlJq7046827/2BWIMd0IMVWAGRyAql2AICQCHS5DXRADx4DDWAAEQCEkHLJbDqfmQgAOw==);
      background-position: right 8px;
      background-repeat: no-repeat; }
      .hp-dialog-notification.hp-active .hp-full:hover {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wwdAQoR2aLEVgAAAI1JREFUOMvt0z0KwkAQBeCPiJV2Bjs9jiDprOz3ADmjECy9jwSMzQQWif8gFnkwxbx585id3WXEzzC5yadY4oL2Ts8MC5xDN4g9OhxQDtRLNKHZPZpwG6IORxRZrQiui0k2z45bZ2YN5hFNxtev7q7Kmk4RfV69exEpFt4btMF9hJQZpW+fyBqr8af8Ea427SL95COjowAAAABJRU5ErkJggg==); }
      .hp-dialog-notification.hp-active .hp-full header {
        margin-left: -22px;
        margin-right: -22px; }
        .hp-dialog-notification.hp-active .hp-full header > .hp-status {
          display: inline-block;
          vertical-align: top;
          top: 2px;
          height: 12px; }
        .hp-dialog-notification.hp-active .hp-full header > .hp-message {
          display: inline-block;
          vertical-align: top;
          max-width: 90%;
          padding-bottom: 10px; }
      .hp-dialog-notification.hp-active .hp-full .hp-contents {
        overflow: auto; }
      .hp-dialog-notification.hp-active .hp-full p, .hp-dialog-notification.hp-active .hp-full ul, .hp-dialog-notification.hp-active .hp-full ol {
        margin: 10px 0px; }
      .hp-dialog-notification.hp-active .hp-full .hp-actions {
        margin-top: 15px; }
        .hp-dialog-notification.hp-active .hp-full .hp-actions > li {
          color: #425563;
          display: inline-block;
          margin-right: 10px; }

.hp-details-pane .hp-notify {
  width: auto;
  margin: 0px 0px 20px 0px; }

.hp-temporary-status {
  clear: both; }

#hp-error-page, .hp-error-section {
  background-color: inherit; }
  #hp-error-page .hp-notify, .hp-error-section .hp-notify {
    max-width: 600px;
    height: auto;
    margin: 0px auto;
    background-color: #fff;
    color: #000;
    text-align: left;
    border-bottom: 5px solid #00B388;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc; }
    #hp-error-page .hp-notify h1, .hp-error-section .hp-notify h1 {
      display: block;
      font-weight: bold;
      font-size: 14px;
      margin-bottom: 15px; }
    #hp-error-page .hp-notify label, .hp-error-section .hp-notify label {
      display: block;
      font-weight: bold;
      margin-bottom: 5px; }
    #hp-error-page .hp-notify a, .hp-error-section .hp-notify a {
      text-decoration: underline; }
    #hp-error-page .hp-notify footer, .hp-error-section .hp-notify footer {
      width: 100%;
      text-align: right; }
  #hp-error-page .hp-spinner, .hp-error-section .hp-spinner {
    width: 400px;
    background-color: #fff;
    color: #000;
    padding: 20px 10px 50px 10px;
    margin: 0px auto;
    border-bottom: 5px solid #00B388;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc; }

.hp-sessioned .hp-error-section {
  background-color: inherit; }
  .hp-sessioned .hp-error-section .hp-notify {
    width: 400px;
    margin: 0px auto;
    background-color: #fff;
    color: #000;
    border-bottom: 5px solid #00B388;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc; }
  .hp-sessioned .hp-error-section .hp-notify-autowidth {
    width: auto; }

.hp-unauthorized-page {
  width: 400px;
  margin: 40px auto;
  padding: 10px;
  background-color: #bce2ee;
  color: black; }
