/* (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-comments-icon {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: -200px -120px;
  background-repeat: no-repeat; }
  table thead td .hp-comments-icon {
    margin-top: 1px;
    margin-bottom: -1px; }

.hp-alerts {
  top: 80px;
  margin: 0px; }

.hp-alert {
  margin: 5px 10px;
  border-radius: 3px; }
  .hp-alert.hp-alert-expanded .hp-alert-secondary {
    border-top: 1px solid #d9d9d9;
    border-left: 3px solid #d9d9d9;
    border-right: 3px solid #d9d9d9;
    border-bottom: 3px solid #d9d9d9; }
  .hp-alert.hp-alert-expanded .hp-alert-primary, .hp-alert.hp-alert-expanded .hp-alert-primary:hover {
    background-color: #f3f3f3;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }
  .hp-alert.hp-alert-selected .hp-alert-primary, .hp-alert.hp-alert-selected .hp-alert-primary:hover, .hp-alert.ui-selected .hp-alert-primary, .hp-alert.ui-selected .hp-alert-primary:hover {
    background-color: #fffdd7;
    color: #fff; }
    .hp-alert.hp-alert-selected .hp-alert-primary a, .hp-alert.hp-alert-selected .hp-alert-primary:hover a, .hp-alert.ui-selected .hp-alert-primary a, .hp-alert.ui-selected .hp-alert-primary:hover a {
      color: #fff; }
    .hp-alert.hp-alert-selected .hp-alert-primary .hp-alert-text-container a, .hp-alert.hp-alert-selected .hp-alert-primary:hover .hp-alert-text-container a, .hp-alert.ui-selected .hp-alert-primary .hp-alert-text-container a, .hp-alert.ui-selected .hp-alert-primary:hover .hp-alert-text-container a {
      font-style: italic; }
    .hp-alert.hp-alert-selected .hp-alert-primary .hp-alert-date, .hp-alert.hp-alert-selected .hp-alert-primary:hover .hp-alert-date, .hp-alert.ui-selected .hp-alert-primary .hp-alert-date, .hp-alert.ui-selected .hp-alert-primary:hover .hp-alert-date {
      color: #eee; }
  .hp-alert.hp-alert-selected .hp-alert-secondary, .hp-alert.ui-selected .hp-alert-secondary {
    border-top: 1px solid #E4FFEE;
    border-left: 3px solid #E4FFEE;
    border-right: 3px solid #E4FFEE;
    border-bottom: 3px solid #E4FFEE; }
  .hp-alert .hp-alert-primary .hp-alert-expander {
    margin: -4px 0px;
    padding: 0px;
    width: 27px;
    height: 27px;
    background-image: url("../../img/hp-piano/grid-expand.png");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px; }
    .hp-alert .hp-alert-primary .hp-alert-expander:hover {
      background-color: #eee; }
  .hp-alert.hp-alert-selected .hp-alert-expander:hover, .hp-alert.ui-selected .hp-alert-expander:hover {
    background-color: #3091b8; }
  .hp-alert.hp-alert-expanded .hp-alert-expander {
    background-image: url("../../img/hp-piano/grid-collapse.png"); }
  .hp-alert .hp-alert-primary {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
    -moz-box-lines: single;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .hp-alert .hp-alert-primary:hover {
      background-color: #f3f3f3; }
    .hp-alert .hp-alert-primary > * {
      vertical-align: top;
      padding: 0px 10px;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      box-flex: 0; }
    .hp-alert .hp-alert-primary > .hp-status {
      padding-left: 0px; }
    .hp-alert .hp-alert-primary .hp-alert-text-container, .hp-alert .hp-alert-primary .hp-alert-text {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1; }
      .hp-alert .hp-alert-primary .hp-alert-text-container .hp-alert-details, .hp-alert .hp-alert-primary .hp-alert-text .hp-alert-details {
        margin-left: 10px; }
    .hp-alert .hp-alert-primary .hp-alert-source {
      white-space: nowrap;
      text-align: left;
      width: 150px;
      overflow: hidden; }
    .hp-alert .hp-alert-primary .hp-alert-date {
      color: #737373;
      white-space: nowrap;
      text-align: left;
      width: 127px; }
      .hp-alert .hp-alert-primary .hp-alert-date > span {
        display: inline; }
      .hp-alert .hp-alert-primary .hp-alert-date .hp-alert-date-time {
        text-align: right; }
    .hp-alert .hp-alert-primary .hp-alert-controls {
      width: 120px;
      text-align: right; }
      .hp-alert .hp-alert-primary .hp-alert-controls li {
        position: relative;
        display: inline-block;
        margin-right: 10px; }
        .hp-alert .hp-alert-primary .hp-alert-controls li:last-of-type {
          margin-right: 0px; }
        .hp-alert .hp-alert-primary .hp-alert-controls li .hp-alert-assigner {
          position: absolute;
          top: -19px;
          right: 0px;
          color: #000; }
  .hp-alert .hp-alert-secondary {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: box;
    box-orient: horizontal;
    -moz-box-lines: single;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    border: 3px solid #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .hp-alert .hp-alert-secondary a {
      cursor: pointer; }
    .hp-alert .hp-alert-secondary > * {
      padding-right: 20px; }
      .hp-alert .hp-alert-secondary > *:last-of-type {
        border-left: 2px solid #f3f3f3;
        padding-left: 20px;
        padding-right: 0px; }
    .hp-alert .hp-alert-secondary .hp-alert-notes-section {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
      padding-right: 40px; }
      .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes {
        padding-bottom: 20px;
        width: 100%; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note {
          display: -webkit-box;
          -webkit-box-orient: horizontal;
          display: -moz-box;
          -moz-box-orient: horizontal;
          display: box;
          box-orient: horizontal;
          -moz-box-lines: single;
          width: 100%; }
          .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note > * {
            display: block;
            margin-right: 20px; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-user {
          color: #737373; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-text {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          box-flex: 1; }
        .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-notes .hp-alert-note-date {
          color: #737373; }
      .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-note-form textarea {
        width: 300px;
        height: 60px; }
      .hp-alert .hp-alert-secondary .hp-alert-notes-section .hp-alert-note-form .hp-alert-note-controls > li {
        display: inline-block; }
    .hp-alert .hp-alert-secondary .hp-alert-aside {
      padding-left: 23px;
      width: 445px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .hp-alert .hp-alert-secondary .hp-alert-aside .hp-column-form {
        padding: 0px; }
        .hp-alert .hp-alert-secondary .hp-alert-aside .hp-column-form a {
          margin-left: 10px; }
      .hp-alert .hp-alert-secondary .hp-alert-aside .hp-alert-controls {
        position: relative; }
        .hp-alert .hp-alert-secondary .hp-alert-aside .hp-alert-controls .hp-alert-assigner {
          position: absolute;
          top: -5px;
          left: 0px; }
  .hp-alert .hp-date-annotate {
    margin-left: 5px; }

#hp-alert-filter-menu, #hp-alert-date-menu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #hp-alert-filter-menu ol, #hp-alert-date-menu ol {
    margin-bottom: 15px; }
    #hp-alert-filter-menu ol li, #hp-alert-date-menu ol li {
      display: block;
      cursor: pointer;
      white-space: nowrap;
      margin: 0px -20px;
      padding: 0px 15px 0px 35px; }
      #hp-alert-filter-menu ol li:hover, #hp-alert-date-menu ol li:hover {
        background-color: #f3f3f3; }
      #hp-alert-filter-menu ol li.hp-alert-filter-selected, #hp-alert-filter-menu ol li.hp-alert-date-selected, #hp-alert-date-menu ol li.hp-alert-filter-selected, #hp-alert-date-menu ol li.hp-alert-date-selected {
        background-image: url("../../img/hp-piano/check.png");
        background-repeat: no-repeat;
        background-position: 10px center; }
      #hp-alert-filter-menu ol li .hp-status, #hp-alert-date-menu ol li .hp-status {
        display: inline-block;
        top: 5px;
        left: -5px; }

.hp-alerts-summary .hp-alerts-status-counts {
  margin: 10px 0px; }
  .hp-alerts-summary .hp-alerts-status-counts li {
    display: inline-block;
    vertical-align: top;
    padding-right: 30px; }
    .hp-alerts-summary .hp-alerts-status-counts li > * {
      display: inline-block;
      vertical-align: top; }
.hp-alerts-summary .hp-status {
  margin-right: 5px; }
.hp-alerts-summary .hp-status-count {
  font-size: 20px;
  padding-top: 3px; }
.hp-alerts-summary .hp-alerts-simple-table tr td {
  padding-left: 0px;
  padding-right: 10px; }
  .hp-alerts-summary .hp-alerts-simple-table tr td .hp-status {
    position: relative;
    top: 3px;
    margin-left: 0px; }
  .hp-alerts-summary .hp-alerts-simple-table tr td.hp-alert-date {
    color: #737373; }
  .hp-alerts-summary .hp-alerts-simple-table tr td:last-of-type {
    padding-right: 0px; }

#tour-alerts2-page .hp-alert a {
  transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s; }
#tour-alerts2-page .hp-alert:hover a {
  opacity: 1.0 !important; }
#tour-alerts2-page .hp-alert .hp-alert-details {
  opacity: 0.8;
  cursor: pointer; }
#tour-alerts2-page .hp-alert .hp-alert-controls li a {
  opacity: 0.8; }
#tour-alerts2-page .hp-alert .hp-alert-secondary {
  padding: 10px 0px; }
  #tour-alerts2-page .hp-alert .hp-alert-secondary a {
    opacity: 0.8;
    cursor: pointer; }
  #tour-alerts2-page .hp-alert .hp-alert-secondary .hp-alert-aside {
    right: auto;
    left: 0px;
    border-left: none;
    width: 330px; }
  #tour-alerts2-page .hp-alert .hp-alert-secondary .hp-alert-notes-section {
    padding-left: 50px; }

.hp-details-message-assign {
  position: relative; }
  .hp-details-message-assign a {
    padding-right: 10px;
    background-image: url("../../img/hp-piano/down-arrow-selected.png");
    background-repeat: no-repeat;
    background-position: right center; }
  .hp-details-message-assign .hp-details-message-assigns {
    position: absolute;
    z-index: 2;
    background: #fff;
    border: 1px solid #eee;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 1px 1px 5px 0px #666666;
    -moz-box-shadow: 1px 1px 5px 0px #666666;
    box-shadow: 1px 1px 5px 0px #666666; }
    .hp-details-message-assign .hp-details-message-assigns > li {
      white-space: nowrap;
      padding: 3px 10px;
      cursor: pointer; }
      .hp-details-message-assign .hp-details-message-assigns > li:hover {
        background-color: #f3f3f3; }
  .hp-details-message-assign.hp-expanded .hp-details-message-assigns {
    -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: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; }

.hp-details-message-comment .hp-details-message-comment-adder {
  display: none; }
.hp-details-message-comment:hover .hp-details-message-comment-adder {
  -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: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }
