.customglyphs {
  background-image: none;
  font-family: 'Axcess Common';

  [class^='xcessglyphs-'],
  [class*=' customglyphs-'] {
    color: $wk-primary-gray-tint4 default;
  }

  &-html::before {
    content: '\e900';
  }

  &-xls::before {
    content: '\e901';
  }

  &-ppt::before {
    content: '\e902';
  }

  &-message::before {
    content: '\e903';
  }

  &-pdf::before {
    content: '\e904';
  }

  &-text::before {
    content: '\e905';
  }

  &-zip::before {
    content: '\e906';
  }

  &-dropbox::before {
    content: '\e907';
  }

  &-file::before {
    content: '\e946';
  }

  &-image::before {
    content: '\e947';
  }

  &-video::before {
    content: '\e948';
  }
}