@font-face {
    font-family: 'glyphs';
    src:  url('fonts/glyphs.eot?q6ldsx9');
    src:  url('fonts/glyphs.eot?q6ldsx9#iefix') format('embedded-opentype'),
      url('fonts/glyphs.ttf?q6ldsx9') format('truetype'),
      url('fonts/glyphs.woff?q6ldsx9') format('woff'),
      url('fonts/glyphs.svg?q6ldsx9#glyphs') 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-spinner:before {
  animation: spin 1s infinite linear; 
}
  Updating icons: 
  ! DO NOT MODIFY code above
  > Paste ICOMOON styles below (only classes declared as .icon-XXX:before )
*/

.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-pause: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-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";
  animation: spin 1s infinite linear; 
}
.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-happy:before {
  content: "\e9df";
}
.icon-face-smile:before {
  content: "\e9e1";
}
.icon-face-tongue:before {
  content: "\e9e3";
}
.icon-face-sad:before {
  content: "\e9e5";
}
.icon-face-wink:before {
  content: "\e9e7";
}
.icon-face-baffled:before {
  content: "\e9f3";
}
.icon-face-confused:before {
  content: "\e9f5";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-linkedin:before {
  content: "\eac9";
}
.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-review:before {
  content: "\e917";
}
.icon-correction:before {
  content: "\e918";
}
.icon-mediation:before {
  content: "\e919";
}
.icon-writing:before {
  content: "\e91b";
}
.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";
}
.icon-graduate:before {
  content: "\e905";
}
