/* (A) ENTIRE PAGE */
* {
  box-sizing: border-box;
}

/* (B) WRAPPER */
.upwrap { width: 100%; }

/* (C) DRAG-DROP UPLOAD */
/* (C1) DROP ZONE */

/* (D) UPLOAD STATS */
.upstat {
color:#000000}
.uprow {
  background: #ededed;
}
.upstat .uprow:nth-child(even) { background: #f5f5f5; }
.upfile { margin-bottom: 5px;
color:#000000;}
.upprog, .upbar, .uppercent {
  width: 100%;
  height: 20px;
}
.upprog {
  position: relative;
  background: #fff;
}
.upbar {
  color:#000000;
  background: #d3e3ff;
  width: 0;
  transition: width 0.5s;
}
.uppercent {
  color:#000000;
  position: absolute; top: 0; left: 0;
  display: flex; align-items: center; justify-content: center;
}