@font-face {
  font-family: 'material-file-types';
  src: url('./material-file-types.eot?73932082');
  src: url('./material-file-types.eot?73932082#iefix') format('embedded-opentype'),
       url('./material-file-types.woff2?73932082') format('woff2'),
       url('./material-file-types.woff?73932082') format('woff'),
       url('./material-file-types.ttf?73932082') format('truetype'),
       url('./material-file-types.svg?73932082#material-file-types') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-file-"], [class*=" icon-file-"] {
  margin: -3px 0 -2px 0 !important;
}

[class^="icon-file-"]:before, [class*=" icon-file-"]:before {
  font-family: "material-file-types";
  font-style: normal;
  font-weight: normal;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-file-pdf:before { content: '\e809'; color: #f44336; }
.icon-file-word:before { content: '\e80e'; color: #3f51b5; }
.icon-file-excel:before { content: '\e804'; color: #4CAF50; }
.icon-file-power:before { content: '\e80a'; color: #ff9800; }
.icon-file-zip:before { content: '\e80f'; color: #9c27b0; }
.icon-file-cloud:before { content: '\e801'; color: #2196F3; }
.icon-file-explore:before { content: '\e806'; color: #2196F3; }
.icon-file-web:before { content: '\e80d'; color: #2196F3; }
.icon-file-exe:before { content: '\e810'; color: #607d8b; }
.icon-file-settings:before { content: '\e805'; color: #607d8b; }
.icon-file-code:before { content: '\e802'; color: #009688; }
.icon-file-picture:before { content: '\e807'; color: #ffc107; }
.icon-file-image:before { content: '\e808'; color: #ffc107; }
.icon-file-audio:before { content: '\e800'; color: #e91e63; }
.icon-file-video:before { content: '\e80c'; color: #e91e63; }
.icon-file-text:before { content: '\e80b'; color: #9e9e9e; }
.icon-file-empty:before { content: '\e803'; color: #9e9e9e; }

.icon-file-white:before { color: #fff !important; }
.icon-file-black:before { color: #000 !important; }