@mixin glyphBefore($unicode, $family: 'symbolsfont') {
    &:before {
        content: $unicode;
        font-family: $family;
    }
}

@mixin glyphAfter($unicode, $family: 'symbolsfont') {
    &:after {
        content: $unicode;
        font-family: $family;
    }
}

/************************** CHAR UNICODES */

$glyph-icon-alert-rect: '\e900';
$glyph-icon-alert-triangle: '\e901';
$glyph-icon-arrow-down: '\e902';
$glyph-icon-arrow-left: '\e903';
$glyph-icon-arrow-right: '\e904';
$glyph-icon-arrow-double-up: '\e905';
$glyph-icon-arrow-tall-up: '\e906';
$glyph-icon-arrow-tall-down: '\e907';
$glyph-icon-arrow-double-down: '\e908';
$glyph-icon-arrow-up: '\e909';
$glyph-icon-asterisk: '\e910';
$glyph-icon-bell: '\e911';
$glyph-icon-box: '\e912';
$glyph-icon-box-with-arrow: '\e913';
$glyph-icon-check: '\e914';
$glyph-icon-connectivity: '\e915';
$glyph-icon-database-in-brackets: '\e916';
$glyph-icon-eye-open: '\e917';
$glyph-icon-gear: '\e918';
$glyph-icon-hourglass: '\e919';
$glyph-icon-info: '\e920';
$glyph-icon-link: '\e921';
$glyph-icon-lock: '\e922';
$glyph-icon-minus: '\e923';
$glyph-icon-people: '\e924';
$glyph-icon-person: '\e925';
$glyph-icon-plus: '\e926';
$glyph-icon-trash: '\e927';
$glyph-icon-x: '\e928';
$glyph-icon-brackets: '\e929';
$glyph-icon-arrows-out: '\e1000';
$glyph-icon-arrows-right-left: '\e1001';
$glyph-icon-arrows-up-down: '\e1002';
$glyph-icon-bullet: '\e1004';
$glyph-icon-calendar: '\e1005';
$glyph-icon-chain-links: '\e1006';
$glyph-icon-collapse-pane-left: '\e1007';
$glyph-icon-collapse-pane-right: '\e1008';
$glyph-icon-download: '\e1009';
$glyph-icon-duplicate: '\e1010';
$glyph-icon-folder-new: '\e1011';
$glyph-icon-fullscreen-collapse: '\e1012';
$glyph-icon-fullscreen-expand: '\e1013';
$glyph-icon-layers: '\e1014';
$glyph-icon-line-horz: '\e1015';
$glyph-icon-magnify: '\e1016';
$glyph-icon-magnify-in: '\e1017';
$glyph-icon-magnify-out: '\e1018';
$glyph-icon-menu-hamburger: '\e1019';
$glyph-icon-move: '\e1020';
$glyph-icon-new-window: '\e1021';
$glyph-icon-paint-bucket: '\e1022';
$glyph-icon-pause: '\e1023';
$glyph-icon-pencil: '\e1024';
$glyph-icon-play: '\e1025';
$glyph-icon-plot-resource: '\e1026';
$glyph-icon-pointer-left: '\e1027';
$glyph-icon-pointer-right: '\e1028';
$glyph-icon-refresh: '\e1029';
$glyph-icon-save: '\e1030';
$glyph-icon-sine: '\e1031';
$glyph-icon-T: '\e1032';
$glyph-icon-thumbs-strip: '\e1033';
$glyph-icon-two-parts-both: '\e1034';
$glyph-icon-two-parts-one-only: '\e1035';
$glyph-icon-resync: '\e1036';
$glyph-icon-reset: '\e1037';
$glyph-icon-x-in-circle: '\e1038';
$glyph-icon-brightness: '\e1039';
$glyph-icon-contrast: '\e1040';
$glyph-icon-expand: '\e1041';
$glyph-icon-list-view: '\e1042';
$glyph-icon-activity: '\e1100';
$glyph-icon-activity-mode: '\e1101';
$glyph-icon-autoflow-tabular: '\e1102';
$glyph-icon-clock: '\e1103';
$glyph-icon-database: '\e1104';
$glyph-icon-database-query: '\e1105';
$glyph-icon-dataset: '\e1106';
$glyph-icon-datatable: '\e1107';
$glyph-icon-dictionary: '\e1108';
$glyph-icon-folder: '\e1109';
$glyph-icon-image: '\e1110';
$glyph-icon-layout: '\e1111';
$glyph-icon-object: '\e1112';
$glyph-icon-object-unknown: '\e1113';
$glyph-icon-packet: '\e1114';
$glyph-icon-page: '\e1115';
$glyph-icon-plot-overlay: '\e1116';
$glyph-icon-plot-stacked: '\e1117';
$glyph-icon-session: '\e1118';
$glyph-icon-tabular: '\e1119';
$glyph-icon-tabular-lad: '\e1120';
$glyph-icon-tabular-lad-set: '\e1121';
$glyph-icon-tabular-realtime: '\e1122';
$glyph-icon-tabular-scrolling: '\e1123';
$glyph-icon-telemetry: '\e1124';
$glyph-icon-telemetry-panel: '\e1125';
$glyph-icon-timeline: '\e1126';
$glyph-icon-timer: '\e1127';
$glyph-icon-topic: '\e1128';
$glyph-icon-box-with-dashed-lines: '\e1129';

/************************** 16 PX CLASSES */

.icon-alert-rect {  @include glyphBefore($glyph-icon-alert-rect); }
.icon-alert-triangle {  @include glyphBefore($glyph-icon-alert-triangle); }
.icon-arrow-down {  @include glyphBefore($glyph-icon-arrow-down); }
.icon-arrow-left {  @include glyphBefore($glyph-icon-arrow-left); }
.icon-arrow-right {  @include glyphBefore($glyph-icon-arrow-right); }
.icon-arrow-double-up {  @include glyphBefore($glyph-icon-arrow-double-up); }
.icon-arrow-tall-up {  @include glyphBefore($glyph-icon-arrow-tall-up); }
.icon-arrow-tall-down {  @include glyphBefore($glyph-icon-arrow-tall-down); }
.icon-arrow-double-down {  @include glyphBefore($glyph-icon-arrow-double-down); }
.icon-arrow-up {  @include glyphBefore($glyph-icon-arrow-up); }
.icon-asterisk {  @include glyphBefore($glyph-icon-asterisk); }
.icon-bell {  @include glyphBefore($glyph-icon-bell); }
.icon-box {  @include glyphBefore($glyph-icon-box); }
.icon-box-with-arrow {  @include glyphBefore($glyph-icon-box-with-arrow); }
.icon-check {  @include glyphBefore($glyph-icon-check); }
.icon-connectivity {  @include glyphBefore($glyph-icon-connectivity); }
.icon-database-in-brackets {  @include glyphBefore($glyph-icon-database-in-brackets); }
.icon-eye-open {  @include glyphBefore($glyph-icon-eye-open); }
.icon-gear {  @include glyphBefore($glyph-icon-gear); }
.icon-hourglass {  @include glyphBefore($glyph-icon-hourglass); }
.icon-info {  @include glyphBefore($glyph-icon-info); }
.icon-link {  @include glyphBefore($glyph-icon-link); }
.icon-lock {  @include glyphBefore($glyph-icon-lock); }
.icon-minus {  @include glyphBefore($glyph-icon-minus); }
.icon-people {  @include glyphBefore($glyph-icon-people); }
.icon-person {  @include glyphBefore($glyph-icon-person); }
.icon-plus {  @include glyphBefore($glyph-icon-plus); }
.icon-trash {  @include glyphBefore($glyph-icon-trash); }
.icon-x {  @include glyphBefore($glyph-icon-x); }
.icon-brackets {  @include glyphBefore($glyph-icon-brackets); }
.icon-arrows-out {  @include glyphBefore($glyph-icon-arrows-out); }
.icon-arrows-right-left {  @include glyphBefore($glyph-icon-arrows-right-left); }
.icon-arrows-up-down {  @include glyphBefore($glyph-icon-arrows-up-down); }
.icon-bullet {  @include glyphBefore($glyph-icon-bullet); }
.icon-calendar {  @include glyphBefore($glyph-icon-calendar); }
.icon-chain-links {  @include glyphBefore($glyph-icon-chain-links); }
.icon-collapse-pane-left {  @include glyphBefore($glyph-icon-collapse-pane-left); }
.icon-collapse-pane-right {  @include glyphBefore($glyph-icon-collapse-pane-right); }
.icon-download {  @include glyphBefore($glyph-icon-download); }
.icon-duplicate {  @include glyphBefore($glyph-icon-duplicate); }
.icon-folder-new {  @include glyphBefore($glyph-icon-folder-new); }
.icon-fullscreen-collapse {  @include glyphBefore($glyph-icon-fullscreen-collapse); }
.icon-fullscreen-expand {  @include glyphBefore($glyph-icon-fullscreen-expand); }
.icon-layers {  @include glyphBefore($glyph-icon-layers); }
.icon-line-horz {  @include glyphBefore($glyph-icon-line-horz); }
.icon-magnify {  @include glyphBefore($glyph-icon-magnify); }
.icon-magnify-in {  @include glyphBefore($glyph-icon-magnify-in); }
.icon-magnify-out {  @include glyphBefore($glyph-icon-magnify-out); }
.icon-menu-hamburger {  @include glyphBefore($glyph-icon-menu-hamburger); }
.icon-move {  @include glyphBefore($glyph-icon-move); }
.icon-new-window {  @include glyphBefore($glyph-icon-new-window); }
.icon-paint-bucket {  @include glyphBefore($glyph-icon-paint-bucket); }
.icon-pause {  @include glyphBefore($glyph-icon-pause); }
.icon-pencil {  @include glyphBefore($glyph-icon-pencil); }
.icon-play {  @include glyphBefore($glyph-icon-play); }
.icon-plot-resource {  @include glyphBefore($glyph-icon-plot-resource); }
.icon-pointer-left {  @include glyphBefore($glyph-icon-pointer-left); }
.icon-pointer-right {  @include glyphBefore($glyph-icon-pointer-right); }
.icon-refresh {  @include glyphBefore($glyph-icon-refresh); }
.icon-save {  @include glyphBefore($glyph-icon-save); }
.icon-sine {  @include glyphBefore($glyph-icon-sine); }
.icon-T {  @include glyphBefore($glyph-icon-T); }
.icon-thumbs-strip {  @include glyphBefore($glyph-icon-thumbs-strip); }
.icon-two-parts-both {  @include glyphBefore($glyph-icon-two-parts-both); }
.icon-two-parts-one-only {  @include glyphBefore($glyph-icon-two-parts-one-only); }
.icon-resync {  @include glyphBefore($glyph-icon-resync); }
.icon-reset {  @include glyphBefore($glyph-icon-reset); }
.icon-x-in-circle {  @include glyphBefore($glyph-icon-x-in-circle); }
.icon-brightness {  @include glyphBefore($glyph-icon-brightness); }
.icon-contrast {  @include glyphBefore($glyph-icon-contrast); }
.icon-expand {  @include glyphBefore($glyph-icon-expand); }
.icon-list-view {  @include glyphBefore($glyph-icon-list-view); }
.icon-activity {  @include glyphBefore($glyph-icon-activity); }
.icon-activity-mode {  @include glyphBefore($glyph-icon-activity-mode); }
.icon-autoflow-tabular {  @include glyphBefore($glyph-icon-autoflow-tabular); }
.icon-clock {  @include glyphBefore($glyph-icon-clock); }
.icon-database {  @include glyphBefore($glyph-icon-database); }
.icon-database-query {  @include glyphBefore($glyph-icon-database-query); }
.icon-dataset {  @include glyphBefore($glyph-icon-dataset); }
.icon-datatable {  @include glyphBefore($glyph-icon-datatable); }
.icon-dictionary {  @include glyphBefore($glyph-icon-dictionary); }
.icon-folder {  @include glyphBefore($glyph-icon-folder); }
.icon-image {  @include glyphBefore($glyph-icon-image); }
.icon-layout {  @include glyphBefore($glyph-icon-layout); }
.icon-object {  @include glyphBefore($glyph-icon-object); }
.icon-object-unknown {  @include glyphBefore($glyph-icon-object-unknown); }
.icon-packet {  @include glyphBefore($glyph-icon-packet); }
.icon-page {  @include glyphBefore($glyph-icon-page); }
.icon-plot-overlay {  @include glyphBefore($glyph-icon-plot-overlay); }
.icon-plot-stacked {  @include glyphBefore($glyph-icon-plot-stacked); }
.icon-session {  @include glyphBefore($glyph-icon-session); }
.icon-tabular {  @include glyphBefore($glyph-icon-tabular); }
.icon-tabular-lad {  @include glyphBefore($glyph-icon-tabular-lad); }
.icon-tabular-lad-set {  @include glyphBefore($glyph-icon-tabular-lad-set); }
.icon-tabular-realtime {  @include glyphBefore($glyph-icon-tabular-realtime); }
.icon-tabular-scrolling {  @include glyphBefore($glyph-icon-tabular-scrolling); }
.icon-telemetry {  @include glyphBefore($glyph-icon-telemetry); }
.icon-telemetry-panel {  @include glyphBefore($glyph-icon-telemetry-panel); }
.icon-timeline {  @include glyphBefore($glyph-icon-timeline); }
.icon-timer {  @include glyphBefore($glyph-icon-timer); }
.icon-topic {  @include glyphBefore($glyph-icon-topic); }
.icon-box-with-dashed-lines {  @include glyphBefore($glyph-icon-box-with-dashed-lines); }

/************************** 12 PX CLASSES */

.icon-eye-open-12px {  @include glyphBefore($glyph-icon-eye-open,'symbolsfont-12px'); }
.icon-collapse-pane-left-12px {  @include glyphBefore($glyph-icon-collapse-pane-left,'symbolsfont-12px'); }
.icon-collapse-pane-right-12px {  @include glyphBefore($glyph-icon-collapse-pane-right,'symbolsfont-12px'); }
.icon-folder-12px {  @include glyphBefore($glyph-icon-folder,'symbolsfont-12px'); }