.mimeType {
    position: relative;
    display: inline-block;
    height: 48px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 5px;
}

.mimeType:before {
    margin-top:-15px;
    margin-right: 5px;
    left: 0;
    content: " ";
    float: left;
    width: 48px;
    height: 48px;
    background-image: url("../../Content/mime-images/unknown-icon-48x48.png");
    background-repeat: no-repeat;
}

.mimeType.xls:before {
    background-image: url("../../Content/mime-images/xls-icon-48x48.png");
}

.mimeType.xlsx:before {
    background-image: url("../../Content/mime-images/xlsx-icon-48x48.png");
}

.mimeType.docx:before {
    background-image: url("../../Content/mime-images/docx-icon-48x48.png");
}

.mimeType.mp3:before {
    background-image: url("../../Content/mime-images/mp3-icon-48x48.png");
}

.mimeType.wav:before {
    background-image: url("../../Content/mime-images/wav-icon-48x48.png");
}

.mimeType.flac:before {
    background-image: url("../../Content/mime-images/flac-icon-48x48.png");
}

.mimeType.doc:before {
    background-image: url("../../Content/mime-images/doc-icon-48x48.png");
}

.mimeType.ppt:before {
    background-image: url("../../Content/mime-images/ppt-icon-48x48.png");
}

.mimeType.pptx:before {
    background-image: url("../../Content/mime-images/pptx-icon-48x48.png");
}

.mimeType.pdf:before {
    background-image: url("../../Content/mime-images/pdf-icon-48x48.png");
}

.mimeType.zip:before {
    background-image: url("../../Content/mime-images/zip-icon-48x48.png");
}

.mimeType.txt:before {
    background-image: url("../../Content/mime-images/txt-icon-48x48.png");
}

.mimeType.pjTask:before,
.mimeType.task:before {
    background-image: url("../../Content/mime-images/pjTask-icon-48x48.png");
}

.mimeType.pjDocu:before,
.mimeType.wiki:before,
.mimeType.docu:before {
    background-image: url("../../Content/mime-images/pjDocu-icon-48x48.png");
}

.mimeType.png:before,
.mimeType.jpg:before,
.mimeType.jpeg:before,
.mimeType.bmp:before,
.mimeType.gif:before {
    background-image: url("../../Content/mime-images/img-icon-48x48.png");
}

.mimeType.mimeTypeLoading:before {
    opacity: 0.75;
}

/*mimetypes xs*/ 
.mimeTypeXs {
    position: relative;
    height: 16px;
    width: 16px;
    clear: both;
    display: inline !important;
}

.mimeTypeXs:before {
    margin-right: 5px;
    left: 0;
    content: " ";
    float: left;
    width: 16px;
    height: 16px;
    background-image: url("../../Content/mime-images/unknown-icon-16x16.png");
    background-repeat: no-repeat;
}

.mimeTypeXs.xlsx:before,
.mimeTypeXs.xlsm:before,
.mimeTypeXs.xlsb:before,
.mimeTypeXs.xltx:before,
.mimeTypeXs.xltm:before,
.mimeTypeXs.xlt:before {
    background-image: url("../../Content/mime-images/xlsx-icon-16x16.png");
}

.mimeTypeXs.xls:before {
    background-image: url("../../Content/mime-images/xls-icon-16x16.png");
}

.mimeTypeXs.csv:before {
    background-image: url("../../Content/mime-images/csv-icon-16x16.png");
}

.mimeTypeXs.xml:before {
    background-image: url("../../Content/mime-images/xml-icon-16x16.png");
}

.mimeTypeXs.docx:before,
.mimeTypeXs.docm:before,
.mimeTypeXs.dotx:before,
.mimeTypeXs.dotm:before,
.mimeTypeXs.dot:before {
    background-image: url("../../Content/mime-images/docx-icon-16x16.png");
}

.mimeTypeXs.doc:before {
    background-image: url("../../Content/mime-images/doc-icon-16x16.png");
}

.mimeTypeXs.ppt:before {
    background-image: url("../../Content/mime-images/ppt-icon-16x16.png");
}

.mimeTypeXs.pptx:before,
.mimeTypeXs.pptm:before,
.mimeTypeXs.potx:before,
.mimeTypeXs.potm:before,
.mimeTypeXs.pot:before,
.mimeTypeXs.ppsm:before {
    background-image: url("../../Content/mime-images/pptx-icon-16x16.png");
}

.mimeTypeXs.ppsx:before {
    background-image: url("../../Content/mime-images/ppsx-icon-16x16.png");
}

.mimeTypeXs.pps:before {
    background-image: url("../../Content/mime-images/pps-icon-16x16.png");
}

.mimeTypeXs.pdf:before {
    background-image: url("../../Content/mime-images/pdf-icon-16x16.png");
}

.mimeTypeXs.mp3:before {
    background-image: url("../../Content/mime-images/mp3-icon-16x16.png");
}

.mimeTypeXs.wav:before {
    background-image: url("../../Content/mime-images/wav-icon-16x16.png");
}

.mimeTypeXs.flac:before {
    background-image: url("../../Content/mime-images/flac-icon-16x16.png");
}

.mimeTypeXs.mp4:before {
    background-image: url("../../Content/mime-images/video-16x16.jpg");
}

.mimeTypeXs.ogg:before {
    background-image: url("../../Content/mime-images/video-16x16.jpg");
}

.mimeTypeXs.ogv:before {
    background-image: url("../../Content/mime-images/video-16x16.jpg");
}

.mimeTypeXs.webm:before {
    background-image: url("../../Content/mime-images/video-16x16.jpg");
}

.mimeTypeXs.mov:before {
    background-image: url("../../Content/mime-images/video-16x16.jpg");
}

.mimeTypeXs.zip:before {
    background-image: url("../../Content/mime-images/zip-icon-16x16.png");
}

.mimeTypeXs.txt:before {
    background-image: url("../../Content/mime-images/txt-icon-16x16.png");
}

.mimeTypeXs.pjTask:before,
.mimeTypeXs.task:before {
    background-image: url("../../Content/mime-images/pjTask-icon-16x16.png");
}

.mimeTypeXs.pjDocu:before,
.mimeTypeXs.wiki:before,
.mimeTypeXs.docu:before {
    background-image: url("../../Content/mime-images/pjDocu-icon-16x16.png");
}

.mimeTypeXs.pjFile:before {
    background-image: url("../../Content/mime-images/unknown-icon-16x16.png");
}

.mimeTypeXs.pjZip:before {
    background-image: url("../../Content/mime-images/pjZip-icon-16x16.png");
}

.mimeTypeXs.pjRecurringTask:before {
    background-image: url("../../Content/mime-images/pjRecurringTask-icon-16x16.png");
}

.mimeTypeXs.pjEFile:before,
.mimeTypeXs.eFile:before
{
    background-image: url("../../Content/mime-images/pjEFile-icon-16x16.png");
}

.mimeTypeXs.png:before,
.mimeTypeXs.jpg:before,
.mimeTypeXs.jpeg:before,
.mimeTypeXs.bmp:before,
.mimeTypeXs.gif:before {
    background-image: url("../../Content/mime-images/img-icon-16x16.png");
}

.mimeTypeXs.vsd:before,
.mimeTypeXs.vsdx:before,
.mimeTypeXs.vsdm:before,
.mimeTypeXs.vdx:before,
.mimeTypeXs.vsl:before {
    background-image: url("../../Content/mime-images/vsdx-icon-16x16.png");
}

.mimeTypeXsButton {
    padding-top: 3px;
}

.pjTask-gantt{
    background-image: url("../../Content/mime-images/pjTask-icon-16x16.png");
    background-repeat: no-repeat;
}

/*mimetypes xl*/
.mimeTypeXl {
    position: relative;
    height: 128px;
    width: 128px;
    clear: both;
    display: inline !important;
}

.mimeTypeXl:before {
    margin-right: 5px;
    left: 0;
    content: " ";
    float: left;
    width: 128px;
    height: 128px;
    background-image: url("../../Content/mime-images/unknown-icon-128x128.png");
    background-repeat: no-repeat;
}

.mimeTypeXl.xls:before {
    background-image: url("../../Content/mime-images/xls-icon-128x128.png");
}

.mimeTypeXl.xlsx:before {
    background-image: url("../../Content/mime-images/xlsx-icon-128x128.png");
}

.mimeTypeXl.docx:before {
    background-image: url("../../Content/mime-images/docx-icon-128x128.png");
}

.mimeTypeXl.doc:before {
    background-image: url("../../Content/mime-images/doc-icon-128x128.png");
}

.mimeTypeXl.ppt:before {
    background-image: url("../../Content/mime-images/ppt-icon-128x128.png");
}

.mimeTypeXl.pptx:before {
    background-image: url("../../Content/mime-images/pptx-icon-128x128.png");
}

.mimeTypeXl.pdf:before {
    background-image: url("../../Content/mime-images/pdf-icon-128x128.png");
}

.mimeTypeXl.zip:before {
    background-image: url("../../Content/mime-images/zip-icon-128x128.png");
}

.mimeTypeXl.txt:before {
    background-image: url("../../Content/mime-images/txt-icon-128x128.png");
}

.mimeTypeXl.pjTask:before,
.mimeTypeXl.task:before {
    background-image: url("../../Content/mime-images/pjTask-icon-64x64.png");
}

.mimeTypeXl.pjDocu:before,
.mimeTypeXl.wiki:before,
.mimeTypeXl.docu:before {
    background-image: url("../../Content/mime-images/pjDocu-icon-64x64.png");
}

.mimeTypeXl.png:before,
.mimeTypeXl.jpg:before,
.mimeTypeXl.jpeg:before,
.mimeTypeXl.bmp:before,
.mimeTypeXl.gif:before {
    background-image: url("../../Content/mime-images/img-icon-128x128.png");
}

.mimeTypeXl.vsd:before,
.mimeTypeXl.vsdx:before,
.mimeTypeXl.vsdm:before,
.mimeTypeXl.vdx:before,
.mimeTypeXl.vsl:before {
    background-image: url("../../Content/mime-images/vsdx-icon-128x128.png");
}