/* (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-file-chooser-container .hp-error {
  margin: 10px 15px; }
.hp-file-chooser-container .hp-file-chooser {
  padding: 45px 30px;
  border: 1px dashed #ccc;
  position: relative; }
  .hp-file-chooser-container .hp-file-chooser.hp-file-multiple-dragover {
    border: 1px solid #DC442F; }
    .hp-file-chooser-container .hp-file-chooser.hp-file-multiple-dragover .hp-message {
      color: #DC442F;
      font-style: italic;
      font-size: 18px; }
  .hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dragover {
    background-color: #e6e6e6;
    border: 1px dotted #ccc;
    font-size: 18px; }
  .hp-file-chooser-container .hp-file-chooser.hp-file-chooser-dropped {
    border: 1px solid #CCCCCC;
    background-color: #fff; }
  .hp-compact .hp-file-chooser-container .hp-file-chooser {
    padding: 15px 11px; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 400px; }
    .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-wrapper {
      margin: 0px;
      display: inline-block;
      max-width: 450px; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-file {
    font-size: 18px;
    opacity: -1;
    filter: alpha(opacity=-1);
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details {
    margin-bottom: 20px; }
    .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details {
      display: inline-block;
      margin: 0px;
      padding: 7px 0px 0px; }
    .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message {
      word-break: break-all;
      margin-bottom: 10px; }
      .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message.hp-help {
        color: #b9b8bb;
        font-style: italic;
        font-size: 18px; }
      .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-message {
        font-size: inherit;
        margin-right: 10px;
        opacity: 1;
        display: inline-block;
        font-style: normal;
        color: #333;
        max-width: 240px; }
    .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-file-chooser-file-size {
      vertical-align: top;
      color: #737373; }
      .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-details .hp-file-chooser-file-size {
        display: inline-block;
        margin-right: 10px; }
  .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container {
    vertical-align: top; }
    .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container .hp-file-chooser-mask {
      display: inline-block;
      position: relative; }
    .hp-compact .hp-file-chooser-container .hp-file-chooser .hp-file-chooser-mask-container {
      display: inline-block; }
