@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?74035949');
  src: url('../font/fontello.eot?74035949#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?74035949') format('woff2'),
       url('../font/fontello.woff?74035949') format('woff'),
       url('../font/fontello.ttf?74035949') format('truetype'),
       url('../font/fontello.svg?74035949#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?74035949#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none; 
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* 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;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* 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-ok:before { content: '\e800'; } /* '' */
.icon-people:before { content: '\e801'; } /* '' */
.icon-user-follow:before { content: '\e802'; } /* '' */
.icon-cancel:before { content: '\e803'; } /* '' */
.icon-user:before { content: '\e805'; } /* '' */
.icon-speedometer:before { content: '\e807'; } /* '' */
.icon-screen-desktop:before { content: '\e811'; } /* '' */
.icon-notebook:before { content: '\e813'; } /* '' */
.icon-bell:before { content: '\e814'; } /* '' */
.icon-envelope-letter:before { content: '\e81c'; } /* '' */
.icon-wallet:before { content: '\e82a'; } /* '' */
.icon-speech:before { content: '\e82c'; } /* '' */
.icon-puzzle:before { content: '\e82d'; } /* '' */
.icon-printer:before { content: '\e82e'; } /* '' */
.icon-picture:before { content: '\e832'; } /* '' */
.icon-map:before { content: '\e833'; } /* '' */
.icon-layers:before { content: '\e834'; } /* '' */
.icon-folder-alt:before { content: '\e839'; } /* '' */
.icon-briefcase:before { content: '\e840'; } /* '' */
.icon-bubbles:before { content: '\e841'; } /* '' */
.icon-calculator:before { content: '\e842'; } /* '' */
.icon-docs:before { content: '\e84b'; } /* '' */
.icon-action-undo:before { content: '\e850'; } /* '' */
.icon-wrench:before { content: '\e851'; } /* '' */
.icon-action-redo:before { content: '\e853'; } /* '' */
.icon-trash:before { content: '\e854'; } /* '' */
.icon-share-alt:before { content: '\e85a'; } /* '' */
.icon-share:before { content: '\e85b'; } /* '' */
.icon-question:before { content: '\e85d'; } /* '' */
.icon-pencil:before { content: '\e85f'; } /* '' */
.icon-note:before { content: '\e860'; } /* '' */
.icon-calender:before { content: '\e865'; } /* '' */
.icon-control-play:before { content: '\e869'; } /* '' */
.icon-dislike:before { content: '\e86d'; } /* '' */
.icon-graph:before { content: '\e86f'; } /* '' */
.icon-grid:before { content: '\e870'; } /* '' */
.icon-home:before { content: '\e871'; } /* '' */
.icon-like:before { content: '\e872'; } /* '' */
.icon-list:before { content: '\e873'; } /* '' */
.icon-arrow-up-circle:before { content: '\e877'; } /* '' */
.icon-arrow-right-circle:before { content: '\e878'; } /* '' */
.icon-arrow-left-circle:before { content: '\e879'; } /* '' */
.icon-arrow-down-circle:before { content: '\e87a'; } /* '' */
.icon-ban:before { content: '\e87b'; } /* '' */
.icon-bubble:before { content: '\e87c'; } /* '' */
.icon-camera:before { content: '\e87e'; } /* '' */
.icon-check:before { content: '\e87f'; } /* '' */
.icon-clock:before { content: '\e880'; } /* '' */
.icon-close:before { content: '\e881'; } /* '' */
.icon-cloud-download:before { content: '\e882'; } /* '' */
.icon-cloud-upload:before { content: '\e883'; } /* '' */
.icon-doc:before { content: '\e884'; } /* '' */
.icon-envelope:before { content: '\e885'; } /* '' */
.icon-eye:before { content: '\e886'; } /* '' */
.icon-flag:before { content: '\e887'; } /* '' */
.icon-folder:before { content: '\e888'; } /* '' */
.icon-target:before { content: '\e88f'; } /* '' */
.icon-settings:before { content: '\e891'; } /* '' */
.icon-reload:before { content: '\e892'; } /* '' */
.icon-refresh:before { content: '\e893'; } /* '' */
.icon-location-pin:before { content: '\e895'; } /* '' */
.icon-plus:before { content: '\e896'; } /* '' */
.icon-paper-clip:before { content: '\e898'; } /* '' */
.icon-magnifier:before { content: '\e89b'; } /* '' */
.icon-lock-open:before { content: '\e89c'; } /* '' */
.icon-lock:before { content: '\e89d'; } /* '' */
.icon-link:before { content: '\e89e'; } /* '' */
.icon-key:before { content: '\e89f'; } /* '' */
.icon-phone:before { content: '\e8a2'; } /* '' */
.icon-menu:before { content: '\e8a3'; } /* '' */
.icon-options:before { content: '\e8a5'; } /* '' */
.icon-arrow-down:before { content: '\e8a6'; } /* '' */
.icon-arrow-left:before { content: '\e8a7'; } /* '' */
.icon-arrow-right:before { content: '\e8a8'; } /* '' */
.icon-arrow-up:before { content: '\e8a9'; } /* '' */
.icon-minus:before { content: '\e8b7'; } /* '' */
.icon-organization:before { content: '\e8b8'; } /* '' */
.icon-exclamation:before { content: '\e8b9'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-word:before { content: '\f1c2'; } /* '' */
.icon-file-excel:before { content: '\f1c3'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */

.icon-ok {
    color: #bbbb8d;
}
.icon-cancel {
    color: #bc5e5e;
}