/**
 * Basic styles for the file upload consolidator input.
 */

.field-FileUploadConsolidatorInputComponent .file-drop-zone {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 20px;
    text-align: center;
}

.field-FileUploadConsolidatorInputComponent .file-error {
    background: #e00;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 5px;
}

.field-FileUploadConsolidatorInputComponent .file-preview-zone {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
}

.field-FileUploadConsolidatorInputComponent .attachment {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 10px;
    padding: 10px;
    width: 100px;
}

.field-FileUploadConsolidatorInputComponent .attachment-filename {
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.field-FileUploadConsolidatorInputComponent .attachment-delete-wrapper {
    font-size: 12px;
}

.field-FileUploadConsolidatorInputComponent .attachment-icon {
    align-items: center;
    display: flex;
    justify-content: center;
}

.field-FileUploadConsolidatorInputComponent .attachment-icon::before {
    content: '\f15b';
    font-family: 'FontAwesome';
    font-size: 40px;
}

.field-FileUploadConsolidatorInputComponent .icon-pdf::before {
    content: '\f1c1';
}

.field-FileUploadConsolidatorInputComponent .icon-doc::before,
.field-FileUploadConsolidatorInputComponent .icon-docx::before {
    content: '\f1c2';
}

.field-FileUploadConsolidatorInputComponent .icon-xls::before,
.field-FileUploadConsolidatorInputComponent .icon-xlsx::before {
    content: '\f1c3';
}

.field-FileUploadConsolidatorInputComponent .icon-ppt::before,
.field-FileUploadConsolidatorInputComponent .icon-pptx::before {
    content: '\f1c4';
}

.field-FileUploadConsolidatorInputComponent .icon-wav::before,
.field-FileUploadConsolidatorInputComponent .icon-mp3::before {
    content: '\f1c7';
}

.field-FileUploadConsolidatorInputComponent .icon-svg::before,
.field-FileUploadConsolidatorInputComponent .icon-bmp::before,
.field-FileUploadConsolidatorInputComponent .icon-png::before,
.field-FileUploadConsolidatorInputComponent .icon-gif::before,
.field-FileUploadConsolidatorInputComponent .icon-jpg::before,
.field-FileUploadConsolidatorInputComponent .icon-jpeg::before {
    content: '\f1c5';
}

.field-FileUploadConsolidatorInputComponent .icon-webm::before,
.field-FileUploadConsolidatorInputComponent .icon-avi::before,
.field-FileUploadConsolidatorInputComponent .icon-wma::before,
.field-FileUploadConsolidatorInputComponent .icon-mp4::before,
.field-FileUploadConsolidatorInputComponent .icon-wmv::before,
.field-FileUploadConsolidatorInputComponent .icon-mpg::before,
.field-FileUploadConsolidatorInputComponent .icon-mov::before,
.field-FileUploadConsolidatorInputComponent .icon-mpeg::before {
    content: '\f1c8';
}

.field-FileUploadConsolidatorInputComponent .icon-txt::before,
.field-FileUploadConsolidatorInputComponent .icon-csv::before,
.field-FileUploadConsolidatorInputComponent .icon-rtf::before {
    content: '\f15c';
}