
@font-face {
  font-family: "wizdom";
  src: url('../font/wizdom.eot');
  src: url('../font/wizdom.eot?#iefix') format('eot'),
    url('../font/wizdom.woff') format('woff'),
    url('../font/wizdom.ttf') format('truetype'),
    url('../font/wizdom.svg#wizdom') format('svg');
}

.wizdom-icon{
    position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'wizdom';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wizdom-icon
{

&.icon-bin-1 { &:before{content: "\E001"} }
&.icon-bin-2 { &:before{content: "\E002"} }
&.icon-binocular { &:before{content: "\E003"} }
&.icon-bomb { &:before{content: "\E004"} }
&.icon-clip-1 { &:before{content: "\E005"} }
&.icon-clip-2 { &:before{content: "\E006"} }
&.icon-crosshair-1 { &:before{content: "\E007"} }
&.icon-crosshair-2 { &:before{content: "\E008"} }
&.icon-crosshair-3 { &:before{content: "\E009"} }
&.icon-cutter { &:before{content: "\E00A"} }
&.icon-delete-1 { &:before{content: "\E00B"} }
&.icon-delete-2 { &:before{content: "\E00C"} }
&.icon-edit-1 { &:before{content: "\E00D"} }
&.icon-edit-2 { &:before{content: "\E00E"} }
&.icon-edit-3 { &:before{content: "\E00F"} }
&.icon-hide { &:before{content: "\E010"} }
&.icon-ink { &:before{content: "\E011"} }
&.icon-key-1 { &:before{content: "\E012"} }
&.icon-key-2 { &:before{content: "\E013"} }
&.icon-link-1 { &:before{content: "\E014"} }
&.icon-link-2 { &:before{content: "\E015"} }
&.icon-link-3 { &:before{content: "\E016"} }
&.icon-link-broken-1 { &:before{content: "\E017"} }
&.icon-link-broken-2 { &:before{content: "\E018"} }
&.icon-lock-1 { &:before{content: "\E019"} }
&.icon-lock-2 { &:before{content: "\E01A"} }
&.icon-lock-3 { &:before{content: "\E01B"} }
&.icon-lock-4 { &:before{content: "\E01C"} }
&.icon-lock-5 { &:before{content: "\E01D"} }
&.icon-lock-unlock-1 { &:before{content: "\E01E"} }
&.icon-lock-unlock-2 { &:before{content: "\E01F"} }
&.icon-magnifier { &:before{content: "\E020"} }
&.icon-pen-1 { &:before{content: "\E021"} }
&.icon-pen-2 { &:before{content: "\E022"} }
&.icon-pen-3 { &:before{content: "\E023"} }
&.icon-pen-4 { &:before{content: "\E024"} }
&.icon-pencil-1 { &:before{content: "\E025"} }
&.icon-pencil-2 { &:before{content: "\E026"} }
&.icon-pencil-3 { &:before{content: "\E027"} }
&.icon-pin-1 { &:before{content: "\E028"} }
&.icon-pin-2 { &:before{content: "\E029"} }
&.icon-power-1 { &:before{content: "\E02A"} }
&.icon-power-2 { &:before{content: "\E02B"} }
&.icon-preview-1 { &:before{content: "\E02C"} }
&.icon-preview-2 { &:before{content: "\E02D"} }
&.icon-scissor-1 { &:before{content: "\E02E"} }
&.icon-scissor-2 { &:before{content: "\E02F"} }
&.icon-skull-1 { &:before{content: "\E030"} }
&.icon-skull-2 { &:before{content: "\E031"} }
&.icon-type-1 { &:before{content: "\E032"} }
&.icon-type-2 { &:before{content: "\E033"} }
&.icon-type-3 { &:before{content: "\E034"} }
&.icon-type-4 { &:before{content: "\E035"} }
&.icon-zoom-area { &:before{content: "\E036"} }
&.icon-zoom-in { &:before{content: "\E037"} }
&.icon-zoom-out { &:before{content: "\E038"} }
}