/* ===================================================
 * style.file-upload.css
 * ===================================================
 * Represents the style for the file upload, which
 * consists of the file container, which holds the
 * uploaded files, and the droparea, which is used to
 * upload files via drap-and-drop.
 * =================================================== */

/* Styles for the drop upload area */
.file-upload .droparea {
    border: 1px dotted #999;
    margin: 10px 0px 10px 0px;
    padding: 20px;
    text-align: center;
}
.file-upload .droparea.active {
    border: 1px dotted #bce8f1;
    background-color: rgb(217, 237, 247);
    color: #3a87ad;
}
.file-upload .files-container {
    max-height: 500px;
    padding-right: 10px;
    overflow: auto;
}

/* Adds some margin to the file type icons */
.filetype {
    margin: 16px;
}