/*
FILE FORMAT ICONS
by Greg Schoppe (http://gschoppe.com)
USAGE: include FontAwesome on page, as shown on http://fontawesome.io
       then include this css file, and target links by adding the file-icon
       class.  Note: try to avoid or manually label links to websites, as that
       detection code is necessarily janky. when in doubt, just end all external
       links with a trailing slash (/), a query string (?), or a link target (#)
*/
i.file-icon:before,
i.file-icon[name]:before {
    content: "\f016"; /* generic file icon */
    /*display: inline-block;*/
    font: normal normal normal 14px/1 FontAwesome;
    /*font-size: inherit;*/
	font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: 20px;
    text-align: right;
    margin-right: 10px;
}
i[name$=".txt"].file-icon:before,
i.file-icon.link-text[name]:before {
    content: "\f0f6"; /*Text*/
}
i[name$=".txt"]{
    color: #17a2b8!important;
}

i[name$=".pdf"].file-icon:before,
i.file-icon.link-pdf[name]:before {
    content: "\f1c1"; /*PDF*/	
}
i[name$=".pdf"]{
	color: #dc3545!important;	
}


i[name$=".doc"].file-icon:before,
i[name$=".docx"].file-icon:before,
i.file-icon.link-word[name]:before {
    content: "\f1c2"; /*Word*/
}
i[name$=".doc"],i[name$=".docx"]{
	color: #007bff!important;
}


i[name$=".xls"].file-icon:before,
i[name$=".csv"].file-icon:before,
i[name$=".xlsx"].file-icon:before,
i.file-icon.link-excel[name]:before {
    content: "\f1c3"; /*Excel*/
}
i[name$=".xls"],i[name$=".xlsx"],i[name$=".csv"]{
	color: #28a745!important;
}

i[name$=".ppt"].file-icon:before,
i[name$=".pptx"].file-icon:before,
i.file-icon.link-powerpoint[name]:before {
    content: "\f1c4"; /*Powerpoint*/
}
i[name$=".ppt"],i[name$=".pptx"]{
	color: #dc3545!important;
}

i[name$=".gif"].file-icon:before,
i[name$=".jpg"].file-icon:before,
i[name$=".jpeg"].file-icon:before,
i[name$=".png"].file-icon:before,
i[name$=".bmp"].file-icon:before,
i[name$=".tif"].file-icon:before,
i[name$=".webp"].file-icon:before,
i.file-icon.link-image[name]:before {
    content: "\f1c5"; /*Image*/
}
i[name$=".gif"],i[name$=".jpg"],i[name$=".jpeg"],i[name$=".png"],i[name$=".bmp"],i[name$=".tif"],i[name$=".webp"]{
    color: #ffc107!important;
}

i[name$=".zip"].file-icon:before,
i[name$=".zipx"].file-icon:before,
i[name$=".rar"].file-icon:before,
i[name$=".tar"].file-icon:before,
i[name$=".gz"].file-icon:before,
i[name$=".dmg"].file-icon:before,
i[name$=".iso"].file-icon:before,
i.file-icon.link-archive[name]:before {
    content: "\f1c6"; /*Archive*/
}
i[name$=".zip"],i[name$=".zipx"],i[name$=".rar"],i[name$=".tar"],i[name$=".gz"],i[name$=".dmg"],i[name$=".iso"]{
    color: #868e96!important;
}

i[name$=".wav"].file-icon:before,
i[name$=".mp3"].file-icon:before,
i[name$=".fla"].file-icon:before,
i[name$=".flac"].file-icon:before,
i[name$=".ra"].file-icon:before,
i[name$=".rma"].file-icon:before,
i[name$=".aif"].file-icon:before,
i[name$=".aiff"].file-icon:before,
i[name$=".aa"].file-icon:before,
i[name$=".aac"].file-icon:before,
i[name$=".aax"].file-icon:before,
i[name$=".ac3"].file-icon:before,
i[name$=".au"].file-icon:before,
i[name$=".ogg"].file-icon:before,
i[name$=".avr"].file-icon:before,
i[name$=".3ga"].file-icon:before,
i[name$=".flac"].file-icon:before,
i[name$=".mid"].file-icon:before,
i[name$=".midi"].file-icon:before,
i[name$=".m4a"].file-icon:before,
i[name$=".mp4a"].file-icon:before,
i[name$=".amz"].file-icon:before,
i[name$=".mka"].file-icon:before,
i[name$=".asx"].file-icon:before,
i[name$=".pcm"].file-icon:before,
i[name$=".m3u"].file-icon:before,
i[name$=".wma"].file-icon:before,
i[name$=".xwma"].file-icon:before,
i.file-icon.link-audio[name]:before {
    content: "\f1c7"; /*Audio*/
}
i[name$=".wav"],i[name$=".mp3"],i[name$=".fla"],i[name$=".flac"],i[name$=".mid"],i[name$=".midi"],i[name$=".m4a"],i[name$=".mp4a"],i[name$=".amz"],i[name$=".mka"],i[name$=".asx"],i[name$=".pcm"],i[name$=".m3u"],i[name$=".wma"],i[name$=".xwma"]{
	color: #ffc107!important;
}
    
i[name$=".avi"].file-icon:before,
i[name$=".mpg"].file-icon:before,
i[name$=".mp4"].file-icon:before,
i[name$=".mkv"].file-icon:before,
i[name$=".mov"].file-icon:before,
i[name$=".wmv"].file-icon:before,
i[name$=".vp6"].file-icon:before,
i[name$=".264"].file-icon:before,
i[name$=".vid"].file-icon:before,
i[name$=".rv"].file-icon:before,
i[name$=".webm"].file-icon:before,
i[name$=".swf"].file-icon:before,
i[name$=".h264"].file-icon:before,
i[name$=".flv"].file-icon:before,
i[name$=".mk3d"].file-icon:before,
i[name$=".gifv"].file-icon:before,
i[name$=".oggv"].file-icon:before,
i[name$=".3gp"].file-icon:before,
i[name$=".m4v"].file-icon:before,
i[name$=".movie"].file-icon:before,
i[name$=".divx"].file-icon:before,
i.file-icon.link-video[name]:before {
    content: "\f1c8"; /*Video*/
}
i[name$=".avi"],i[name$=".mpg"],i[name$=".mp4"],i[name$=".mkv"],i[name$=".mov"],i[name$=".wmv"],i[name$=".vp6"],i[name$=".264"],i[name$=".vid"],i[name$=".rv"],i[name$=".webm"],i[name$=".swf"],i[name$=".h264"],i[name$=".flv"],i[name$=".mk3d"],i[name$=".gifv"],i[name$=".oggv"],i[name$=".3gp"],i[name$=".m4v"],i[name$=".movie"],i[name$=".divx"]{
	color: #ffc107!important;
}


i[name$=".css"].file-icon:before,
i[name$=".js"].file-icon:before,
i[name$=".py"].file-icon:before,
i[name$=".git"].file-icon:before,
i[name$=".py"].file-icon:before,
i[name$=".cpp"].file-icon:before,
i[name$=".h"].file-icon:before,
i[name$=".ini"].file-icon:before,
i[name$=".config"].file-icon:before,
i[name$=".com"].file-icon:before,
i[name$=".net"].file-icon:before,
i[name$=".org"].file-icon:before,
i[name$=".edu"].file-icon:before,
i[name$=".gov"].file-icon:before,
i[name$=".mil"].file-icon:before,
i[name$="/"].file-icon:before,
i[name$=".html"].file-icon:before,
i[name$=".htm"].file-icon:before,
i[name$=".xhtml"].file-icon:before,
i[name$=".jhtml"].file-icon:before,
i[name$=".php"].file-icon:before,
i[name$=".php3"].file-icon:before,
i[name$=".php4"].file-icon:before,
i[name$=".php5"].file-icon:before,
i[name$=".phtml"].file-icon:before,
i[name$=".asp"].file-icon:before,
i[name$=".aspx"].file-icon:before,
i[name$=".cfm"].file-icon:before,
i.file-icon.link-code[name]:before {
    content: "\f1c9"; /*code*/
}
i[name$=".css"],i[name$=".js"],i[name$=".py"],i[name$=".git"],i[name$=".cpp"],i[name$=".h"],i[name$=".ini"],i[name$=".config"],i[name$=".com"],i[name$=".net"],i[name$=".org"],i[name$=".edu"],i[name$=".gov"],i[name$=".mil"],i[name$="/"],i[name$=".html"],i[name$=".htm"],i[name$=".xhtml"],i[name$=".jhtml"],i[name$=".php"],i[name$=".php3"],i[name$=".php4"],i[name$=".php5"],i[name$=".phtml"],i[name$=".asp"],i[name$=".aspx"],i[name$=".cfm"]{
	color: #17a2b8!important;
}

i[name$=".exe"].file-icon:before,
i[name$=".jar"].file-icon:before,
i[name$=".dll"].file-icon:before,
i[name$=".bat"].file-icon:before,
i[name$=".pl"].file-icon:before,
i[name$=".scr"].file-icon:before,
i[name$=".msi"].file-icon:before,
i[name$=".app"].file-icon:before,
i[name$=".deb"].file-icon:before,
i[name$=".apk"].file-icon:before,
i[name$=".jar"].file-icon:before,
i[name$=".vb"].file-icon:before,
i[name$=".prg"].file-icon:before,
i[name$=".sh"].file-icon:before,
i.file-icon.link-exe[name]:before {
    content: "\f085"; /*Executable*/
}


i[name*="?"].file-icon:before,
i[name*="#"].file-icon:before,
i.file-icon:not([name*='.']):before,
i.file-icon.link[name]:before {
    content: "\f0c1"; /*link*/
}