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

html.no-flexbox .hp-alert-primary > * {
  display: table-cell; }
html.no-flexbox .hp-alert-primary .hp-alert-text {
  width: 100%; }
html.no-flexbox .hp-alert-secondary > * {
  display: table-cell; }

html.no-opacity .hp-dynamic {
  visibility: visible; }
html.no-opacity .hp-show-changing .hp-dynamic {
  visibility: hidden; }

html.no-cssanimations .hp-spinner .hp-spinner-image {
  background: transparent url("../../img/hp-piano/throbber.gif") no-repeat; }
html.no-cssanimations .hp-details-header .hp-status .hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing.gif") no-repeat; }
html.no-cssanimations table .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-status .hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing-small.gif") no-repeat; }
html.no-cssanimations table .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations table .hp-list-table-selected-row:hover .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations .hp-device .hp-list-table-selected-row:hover .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-list-table-selected-row .hp-status .hp-status-changing, html.no-cssanimations #hp-flyout-uploads .hp-list-table-selected-row:hover .hp-status .hp-status-changing {
  background: transparent url("../../img/hp-piano/status-changing-small-select.gif") no-repeat; }

html.no-rgba #hp-overlay, html.no-rgba .hp-overlay {
  background-image: url("../../img/hp-piano/ie8-overlay-light.png"); }
html.no-rgba #hp-overlay.hp-changing, html.no-rgba .ui-widget-overlay, html.no-rgba #hp-dialog-overlay, html.no-rgba .hp-overlay.hp-changing, html.no-rgba .hp-dialog-overlay {
  background-image: url("../../img/hp-piano/ie8-overlay.png"); }

html.no-opacity #hp-sidebar.hp-inactive .hp-banner-flyout {
  background-color: white;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
html.no-opacity form.hp-add-form fieldset li.hp-form-item .hp-form-content .hp-help, html.no-opacity form.hp-edit-form fieldset li.hp-form-item .hp-form-content .hp-help {
  visibility: hidden; }
html.no-opacity form.hp-add-form fieldset li.hp-form-item .hp-form-content:hover .hp-help, html.no-opacity form.hp-add-form fieldset li.hp-form-item .hp-form-content.hp-active .hp-help, html.no-opacity form.hp-edit-form fieldset li.hp-form-item .hp-form-content:hover .hp-help, html.no-opacity form.hp-edit-form fieldset li.hp-form-item .hp-form-content.hp-active .hp-help {
  visibility: visible; }
html.no-opacity #hp-activity-flyout li.hp-activity .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload .hp-full {
  display: none; }
html.no-opacity #hp-activity-flyout li.hp-activity.hp-selected .hp-full, html.no-opacity #hp-activity-flyout li.hp-activity.hp-selected:hover .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload.hp-selected .hp-full, html.no-opacity #hp-activity-flyout li.hp-fileupload.hp-selected:hover .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity.hp-selected .hp-full, html.no-opacity #hp-upload-flyout li.hp-activity.hp-selected:hover .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload.hp-selected .hp-full, html.no-opacity #hp-upload-flyout li.hp-fileupload.hp-selected:hover .hp-full {
  display: block; }
html.no-opacity .hp-grid-panels .hp-grid-panel .hp-panel-edit {
  display: none; }
html.no-opacity .hp-grid-panels .hp-grid-panel:hover .hp-panel-edit {
  display: inline-block; }

html.ie8 form.hp-show-form fieldset li > label:first-child {
  max-width: 170px;
  width: 33%;
  margin-bottom: 5px;
  color: #737373; }
  html.ie8 form.hp-show-form fieldset li > label:first-child.hp-condensed {
    width: auto; }
html.ie8 form.hp-add-form fieldset, html.ie8 form.hp-edit-form fieldset {
  background-image: none; }
html.ie8 form.hp-add-form li.hp-form-item > label:first-child, html.ie8 form.hp-edit-form li.hp-form-item > label:first-child {
  text-align: right;
  min-width: 130px;
  width: 25%;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #737373; }
  body.hp-narrow html.ie8 form.hp-add-form li.hp-form-item > label:first-child, body.hp-narrow html.ie8 form.hp-edit-form li.hp-form-item > label:first-child {
    display: block;
    text-align: left; }
html.ie8 form.hp-column-form fieldset li > label:first-child {
  display: inline-block;
  width: 32%;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 170px; }
  html.ie8 form.hp-column-form fieldset li > label:first-child.hp-condensed {
    width: auto;
    margin-right: 10px; }
html.ie8 #hp-page-notifications {
  display: none; }
  html.ie8 #hp-page-notifications.hp-available {
    display: block; }
html.ie8 .hp-no-notifications #hp-page-notifications.hp-available {
  display: none; }
html.ie8 .hp-dialog-notification > .hp-message {
  width: 500px; }
html.ie8 .hp-experimental {
  display: none !important; }
html.ie8.experimental .hp-experimental {
  display: inherit !important; }

.hp-search-combo-input-mask {
  position: absolute;
  top: 2px;
  right: 1px;
  content: "";
  width: 45px;
  height: 23px;
  background-color: white; }

/* Keeping it funky, for some fun while developing */
@-webkit-keyframes drop-twist {
  0% {
    background-color: #000;
    -webkit-transform: rotate(0deg); }

  10% {
    background-color: #000;
    -webkit-transform: rotate(0deg); }

  33% {
    background-color: #009; }

  45% {
    margin: 0px; }

  50% {
    -webkit-transform: translate(0px, 200px);
    margin: 0px 100px; }

  55% {
    margin: 0px; }

  66% {
    background-color: #090; }

  90% {
    background-color: #900;
    -webkit-transform: rotate(180deg); }

  100% {
    background-color: #900;
    -webkit-transform: rotate(180deg); } }

.funky .hp-banner {
  -webkit-animation: drop-twist 10s ease-in-out 5 alternate 5s; }
