@font-face {
  font-family: 'My Font';
  src:  url('fonts/icomoon.eot?yxwv1m'); /* IE9 Compat Modes */
  src:  url('fonts/icomoon.eot?yxwv1m#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/icomoon.woff?yxwv1m') format('woff'), /* Modern Browsers */
    url('fonts/icomoon_8.0.ttf?yxwv1m') format('truetype'), /* Safari, Android, iOS */
    url('fonts/icomoon.svg?yxwv1m#icomoon') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "My Font";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
    1. When updating style, remember that icon-rewind should have 
    'after' pseudo code and not 'before' like the rest
    2. Remove all the '_' separators. For example: change .icon-cam_fix to .icon-camfix
*/
 
.icon-add_bookmark:before {
  content: "\e90b";
}
.icon-switch_camera:before {
  content: "\e90a";
}
.icon-detached:before {
  content: "\e903";
}
.icon-disconnected:before {
  content: "\e904";
}
.icon-film:before {
  content: "\e908";
}
.icon-linked_camera:before {
  content: "\e909";
}
.icon-alarm_forwarded:before {
  content: "\e901";
}
.icon-alarm_removed:before {
  content: "\e902";
}
.icon-alarm-playback:before {
  content: "\e900";
}
.icon-alarm:before {
  content: "\e905";
}
.icon-accepted:before {
  content: "\e907";
}
.icon-more:before {
  content: "\e906";
}
.icon-reset:before {
  content: "\e800";
}
.icon-alert:before {
  content: "\e600";
}
.icon-btn:before {
  content: "\e601";
}
.icon-camfix:before {
  content: "\e602";
}
.icon-camptz:before {
  content: "\e603";
}
.icon-chevronleft:before {
  content: "\e604";
}
.icon-chevronright:before {
  content: "\e605";
}
.icon-close:before {
  content: "\e606";
}
.icon-combo:before {
  content: "\e607";
}
.icon-contract:before {
  content: "\e608";
}
.icon-datepicker:before {
  content: "\e609";
}
.icon-download:before {
  content: "\e60a";
}
.icon-drag:before {
  content: "\e60b";
}
.icon-expand:before {
  content: "\e60c";
}
.icon-export:before {
  content: "\e60d";
}
.icon-favorites:before {
  content: "\e60e";
}
.icon-forward:before {
  content: "\e60f";
}
.icon-investigate:before {
  content: "\e610";
}
.icon-notifications:before {
  content: "\e611";
}
.icon-pause:before {
  content: "\e612";
}
.icon-play:before {
  content: "\e613";
}
.icon-preview:before {
  content: "\e614";
}
.icon-ptz:before {
  content: "\e615";
}
.icon-remove:before {
  content: "\e616";
}
.icon-replay:before {
  content: "\e617";
}
.icon-rewind:after {
  content: "\e618";
}
.icon-searchzoom:before {
  content: "\e619";
}
.icon-snap:before {
  content: "\e61a";
}
.icon-timepicker:before {
  content: "\e61b";
}
.icon-zoomin:before {
  content: "\e61c";
}
.icon-zoomout:before {
  content: "\e61d";
}