@font-face {
  font-family: 'glyphs';
  src:  url('/app/assets/styles/fonts/glyphs.eot');
  src:  url('/app/assets/styles/fonts/glyphs.eot') format('embedded-opentype'),
    url('/app/assets/styles/fonts/glyphs.ttf') format('truetype'),
    url('/app/assets/styles/fonts/glyphs.woff') format('woff'),
    url('/app/assets/styles/fonts/glyphs.svg') 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: 'glyphs' !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;
}

span[class*="icon-"][primary]:before { color: var(--app-color-primary); }
span[class*="icon-"][secondary] { color: var(--app-color-secondary); }
span[class*="icon-"][success] { color: var(--app-color-success); }
span[class*="icon-"][danger] { color: var(--app-color-danger); }
span[class*="icon-"][warning] { color: var(--app-color-warning); }
span[class*="icon-"][accent] { color: var(--app-color-accent); }
span[class*="icon-"][info] { color: var(--app-color-info); }

[class*="icon-"][xxsmall] { font-size: var(--eicui-base-icon-size-2xs); }
[class*="icon-"][xsmall] { font-size: var(--eicui-base-icon-size-xs) !important; }
[class*="icon-"][small] { font-size: var(--eicui-base-icon-size-s) !important; }
[class*="icon-"][medium] { font-size: var(--eicui-base-icon-size-m) !important; }
[class*="icon-"][large] { font-size: var(--eicui-base-icon-size-l) !important; }
[class*="icon-"][xlarge] { font-size: var(--eicui-base-icon-size-xl) !important; }
[class*="icon-"][xxlarge] { font-size: var(--eicui-base-icon-size-2xl); }
[class*="icon-"][xxxlarge] { font-size: var(--eicui-base-icon-size-3xl); }
[class*="icon-"][xxxxlarge] { font-size: var(--eicui-base-icon-size-4xl); }

@keyframes spin {
  0% { transform: rotate(0deg) ; }
  100% { transform: rotate(360deg) ; }
}

@keyframes uturn {
  0% { transform: rotate(-180deg) ; }
  100% { transform: rotate(0deg) ; }
}
@keyframes uturn-ccw {
  0% { transform: rotate(180deg) ; }
  100% { transform: rotate(0deg) ; }
}

.spin { animation: spin 1s infinite linear; }
.arrow-expand:before { 
  content: "\f106" !important;
  animation: uturn-ccw 0.3s 1 linear; 
}
.arrow-collapse:before { 
  content: "\f107" !important;
  animation: uturn 0.3s 1 normal linear; 
}

.icon-backward1:before {
  content: "\e905";
}
.icon-backward-step:before {
  content: "\e943";
}
.icon-fast-forward:before {
  content: "\e944";
}
.icon-pause2:before {
  content: "\e945";
}
.icon-play1:before {
  content: "\e946";
}
.icon-target1:before {
  content: "\e948";
}
.icon-usb:before {
  content: "\e949";
}
.icon-video-camera1:before {
  content: "\e94a";
}
.icon-price-tag:before {
  content: "\e93c";
}
.icon-align-center:before {
  content: "\e933";
}
.icon-align-left:before {
  content: "\e934";
}
.icon-align-right:before {
  content: "\e935";
}
.icon-format-color:before {
  content: "\e93b";
}
.icon-format-bold:before {
  content: "\e936";
}
.icon-font-size-down:before {
  content: "\e937";
}
.icon-format-underline:before {
  content: "\e939";
}
.icon-big-bullet:before {
  content: "\e928";
}
.icon-code:before {
  content: "\e92b";
}
.icon-check-rounded:before {
  content: "\e91f";
}
.icon-dashboard:before {
  content: "\e92a";
}
.icon-more:before {
  content: "\e923";
}
.icon-locked:before {
  content: "\e925";
}
.icon-unlocked:before {
  content: "\e926";
}
.icon-menu:before {
  content: "\e920";
}
.icon-reply:before {
  content: "\e921";
}
.icon-back:before {
  content: "\e921";
}
.icon-link-ext:before {
  content: "\e922";
}
.icon-share:before {
  content: "\e929";
}
.icon-workflow:before {
  content: "\e929";
}
.icon-health:before {
  content: "\e927";
}
.icon-copy:before {
  content: "\e915";
}
.icon-filter:before {
  content: "\e91c";
}
.icon-deny:before {
  content: "\e906";
}
.icon-home:before {
  content: "\e91d";
}
.icon-pause1:before {
  content: "\e916";
}
.icon-market:before {
  content: "\e914";
}
.icon-thumbs-down:before {
  content: "\e90b";
}
.icon-thumbs-up:before {
  content: "\e90c";
}
.icon-trash:before {
  content: "\e91e";
}
.icon-bolt:before {
  content: "\e901";
}
.icon-check:before {
  content: "\e902";
}
.icon-cancel:before {
  content: "\e907";
}
.icon-close:before {
  content: "\e908";
}
.icon-download:before {
  content: "\e903";
}
.icon-envelope:before {
  content: "\e909";
}
.icon-company:before {
  content: "\e90a";
}
.icon-servers:before {
  content: "\e904";
}
.icon-cabinet:before {
  content: "\e94b";
}
.icon-cabinet1:before {
  content: "\e94c";
}
.icon-camera1:before {
  content: "\e94e";
}
.icon-camera2:before {
  content: "\e94f";
}
.icon-film1:before {
  content: "\e950";
}
.icon-chronometer:before {
  content: "\e951";
}
.icon-chart:before {
  content: "\e952";
}
.icon-lab:before {
  content: "\e953";
}
.icon-satellite:before {
  content: "\e954";
}
.icon-spaceinvaders:before {
  content: "\e955";
}
.icon-bomb:before {
  content: "\e957";
}
.icon-tools:before {
  content: "\e958";
}
.icon-bus:before {
  content: "\e959";
}
.icon-stop2:before {
  content: "\e95a";
}
.icon-atom:before {
  content: "\e95b";
}
.icon-globe:before {
  content: "\e95c";
}
.icon-globe1:before {
  content: "\e95d";
}
.icon-grid:before {
  content: "\e95e";
}
.icon-flag:before {
  content: "\e95f";
}
.icon-lock:before {
  content: "\e960";
}
.icon-unlocked1:before {
  content: "\e961";
}
.icon-camera3:before {
  content: "\e962";
}
.icon-calculator:before {
  content: "\e963";
}
.icon-diamond:before {
  content: "\e965";
}
.icon-atom1:before {
  content: "\e966";
}
.icon-syringe:before {
  content: "\e967";
}
.icon-health1:before {
  content: "\e968";
}
.icon-pill:before {
  content: "\e969";
}
.icon-lab1:before {
  content: "\e96a";
}
.icon-graph:before {
  content: "\e96b";
}
.icon-review:before {
  content: "\e917";
}
.icon-correction:before {
  content: "\e918";
}
.icon-mediation:before {
  content: "\e919";
}
.icon-writing:before {
  content: "\e91b";
}
.icon-snapshot:before {
  content: "\e92d";
}
.icon-toc:before {
  content: "\e92e";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-folder-add:before {
  content: "\e931";
}
.icon-folder-remove:before {
  content: "\e932";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-chat:before {
  content: "\e96c";
}
.icon-bug:before {
  content: "\e999";
}
.icon-font-size-up:before {
  content: "\ea61";
}
.icon-format-italic:before {
  content: "\ea64";
}
.icon-stop:before {
  content: "\e92c";
}
.icon-play:before {
  content: "\e900";
}
.icon-history:before {
  content: "\e94d";
}
.icon-spinner:before {
  content: "\e981";
}
.icon-cog:before {
  content: "\e994";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-half:before {
  content: "\e9d8";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-pdf:before {
  content: "\eadf";
}
.icon-pen:before {
  content: "\e910";
}
.icon-coaching:before {
  content: "\e91a";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-hour-glass:before {
  content: "\e90f";
}
.icon-refresh:before {
  content: "\e984";
}
.icon-complaint:before {
  content: "\e9a8";
}
.icon-evaluation:before {
  content: "\e9b8";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-loop:before {
  content: "\ea2d";
}
.icon-image:before {
  content: "\e90d";
}
.icon-new:before {
  content: "\e924";
}
.icon-map:before {
  content: "\e947";
}
.icon-pin:before {
  content: "\e947";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-cogs:before {
  content: "\e995";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-xls:before {
  content: "\eae2";
}
.icon-paint-format:before {
  content: "\e93d";
}
.icon-camera:before {
  content: "\e93e";
}
.icon-film:before {
  content: "\e93f";
}
.icon-video-camera:before {
  content: "\e940";
}
.icon-stack:before {
  content: "\e941";
}
.icon-display:before {
  content: "\e956";
}
.icon-database:before {
  content: "\e964";
}
.icon-target:before {
  content: "\e9b3";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-play2:before {
  content: "\ea15";
}
.icon-pause:before {
  content: "\ea16";
}
.icon-stop1:before {
  content: "\ea17";
}
.icon-previous:before {
  content: "\ea18";
}
.icon-next:before {
  content: "\ea19";
}
.icon-backward:before {
  content: "\ea1a";
}
.icon-forward2:before {
  content: "\ea1b";
}
.icon-embed:before {
  content: "\ea7f";
}
.icon-steam:before {
  content: "\eaac";
}
.icon-dropbox:before {
  content: "\eaae";
}
.icon-tux:before {
  content: "\eabd";
}
.icon-codepen:before {
  content: "\eae8";
}
.icon-sort-asc:before {
  content: "\e911";
}
.icon-sort-desc:before {
  content: "\e912";
}
.icon-unsorted:before {
  content: "\e913";
}
.icon-help:before {
  content: "\e90e";
}
.icon-plus:before {
  content: "\f067";
}
.icon-search:before {
  content: "\f002";
}
.icon-user:before {
  content: "\f007";
}
.icon-logoff:before {
  content: "\f011";
}
.icon-edit:before {
  content: "\f040";
}
.icon-checked:before {
  content: "\f046";
}
.icon-info:before {
  content: "\f05a";
}
.icon-expand:before {
  content: "\f065";
}
.icon-warning:before {
  content: "\f071";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-comment:before {
  content: "\f075";
}
.icon-twitter:before {
  content: "\f081";
}
.icon-facebook:before {
  content: "\f082";
}
.icon-square-o:before {
  content: "\f096";
}
.icon-website:before {
  content: "\f0ac";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-exchange:before {
  content: "\f0ec";
}
.icon-alert:before {
  content: "\f0f3";
}
.icon-chevron-left:before {
  content: "\f100";
}
.icon-chevron-right:before {
  content: "\f101";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-zip:before {
  content: "\f1c6";
}
.icon-send:before {
  content: "\f1d8";
}
.icon-preview:before {
  content: "\f1e5";
}
.icon-stats:before {
  content: "\f200";
}
.icon-toggle-off:before {
  content: "\f204";
}
.icon-toggle-on:before {
  content: "\f205";
}
.icon-user-add:before {
  content: "\f234";
}
.icon-calendar-plus:before {
  content: "\f271";
}
.icon-calendar-minus:before {
  content: "\f272";
}
.icon-calendar-failed:before {
  content: "\f273";
}
.icon-calendar-check:before {
  content: "\f274";
}