.drop-target-container {
  position: relative;
  background: #fff;
  -webkit-transition: background 0.2s ease-out;
  min-height: 0;
  color: #999;
}


/* FILE CHOOSER */

.drop-target-container {
    position: relative;

    border: 2px dashed #ccc;
    border-radius: 4px;
    background: #fff;

    -webkit-transition: background 0.2s ease-out;

    color: #999;
}
.drop-target-container.droppable {
    -webkit-box-shadow: inset 0 0 15px #999;
       -moz-box-shadow: inset 0 0 15px #999;
            box-shadow: inset 0 0 15px #999;
}
.drop-target-container.dropped {
    background: #cccccc;
    -webkit-box-shadow: inset 0 0 15px #999;
       -moz-box-shadow: inset 0 0 15px #999;
            box-shadow: inset 0 0 15px #999;
    -webkit-transition: none;
}

.drop-target-container .drop-target {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.drop-target-container .drop-target {
    z-index: 1000;
    /* Fix for IE10: Don't let hovering over this element with a file activate elements behind it. */
    background: rgba(0,0,0,0.01);
}

.drop-target-container .drop-target-text {
  padding: 40px 0;
}
.drop-target-container .drop-target-icon {
  padding: 40px 0;
}

/* "Choose a file" contains a hidden input absolutely positioned. */

.file-picker-container {
    position: relative;
    cursor: pointer;
    /* don't let the file input escape the box. */
    overflow: hidden;
    position: relative;
    z-index: 1001;
}
.file-picker-container input {
    cursor: pointer;
}