//! (C) Copyright 2020 Hewlett-Packard Enterprise Company, L.P.

@import "hp-piano-mixins";

.hp-upload {
  display: inline-block;
  margin: 10px 0px;
}

.hp-upload-section {
  position: relative;
  margin-bottom: 20px;
  background-color: $secondary-background;
  min-width: 400px;
  min-height: 70px;
}

.hp-upload-dropbox {
  position: relative;
  @include box-sizing(border-box);
  width: 100%;
  min-height: 70px;
  padding: 15px;
  color: $secondary-color;
  border: 2px dashed $primary-divider;
}

.hp-upload-selected, .hp-upload-progress, .hp-upload-result {
  padding: 23px 15px;
  white-space:nowrap;
  a {
    color: $text-link-color;
  }
}

.hp-upload-controls {
  text-align: right;
  > input {
    //margin-right: -4px;
    &:last-of-type {
      //margin-right: 0px;
    }
  }
  .hp-upload-chooser-mask {
    position: relative;
    display: inline-block;
  }
}

.hp-upload-details {
  display: inline-block;
  padding-right:15px; 
  vertical-align:top;
}

.hp-upload-progress {
  .hp-upload-progress-filename {
    vertical-align: top;
    width: 180px;
  }
  .hp-upload-progress-bar {
    padding-top: 3px;
    text-align: center;
    width: 100px;
    .hp-upload-progress-meter {
      width: 100px;
      margin-bottom: 2px;
    }
  }
  .hp-upload-cancel {
    vertical-align: top;
    text-align: right;
    width: 80px;
  }
}

.hp-upload-file-choose {
  direction:rtl;
  font-size:3em;
  width:100%;
  height:100%;
  opacity:-1;
  filter:alpha(opacity=-1);
  overflow:hidden;
  position:absolute;
  top:0px;
  left:0px;
  margin-bottom: 0px;
  cursor: pointer;
}
