@font-face {
    font-family: 'UBIK-Standard';
    src: url('ubik-standard/UBIK-Standard.eot?d92pf4');
    src: url('ubik-standard/UBIK-Standard.eot?d92pf4#iefix') format('embedded-opentype'), url('ubik-standard/UBIK-Standard.ttf?d92pf4') format('truetype'), url('ubik-standard/UBIK-Standard.woff?d92pf4') format('woff'), url('ubik-standard/UBIK-Standard.svg?d92pf4#UBIK-Standard') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'UBIK-Standard' !important;
  speak: never;
  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;
}

.icon-RecordVideoAlt:before {
  content: "\b3";
}
.icon-VideoAlt:before {
  content: "\b3";
}
.icon-RecordAudio:before {
  content: "\b0";
}
.icon-Audio:before {
  content: "\b0";
}
.icon-Image:before {
  content: "\b1";
}
.icon-Photo:before {
  content: "\b1";
}
.icon-RecordVideo:before {
  content: "\b2";
}
.icon-Video:before {
  content: "\b2";
}
.icon-Routing:before {
  content: "\49";
}
.icon-Upload:before {
  content: "\af";
}
.icon-play:before {
  content: "\67";
}
.icon-start:before {
  content: "\67";
}
.icon-running:before {
  content: "\67";
}
.icon-UploadArrowOnly:before {
  content: "\a5";
}
.icon-PauseCircled:before {
  content: "\4f";
}
.icon-PlayCircled:before {
  content: "\59";
}
.icon-xCircled:before {
  content: "\5a";
}
.icon-nfc:before {
  content: "\33";
}
.icon-viewexternal:before {
  content: "\4e";
}
.icon-viewdocument:before {
  content: "\4e";
}
.icon-completecircled:before {
  content: "\58";
}
.icon-confirmcircled:before {
  content: "\58";
}
.icon-autobranchfailed:before {
  content: "\ae";
}
.icon-syncfailed:before {
  content: "\ae";
}
.icon-autobranchinprogressonly:before {
  content: "\a2";
}
.icon-inprogressonly:before {
  content: "\a2";
}
.icon-autobranchcompleteonly:before {
  content: "\a3";
}
.icon-completeonly:before {
  content: "\a3";
}
.icon-autobranchfailedonly:before {
  content: "\a4";
}
.icon-failedonly:before {
  content: "\a4";
}
.icon-pause:before {
  content: "\68";
}
.icon-paused:before {
  content: "\68";
}
.icon-autobranchscheduled:before {
  content: "\aa";
}
.icon-scheduled:before {
  content: "\aa";
}
.icon-syncscheduled:before {
  content: "\aa";
}
.icon-autobranchinprogress:before {
  content: "\ab";
}
.icon-inprogress:before {
  content: "\ab";
}
.icon-syncinprogress:before {
  content: "\ab";
}
.icon-autobranchcomplete:before {
  content: "\ac";
}
.icon-synccomplete:before {
  content: "\ac";
}
.icon-autobranchbase:before {
  content: "\a0";
}
.icon-cloudempty:before {
  content: "\a0";
}
.icon-cloudonly:before {
  content: "\a0";
}
.icon-autobranchscheduledonly:before {
  content: "\a1";
}
.icon-scheduledonly:before {
  content: "\a1";
}
.icon-service:before {
  content: "\21";
}
.icon-user:before {
  content: "\22";
}
.icon-password:before {
  content: "\23";
}
.icon-login:before {
  content: "\24";
}
.icon-logout:before {
  content: "\25";
}
.icon-ubik:before {
  content: "\26";
}
.icon-logoutvar:before {
  content: "\27";
}
.icon-navigation:before {
  content: "\28";
}
.icon-actions:before {
  content: "\29";
}
.icon-home:before {
  content: "\2a";
}
.icon-scan:before {
  content: "\2b";
}
.icon-map:before {
  content: "\2c";
}
.icon-settings:before {
  content: "\2d";
}
.icon-search:before {
  content: "\2e";
}
.icon-poi:before {
  content: "\2f";
}
.icon-online:before {
  content: "\30";
}
.icon-manual:before {
  content: "\31";
}
.icon-offline:before {
  content: "\32";
}
.icon-changes:before {
  content: "\40";
}
.icon-changesAlt:before {
  content: "\41";
}
.icon-children:before {
  content: "\42";
}
.icon-alert:before {
  content: "\43";
}
.icon-orgOngoing:before {
  content: "\44";
}
.icon-orgComplete:before {
  content: "\45";
}
.icon-downloaded:before {
  content: "\46";
}
.icon-locked:before {
  content: "\47";
}
.icon-downloadedAlt:before {
  content: "\48";
}
.icon-objects:before {
  content: "\4a";
}
.icon-properties:before {
  content: "\4b";
}
.icon-documents:before {
  content: "\4c";
}
.icon-documentView:before {
  content: "\4d";
}
.icon-add:before {
  content: "\50";
}
.icon-photo:before {
  content: "\51";
}
.icon-delete:before {
  content: "\52";
}
.icon-discard:before {
  content: "\53";
}
.icon-revert:before {
  content: "\54";
}
.icon-download:before {
  content: "\55";
}
.icon-useLocation:before {
  content: "\56";
}
.icon-confirm:before {
  content: "\57";
}
.icon-B1:before {
  content: "\5b";
}
.icon-C1:before {
  content: "\5c";
}
.icon-D1:before {
  content: "\5d";
}
.icon-E1:before {
  content: "\5e";
}
.icon-F:before {
  content: "\5f";
}
.icon-propReadOnly:before {
  content: "\60";
}
.icon-propEdit:before {
  content: "\61";
}
.icon-propEditList:before {
  content: "\62";
}
.icon-signalGood:before {
  content: "\63";
}
.icon-signalOK:before {
  content: "\64";
}
.icon-signalBad:before {
  content: "\65";
}
.icon-onlineDoc:before {
  content: "\66";
}
.icon-Task-NA:before {
  content: "\6a";
}
.icon-bad:before {
  content: "\6b";
}
.icon-indeterminate:before {
  content: "\6c";
}
.icon-good:before {
  content: "\6d";
}
.icon-timestamp:before {
  content: "\6e";
}
.icon-plant:before {
  content: "\70";
}
.icon-equipment:before {
  content: "\71";
}
#instruction-span {
    color: grey;
}