@odx/icons 0.1.0

package/core/font.css

@@ -0,0 +1,1272 @@
+@font-face {
+  font-family: odx-icon-core;
+  src: url("font.eot");
+  src: url("font.eot?#iefix") format("embedded-opentype"), url("font.woff") format("woff"), url("font.ttf") format("truetype"), url("font.svg#uib-iconfont") format("svg");
+  font-style: normal;
+  font-weight: 400;
+}
+.odx-icon {
+  display: inline-block;
+  position: relative;
+  height: 1em;
+  width: 1em;
+  transform: translate(0, 0);
+  text-rendering: auto;
+  vertical-align: middle;
+  font: normal normal 400 14px/1 "odx-icon-core";
+  font-size: inherit;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+.odx-icon span::before {
+  z-index: 1;
+}
+
+.odx-icon span::after {
+  z-index: 2;
+}
+
+.odx-icon::before,
+.odx-icon::after,
+.odx-icon span::before,
+.odx-icon span::after {
+  display: block;
+  position: absolute;
+  white-space: normal;
+  /* undo text hidden */
+  text-indent: 0;
+  speak: none;
+}
+
+[data-icon-name=alarm]::before {
+  content: "\f107";
+}
+
+[data-icon-name=alarm-a1]::after {
+  content: "\f101";
+}
+
+[data-icon-name=alarm-a2] span::before {
+  content: "\f102";
+}
+
+[data-icon-name=alarm-co2-off]::before {
+  content: "\f103";
+}
+
+[data-icon-name=alarm-din]::before {
+  content: "\f106";
+}
+
+[data-icon-name=alarm-din-off]::before {
+  content: "\f104";
+}
+
+[data-icon-name=alarm-din-pause]::before {
+  content: "\f105";
+}
+
+[data-icon-name=alarms-das]::before {
+  content: "\f109";
+}
+
+[data-icon-name=alarms-das-hint]::before {
+  content: "\f108";
+}
+
+[data-icon-name=alarms-info]::before {
+  content: "\f10a";
+}
+
+[data-icon-name=alarms-off]::before {
+  content: "\f10b";
+}
+
+[data-icon-name=alarms-paused]::before {
+  content: "\f10c";
+}
+
+[data-icon-name=alarms-per-type]::before {
+  content: "\f10d";
+}
+
+[data-icon-name=align-horizontal-middle]::before {
+  content: "\f10e";
+}
+
+[data-icon-name=align-vertical-middle]::before {
+  content: "\f10f";
+}
+
+[data-icon-name=arrow-down]::before {
+  content: "\f110";
+}
+
+[data-icon-name=arrow-left]::before {
+  content: "\f111";
+}
+
+[data-icon-name=arrow-right]::before {
+  content: "\f112";
+}
+
+[data-icon-name=arrow-up]::before {
+  content: "\f113";
+}
+
+[data-icon-name=ascending]::before {
+  content: "\f114";
+}
+
+[data-icon-name=attachment]::before {
+  content: "\f116";
+}
+
+[data-icon-name=attachment-off]::before {
+  content: "\f115";
+}
+
+[data-icon-name=battery-0]::before {
+  content: "\f117";
+}
+
+[data-icon-name=battery-100]::before {
+  content: "\f118";
+}
+
+[data-icon-name=battery-25]::before {
+  content: "\f119";
+}
+
+[data-icon-name=battery-50]::before {
+  content: "\f11a";
+}
+
+[data-icon-name=battery-75]::before {
+  content: "\f11b";
+}
+
+[data-icon-name=battery-alarm]::before {
+  content: "\f11c";
+}
+
+[data-icon-name=battery-alarm]::after {
+  content: "\f11d";
+  color: #F30303;
+}
+
+[data-icon-name=battery-alarm] span::before {
+  content: "\f11e";
+  color: #FFFFFF;
+}
+
+[data-icon-name=battery-charge]::before {
+  content: "\f11f";
+}
+
+[data-icon-name=battery-error]::before {
+  content: "\f120";
+}
+
+[data-icon-name=battery-error]::after {
+  content: "\f121";
+  color: #F30303;
+}
+
+[data-icon-name=battery-error] span::before {
+  content: "\f122";
+  color: #FFFFFF;
+}
+
+[data-icon-name=battery-uncalibrated]::before {
+  content: "\f123";
+}
+
+[data-icon-name=battery-warning]::before {
+  content: "\f124";
+}
+
+[data-icon-name=battery-warning]::after {
+  content: "\f125";
+  color: #FFE300;
+}
+
+[data-icon-name=battery-warning] span::before {
+  content: "\f126";
+  color: #002766;
+}
+
+[data-icon-name=blocked]::before {
+  content: "\f129";
+}
+
+[data-icon-name=blocked-colored]::before {
+  content: "\f127";
+  color: #F30303;
+}
+
+[data-icon-name=blocked-colored]::after {
+  content: "\f128";
+  color: #FFFFFF;
+}
+
+[data-icon-name=bluetooth]::before {
+  content: "\f12c";
+}
+
+[data-icon-name=bluetooth-off]::before {
+  content: "\f12a";
+}
+
+[data-icon-name=bluetooth-paired]::before {
+  content: "\f12b";
+}
+
+[data-icon-name=bookmark]::before {
+  content: "\f12d";
+}
+
+[data-icon-name=brightness]::before {
+  content: "\f133";
+}
+
+[data-icon-name=brightness-1]::before {
+  content: "\f12e";
+}
+
+[data-icon-name=brightness-2]::before {
+  content: "\f12f";
+}
+
+[data-icon-name=brightness-3]::before {
+  content: "\f130";
+}
+
+[data-icon-name=brightness-4]::before {
+  content: "\f131";
+}
+
+[data-icon-name=brightness-auto]::before {
+  content: "\f132";
+}
+
+[data-icon-name=calendar]::before {
+  content: "\f151";
+}
+
+[data-icon-name=calendar-bumptest]::before {
+  content: "\f13a";
+}
+
+[data-icon-name=calendar-bumptest-error]::before {
+  content: "\f134";
+}
+
+[data-icon-name=calendar-bumptest-error]::after {
+  content: "\f135";
+  color: #F30303;
+}
+
+[data-icon-name=calendar-bumptest-error] span::before {
+  content: "\f136";
+  color: #FFFFFF;
+}
+
+[data-icon-name=calendar-bumptest-warning]::before {
+  content: "\f137";
+}
+
+[data-icon-name=calendar-bumptest-warning]::after {
+  content: "\f138";
+  color: #FFE300;
+}
+
+[data-icon-name=calendar-bumptest-warning] span::before {
+  content: "\f139";
+  color: #002766;
+}
+
+[data-icon-name=calendar-calibration]::before {
+  content: "\f141";
+}
+
+[data-icon-name=calendar-calibration-error]::before {
+  content: "\f13b";
+}
+
+[data-icon-name=calendar-calibration-error]::after {
+  content: "\f13c";
+  color: #F30303;
+}
+
+[data-icon-name=calendar-calibration-error] span::before {
+  content: "\f13d";
+  color: #FFFFFF;
+}
+
+[data-icon-name=calendar-calibration-warning]::before {
+  content: "\f13e";
+}
+
+[data-icon-name=calendar-calibration-warning]::after {
+  content: "\f13f";
+  color: #FFE300;
+}
+
+[data-icon-name=calendar-calibration-warning] span::before {
+  content: "\f140";
+  color: #002766;
+}
+
+[data-icon-name=calendar-day-view]::before {
+  content: "\f142";
+}
+
+[data-icon-name=calendar-event]::before {
+  content: "\f143";
+}
+
+[data-icon-name=calendar-flag]::before {
+  content: "\f144";
+}
+
+[data-icon-name=calendar-flag]::after {
+  content: "\f145";
+  color: #FFE300;
+}
+
+[data-icon-name=calendar-interval]::before {
+  content: "\f146";
+}
+
+[data-icon-name=calendar-list]::before {
+  content: "\f147";
+}
+
+[data-icon-name=calendar-time]::before {
+  content: "\f148";
+}
+
+[data-icon-name=calendar-user]::before {
+  content: "\f14f";
+}
+
+[data-icon-name=calendar-user-error]::before {
+  content: "\f149";
+}
+
+[data-icon-name=calendar-user-error]::after {
+  content: "\f14a";
+  color: #F30303;
+}
+
+[data-icon-name=calendar-user-error] span::before {
+  content: "\f14b";
+  color: #FFFFFF;
+}
+
+[data-icon-name=calendar-user-warning]::before {
+  content: "\f14c";
+}
+
+[data-icon-name=calendar-user-warning]::after {
+  content: "\f14d";
+  color: #FFE300;
+}
+
+[data-icon-name=calendar-user-warning] span::before {
+  content: "\f14e";
+  color: #002766;
+}
+
+[data-icon-name=calendar-week-view]::before {
+  content: "\f150";
+}
+
+[data-icon-name=camera]::before {
+  content: "\f152";
+}
+
+[data-icon-name=check]::before {
+  content: "\f155";
+}
+
+[data-icon-name=check-colored]::before {
+  content: "\f153";
+  color: #00DD31;
+}
+
+[data-icon-name=check-colored]::after {
+  content: "\f154";
+  color: #002766;
+}
+
+[data-icon-name=chevron-down]::before {
+  content: "\f156";
+}
+
+[data-icon-name=chevron-left]::before {
+  content: "\f157";
+}
+
+[data-icon-name=chevron-right]::before {
+  content: "\f158";
+}
+
+[data-icon-name=chevron-up]::before {
+  content: "\f159";
+}
+
+[data-icon-name=close]::before {
+  content: "\f15a";
+}
+
+[data-icon-name=cloud]::before {
+  content: "\f165";
+}
+
+[data-icon-name=cloud-error]::before {
+  content: "\f15b";
+}
+
+[data-icon-name=cloud-error]::after {
+  content: "\f15c";
+  color: #F30303;
+}
+
+[data-icon-name=cloud-error] span::before {
+  content: "\f15d";
+  color: #FFFFFF;
+}
+
+[data-icon-name=cloud-ok]::before {
+  content: "\f15e";
+}
+
+[data-icon-name=cloud-ok]::after {
+  content: "\f15f";
+  color: #00DD31;
+}
+
+[data-icon-name=cloud-ok] span::before {
+  content: "\f160";
+  color: #002766;
+}
+
+[data-icon-name=cloud-upload]::before {
+  content: "\f161";
+}
+
+[data-icon-name=cloud-warning]::before {
+  content: "\f162";
+}
+
+[data-icon-name=cloud-warning]::after {
+  content: "\f163";
+  color: #FFE300;
+}
+
+[data-icon-name=cloud-warning] span::before {
+  content: "\f164";
+  color: #002766;
+}
+
+[data-icon-name=comment]::before {
+  content: "\f166";
+}
+
+[data-icon-name=compare]::before {
+  content: "\f167";
+}
+
+[data-icon-name=config]::before {
+  content: "\f16d";
+}
+
+[data-icon-name=config-edit]::before {
+  content: "\f168";
+}
+
+[data-icon-name=config-enter]::before {
+  content: "\f169";
+}
+
+[data-icon-name=config-leave]::before {
+  content: "\f16a";
+}
+
+[data-icon-name=config-update]::before {
+  content: "\f16b";
+}
+
+[data-icon-name=config-view]::before {
+  content: "\f16c";
+}
+
+[data-icon-name=copy-content]::before {
+  content: "\f16e";
+}
+
+[data-icon-name=copy-file]::before {
+  content: "\f16f";
+}
+
+[data-icon-name=copy-folder]::before {
+  content: "\f170";
+}
+
+[data-icon-name=cut]::before {
+  content: "\f171";
+}
+
+[data-icon-name=delete]::before {
+  content: "\f172";
+}
+
+[data-icon-name=descending]::before {
+  content: "\f173";
+}
+
+[data-icon-name=document]::before {
+  content: "\f178";
+}
+
+[data-icon-name=document-check]::before {
+  content: "\f174";
+}
+
+[data-icon-name=document-flag]::before {
+  content: "\f175";
+}
+
+[data-icon-name=document-flag]::after {
+  content: "\f176";
+  color: #F30303;
+}
+
+[data-icon-name=document-settings]::before {
+  content: "\f177";
+}
+
+[data-icon-name=download]::before {
+  content: "\f179";
+}
+
+[data-icon-name=edit]::before {
+  content: "\f17a";
+}
+
+[data-icon-name=emoji-happy]::before {
+  content: "\f17b";
+}
+
+[data-icon-name=emoji-neutral]::before {
+  content: "\f17c";
+}
+
+[data-icon-name=emoji-sad]::before {
+  content: "\f17d";
+}
+
+[data-icon-name=error]::before {
+  content: "\f180";
+}
+
+[data-icon-name=error-colored]::before {
+  content: "\f17e";
+  color: #F30303;
+}
+
+[data-icon-name=error-colored]::after {
+  content: "\f17f";
+  color: #FFFFFF;
+}
+
+[data-icon-name=export]::before {
+  content: "\f181";
+}
+
+[data-icon-name=favorite]::before {
+  content: "\f183";
+}
+
+[data-icon-name=favorite-solid]::before {
+  content: "\f182";
+}
+
+[data-icon-name=feedback-warning]::before {
+  content: "\f186";
+}
+
+[data-icon-name=feedback-warning-color]::before {
+  content: "\f184";
+  color: #FFE300;
+}
+
+[data-icon-name=feedback-warning-color]::after {
+  content: "\f185";
+  color: #002766;
+}
+
+[data-icon-name=file]::before {
+  content: "\f18c";
+}
+
+[data-icon-name=file-excel]::before {
+  content: "\f187";
+}
+
+[data-icon-name=file-pdf]::before {
+  content: "\f188";
+}
+
+[data-icon-name=file-ppt]::before {
+  content: "\f189";
+}
+
+[data-icon-name=file-word]::before {
+  content: "\f18a";
+}
+
+[data-icon-name=file-zip]::before {
+  content: "\f18b";
+}
+
+[data-icon-name=filter]::before {
+  content: "\f18f";
+}
+
+[data-icon-name=filter-close]::before {
+  content: "\f18d";
+}
+
+[data-icon-name=filter-settings]::before {
+  content: "\f18e";
+}
+
+[data-icon-name=flag]::before {
+  content: "\f190";
+}
+
+[data-icon-name=folder]::before {
+  content: "\f192";
+}
+
+[data-icon-name=folder-open]::before {
+  content: "\f191";
+}
+
+[data-icon-name=gender-female]::before {
+  content: "\f193";
+}
+
+[data-icon-name=gender-male]::before {
+  content: "\f194";
+}
+
+[data-icon-name=help]::before {
+  content: "\f195";
+}
+
+[data-icon-name=import]::before {
+  content: "\f196";
+}
+
+[data-icon-name=info]::before {
+  content: "\f197";
+}
+
+[data-icon-name=language]::before {
+  content: "\f198";
+}
+
+[data-icon-name=link-external]::before {
+  content: "\f199";
+}
+
+[data-icon-name=link-internal]::before {
+  content: "\f19a";
+}
+
+[data-icon-name=location]::before {
+  content: "\f19e";
+}
+
+[data-icon-name=location-measure]::before {
+  content: "\f19b";
+}
+
+[data-icon-name=location-off]::before {
+  content: "\f19c";
+}
+
+[data-icon-name=location-scan]::before {
+  content: "\f19d";
+}
+
+[data-icon-name=lock]::before {
+  content: "\f19f";
+}
+
+[data-icon-name=logout]::before {
+  content: "\f1a0";
+}
+
+[data-icon-name=mail]::before {
+  content: "\f1ab";
+}
+
+[data-icon-name=mail-error]::before {
+  content: "\f1a1";
+}
+
+[data-icon-name=mail-error]::after {
+  content: "\f1a2";
+  color: #F30303;
+}
+
+[data-icon-name=mail-error] span::before {
+  content: "\f1a3";
+  color: #FFFFFF;
+}
+
+[data-icon-name=mail-newsletter]::before {
+  content: "\f1a4";
+}
+
+[data-icon-name=mail-resend]::before {
+  content: "\f1a5";
+}
+
+[data-icon-name=mail-send]::before {
+  content: "\f1a6";
+}
+
+[data-icon-name=mail-sending]::before {
+  content: "\f1a7";
+}
+
+[data-icon-name=mail-success]::before {
+  content: "\f1a8";
+}
+
+[data-icon-name=mail-success]::after {
+  content: "\f1a9";
+  color: #00DD31;
+}
+
+[data-icon-name=mail-success] span::before {
+  content: "\f1aa";
+  color: #002766;
+}
+
+[data-icon-name=map]::before {
+  content: "\f1ac";
+}
+
+[data-icon-name=maximize]::before {
+  content: "\f1ad";
+}
+
+[data-icon-name=media-back]::before {
+  content: "\f1ae";
+}
+
+[data-icon-name=media-fastforward]::before {
+  content: "\f1af";
+}
+
+[data-icon-name=media-pause]::before {
+  content: "\f1b0";
+}
+
+[data-icon-name=media-play]::before {
+  content: "\f1b1";
+}
+
+[data-icon-name=media-rewind]::before {
+  content: "\f1b2";
+}
+
+[data-icon-name=media-skip]::before {
+  content: "\f1b3";
+}
+
+[data-icon-name=media-stop]::before {
+  content: "\f1b4";
+}
+
+[data-icon-name=menu]::before {
+  content: "\f1b5";
+}
+
+[data-icon-name=minimize]::before {
+  content: "\f1b6";
+}
+
+[data-icon-name=minus]::before {
+  content: "\f1b7";
+}
+
+[data-icon-name=mode-switch]::before {
+  content: "\f1b8";
+}
+
+[data-icon-name=more]::before {
+  content: "\f1b9";
+}
+
+[data-icon-name=next]::before {
+  content: "\f1ba";
+}
+
+[data-icon-name=night-mode]::before {
+  content: "\f1bb";
+}
+
+[data-icon-name=notification]::before {
+  content: "\f1bd";
+}
+
+[data-icon-name=notification-off]::before {
+  content: "\f1bc";
+}
+
+[data-icon-name=on-off]::before {
+  content: "\f1be";
+}
+
+[data-icon-name=package]::before {
+  content: "\f1bf";
+}
+
+[data-icon-name=password]::before {
+  content: "\f1c0";
+}
+
+[data-icon-name=phone]::before {
+  content: "\f1c1";
+}
+
+[data-icon-name=picture]::before {
+  content: "\f1c2";
+}
+
+[data-icon-name=pin]::before {
+  content: "\f1c3";
+}
+
+[data-icon-name=placeholder]::before {
+  content: "\f1c4";
+}
+
+[data-icon-name=plus]::before {
+  content: "\f1c5";
+}
+
+[data-icon-name=position]::before {
+  content: "\f1c7";
+}
+
+[data-icon-name=position-off]::before {
+  content: "\f1c6";
+}
+
+[data-icon-name=previous]::before {
+  content: "\f1c8";
+}
+
+[data-icon-name=print]::before {
+  content: "\f1d5";
+}
+
+[data-icon-name=print-config]::before {
+  content: "\f1c9";
+}
+
+[data-icon-name=print-error]::before {
+  content: "\f1ca";
+}
+
+[data-icon-name=print-error]::after {
+  content: "\f1cb";
+  color: #F30303;
+}
+
+[data-icon-name=print-error] span::before {
+  content: "\f1cc";
+  color: #FFFFFF;
+}
+
+[data-icon-name=print-preview]::before {
+  content: "\f1cd";
+}
+
+[data-icon-name=print-selection]::before {
+  content: "\f1ce";
+}
+
+[data-icon-name=print-success]::before {
+  content: "\f1cf";
+}
+
+[data-icon-name=print-success]::after {
+  content: "\f1d0";
+  color: #00DD31;
+}
+
+[data-icon-name=print-success] span::before {
+  content: "\f1d1";
+  color: #002766;
+}
+
+[data-icon-name=print-warning]::before {
+  content: "\f1d2";
+}
+
+[data-icon-name=print-warning]::after {
+  content: "\f1d3";
+  color: #FFE300;
+}
+
+[data-icon-name=print-warning] span::before {
+  content: "\f1d4";
+  color: #002766;
+}
+
+[data-icon-name=redo]::before {
+  content: "\f1d6";
+}
+
+[data-icon-name=reload]::before {
+  content: "\f1d9";
+}
+
+[data-icon-name=reload-off]::before {
+  content: "\f1d7";
+}
+
+[data-icon-name=reload-required]::before {
+  content: "\f1d8";
+}
+
+[data-icon-name=reset]::before {
+  content: "\f1da";
+}
+
+[data-icon-name=save]::before {
+  content: "\f1dc";
+}
+
+[data-icon-name=save-as]::before {
+  content: "\f1db";
+}
+
+[data-icon-name=search]::before {
+  content: "\f1e3";
+}
+
+[data-icon-name=search-activate]::before {
+  content: "\f1dd";
+}
+
+[data-icon-name=search-close]::before {
+  content: "\f1de";
+}
+
+[data-icon-name=search-config]::before {
+  content: "\f1df";
+}
+
+[data-icon-name=search-next]::before {
+  content: "\f1e0";
+}
+
+[data-icon-name=search-previous]::before {
+  content: "\f1e1";
+}
+
+[data-icon-name=search-save]::before {
+  content: "\f1e2";
+}
+
+[data-icon-name=searching]::before {
+  content: "\f1e7";
+}
+
+[data-icon-name=searching-1]::before {
+  content: "\f1e4";
+}
+
+[data-icon-name=searching-2]::before {
+  content: "\f1e5";
+}
+
+[data-icon-name=searching-3]::before {
+  content: "\f1e6";
+}
+
+[data-icon-name=service]::before {
+  content: "\f1e8";
+}
+
+[data-icon-name=settings]::before {
+  content: "\f1ef";
+}
+
+[data-icon-name=settings-add]::before {
+  content: "\f1e9";
+}
+
+[data-icon-name=settings-edit]::before {
+  content: "\f1ea";
+}
+
+[data-icon-name=settings-enter]::before {
+  content: "\f1eb";
+}
+
+[data-icon-name=settings-leave]::before {
+  content: "\f1ec";
+}
+
+[data-icon-name=settings-remove]::before {
+  content: "\f1ed";
+}
+
+[data-icon-name=settings-reset]::before {
+  content: "\f1ee";
+}
+
+[data-icon-name=share]::before {
+  content: "\f1f0";
+}
+
+[data-icon-name=shoppingcart]::before {
+  content: "\f1f1";
+}
+
+[data-icon-name=standby]::before {
+  content: "\f1f2";
+}
+
+[data-icon-name=sync]::before {
+  content: "\f1fa";
+}
+
+[data-icon-name=sync-off]::before {
+  content: "\f1f6";
+}
+
+[data-icon-name=sync-off-success]::before {
+  content: "\f1f3";
+}
+
+[data-icon-name=sync-off-success]::after {
+  content: "\f1f4";
+  color: #00DD31;
+}
+
+[data-icon-name=sync-off-success] span::before {
+  content: "\f1f5";
+  color: #002766;
+}
+
+[data-icon-name=sync-success]::before {
+  content: "\f1f7";
+}
+
+[data-icon-name=sync-success]::after {
+  content: "\f1f8";
+  color: #00DD31;
+}
+
+[data-icon-name=sync-success] span::before {
+  content: "\f1f9";
+  color: #002766;
+}
+
+[data-icon-name=tile-menu]::before {
+  content: "\f1fb";
+}
+
+[data-icon-name=training]::before {
+  content: "\f1fc";
+}
+
+[data-icon-name=undo]::before {
+  content: "\f1fd";
+}
+
+[data-icon-name=unlock]::before {
+  content: "\f1fe";
+}
+
+[data-icon-name=upload]::before {
+  content: "\f1ff";
+}
+
+[data-icon-name=user]::before {
+  content: "\f21c";
+}
+
+[data-icon-name=user-administration]::before {
+  content: "\f200";
+}
+
+[data-icon-name=user-administrator]::before {
+  content: "\f201";
+}
+
+[data-icon-name=user-edit]::before {
+  content: "\f202";
+}
+
+[data-icon-name=user-engineer]::before {
+  content: "\f203";
+}
+
+[data-icon-name=user-group]::before {
+  content: "\f205";
+}
+
+[data-icon-name=user-group-administration]::before {
+  content: "\f204";
+}
+
+[data-icon-name=user-id]::before {
+  content: "\f211";
+}
+
+[data-icon-name=user-id-error]::before {
+  content: "\f206";
+}
+
+[data-icon-name=user-id-error]::after {
+  content: "\f207";
+  color: #F30303;
+}
+
+[data-icon-name=user-id-error] span::before {
+  content: "\f208";
+  color: #FFFFFF;
+}
+
+[data-icon-name=user-id-invalid]::before {
+  content: "\f209";
+}
+
+[data-icon-name=user-id-invalid]::after {
+  content: "\f20a";
+  color: #F30303;
+}
+
+[data-icon-name=user-id-invalid] span::before {
+  content: "\f20b";
+  color: #FFFFFF;
+}
+
+[data-icon-name=user-id-query]::before {
+  content: "\f20c";
+}
+
+[data-icon-name=user-id-reading]::before {
+  content: "\f20d";
+}
+
+[data-icon-name=user-id-success]::before {
+  content: "\f20e";
+}
+
+[data-icon-name=user-id-success]::after {
+  content: "\f20f";
+  color: #00DD31;
+}
+
+[data-icon-name=user-id-success] span::before {
+  content: "\f210";
+  color: #002766;
+}
+
+[data-icon-name=user-level-1]::before {
+  content: "\f212";
+}
+
+[data-icon-name=user-level-2]::before {
+  content: "\f213";
+}
+
+[data-icon-name=user-level-3]::before {
+  content: "\f214";
+}
+
+[data-icon-name=user-level-4]::before {
+  content: "\f215";
+}
+
+[data-icon-name=user-level-5]::before {
+  content: "\f216";
+}
+
+[data-icon-name=user-logout]::before {
+  content: "\f217";
+}
+
+[data-icon-name=user-maintainer]::before {
+  content: "\f218";
+}
+
+[data-icon-name=user-operator]::before {
+  content: "\f219";
+}
+
+[data-icon-name=user-trainer]::before {
+  content: "\f21a";
+}
+
+[data-icon-name=user-worker]::before {
+  content: "\f21b";
+}
+
+[data-icon-name=video]::before {
+  content: "\f21d";
+}
+
+[data-icon-name=view]::before {
+  content: "\f21e";
+}
+
+[data-icon-name=visual-inspection]::before {
+  content: "\f21f";
+}
+
+[data-icon-name=warning]::before {
+  content: "\f222";
+}
+
+[data-icon-name=warning-colored]::before {
+  content: "\f220";
+  color: #FFE300;
+}
+
+[data-icon-name=warning-colored]::after {
+  content: "\f221";
+  color: #002766;
+}
+
+[data-icon-name=zoom-in]::before {
+  content: "\f224";
+}
+
+[data-icon-name=zoom-original]::before {
+  content: "\f225";
+}
+
+[data-icon-name=zoom-out]::before {
+  content: "\f226";
+}
+
+[data-icon-name=zoom-window]::before {
+  content: "\f223";
+}