org.eclipse.osbp.themes/scss/external/_vaadin-icons-reference.scss

/* We used the IcoMoon App (see https://icomoon.io/#docs) to convert the font-awesome icons and use the 
created icons and the corresponding scss. The tool is free to use. 
	-> select font
	-> download font including variables for sass
	-> include contents of variables.scss in font-name-variables.scss 
   	and styles.scss in font-name-reference.scss
   	import in iconfont.scss
   	Note: Pay attention to numbered icons (like "icon-name2") 
   	*/
   	
@import "vaadin-icons-variables";

.vi-browser {
  &:before {
    content: $vi-browser;
  }
}
.vi-bullets {
  &:before {
    content: $vi-bullets;
  }
}
.vi-combobox {
  &:before {
    content: $vi-combobox;
  }
}
.vi-file-tree {
  &:before {
    content: $vi-file-tree;
  }
}
.vi-form {
  &:before {
    content: $vi-form;
  }
}
.vi-grid-bevel {
  &:before {
    content: $vi-grid-bevel;
  }
}
.vi-grid {
  &:before {
    content: $vi-grid;
  }
}
.vi-layout {
  &:before {
    content: $vi-layout;
  }
}
.vi-level-right-bold {
  &:before {
    content: $vi-level-right-bold;
  }
}
.vi-options {
  &:before {
    content: $vi-options;
  }
}
.vi-panel {
  &:before {
    content: $vi-panel;
  }
}
.vi-road-branch {
  &:before {
    content: $vi-road-branch;
  }
}
.vi-split {
  &:before {
    content: $vi-split;
  }
}
.vi-tabs {
  &:before {
    content: $vi-tabs;
  }
}
.vi-text-input {
  &:before {
    content: $vi-text-input;
  }
}
.vi-tree-table {
  &:before {
    content: $vi-tree-table;
  }
}
.vi-twin-col-select {
  &:before {
    content: $vi-twin-col-select;
  }
}
.vi-cube {
  &:before {
    content: $vi-cube;
  }
}
.vi-filter {
  &:before {
    content: $vi-filter;
  }
}
.vi-hash {
  &:before {
    content: $vi-hash;
  }
}
.vi-puzzle-piece {
  &:before {
    content: $vi-puzzle-piece;
  }
}
.vi-sliders {
  &:before {
    content: $vi-sliders;
  }
}
.vi-archive {
  &:before {
    content: $vi-archive;
  }
}
.vi-book {
  &:before {
    content: $vi-book;
  }
}
.vi-modal-list {
  &:before {
    content: $vi-modal-list;
  }
}
.vi-random {
  &:before {
    content: $vi-random;
  }
}
.vi-server {
  &:before {
    content: $vi-server;
  }
}
.vi-database {
  &:before {
    content: $vi-database;
  }
}
.vi-sitemap {
  &:before {
    content: $vi-sitemap;
  }
}
.vi-tasks {
  &:before {
    content: $vi-tasks;
  }
}
.vi-ticket {
  &:before {
    content: $vi-ticket;
  }
}
.vi-bar-chart {
  &:before {
    content: $vi-bar-chart;
  }
}
.vi-comment-o {
  &:before {
    content: $vi-comment-o;
  }
}
.vi-comment {
  &:before {
    content: $vi-comment;
  }
}
.vi-retweet {
  &:before {
    content: $vi-retweet;
  }
}
.vi-sign-in {
  &:before {
    content: $vi-sign-in;
  }
}
.vi-sign-out {
  &:before {
    content: $vi-sign-out;
  }
}
.vi-table {
  &:before {
    content: $vi-table;
  }
}
.vi-menu {
  &:before {
    content: $vi-menu;
  }
}
.vi-file-text-o {
  &:before {
    content: $vi-file-text-o;
  }
}
.vi-list-ul {
  &:before {
    content: $vi-list-ul;
  }
}
.vi-list {
  &:before {
    content: $vi-list;
  }
}
.vi-book-dollar {
  &:before {
    content: $vi-book-dollar;
  }
}
.vi-book-percent {
  &:before {
    content: $vi-book-percent;
  }
}
.vi-briefcase {
  &:before {
    content: $vi-briefcase;
  }
}
.vi-plus-minus {
  &:before {
    content: $vi-plus-minus;
  }
}
.vi-calendar-briefcase {
  &:before {
    content: $vi-calendar-briefcase;
  }
}
.vi-calendar-clock {
  &:before {
    content: $vi-calendar-clock;
  }
}
.vi-calendar-user {
  &:before {
    content: $vi-calendar-user;
  }
}
.vi-dental-chair {
  &:before {
    content: $vi-dental-chair;
  }
}
.vi-doctor-briefcase {
  &:before {
    content: $vi-doctor-briefcase;
  }
}
.vi-doctor {
  &:before {
    content: $vi-doctor;
  }
}
.vi-dollar {
  &:before {
    content: $vi-dollar;
  }
}
.vi-exit-o {
  &:before {
    content: $vi-exit-o;
  }
}
.vi-exit {
  &:before {
    content: $vi-exit;
  }
}
.vi-golf {
  &:before {
    content: $vi-golf;
  }
}
.vi-group {
  &:before {
    content: $vi-group;
  }
}
.vi-health-card {
  &:before {
    content: $vi-health-card;
  }
}
.vi-invoice {
  &:before {
    content: $vi-invoice;
  }
}
.vi-level-down-bold {
  &:before {
    content: $vi-level-down-bold;
  }
}
.vi-level-left-bold {
  &:before {
    content: $vi-level-left-bold;
  }
}
.vi-level-up-bold {
  &:before {
    content: $vi-level-up-bold;
  }
}
.vi-out {
  &:before {
    content: $vi-out;
  }
}
.vi-pill {
  &:before {
    content: $vi-pill;
  }
}
.vi-pills {
  &:before {
    content: $vi-pills;
  }
}
.vi-specialist {
  &:before {
    content: $vi-specialist;
  }
}
.vi-stethoscope {
  &:before {
    content: $vi-stethoscope;
  }
}
.vi-teeth {
  &:before {
    content: $vi-teeth;
  }
}
.vi-user-card {
  &:before {
    content: $vi-user-card;
  }
}
.vi-user-check {
  &:before {
    content: $vi-user-check;
  }
}
.vi-user-clock {
  &:before {
    content: $vi-user-clock;
  }
}
.vi-user-heart {
  &:before {
    content: $vi-user-heart;
  }
}
.vi-absolute-position {
  &:before {
    content: $vi-absolute-position;
  }
}
.vi-accordion-menu {
  &:before {
    content: $vi-accordion-menu;
  }
}
.vi-add-dock {
  &:before {
    content: $vi-add-dock;
  }
}
.vi-archives {
  &:before {
    content: $vi-archives;
  }
}
.vi-arrow-backward {
  &:before {
    content: $vi-arrow-backward;
  }
}
.vi-arrow-forward {
  &:before {
    content: $vi-arrow-forward;
  }
}
.vi-at {
  &:before {
    content: $vi-at;
  }
}
.vi-bell-slash-o {
  &:before {
    content: $vi-bell-slash-o;
  }
}
.vi-bell-slash {
  &:before {
    content: $vi-bell-slash;
  }
}
.vi-boat {
  &:before {
    content: $vi-boat;
  }
}
.vi-browser3 {
  &:before {
    content: $vi-browser3;
  }
}
.vi-bullets {
  &:before {
    content: $vi-bullets;
  }
}
.vi-button {
  &:before {
    content: $vi-button;
  }
}
.vi-calc-book {
  &:before {
    content: $vi-calc-book;
  }
}
.vi-calendar-envelope {
  &:before {
    content: $vi-calendar-envelope;
  }
}
.vi-car {
  &:before {
    content: $vi-car;
  }
}
.vi-check-square {
  &:before {
    content: $vi-check-square;
  }
}
.vi-child {
  &:before {
    content: $vi-child;
  }
}
.vi-clipboard-cross {
  &:before {
    content: $vi-clipboard-cross;
  }
}
.vi-clipboard-heart {
  &:before {
    content: $vi-clipboard-heart;
  }
}
.vi-clipboard-pulse {
  &:before {
    content: $vi-clipboard-pulse;
  }
}
.vi-clipboard-text {
  &:before {
    content: $vi-clipboard-text;
  }
}
.vi-clipboard-user {
  &:before {
    content: $vi-clipboard-user;
  }
}
.vi-clipboard {
  &:before {
    content: $vi-clipboard;
  }
}
.vi-combobox {
  &:before {
    content: $vi-combobox;
  }
}
.vi-compress-square {
  &:before {
    content: $vi-compress-square;
  }
}
.vi-copyright {
  &:before {
    content: $vi-copyright;
  }
}
.vi-css {
  &:before {
    content: $vi-css;
  }
}
.vi-curly-brackets {
  &:before {
    content: $vi-curly-brackets;
  }
}
.vi-date-input {
  &:before {
    content: $vi-date-input;
  }
}
.vi-elastic {
  &:before {
    content: $vi-elastic;
  }
}
.vi-envelope-open-o {
  &:before {
    content: $vi-envelope-open-o;
  }
}
.vi-envelope-open {
  &:before {
    content: $vi-envelope-open;
  }
}
.vi-external-browser {
  &:before {
    content: $vi-external-browser;
  }
}
.vi-eyedropper {
  &:before {
    content: $vi-eyedropper;
  }
}
.vi-factory {
  &:before {
    content: $vi-factory;
  }
}
.vi-file-process {
  &:before {
    content: $vi-file-process;
  }
}
.vi-file-refresh {
  &:before {
    content: $vi-file-refresh;
  }
}
.vi-file-start {
  &:before {
    content: $vi-file-start;
  }
}
.vi-file-tree-small {
  &:before {
    content: $vi-file-tree-small;
  }
}
.vi-file-tree-sub {
  &:before {
    content: $vi-file-tree-sub;
  }
}
.vi-file-tree {
  &:before {
    content: $vi-file-tree;
  }
}
.vi-adobe-flash {
  &:before {
    content: $vi-adobe-flash;
  }
}
.vi-flip-h {
  &:before {
    content: $vi-flip-h;
  }
}
.vi-flip-v {
  &:before {
    content: $vi-flip-v;
  }
}
.vi-form {
  &:before {
    content: $vi-form;
  }
}
.vi-funcion {
  &:before {
    content: $vi-funcion;
  }
}
.vi-grab {
  &:before {
    content: $vi-grab;
  }
}
.vi-grid-bevel {
  &:before {
    content: $vi-grid-bevel;
  }
}
.vi-grid-h {
  &:before {
    content: $vi-grid-h;
  }
}
.vi-grid-v {
  &:before {
    content: $vi-grid-v;
  }
}
.vi-grid {
  &:before {
    content: $vi-grid;
  }
}
.vi-hand {
  &:before {
    content: $vi-hand;
  }
}
.vi-input {
  &:before {
    content: $vi-input;
  }
}
.vi-layout {
  &:before {
    content: $vi-layout;
  }
}
.vi-level-right-bold {
  &:before {
    content: $vi-level-right-bold;
  }
}
.vi-list-select {
  &:before {
    content: $vi-list-select;
  }
}
.vi-margin-bottom {
  &:before {
    content: $vi-margin-bottom;
  }
}
.vi-margin-left {
  &:before {
    content: $vi-margin-left;
  }
}
.vi-margin-right {
  &:before {
    content: $vi-margin-right;
  }
}
.vi-margin-top {
  &:before {
    content: $vi-margin-top;
  }
}
.vi-margin {
  &:before {
    content: $vi-margin;
  }
}
.vi-native-button {
  &:before {
    content: $vi-native-button;
  }
}
.vi-notebook {
  &:before {
    content: $vi-notebook;
  }
}
.vi-options {
  &:before {
    content: $vi-options;
  }
}
.vi-orientation {
  &:before {
    content: $vi-orientation;
  }
}
.vi-outbox {
  &:before {
    content: $vi-outbox;
  }
}
.vi-padding-bottom {
  &:before {
    content: $vi-padding-bottom;
  }
}
.vi-padding-left {
  &:before {
    content: $vi-padding-left;
  }
}
.vi-padding-right {
  &:before {
    content: $vi-padding-right;
  }
}
.vi-padding-top {
  &:before {
    content: $vi-padding-top;
  }
}
.vi-padding {
  &:before {
    content: $vi-padding;
  }
}
.vi-paint-roll {
  &:before {
    content: $vi-paint-roll;
  }
}
.vi-palete {
  &:before {
    content: $vi-palete;
  }
}
.vi-panel {
  &:before {
    content: $vi-panel;
  }
}
.vi-password {
  &:before {
    content: $vi-password;
  }
}
.vi-plug {
  &:before {
    content: $vi-plug;
  }
}
.vi-pointer {
  &:before {
    content: $vi-pointer;
  }
}
.vi-progressbar {
  &:before {
    content: $vi-progressbar;
  }
}
.vi-resize-h {
  &:before {
    content: $vi-resize-h;
  }
}
.vi-resize-v {
  &:before {
    content: $vi-resize-v;
  }
}
.vi-rhombus {
  &:before {
    content: $vi-rhombus;
  }
}
.vi-road-branch {
  &:before {
    content: $vi-road-branch;
  }
}
.vi-road-branches {
  &:before {
    content: $vi-road-branches;
  }
}
.vi-road-split {
  &:before {
    content: $vi-road-split;
  }
}
.vi-select {
  &:before {
    content: $vi-select;
  }
}
.vi-slider {
  &:before {
    content: $vi-slider;
  }
}
.vi-split {
  &:before {
    content: $vi-split;
  }
}
.vi-start-cog {
  &:before {
    content: $vi-start-cog;
  }
}
.vi-stop-cog {
  &:before {
    content: $vi-stop-cog;
  }
}
.vi-sword {
  &:before {
    content: $vi-sword;
  }
}
.vi-tabs {
  &:before {
    content: $vi-tabs;
  }
}
.vi-taxi {
  &:before {
    content: $vi-taxi;
  }
}
.vi-text-input {
  &:before {
    content: $vi-text-input;
  }
}
.vi-text-label {
  &:before {
    content: $vi-text-label;
  }
}
.vi-tooth {
  &:before {
    content: $vi-tooth;
  }
}
.vi-train {
  &:before {
    content: $vi-train;
  }
}
.vi-tree-table {
  &:before {
    content: $vi-tree-table;
  }
}
.vi-twin-col-select {
  &:before {
    content: $vi-twin-col-select;
  }
}
.vi-viewport {
  &:before {
    content: $vi-viewport;
  }
}
.vi-abacus {
  &:before {
    content: $vi-abacus;
  }
}
.vi-accessibility {
  &:before {
    content: $vi-accessibility;
  }
}
.vi-airplane {
  &:before {
    content: $vi-airplane;
  }
}
.vi-anchor {
  &:before {
    content: $vi-anchor;
  }
}
.vi-asterisk {
  &:before {
    content: $vi-asterisk;
  }
}
.vi-automation {
  &:before {
    content: $vi-automation;
  }
}
.vi-barcode {
  &:before {
    content: $vi-barcode;
  }
}
.vi-bomb {
  &:before {
    content: $vi-bomb;
  }
}
.vi-bug-o {
  &:before {
    content: $vi-bug-o;
  }
}
.vi-bug {
  &:before {
    content: $vi-bug;
  }
}
.vi-calc {
  &:before {
    content: $vi-calc;
  }
}
.vi-chart-line {
  &:before {
    content: $vi-chart-line;
  }
}
.vi-chart {
  &:before {
    content: $vi-chart;
  }
}
.vi-code {
  &:before {
    content: $vi-code;
  }
}
.vi-coffee {
  &:before {
    content: $vi-coffee;
  }
}
.vi-cogs {
  &:before {
    content: $vi-cogs;
  }
}
.vi-controller {
  &:before {
    content: $vi-controller;
  }
}
.vi-corner-lower-left {
  &:before {
    content: $vi-corner-lower-left;
  }
}
.vi-corner-lower-right {
  &:before {
    content: $vi-corner-lower-right;
  }
}
.vi-corner-upper-left {
  &:before {
    content: $vi-corner-upper-left;
  }
}
.vi-corner-upper-right {
  &:before {
    content: $vi-corner-upper-right;
  }
}
.vi-cube3 {
  &:before {
    content: $vi-cube3;
  }
}
.vi-cubes {
  &:before {
    content: $vi-cubes;
  }
}
.vi-download-alt {
  &:before {
    content: $vi-download-alt;
  }
}
.vi-eraser {
  &:before {
    content: $vi-eraser;
  }
}
.vi-facebook-square {
  &:before {
    content: $vi-facebook-square;
  }
}
.vi-facebook {
  &:before {
    content: $vi-facebook;
  }
}
.vi-female {
  &:before {
    content: $vi-female;
  }
}
.vi-file-font {
  &:before {
    content: $vi-file-font;
  }
}
.vi-file-presentation {
  &:before {
    content: $vi-file-presentation;
  }
}
.vi-file-table {
  &:before {
    content: $vi-file-table;
  }
}
.vi-fill {
  &:before {
    content: $vi-fill;
  }
}
.vi-filter3 {
  &:before {
    content: $vi-filter3;
  }
}
.vi-fire {
  &:before {
    content: $vi-fire;
  }
}
.vi-frown-o {
  &:before {
    content: $vi-frown-o;
  }
}
.vi-gavel {
  &:before {
    content: $vi-gavel;
  }
}
.vi-google-plus-square {
  &:before {
    content: $vi-google-plus-square;
  }
}
.vi-google-plus {
  &:before {
    content: $vi-google-plus;
  }
}
.vi-hands-up {
  &:before {
    content: $vi-hands-up;
  }
}
.vi-hash {
  &:before {
    content: $vi-hash;
  }
}
.vi-institution {
  &:before {
    content: $vi-institution;
  }
}
.vi-key-o {
  &:before {
    content: $vi-key-o;
  }
}
.vi-key {
  &:before {
    content: $vi-key;
  }
}
.vi-lifebuoy {
  &:before {
    content: $vi-lifebuoy;
  }
}
.vi-lightbulb {
  &:before {
    content: $vi-lightbulb;
  }
}
.vi-sign-in-alt {
  &:before {
    content: $vi-sign-in-alt;
  }
}
.vi-sign-out-alt {
  &:before {
    content: $vi-sign-out-alt;
  }
}
.vi-magic {
  &:before {
    content: $vi-magic;
  }
}
.vi-male {
  &:before {
    content: $vi-male;
  }
}
.vi-medal {
  &:before {
    content: $vi-medal;
  }
}
.vi-megafone {
  &:before {
    content: $vi-megafone;
  }
}
.vi-meh-o {
  &:before {
    content: $vi-meh-o;
  }
}
.vi-money {
  &:before {
    content: $vi-money;
  }
}
.vi-package {
  &:before {
    content: $vi-package;
  }
}
.vi-paintbrush {
  &:before {
    content: $vi-paintbrush;
  }
}
.vi-paperplane {
  &:before {
    content: $vi-paperplane;
  }
}
.vi-paperplane {
  &:before {
    content: $vi-paperplane;
  }
}
.vi-paragraph {
  &:before {
    content: $vi-paragraph;
  }
}
.vi-paste {
  &:before {
    content: $vi-paste;
  }
}
.vi-pie-chart {
  &:before {
    content: $vi-pie-chart;
  }
}
.vi-pin-post {
  &:before {
    content: $vi-pin-post;
  }
}
.vi-presentation {
  &:before {
    content: $vi-presentation;
  }
}
.vi-puzzle-piece3 {
  &:before {
    content: $vi-puzzle-piece3;
  }
}
.vi-qrcode {
  &:before {
    content: $vi-qrcode;
  }
}
.vi-quote-left {
  &:before {
    content: $vi-quote-left;
  }
}
.vi-quote-right {
  &:before {
    content: $vi-quote-right;
  }
}
.vi-raster-lower-left {
  &:before {
    content: $vi-raster-lower-left;
  }
}
.vi-raster {
  &:before {
    content: $vi-raster;
  }
}
.vi-recycle {
  &:before {
    content: $vi-recycle;
  }
}
.vi-road {
  &:before {
    content: $vi-road;
  }
}
.vi-rocket {
  &:before {
    content: $vi-rocket;
  }
}
.vi-rss-square {
  &:before {
    content: $vi-rss-square;
  }
}
.vi-rss {
  &:before {
    content: $vi-rss;
  }
}
.vi-safe-lock {
  &:before {
    content: $vi-safe-lock;
  }
}
.vi-safe {
  &:before {
    content: $vi-safe;
  }
}
.vi-share-square {
  &:before {
    content: $vi-share-square;
  }
}
.vi-shield {
  &:before {
    content: $vi-shield;
  }
}
.vi-sliders {
  &:before {
    content: $vi-sliders;
  }
}
.vi-smiley-o {
  &:before {
    content: $vi-smiley-o;
  }
}
.vi-spinner-arc {
  &:before {
    content: $vi-spinner-arc;
  }
}
.vi-spinner-third {
  &:before {
    content: $vi-spinner-third;
  }
}
.vi-spinner {
  &:before {
    content: $vi-spinner;
  }
}
.vi-subscript {
  &:before {
    content: $vi-subscript;
  }
}
.vi-superscript {
  &:before {
    content: $vi-superscript;
  }
}
.vi-tag {
  &:before {
    content: $vi-tag;
  }
}
.vi-tags {
  &:before {
    content: $vi-tags;
  }
}
.vi-terminal {
  &:before {
    content: $vi-terminal;
  }
}
.vi-thumbs-down-o {
  &:before {
    content: $vi-thumbs-down-o;
  }
}
.vi-thumbs-down {
  &:before {
    content: $vi-thumbs-down;
  }
}
.vi-thumbs-up-o {
  &:before {
    content: $vi-thumbs-up-o;
  }
}
.vi-thumbs-up {
  &:before {
    content: $vi-thumbs-up;
  }
}
.vi-truck {
  &:before {
    content: $vi-truck;
  }
}
.vi-twitter-square {
  &:before {
    content: $vi-twitter-square;
  }
}
.vi-twitter {
  &:before {
    content: $vi-twitter;
  }
}
.vi-umbrella {
  &:before {
    content: $vi-umbrella;
  }
}
.vi-upload-alt {
  &:before {
    content: $vi-upload-alt;
  }
}
.vi-vimeo-square {
  &:before {
    content: $vi-vimeo-square;
  }
}
.vi-vimeo {
  &:before {
    content: $vi-vimeo;
  }
}
.vi-youtube-square {
  &:before {
    content: $vi-youtube-square;
  }
}
.vi-youtube {
  &:before {
    content: $vi-youtube;
  }
}
.vi-angle-double-down {
  &:before {
    content: $vi-angle-double-down;
  }
}
.vi-angle-double-left {
  &:before {
    content: $vi-angle-double-left;
  }
}
.vi-angle-double-right {
  &:before {
    content: $vi-angle-double-right;
  }
}
.vi-angle-double-up {
  &:before {
    content: $vi-angle-double-up;
  }
}
.vi-angle-down {
  &:before {
    content: $vi-angle-down;
  }
}
.vi-angle-left {
  &:before {
    content: $vi-angle-left;
  }
}
.vi-angle-right {
  &:before {
    content: $vi-angle-right;
  }
}
.vi-angle-up {
  &:before {
    content: $vi-angle-up;
  }
}
.vi-archive {
  &:before {
    content: $vi-archive;
  }
}
.vi-arrow-circle-down-o {
  &:before {
    content: $vi-arrow-circle-down-o;
  }
}
.vi-arrow-circle-down {
  &:before {
    content: $vi-arrow-circle-down;
  }
}
.vi-arrow-circle-left-o {
  &:before {
    content: $vi-arrow-circle-left-o;
  }
}
.vi-arrow-circle-left {
  &:before {
    content: $vi-arrow-circle-left;
  }
}
.vi-arrow-circle-right-o {
  &:before {
    content: $vi-arrow-circle-right-o;
  }
}
.vi-arrow-circle-right {
  &:before {
    content: $vi-arrow-circle-right;
  }
}
.vi-arrow-circle-up-o {
  &:before {
    content: $vi-arrow-circle-up-o;
  }
}
.vi-arrow-circle-up {
  &:before {
    content: $vi-arrow-circle-up;
  }
}
.vi-ban {
  &:before {
    content: $vi-ban;
  }
}
.vi-bold {
  &:before {
    content: $vi-bold;
  }
}
.vi-book3 {
  &:before {
    content: $vi-book3;
  }
}
.vi-bullseye {
  &:before {
    content: $vi-bullseye;
  }
}
.vi-cart-o {
  &:before {
    content: $vi-cart-o;
  }
}
.vi-cart {
  &:before {
    content: $vi-cart;
  }
}
.vi-check-square-o {
  &:before {
    content: $vi-check-square-o;
  }
}
.vi-cross-cutlery {
  &:before {
    content: $vi-cross-cutlery;
  }
}
.vi-cutlery {
  &:before {
    content: $vi-cutlery;
  }
}
.vi-dashboard {
  &:before {
    content: $vi-dashboard;
  }
}
.vi-disc {
  &:before {
    content: $vi-disc;
  }
}
.vi-dot-circle {
  &:before {
    content: $vi-dot-circle;
  }
}
.vi-download {
  &:before {
    content: $vi-download;
  }
}
.vi-drop {
  &:before {
    content: $vi-drop;
  }
}
.vi-exchange {
  &:before {
    content: $vi-exchange;
  }
}
.vi-exclamation-circle-o {
  &:before {
    content: $vi-exclamation-circle-o;
  }
}
.vi-exclamation-circle {
  &:before {
    content: $vi-exclamation-circle;
  }
}
.vi-exclamation {
  &:before {
    content: $vi-exclamation;
  }
}
.vi-eye-slash {
  &:before {
    content: $vi-eye-slash;
  }
}
.vi-file-code {
  &:before {
    content: $vi-file-code;
  }
}
.vi-file-movie {
  &:before {
    content: $vi-file-movie;
  }
}
.vi-file-picture {
  &:before {
    content: $vi-file-picture;
  }
}
.vi-file-sound {
  &:before {
    content: $vi-file-sound;
  }
}
.vi-file-zip {
  &:before {
    content: $vi-file-zip;
  }
}
.vi-flag-checkered {
  &:before {
    content: $vi-flag-checkered;
  }
}
.vi-flag-o {
  &:before {
    content: $vi-flag-o;
  }
}
.vi-flag {
  &:before {
    content: $vi-flag;
  }
}
.vi-flash {
  &:before {
    content: $vi-flash;
  }
}
.vi-font {
  &:before {
    content: $vi-font;
  }
}
.vi-gamepad {
  &:before {
    content: $vi-gamepad;
  }
}
.vi-gift {
  &:before {
    content: $vi-gift;
  }
}
.vi-handle-corner {
  &:before {
    content: $vi-handle-corner;
  }
}
.vi-harddrive-o {
  &:before {
    content: $vi-harddrive-o;
  }
}
.vi-harddrive {
  &:before {
    content: $vi-harddrive;
  }
}
.vi-header {
  &:before {
    content: $vi-header;
  }
}
.vi-headphones {
  &:before {
    content: $vi-headphones;
  }
}
.vi-inbox {
  &:before {
    content: $vi-inbox;
  }
}
.vi-info-circle-o {
  &:before {
    content: $vi-info-circle-o;
  }
}
.vi-info-circle {
  &:before {
    content: $vi-info-circle;
  }
}
.vi-info {
  &:before {
    content: $vi-info;
  }
}
.vi-ist-ol {
  &:before {
    content: $vi-ist-ol;
  }
}
.vi-italic {
  &:before {
    content: $vi-italic;
  }
}
.vi-keyboard-o {
  &:before {
    content: $vi-keyboard-o;
  }
}
.vi-keyboard {
  &:before {
    content: $vi-keyboard;
  }
}
.vi-line-h {
  &:before {
    content: $vi-line-h;
  }
}
.vi-line-v {
  &:before {
    content: $vi-line-v;
  }
}
.vi-link {
  &:before {
    content: $vi-link;
  }
}
.vi-location-arrow-circle-o {
  &:before {
    content: $vi-location-arrow-circle-o;
  }
}
.vi-location-arrow-circle {
  &:before {
    content: $vi-location-arrow-circle;
  }
}
.vi-location-arrow {
  &:before {
    content: $vi-location-arrow;
  }
}
.vi-mailbox {
  &:before {
    content: $vi-mailbox;
  }
}
.vi-microphone {
  &:before {
    content: $vi-microphone;
  }
}
.vi-modal-list {
  &:before {
    content: $vi-modal-list;
  }
}
.vi-mute {
  &:before {
    content: $vi-mute;
  }
}
.vi-paperclip {
  &:before {
    content: $vi-paperclip;
  }
}
.vi-play-circle-o {
  &:before {
    content: $vi-play-circle-o;
  }
}
.vi-question-circle-o {
  &:before {
    content: $vi-question-circle-o;
  }
}
.vi-question-circle {
  &:before {
    content: $vi-question-circle;
  }
}
.vi-play-circle {
  &:before {
    content: $vi-play-circle;
  }
}
.vi-question {
  &:before {
    content: $vi-question;
  }
}
.vi-random3 {
  &:before {
    content: $vi-random3;
  }
}
.vi-scissors {
  &:before {
    content: $vi-scissors;
  }
}
.vi-screwdriver {
  &:before {
    content: $vi-screwdriver;
  }
}
.vi-server {
  &:before {
    content: $vi-server;
  }
}
.vi-database3 {
  &:before {
    content: $vi-database3;
  }
}
.vi-signal {
  &:before {
    content: $vi-signal;
  }
}
.vi-sitemap3 {
  &:before {
    content: $vi-sitemap3;
  }
}
.vi-spoon {
  &:before {
    content: $vi-spoon;
  }
}
.vi-strikethrough {
  &:before {
    content: $vi-strikethrough;
  }
}
.vi-sun-o {
  &:before {
    content: $vi-sun-o;
  }
}
.vi-tasks {
  &:before {
    content: $vi-tasks;
  }
}
.vi-text-height {
  &:before {
    content: $vi-text-height;
  }
}
.vi-text-width {
  &:before {
    content: $vi-text-width;
  }
}
.vi-ticket {
  &:before {
    content: $vi-ticket;
  }
}
.vi-toolbox {
  &:before {
    content: $vi-toolbox;
  }
}
.vi-tools {
  &:before {
    content: $vi-tools;
  }
}
.vi-trophy {
  &:before {
    content: $vi-trophy;
  }
}
.vi-underline {
  &:before {
    content: $vi-underline;
  }
}
.vi-unlink {
  &:before {
    content: $vi-unlink;
  }
}
.vi-upload {
  &:before {
    content: $vi-upload;
  }
}
.vi-users {
  &:before {
    content: $vi-users;
  }
}
.vi-warning {
  &:before {
    content: $vi-warning;
  }
}
.vi-wrench {
  &:before {
    content: $vi-wrench;
  }
}
.vi-adjust {
  &:before {
    content: $vi-adjust;
  }
}
.vi-align-center {
  &:before {
    content: $vi-align-center;
  }
}
.vi-align-left {
  &:before {
    content: $vi-align-left;
  }
}
.vi-align-right {
  &:before {
    content: $vi-align-right;
  }
}
.vi-arrow-long-down {
  &:before {
    content: $vi-arrow-long-down;
  }
}
.vi-arrow-long-left {
  &:before {
    content: $vi-arrow-long-left;
  }
}
.vi-arrows-cross {
  &:before {
    content: $vi-arrows-cross;
  }
}
.vi-arrows-long-h {
  &:before {
    content: $vi-arrows-long-h;
  }
}
.vi-arrows-long-right {
  &:before {
    content: $vi-arrows-long-right;
  }
}
.vi-arrows-long-up {
  &:before {
    content: $vi-arrows-long-up;
  }
}
.vi-arrows-long-v {
  &:before {
    content: $vi-arrows-long-v;
  }
}
.vi-arrows {
  &:before {
    content: $vi-arrows;
  }
}
.vi-backwards {
  &:before {
    content: $vi-backwards;
  }
}
.vi-bar-chart {
  &:before {
    content: $vi-bar-chart;
  }
}
.vi-bell-o {
  &:before {
    content: $vi-bell-o;
  }
}
.vi-bolt {
  &:before {
    content: $vi-bolt;
  }
}
.vi-chat {
  &:before {
    content: $vi-chat;
  }
}
.vi-check {
  &:before {
    content: $vi-check;
  }
}
.vi-circle-thin {
  &:before {
    content: $vi-circle-thin;
  }
}
.vi-circle {
  &:before {
    content: $vi-circle;
  }
}
.vi-cloud-download-o {
  &:before {
    content: $vi-cloud-download-o;
  }
}
.vi-cloud-download {
  &:before {
    content: $vi-cloud-download;
  }
}
.vi-cloud-o {
  &:before {
    content: $vi-cloud-o;
  }
}
.vi-cloud-upload-o {
  &:before {
    content: $vi-cloud-upload-o;
  }
}
.vi-cloud-upload {
  &:before {
    content: $vi-cloud-upload;
  }
}
.vi-cloud {
  &:before {
    content: $vi-cloud;
  }
}
.vi-cog-o {
  &:before {
    content: $vi-cog-o;
  }
}
.vi-comment-ellipsis-o {
  &:before {
    content: $vi-comment-ellipsis-o;
  }
}
.vi-comment-ellipsis {
  &:before {
    content: $vi-comment-ellipsis;
  }
}
.vi-comment-o {
  &:before {
    content: $vi-comment-o;
  }
}
.vi-comment {
  &:before {
    content: $vi-comment;
  }
}
.vi-comments-o {
  &:before {
    content: $vi-comments-o;
  }
}
.vi-comments {
  &:before {
    content: $vi-comments;
  }
}
.vi-compress {
  &:before {
    content: $vi-compress;
  }
}
.vi-connect-o {
  &:before {
    content: $vi-connect-o;
  }
}
.vi-connect {
  &:before {
    content: $vi-connect;
  }
}
.vi-credit-card {
  &:before {
    content: $vi-credit-card;
  }
}
.vi-crop {
  &:before {
    content: $vi-crop;
  }
}
.vi-deindent {
  &:before {
    content: $vi-deindent;
  }
}
.vi-edit {
  &:before {
    content: $vi-edit;
  }
}
.vi-eject {
  &:before {
    content: $vi-eject;
  }
}
.vi-ellipsis-h {
  &:before {
    content: $vi-ellipsis-h;
  }
}
.vi-ellipsis-v {
  &:before {
    content: $vi-ellipsis-v;
  }
}
.vi-expand-full {
  &:before {
    content: $vi-expand-full;
  }
}
.vi-expand {
  &:before {
    content: $vi-expand;
  }
}
.vi-fast-backward {
  &:before {
    content: $vi-fast-backward;
  }
}
.vi-fast-forward {
  &:before {
    content: $vi-fast-forward;
  }
}
.vi-film {
  &:before {
    content: $vi-film;
  }
}
.vi-folder-open-o {
  &:before {
    content: $vi-folder-open-o;
  }
}
.vi-folder-open {
  &:before {
    content: $vi-folder-open;
  }
}
.vi-forward {
  &:before {
    content: $vi-forward;
  }
}
.vi-glass {
  &:before {
    content: $vi-glass;
  }
}
.vi-globe {
  &:before {
    content: $vi-globe;
  }
}
.vi-heart-o {
  &:before {
    content: $vi-heart-o;
  }
}
.vi-heart {
  &:before {
    content: $vi-heart;
  }
}
.vi-indent {
  &:before {
    content: $vi-indent;
  }
}
.vi-laptop {
  &:before {
    content: $vi-laptop;
  }
}
.vi-level-down {
  &:before {
    content: $vi-level-down;
  }
}
.vi-level-left {
  &:before {
    content: $vi-level-left;
  }
}
.vi-level-right {
  &:before {
    content: $vi-level-right;
  }
}
.vi-level-up {
  &:before {
    content: $vi-level-up;
  }
}
.vi-magnet {
  &:before {
    content: $vi-magnet;
  }
}
.vi-map-marker {
  &:before {
    content: $vi-map-marker;
  }
}
.vi-moon-o {
  &:before {
    content: $vi-moon-o;
  }
}
.vi-moon {
  &:before {
    content: $vi-moon;
  }
}
.vi-movie {
  &:before {
    content: $vi-movie;
  }
}
.vi-music {
  &:before {
    content: $vi-music;
  }
}
.vi-pause {
  &:before {
    content: $vi-pause;
  }
}
.vi-play {
  &:before {
    content: $vi-play;
  }
}
.vi-power-off {
  &:before {
    content: $vi-power-off;
  }
}
.vi-refresh {
  &:before {
    content: $vi-refresh;
  }
}
.vi-reply-all {
  &:before {
    content: $vi-reply-all;
  }
}
.vi-reply {
  &:before {
    content: $vi-reply;
  }
}
.vi-retweet3 {
  &:before {
    content: $vi-retweet3;
  }
}
.vi-rotate-left {
  &:before {
    content: $vi-rotate-left;
  }
}
.vi-rotate-right {
  &:before {
    content: $vi-rotate-right;
  }
}
.vi-share {
  &:before {
    content: $vi-share;
  }
}
.vi-sign-in3 {
  &:before {
    content: $vi-sign-in3;
  }
}
.vi-sign-out {
  &:before {
    content: $vi-sign-out;
  }
}
.vi-sort {
  &:before {
    content: $vi-sort;
  }
}
.vi-sound-disable {
  &:before {
    content: $vi-sound-disable;
  }
}
.vi-square-shadow {
  &:before {
    content: $vi-square-shadow;
  }
}
.vi-star-half-left-o {
  &:before {
    content: $vi-star-half-left-o;
  }
}
.vi-star-half-left {
  &:before {
    content: $vi-star-half-left;
  }
}
.vi-star-half-right-o {
  &:before {
    content: $vi-star-half-right-o;
  }
}
.vi-star-half-right {
  &:before {
    content: $vi-star-half-right;
  }
}
.vi-star-o {
  &:before {
    content: $vi-star-o;
  }
}
.vi-star {
  &:before {
    content: $vi-star;
  }
}
.vi-step-backward {
  &:before {
    content: $vi-step-backward;
  }
}
.vi-step-forward {
  &:before {
    content: $vi-step-forward;
  }
}
.vi-stop {
  &:before {
    content: $vi-stop;
  }
}
.vi-table3 {
  &:before {
    content: $vi-table3;
  }
}
.vi-thin-square {
  &:before {
    content: $vi-thin-square;
  }
}
.vi-time-backward {
  &:before {
    content: $vi-time-backward;
  }
}
.vi-time-forward {
  &:before {
    content: $vi-time-forward;
  }
}
.vi-volume-down {
  &:before {
    content: $vi-volume-down;
  }
}
.vi-volume-off {
  &:before {
    content: $vi-volume-off;
  }
}
.vi-volume-up {
  &:before {
    content: $vi-volume-up;
  }
}
.vi-volume {
  &:before {
    content: $vi-volume;
  }
}
.vi-close {
  &:before {
    content: $vi-close;
  }
}
.vi-align-justify {
  &:before {
    content: $vi-align-justify;
  }
}
.vi-arrow-down {
  &:before {
    content: $vi-arrow-down;
  }
}
.vi-arrow-left {
  &:before {
    content: $vi-arrow-left;
  }
}
.vi-arrow-right {
  &:before {
    content: $vi-arrow-right;
  }
}
.vi-arrow-up {
  &:before {
    content: $vi-arrow-up;
  }
}
.vi-menu {
  &:before {
    content: $vi-menu;
  }
}
.vi-bell {
  &:before {
    content: $vi-bell;
  }
}
.vi-bookmark-o {
  &:before {
    content: $vi-bookmark-o;
  }
}
.vi-bookmark {
  &:before {
    content: $vi-bookmark;
  }
}
.vi-building-o {
  &:before {
    content: $vi-building-o;
  }
}
.vi-building {
  &:before {
    content: $vi-building;
  }
}
.vi-calendar-o {
  &:before {
    content: $vi-calendar-o;
  }
}
.vi-calendar {
  &:before {
    content: $vi-calendar;
  }
}
.vi-camera {
  &:before {
    content: $vi-camera;
  }
}
.vi-caret-down {
  &:before {
    content: $vi-caret-down;
  }
}
.vi-caret-left {
  &:before {
    content: $vi-caret-left;
  }
}
.vi-caret-right {
  &:before {
    content: $vi-caret-right;
  }
}
.vi-caret-square-down-o {
  &:before {
    content: $vi-caret-square-down-o;
  }
}
.vi-caret-square-left-o {
  &:before {
    content: $vi-caret-square-left-o;
  }
}
.vi-caret-square-right-o {
  &:before {
    content: $vi-caret-square-right-o;
  }
}
.vi-caret-square-up-o {
  &:before {
    content: $vi-caret-square-up-o;
  }
}
.vi-caret-up {
  &:before {
    content: $vi-caret-up;
  }
}
.vi-check-circle-o {
  &:before {
    content: $vi-check-circle-o;
  }
}
.vi-check-circle {
  &:before {
    content: $vi-check-circle;
  }
}
.vi-chevron-circle-down-o {
  &:before {
    content: $vi-chevron-circle-down-o;
  }
}
.vi-chevron-circle-down {
  &:before {
    content: $vi-chevron-circle-down;
  }
}
.vi-chevron-circle-left-o {
  &:before {
    content: $vi-chevron-circle-left-o;
  }
}
.vi-chevron-circle-left {
  &:before {
    content: $vi-chevron-circle-left;
  }
}
.vi-chevron-circle-right-o {
  &:before {
    content: $vi-chevron-circle-right-o;
  }
}
.vi-chevron-circle-right {
  &:before {
    content: $vi-chevron-circle-right;
  }
}
.vi-chevron-circle-up-o {
  &:before {
    content: $vi-chevron-circle-up-o;
  }
}
.vi-chevron-circle-up {
  &:before {
    content: $vi-chevron-circle-up;
  }
}
.vi-chevron-down {
  &:before {
    content: $vi-chevron-down;
  }
}
.vi-chevron-left {
  &:before {
    content: $vi-chevron-left;
  }
}
.vi-chevron-right {
  &:before {
    content: $vi-chevron-right;
  }
}
.vi-chevron-up {
  &:before {
    content: $vi-chevron-up;
  }
}
.vi-clock {
  &:before {
    content: $vi-clock;
  }
}
.vi-cog {
  &:before {
    content: $vi-cog;
  }
}
.vi-copy-o {
  &:before {
    content: $vi-copy-o;
  }
}
.vi-copy {
  &:before {
    content: $vi-copy;
  }
}
.vi-crosshairs {
  &:before {
    content: $vi-crosshairs;
  }
}
.vi-desktop {
  &:before {
    content: $vi-desktop;
  }
}
.vi-insert {
  &:before {
    content: $vi-insert;
  }
}
.vi-ellipsis-circle-o {
  &:before {
    content: $vi-ellipsis-circle-o;
  }
}
.vi-ellipsis-circle {
  &:before {
    content: $vi-ellipsis-circle;
  }
}
.vi-envelope-o {
  &:before {
    content: $vi-envelope-o;
  }
}
.vi-envelope {
  &:before {
    content: $vi-envelope;
  }
}
.vi-expand-square {
  &:before {
    content: $vi-expand-square;
  }
}
.vi-external-link {
  &:before {
    content: $vi-external-link;
  }
}
.vi-eye {
  &:before {
    content: $vi-eye;
  }
}
.vi-file-o {
  &:before {
    content: $vi-file-o;
  }
}
.vi-file-text-o {
  &:before {
    content: $vi-file-text-o;
  }
}
.vi-file-text {
  &:before {
    content: $vi-file-text;
  }
}
.vi-file {
  &:before {
    content: $vi-file;
  }
}
.vi-flask {
  &:before {
    content: $vi-flask;
  }
}
.vi-folder-o {
  &:before {
    content: $vi-folder-o;
  }
}
.vi-folder {
  &:before {
    content: $vi-folder;
  }
}
.vi-glasses {
  &:before {
    content: $vi-glasses;
  }
}
.vi-grid-big-o {
  &:before {
    content: $vi-grid-big-o;
  }
}
.vi-grid-big {
  &:before {
    content: $vi-grid-big;
  }
}
.vi-grid-small-o {
  &:before {
    content: $vi-grid-small-o;
  }
}
.vi-grid-small {
  &:before {
    content: $vi-grid-small;
  }
}
.vi-home-o {
  &:before {
    content: $vi-home-o;
  }
}
.vi-home {
  &:before {
    content: $vi-home;
  }
}
.vi-lines-list {
  &:before {
    content: $vi-lines-list;
  }
}
.vi-lines {
  &:before {
    content: $vi-lines;
  }
}
.vi-list-ul {
  &:before {
    content: $vi-list-ul;
  }
}
.vi-list {
  &:before {
    content: $vi-list;
  }
}
.vi-lock {
  &:before {
    content: $vi-lock;
  }
}
.vi-minus-circle-o {
  &:before {
    content: $vi-minus-circle-o;
  }
}
.vi-minus-circle {
  &:before {
    content: $vi-minus-circle;
  }
}
.vi-minus-square-left-o {
  &:before {
    content: $vi-minus-square-left-o;
  }
}
.vi-minus {
  &:before {
    content: $vi-minus;
  }
}
.vi-mobile {
  &:before {
    content: $vi-mobile;
  }
}
.vi-modal {
  &:before {
    content: $vi-modal;
  }
}
.vi-open-book {
  &:before {
    content: $vi-open-book;
  }
}
.vi-pencil {
  &:before {
    content: $vi-pencil;
  }
}
.vi-phone {
  &:before {
    content: $vi-phone;
  }
}
.vi-picture {
  &:before {
    content: $vi-picture;
  }
}
.vi-pin {
  &:before {
    content: $vi-pin;
  }
}
.vi-plus-circle-o {
  &:before {
    content: $vi-plus-circle-o;
  }
}
.vi-plus-circle {
  &:before {
    content: $vi-plus-circle;
  }
}
.vi-plus-square-left-o {
  &:before {
    content: $vi-plus-square-left-o;
  }
}
.vi-plus {
  &:before {
    content: $vi-plus;
  }
}
.vi-print {
  &:before {
    content: $vi-print;
  }
}
.vi-search-minus {
  &:before {
    content: $vi-search-minus;
  }
}
.vi-search-plus {
  &:before {
    content: $vi-search-plus;
  }
}
.vi-search {
  &:before {
    content: $vi-search;
  }
}
.vi-area-select {
  &:before {
    content: $vi-area-select;
  }
}
.vi-split-h {
  &:before {
    content: $vi-split-h;
  }
}
.vi-split-v {
  &:before {
    content: $vi-split-v;
  }
}
.vi-suitcase {
  &:before {
    content: $vi-suitcase;
  }
}
.vi-tablet {
  &:before {
    content: $vi-tablet;
  }
}
.vi-trash {
  &:before {
    content: $vi-trash;
  }
}
.vi-unlock {
  &:before {
    content: $vi-unlock;
  }
}
.vi-user {
  &:before {
    content: $vi-user;
  }
}
.vi-vaadin-h {
  &:before {
    content: $vi-vaadin-h;
  }
}
.vi-vaadin-v {
  &:before {
    content: $vi-vaadin-v;
  }
}
.vi-close-circle-o {
  &:before {
    content: $vi-close-circle-o;
  }
}
.vi-close-circle {
  &:before {
    content: $vi-close-circle;
  }
}
.vi-browser {
  &:before {
    content: $vi-browser;
  }
}
.vi-loop-alt1 {
  &:before {
    content: $vi-loop-alt1;
  }
}
.vi-transfer {
  &:before {
    content: $vi-transfer;
  }
}
.vi-th-list {
  &:before {
    content: $vi-th-list;
  }
}
.vi-list-alt {
  &:before {
    content: $vi-list-alt;
  }
}
.vi-book {
  &:before {
    content: $vi-book;
  }
}
.vi-random {
  &:before {
    content: $vi-random;
  }
}
.vi-retweet {
  &:before {
    content: $vi-retweet;
  }
}
.vi-sign-in {
  &:before {
    content: $vi-sign-in;
  }
}
.vi-filter {
  &:before {
    content: $vi-filter;
  }
}
.vi-bars {
  &:before {
    content: $vi-bars;
  }
}
.vi-navicon {
  &:before {
    content: $vi-navicon;
  }
}
.vi-reorder {
  &:before {
    content: $vi-reorder;
  }
}
.vi-table {
  &:before {
    content: $vi-table;
  }
}
.vi-magic {
  &:before {
    content: $vi-magic;
  }
}
.vi-columns {
  &:before {
    content: $vi-columns;
  }
}
.vi-sitemap {
  &:before {
    content: $vi-sitemap;
  }
}
.vi-exchange {
  &:before {
    content: $vi-exchange;
  }
}
.vi-mobile {
  &:before {
    content: $vi-mobile;
  }
}
.vi-mobile-phone {
  &:before {
    content: $vi-mobile-phone;
  }
}
.vi-puzzle-piece {
  &:before {
    content: $vi-puzzle-piece;
  }
}
.vi-unlock-alt {
  &:before {
    content: $vi-unlock-alt;
  }
}
.vi-cube {
  &:before {
    content: $vi-cube;
  }
}
.vi-database {
  &:before {
    content: $vi-database;
  }
}
.vi-paper-plane-o {
  &:before {
    content: $vi-paper-plane-o;
  }
}
.vi-send-o {
  &:before {
    content: $vi-send-o;
  }
}
.vi-newspaper-o {
  &:before {
    content: $vi-newspaper-o;
  }
}
.vi-pie-chart {
  &:before {
    content: $vi-pie-chart;
  }
}
.vi-line-chart {
  &:before {
    content: $vi-line-chart;
  }
}
.vi-safari {
  &:before {
    content: $vi-safari;
  }
}
.vi-chrome {
  &:before {
    content: $vi-chrome;
  }
}
.vi-firefox {
  &:before {
    content: $vi-firefox;
  }
}
.vi-opera {
  &:before {
    content: $vi-opera;
  }
}
.vi-internet-explorer {
  &:before {
    content: $vi-internet-explorer;
  }
}
.vi-map-o {
  &:before {
    content: $vi-map-o;
  }
}
.vi-commenting-o {
  &:before {
    content: $vi-commenting-o;
  }
}
.vi-edge {
  &:before {
    content: $vi-edge;
  }
}