@font-face {font-family: 'Icons'; src: url('./open-iconic.ttf') format('truetype'); font-weight: normal; font-style: normal;}
.oi[glyph].oi-text-replace {font-size: 0; line-height: 0;}
.oi[glyph].oi-text-replace:before {width: 1em; text-align: center;}
.oi[glyph]:before {font-family: 'Icons'; display: inline-block; speak: none; line-height: 1; vertical-align: baseline; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.oi[glyph]:empty:before {width: 1em; text-align: center; box-sizing: content-box;}
.oi[glyph].oi-align-left:before {text-align: left;}
.oi[glyph].oi-align-right:before {text-align: right;}
.oi[glyph].oi-align-center:before {text-align: center;}
.oi[glyph].oi-flip-horizontal:before {-webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1);}
.oi[glyph].oi-flip-vertical:before {-webkit-transform: scale(1, -1); -ms-transform: scale(-1, 1); transform: scale(1, -1);}
.oi[glyph].oi-flip-horizontal-vertical:before {-webkit-transform: scale(-1, -1); -ms-transform: scale(-1, 1); transform: scale(-1, -1);}

.oi[glyph=account-login]:before { content:'\e000'; }
.oi[glyph=account-logout]:before { content:'\e001'; }
.oi[glyph=action-redo]:before { content:'\e002'; }
.oi[glyph=action-undo]:before { content:'\e003'; }
.oi[glyph=align-center]:before { content:'\e004'; }
.oi[glyph=align-left]:before { content:'\e005'; }
.oi[glyph=align-right]:before { content:'\e006'; }
.oi[glyph=aperture]:before { content:'\e007'; }
.oi[glyph=arrow-bottom]:before { content:'\e008'; }
.oi[glyph=arrow-circle-bottom]:before { content:'\e009'; }
.oi[glyph=arrow-circle-left]:before { content:'\e00a'; }
.oi[glyph=arrow-circle-right]:before { content:'\e00b'; }
.oi[glyph=arrow-circle-top]:before { content:'\e00c'; }
.oi[glyph=arrow-left]:before { content:'\e00d'; }
.oi[glyph=arrow-right]:before { content:'\e00e'; }
.oi[glyph=arrow-thick-bottom]:before { content:'\e00f'; }
.oi[glyph=arrow-thick-left]:before { content:'\e010'; }
.oi[glyph=arrow-thick-right]:before { content:'\e011'; }
.oi[glyph=arrow-thick-top]:before { content:'\e012'; }
.oi[glyph=arrow-top]:before { content:'\e013'; }
.oi[glyph=audio-spectrum]:before { content:'\e014'; }
.oi[glyph=audio]:before { content:'\e015'; }
.oi[glyph=badge]:before { content:'\e016'; }
.oi[glyph=ban]:before { content:'\e017'; }
.oi[glyph=bar-chart]:before { content:'\e018'; }
.oi[glyph=basket]:before { content:'\e019'; }
.oi[glyph=battery-empty]:before { content:'\e01a'; }
.oi[glyph=battery-full]:before { content:'\e01b'; }
.oi[glyph=beaker]:before { content:'\e01c'; }
.oi[glyph=bell]:before { content:'\e01d'; }
.oi[glyph=bluetooth]:before { content:'\e01e'; }
.oi[glyph=bold]:before { content:'\e01f'; }
.oi[glyph=bolt]:before { content:'\e020'; }
.oi[glyph=book]:before { content:'\e021'; }
.oi[glyph=bookmark]:before { content:'\e022'; }
.oi[glyph=box]:before { content:'\e023'; }
.oi[glyph=briefcase]:before { content:'\e024'; }
.oi[glyph=british-pound]:before { content:'\e025'; }
.oi[glyph=browser]:before { content:'\e026'; }
.oi[glyph=brush]:before { content:'\e027'; }
.oi[glyph=bug]:before { content:'\e028'; }
.oi[glyph=bullhorn]:before { content:'\e029'; }
.oi[glyph=calculator]:before { content:'\e02a'; }
.oi[glyph=calendar]:before { content:'\e02b'; }
.oi[glyph=camera-slr]:before { content:'\e02c'; }
.oi[glyph=caret-bottom]:before { content:'\e02d'; }
.oi[glyph=caret-left]:before { content:'\e02e'; }
.oi[glyph=caret-right]:before { content:'\e02f'; }
.oi[glyph=caret-top]:before { content:'\e030'; }
.oi[glyph=cart]:before { content:'\e031'; }
.oi[glyph=chat]:before { content:'\e032'; }
.oi[glyph=check]:before { content:'\e033'; }
.oi[glyph=chevron-bottom]:before { content:'\e034'; }
.oi[glyph=chevron-left]:before { content:'\e035'; }
.oi[glyph=chevron-right]:before { content:'\e036'; }
.oi[glyph=chevron-top]:before { content:'\e037'; }
.oi[glyph=circle-check]:before { content:'\e038'; }
.oi[glyph=circle-x]:before { content:'\e039'; }
.oi[glyph=clipboard]:before { content:'\e03a'; }
.oi[glyph=clock]:before { content:'\e03b'; }
.oi[glyph=cloud-download]:before { content:'\e03c'; }
.oi[glyph=cloud-upload]:before { content:'\e03d'; }
.oi[glyph=cloud]:before { content:'\e03e'; }
.oi[glyph=cloudy]:before { content:'\e03f'; }
.oi[glyph=code]:before { content:'\e040'; }
.oi[glyph=cog]:before { content:'\e041'; }
.oi[glyph=collapse-down]:before { content:'\e042'; }
.oi[glyph=collapse-left]:before { content:'\e043'; }
.oi[glyph=collapse-right]:before { content:'\e044'; }
.oi[glyph=collapse-up]:before { content:'\e045'; }
.oi[glyph=command]:before { content:'\e046'; }
.oi[glyph=comment-square]:before { content:'\e047'; }
.oi[glyph=compass]:before { content:'\e048'; }
.oi[glyph=contrast]:before { content:'\e049'; }
.oi[glyph=copywriting]:before { content:'\e04a'; }
.oi[glyph=credit-card]:before { content:'\e04b'; }
.oi[glyph=crop]:before { content:'\e04c'; }
.oi[glyph=dashboard]:before { content:'\e04d'; }
.oi[glyph=transfer-download]:before { content:'\e04e'; }
.oi[glyph=transfer-upload]:before { content:'\e04f'; }
.oi[glyph=delete]:before { content:'\e050'; }
.oi[glyph=dial]:before { content:'\e051'; }
.oi[glyph=document]:before { content:'\e052'; }
.oi[glyph=dollar]:before { content:'\e053'; }
.oi[glyph=double-quote-sans-left]:before { content:'\e054'; }
.oi[glyph=double-quote-sans-right]:before { content:'\e055'; }
.oi[glyph=double-quote-serif-left]:before { content:'\e056'; }
.oi[glyph=double-quote-serif-right]:before { content:'\e057'; }
.oi[glyph=droplet]:before { content:'\e058'; }
.oi[glyph=eject]:before { content:'\e059'; }
.oi[glyph=elevator]:before { content:'\e05a'; }
.oi[glyph=ellipses]:before { content:'\e05b'; }
.oi[glyph=envelope-closed]:before { content:'\e05c'; }
.oi[glyph=envelope-open]:before { content:'\e05d'; }
.oi[glyph=euro]:before { content:'\e05e'; }
.oi[glyph=excerpt]:before { content:'\e05f'; }
.oi[glyph=expand-down]:before { content:'\e060'; }
.oi[glyph=expand-left]:before { content:'\e061'; }
.oi[glyph=expand-right]:before { content:'\e062'; }
.oi[glyph=expand-up]:before { content:'\e063'; }
.oi[glyph=external-link]:before { content:'\e064'; }
.oi[glyph=eye]:before { content:'\e065'; }
.oi[glyph=eyedropper]:before { content:'\e066'; }
.oi[glyph=file]:before { content:'\e067'; }
.oi[glyph=fire]:before { content:'\e068'; }
.oi[glyph=flag]:before { content:'\e069'; }
.oi[glyph=flash]:before { content:'\e06a'; }
.oi[glyph=folder]:before { content:'\e06b'; }
.oi[glyph=fork]:before { content:'\e06c'; }
.oi[glyph=fullscreen-enter]:before { content:'\e06d'; }
.oi[glyph=fullscreen-exit]:before { content:'\e06e'; }
.oi[glyph=globe]:before { content:'\e06f'; }
.oi[glyph=graph]:before { content:'\e070'; }
.oi[glyph=grid-four-up]:before { content:'\e071'; }
.oi[glyph=grid-three-up]:before { content:'\e072'; }
.oi[glyph=grid-two-up]:before { content:'\e073'; }
.oi[glyph=hard-drive]:before { content:'\e074'; }
.oi[glyph=header]:before { content:'\e075'; }
.oi[glyph=headphones]:before { content:'\e076'; }
.oi[glyph=heart]:before { content:'\e077'; }
.oi[glyph=home]:before { content:'\e078'; }
.oi[glyph=image]:before { content:'\e079'; }
.oi[glyph=inbox]:before { content:'\e07a'; }
.oi[glyph=infinity]:before { content:'\e07b'; }
.oi[glyph=info]:before { content:'\e07c'; }
.oi[glyph=italic]:before { content:'\e07d'; }
.oi[glyph=justify-center]:before { content:'\e07e'; }
.oi[glyph=justify-left]:before { content:'\e07f'; }
.oi[glyph=justify-right]:before { content:'\e080'; }
.oi[glyph=key]:before { content:'\e081'; }
.oi[glyph=laptop]:before { content:'\e082'; }
.oi[glyph=layers]:before { content:'\e083'; }
.oi[glyph=lightbulb]:before { content:'\e084'; }
.oi[glyph=link-broken]:before { content:'\e085'; }
.oi[glyph=link-intact]:before { content:'\e086'; }
.oi[glyph=list-rich]:before { content:'\e087'; }
.oi[glyph=list]:before { content:'\e088'; }
.oi[glyph=location]:before { content:'\e089'; }
.oi[glyph=lock-locked]:before { content:'\e08a'; }
.oi[glyph=lock-unlocked]:before { content:'\e08b'; }
.oi[glyph=loop-circular]:before { content:'\e08c'; }
.oi[glyph=loop-square]:before { content:'\e08d'; }
.oi[glyph=loop]:before { content:'\e08e'; }
.oi[glyph=magnifying-glass]:before { content:'\e08f'; }
.oi[glyph=map-marker]:before { content:'\e090'; }
.oi[glyph=map]:before { content:'\e091'; }
.oi[glyph=media-pause]:before { content:'\e092'; }
.oi[glyph=media-play]:before { content:'\e093'; }
.oi[glyph=media-record]:before { content:'\e094'; }
.oi[glyph=media-skip-backward]:before { content:'\e095'; }
.oi[glyph=media-skip-forward]:before { content:'\e096'; }
.oi[glyph=media-step-backward]:before { content:'\e097'; }
.oi[glyph=media-step-forward]:before { content:'\e098'; }
.oi[glyph=media-stop]:before { content:'\e099'; }
.oi[glyph=medical-cross]:before { content:'\e09a'; }
.oi[glyph=menu]:before { content:'\e09b'; }
.oi[glyph=microphone]:before { content:'\e09c'; }
.oi[glyph=minus]:before { content:'\e09d'; }
.oi[glyph=monitor]:before { content:'\e09e'; }
.oi[glyph=moon]:before { content:'\e09f'; }
.oi[glyph=move]:before { content:'\e0a0'; }
.oi[glyph=musical-note]:before { content:'\e0a1'; }
.oi[glyph=paperclip]:before { content:'\e0a2'; }
.oi[glyph=pencil]:before { content:'\e0a3'; }
.oi[glyph=people]:before { content:'\e0a4'; }
.oi[glyph=person]:before { content:'\e0a5'; }
.oi[glyph=phone]:before { content:'\e0a6'; }
.oi[glyph=pie-chart]:before { content:'\e0a7'; }
.oi[glyph=pin]:before { content:'\e0a8'; }
.oi[glyph=play-circle]:before { content:'\e0a9'; }
.oi[glyph=plus]:before { content:'\e0aa'; }
.oi[glyph=power-standby]:before { content:'\e0ab'; }
.oi[glyph=print]:before { content:'\e0ac'; }
.oi[glyph=project]:before { content:'\e0ad'; }
.oi[glyph=pulse]:before { content:'\e0ae'; }
.oi[glyph=puzzle-piece]:before { content:'\e0af'; }
.oi[glyph=question-mark]:before { content:'\e0b0'; }
.oi[glyph=rain]:before { content:'\e0b1'; }
.oi[glyph=random]:before { content:'\e0b2'; }
.oi[glyph=reload]:before { content:'\e0b3'; }
.oi[glyph=resize-both]:before { content:'\e0b4'; }
.oi[glyph=resize-height]:before { content:'\e0b5'; }
.oi[glyph=resize-width]:before { content:'\e0b6'; }
.oi[glyph=rss-alt]:before { content:'\e0b7'; }
.oi[glyph=rss]:before { content:'\e0b8'; }
.oi[glyph=script]:before { content:'\e0b9'; }
.oi[glyph=share-boxed]:before { content:'\e0ba'; }
.oi[glyph=share]:before { content:'\e0bb'; }
.oi[glyph=shield]:before { content:'\e0bc'; }
.oi[glyph=signal]:before { content:'\e0bd'; }
.oi[glyph=signpost]:before { content:'\e0be'; }
.oi[glyph=sort-ascending]:before { content:'\e0bf'; }
.oi[glyph=sort-descending]:before { content:'\e0c0'; }
.oi[glyph=spreadsheet]:before { content:'\e0c1'; }
.oi[glyph=star]:before { content:'\e0c2'; }
.oi[glyph=sun]:before { content:'\e0c3'; }
.oi[glyph=tablet]:before { content:'\e0c4'; }
.oi[glyph=tag]:before { content:'\e0c5'; }
.oi[glyph=tags]:before { content:'\e0c6'; }
.oi[glyph=target]:before { content:'\e0c7'; }
.oi[glyph=task]:before { content:'\e0c8'; }
.oi[glyph=terminal]:before { content:'\e0c9'; }
.oi[glyph=text]:before { content:'\e0ca'; }
.oi[glyph=thumb-down]:before { content:'\e0cb'; }
.oi[glyph=thumb-up]:before { content:'\e0cc'; }
.oi[glyph=timer]:before { content:'\e0cd'; }
.oi[glyph=transfer]:before { content:'\e0ce'; }
.oi[glyph=trash]:before { content:'\e0cf'; }
.oi[glyph=underline]:before { content:'\e0d0'; }
.oi[glyph=vertical-align-bottom]:before { content:'\e0d1'; }
.oi[glyph=vertical-align-center]:before { content:'\e0d2'; }
.oi[glyph=vertical-align-top]:before { content:'\e0d3'; }
.oi[glyph=video]:before { content:'\e0d4'; }
.oi[glyph=volume-high]:before { content:'\e0d5'; }
.oi[glyph=volume-low]:before { content:'\e0d6'; }
.oi[glyph=volume-off]:before { content:'\e0d7'; }
.oi[glyph=warning]:before { content:'\e0d8'; }
.oi[glyph=wifi]:before { content:'\e0d9'; }
.oi[glyph=wrench]:before { content:'\e0da'; }
.oi[glyph=x]:before { content:'\e0db'; }
.oi[glyph=yen]:before { content:'\e0dc'; }
.oi[glyph=zoom-in]:before { content:'\e0dd'; }
.oi[glyph=zoom-out]:before { content:'\e0de'; }