@charset "utf-8";
/*! fileicon.css v1.0.0 | MIT License | github.com/picturepan2/fileicon.css
 *  edited by Jim Finster
 */

/* fileicon.basic */
.file-icon {
    /*font-family: Arial, Tahoma, sans-serif;*/
    font-weight: 400;
    display: block;
    width: 24px;
    height: 32px;
    background: #018fef;
    background: -moz-linear-gradient(45deg, #018fef 0%, #0167b1 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #018fef 0%, #0167b1 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #018fef 0%, #0167b1 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#018fef', endColorstr='#0167b1', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    position: relative;
    border-radius: 2px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

.file-icon::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom-left-radius: 2px;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent rgba(255, 255, 255, 0.45) rgba(255, 255, 255, 0.45);
}

/*.file-icon:first-child::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    right: 5px;
    border: 5px solid #018fef;
}*/

.file-icon::after {
    display: block;
    content: attr(data-type);
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    color: #fff;
    text-transform: lowercase;
    width: 100%;
    padding: 2px;
    white-space: nowrap;
    overflow: hidden;

// filter: progid: DXImageTransform . Microsoft . BasicImage(rotation = 0.083); /* IE6,IE7 */
// -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
// -moz-transform: rotate(- 90.0 deg); /* FF 3.5+ */
// -ms-transform: rotate(- 90.0 deg); /* IE9+ */
// -o-transform: rotate(- 90.0 deg); /* Opera 10.5 */
// -webkit-transform: rotate(- 90.0 deg); /* Safari 3.1+, Chrome */
// transform: rotate(- 90.0 deg); /* Standard */
}

/* fileicons */
.file-icon-xs, .file-icon-16 {
    width: 12px;
    height: 16px;
    border-radius: 2px;
    /*zoom: 0.5;
    -moz-transform: scale(0.5);*/
}

.file-icon-xs::before, .file-icon-16::before {
    border-bottom-left-radius: 1px;
    border-width: 2px;
}

.file-icon-xs::after, .file-icon-16::after {
    content: "";
    border-bottom: 2px solid rgba(255, 255, 255, .45);
    width: auto;
    left: 2px;
    right: 2px;
    bottom: 3px;
}

.file-icon-sm, .file-icon-24 {
    width: 18px;
    height: 24px;
    border-radius: 2px;
    /*zoom: 0.5625;
    -moz-transform: scale(0.5625);*/
}

.file-icon-sm::before, .file-icon-24::before {
   border-bottom-left-radius: 2px;
   border-width: 3.25px;
}

.file-icon-sm::after, .file-icon-24::after {
    font-size: 7px;
    padding: 2px;
}

.file-icon-md, .file-icon-36 {
    width: 27px;
    height: 36px;
    border-radius: 2px;
    /*zoom: 1.125;
    -moz-transform: scale(1.125);*/
}

.file-icon-md::before, .file-icon-36::before {
    border-bottom-left-radius: 2px;
    border-width: 4.5px;
}

.file-icon-md::after, .file-icon-36::after {
    font-size: 12px;
    padding: 2px 4px;
}

.file-icon-48 {
    width: 36px;
    height: 48px;
    border-radius: 3px;
    /*zoom: 1.5;
    -moz-transform: scale(1.5);*/
}

.file-icon-48::before {
    border-bottom-left-radius: 2px;
    border-width: 6px;
}

.file-icon-48::after {
    font-size: 12px;
    padding: 2px 4px;
}

.file-icon-lg, .file-icon-64 {
    width: 48px;
    height: 64px;
    border-radius: 3px;
    /*zoom: 2;
    -moz-transform: scale(2);*/
}

.file-icon-lg::before, .file-icon-64::before {
    border-bottom-left-radius: 2px;
    border-width: 8px;
}

.file-icon-lg::after, .file-icon-64::after {
    font-size: 16px;
    padding: 4px 6px;
}

.file-icon-xl, .file-icon-96 {
    width: 72px;
    height: 96px;
    border-radius: 4px;
}

.file-icon-xl::before, .file-icon-96::before {
    border-bottom-left-radius: 4px;
    border-width: 11.5px;
}

.file-icon-xl::after, .file-icon-96::after {
    font-size: 20px;
    padding: 4px 8px;
}

.file-icon-xxl, .file-icon-128 {
    width: 96px;
    height: 128px;
    border-radius: 4px;
}

.file-icon-xxl::before, .file-icon-128::before {
    border-bottom-left-radius: 4px;
    border-width: 16px;
}

.file-icon-xxl::after, .file-icon-128::after {
    font-size: 24px;
    padding: 4px 10px;
}

/* fileicon.types */
.file-icon[data-type=zip],
.file-icon[data-type=rar] {
    background: #acacac;
    background: -moz-linear-gradient(45deg, #acacac 0%, #666 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #acacac 0%, #666 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #acacac 0%, #666 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acacac', endColorstr='#666', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.file-icon[data-type^=doc] {
    background: #307cf1;
    background: -moz-linear-gradient(45deg, #307cf1 0%, #2b5dba 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #307cf1 0%, #2b5dba 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #307cf1 0%, #2b5dba 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#307cf1', endColorstr='#2b5dba', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.file-icon[data-type^=xls] {
    background: #0f9d58; /* Old browsers */
    background: -moz-linear-gradient(45deg, #0f9d58 0%, #0b7a46 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #0f9d58 0%, #0b7a46 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #0f9d58 0%, #0b7a46 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f9d58', endColorstr='#0b7a46', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.file-icon[data-type^=ppt] {
    /*background: #D24726;*/
    background: #de5a00;
    background: -moz-linear-gradient(45deg, #de5a00 0%, #aa5200 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #de5a00 0%, #aa5200 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #de5a00 0%, #aa5200 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de5a00', endColorstr='#aa5200', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.file-icon[data-type=pdf] {
    /*background: #E13D34;*/
    background: #ad1c2c;
    background: -moz-linear-gradient(45deg, #ad1c2c 0%, #761a23 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #ad1c2c 0%, #761a23 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #ad1c2c 0%, #761a23 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad1c2c', endColorstr='#761a23',GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.file-icon[data-type=txt] {
    background: #5eb533;
    background: -moz-linear-gradient(45deg, #5eb533 0%, #3f7f25 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #5eb533 0%, #3f7f25 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #5eb533 0%, #3f7f25 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5eb533', endColorstr='#3f7f25', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.file-icon[data-type=mp3],
.file-icon[data-type=wma],
.file-icon[data-type=m4a],
.file-icon[data-type=flac] {
    background: #8e44ad;
    background: -moz-linear-gradient(45deg, #8e44ad 0%, #5d2e73 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #8e44ad 0%, #5d2e73 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #8e44ad 0%, #5d2e73 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e44ad', endColorstr='#5d2e73', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.file-icon[data-type=mp4],
.file-icon[data-type=wmv],
.file-icon[data-type=mov],
.file-icon[data-type=avi],
.file-icon[data-type=mkv] {
    background: #7a3ce7;
    background: -moz-linear-gradient(45deg, #7a3ce7 0%, #532ca5 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #7a3ce7 0%, #532ca5 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #7a3ce7 0%, #532ca5 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a3ce7', endColorstr='#532ca5', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.file-icon[data-type=bmp],
.file-icon[data-type=jpg],
.file-icon[data-type=jpeg],
.file-icon[data-type=gif],
.file-icon[data-type=png] {
    background: #f4b400;
    background: -moz-linear-gradient(45deg, #f4b400 0%, #bd8c00 86%, transparent 86%, transparent 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #f4b400 0%, #bd8c00 86%, transparent 86%, transparent 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #f4b400 0%, #bd8c00 86%, transparent 86%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4b400', endColorstr='#bd8c00', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}