/* Attaches */

.icon-pack-attaches-color { /* with color */
    /*display: inline-block;*/
    /*width: 32px;*/
    /*height: 32px;*/
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    background-color: var(--icon-pack-attache-background-color);
}

.icon-attache-bmp {
    -webkit-mask-image: url("../icons/filepack/bmp.svg");
            mask-image: url("../icons/filepack/bmp.svg");
}
.icon-attache-csv {
    -webkit-mask-image: url("../icons/filepack/csv.svg");
            mask-image: url("../icons/filepack/csv.svg");
}
.icon-attache-doc {
    -webkit-mask-image: url("../icons/filepack/doc.svg");
            mask-image: url("../icons/filepack/doc.svg");
}
.icon-attache-docx {
    -webkit-mask-image: url("../icons/filepack/docx.svg");
            mask-image: url("../icons/filepack/docx.svg");
}
.icon-attache-file {
    -webkit-mask-image: url("../icons/filepack/file.svg");
            mask-image: url("../icons/filepack/file.svg");
}
.icon-attache-gif {
    -webkit-mask-image: url("../icons/filepack/gif.svg");
            mask-image: url("../icons/filepack/gif.svg");
}
.icon-attache-html {
    -webkit-mask-image: url("../icons/filepack/html.svg");
            mask-image: url("../icons/filepack/html.svg");
}
.icon-attache-jpeg {
    -webkit-mask-image: url("../icons/filepack/jpeg.svg");
            mask-image: url("../icons/filepack/jpeg.svg");
}
.icon-attache-jpg {
    -webkit-mask-image: url("../icons/filepack/jpg.svg");
            mask-image: url("../icons/filepack/jpg.svg");
}
.icon-attache-pdf {
    -webkit-mask-image: url("../icons/filepack/pdf.svg");
            mask-image: url("../icons/filepack/pdf.svg");
}
.icon-attache-png {
    -webkit-mask-image: url("../icons/filepack/png.svg");
            mask-image: url("../icons/filepack/png.svg");
}
.icon-attache-rar {
    -webkit-mask-image: url("../icons/filepack/rar.svg");
            mask-image: url("../icons/filepack/rar.svg");
}
.icon-attache-tiff {
    -webkit-mask-image: url("../icons/filepack/tiff.svg");
            mask-image: url("../icons/filepack/tiff.svg");
}
.icon-attache-txt {
    -webkit-mask-image: url("../icons/filepack/txt.svg");
            mask-image: url("../icons/filepack/txt.svg");
}
.icon-attache-xls {
    -webkit-mask-image: url("../icons/filepack/xls.svg");
            mask-image: url("../icons/filepack/xls.svg");
}
.icon-attache-xlsx {
    -webkit-mask-image: url("../icons/filepack/xlsx.svg");
            mask-image: url("../icons/filepack/xlsx.svg");
}
.icon-attache-xml {
    -webkit-mask-image: url("../icons/filepack/xml.svg");
            mask-image: url("../icons/filepack/xml.svg");
}
.icon-attache-zip {
    -webkit-mask-image: url("../icons/filepack/zip.svg");
            mask-image: url("../icons/filepack/zip.svg");
}