@charset "utf-8";

.attachmentsform-dragdrop {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .attachmentsform-dragdrop:hover {
        background-color: #f5f5f5;
        box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    }

    .attachmentsform-dragdrop input[type=file] {
        border: 3px dashed transparent;
        width: 100%;
        height: 50px;
        opacity: 0;
        cursor: pointer;
        padding: 10px;
        display: block;
        margin-top: -58px;
    }

.attachmentsform-dragdrop-label {
    height: 50px;
    text-align: center;
    cursor: pointer;
    position: static;
    width: 100%;
    line-height: 48px;
    vertical-align: middle;
    border: 3px solid #dee2e6;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

    .attachmentsform-dragdrop-label.drag-over {
        border-color: red;
    }



.icon-file {
    background-image: url(/css/icons/files/file.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 48px;
}

.icon-file-ico,
.icon-file-jpeg,
.icon-file-jpg,
.icon-file-heic,
.icon-file-heif,
.icon-file-png,
.icon-file-gif,
.icon-file-webp,
.icon-file-svg,
.icon-file-tiff,
.icon-file-heic,
.icon-file-heif,
.icon-file-bmp {
    background-image: url(/css/icons/files/type-image.png);
}

.icon-file-avi,
.icon-file-wmv,
.icon-file-webm,
.icon-file-vmw,
.icon-file-mp4 {
    background-image: url(/css/icons/files/type-video.png);
}

.icon-file-mp3,
.icon-file-ogg,
.icon-file-wav {
    background-image: url(/css/icons/files/type-audio.png);
}

.icon-file-7z {
    background-image: url(/css/icons/files/file-7z.png);
}

.icon-file-bin {
    background-image: url(/css/icons/files/file-bin.png);
}

.icon-file-doc {
    background-image: url(/css/icons/files/file-doc.png);
}

.icon-file-docx {
    background-image: url(/css/icons/files/file-docx.png);
}

.icon-file-exe {
    background-image: url(/css/icons/files/file-exe.png);
}

.icon-file-gz {
    background-image: url(/css/icons/files/file-gz.png);
}

.icon-file-odp {
    background-image: url(/css/icons/files/file-odp.png);
}

.icon-file-ods {
    background-image: url(/css/icons/files/file-ods.png);
}

.icon-file-odt {
    background-image: url(/css/icons/files/file-odt.png);
}

.icon-file-pdf {
    background-image: url(/css/icons/files/file-pdf.png);
}

.icon-file-ppt {
    background-image: url(/css/icons/files/file-ppt.png);
}

.icon-file-pptx {
    background-image: url(/css/icons/files/file-pptx.png);
}

.icon-file-txt {
    background-image: url(/css/icons/files/file-txt.png);
}

.icon-file-vsd {
    background-image: url(/css/icons/files/file-vsd.png);
}

.icon-file-xls {
    background-image: url(/css/icons/files/file-xls.png);
}

.icon-file-xlsx {
    background-image: url(/css/icons/files/file-xlsx.png);
}

.icon-file-xml {
    background-image: url(/css/icons/files/file-xml.png);
}

.icon-file-zip {
    background-image: url(/css/icons/files/file-zip.png);
}