.dropzone {
      min-height: 5px;
      border: 1px solid rgba(0,0,0,.8);
      border-radius: 5px;
      padding: 28px 20px;
    }
    .dropzone .dz-message {
      text-align: center;
      margin: -1em 0 !important; 
    }
    .dropzone .dz-preview.dz-file-preview .dz-image {
      /* border-radius: 20px; */
      /* background: #999; */
      /* background: linear-gradient(to bottom, #eee, #ddd); */
      background: transparent;
    }
    .dropzone .dz-preview .dz-details {
        z-index: 20;
        position: absolute;
        top: -14px;
        left: -7px;
        opacity: 0;
        font-size: 13px;
        min-width: 100%;
        max-width: 100%;
        padding: 2em 1em;
        text-align: center;
        color: rgba(0,0,0,.9);
        line-height: 150%;
    } 
    .dropzone .dz-preview .dz-progress {
        opacity: 1;
        z-index: 1000;
        pointer-events: none;
        position: absolute;
        /*height: 26px;*/
        top: 55%;
        margin-top: -90px;
        left: 10px;
        width: 100%;
        /*right: 0%;*/
        border: 0px solid rgb(46 150 181);
        background: #ffffff;
        border-radius: 4px;
        overflow: hidden;
    }

  .dropzone .dz-preview .dz-progress .dz-upload {
    background: #2e96b5;
    display: block;
    position: relative;
    height: 100%;
    width: 0%;
    transition: width 300ms ease-in-out;
    border-radius: 0px;
  }

  .dz-progress {
    width: 225px !important;
    margin-top: -93px;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    /* background-color: rgba(255,255,255,.4); */
    /* padding: 0 0.4em; */
    /* border-radius: 3px; */
    display: none;
}