@import 'common/var';

@font-face {
  font-family: 'element-icons';
  src: url('#{$--font-path}/iconfont.woff') format('woff'),
    /* chrome, firefox */ url('#{$--font-path}/iconfont.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: $--font-weight-primary;
  font-display: $--font-display;
  font-style: normal;
}

[class^='el-icon-'],
[class*=' el-icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'element-icons' !important;
  font-style: normal;
  font-weight: $--font-weight-primary;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon--left {
  margin-right: 5px
}

.el-icon--right{
  margin-left: 5px
}

.el-icon-loading {
  animation: rotating 2s linear infinite;
}

.el-icon-menu-list:before {
  content: "\e8a3";
}

.el-icon-save:before {
  content: "\e8a1";
}

.el-icon-scan:before {
  content: "\e8a2";
}

.el-icon-cloud-download:before {
  content: "\e89e";
}

.el-icon-cloud-upload:before {
  content: "\e89f";
}

.el-icon-drag:before {
  content: "\e8a0";
}

.el-icon-import:before {
  content: "\e89d";
}

.el-icon-sound:before {
  content: "\e89b";
}

.el-icon-export:before {
  content: "\e89c";
}

.el-icon-text:before {
  content: "\e89a";
}

.el-icon-shoppingcart:before {
  content: "\e899";
}

.el-icon-signature:before {
  content: "\e898";
}

.el-icon-bulb:before {
  content: "\e897";
}

.el-icon-audio:before {
  content: "\e88b";
}

.el-icon-forward-fill:before {
  content: "\e893";
}

.el-icon-fast-forward-fill:before {
  content: "\e894";
}

.el-icon-fast-backward-fill:before {
  content: "\e895";
}

.el-icon-backward-fill:before {
  content: "\e896";
}

.el-icon-verticalright:before {
  content: "\e892";
}

.el-icon-verticalleft:before {
  content: "\e891";
}

.el-icon-step-forward-fill:before {
  content: "\e890";
}

.el-icon-step-backward-fill:before {
  content: "\e88f";
}

.el-icon-arrow-left-fill:before {
  content: "\e88d";
}

.el-icon-arrow-down-fill:before {
  content: "\e88c";
}

.el-icon-arrow-right-fill:before {
  content: "\e88e";
}

.el-icon-arrow-up-fill:before {
  content: "\e88a";
}

.el-icon-loading:before {
  content: "\e81b";
}

.el-icon-server:before {
  content: "\e875";
}

.el-icon-computer:before {
  content: "\e878";
}

.el-icon-camera:before {
  content: "\e883";
}

.el-icon-alert:before {
  content: "\e87b";
}

.el-icon-news:before {
  content: "\e86c";
}

.el-icon-guide-map:before {
  content: "\e877";
}

.el-icon-map:before {
  content: "\e86d";
}

.el-icon-message:before {
  content: "\e874";
}

.el-icon-female:before {
  content: "\e6c2";
}

.el-icon-male:before {
  content: "\e6c3";
}

.el-icon-clean:before {
  content: "\e85c";
}

.el-icon-more2:before {
  content: "\e872";
}

.el-icon-more:before {
  content: "\e810";
}

.el-icon-unbind:before {
  content: "\e865";
}

.el-icon-bind:before {
  content: "\e85b";
}

.el-icon-share:before {
  content: "\e867";
}

.el-icon-print:before {
  content: "\e868";
}

.el-icon-filter:before {
  content: "\e885";
}

.el-icon-delete:before {
  content: "\e817";
}

.el-icon-copy:before {
  content: "\e86a";
}

.el-icon-edit:before {
  content: "\e814";
}

.el-icon-setting:before {
  content: "\e818";
}

.el-icon-file-recodes:before {
  content: "\e87c";
}

.el-icon-file-view:before {
  content: "\e87e";
}

.el-icon-file:before {
  content: "\e881";
}

.el-icon-document:before {
  content: "\e81c";
}

.el-icon-picture:before {
  content: "\e80d";
}

.el-icon-folder-open:before {
  content: "\e86b";
}

.el-icon-folder:before {
  content: "\e869";
}

.el-icon-download:before {
  content: "\e800";
}

.el-icon-upload2:before {
  content: "\e7ff";
}

.el-icon-upload:before {
  content: "\e856";
}

.el-icon-s-fold:before {
  content: "\e719";
}

.el-icon-s-unfold:before {
  content: "\e723";
}

.el-icon-menu-line:before {
  content: "\e871";
}

.el-icon-menu:before {
  content: "\e860";
}

.el-icon-back:before {
  content: "\e81e";
}

.el-icon-home:before {
  content: "\e85f";
}

.el-icon-verify:before {
  content: "\e87a";
}

.el-icon-user:before {
  content: "\e81f";
}

.el-icon-view:before {
  content: "\e812";
}

.el-icon-close-eyes:before {
  content: "\e80f";
}

.el-icon-unlock:before {
  content: "\e820";
}

.el-icon-lock:before {
  content: "\e81a";
}

.el-icon-c-scale-to-original:before {
  content: "\e601";
}

.el-icon-narrow:before {
  content: "\e861";
}

.el-icon-enlarge:before {
  content: "\e85d";
}

.el-icon-full-screen:before {
  content: "\e657";
}

.el-icon-search:before {
  content: "\e811";
}

.el-icon-zoom-in:before {
  content: "\e7e0";
}

.el-icon-zoom-out:before {
  content: "\e7e1";
}

.el-icon-clock:before {
  content: "\e882";
}

.el-icon-date:before {
  content: "\e7ed";
}

.el-icon-time:before {
  content: "\e7ee";
}

.el-icon-refresh:before {
  content: "\e80e";
}

.el-icon-refresh-right:before {
  content: "\e600";
}

.el-icon-refresh-left:before {
  content: "\e661";
}

.el-icon-exchange:before {
  content: "\e85e";
}

.el-icon-power:before {
  content: "\e864";
}

.el-icon-stop:before {
  content: "\e866";
}

.el-icon-pause:before {
  content: "\e862";
}

.el-icon-play:before {
  content: "\e863";
}

.el-icon-info-outline:before {
  content: "\e879";
}

.el-icon-info:before {
  content: "\e802";
}

.el-icon-question-outline:before {
  content: "\e87d";
}

.el-icon-question:before {
  content: "\e803";
}

.el-icon-warning-outline:before {
  content: "\e804";
}

.el-icon-warning:before {
  content: "\e806";
}

.el-icon-star-on:before {
  content: "\e7f6";
}

.el-icon-star-off:before {
  content: "\e7f7";
}

.el-icon-minus:before {
  content: "\e7fd";
}

.el-icon-remove-outline:before {
  content: "\e7fb";
}

.el-icon-remove:before {
  content: "\e7fc";
}

.el-icon-plus:before {
  content: "\e7f5";
}

.el-icon-circle-plus-outline:before {
  content: "\e7f3";
}

.el-icon-circle-plus:before {
  content: "\e7f4";
}

.el-icon-close:before {
  content: "\e7f1";
}

.el-icon-circle-close:before {
  content: "\e7f2";
}

.el-icon-error:before {
  content: "\e801";
}

.el-icon-check:before {
  content: "\e7f0";
}

.el-icon-circle-check:before {
  content: "\e7ef";
}

.el-icon-success:before {
  content: "\e805";
}

.el-icon-d-caret2:before {
  content: "\e884";
}

.el-icon-d-caret:before {
  content: "\e7ec";
}

.el-icon-bottoming-outline:before {
  content: "\e880";
}

.el-icon-bottoming:before {
  content: "\e876";
}

.el-icon-topping-outline:before {
  content: "\e87f";
}

.el-icon-topping:before {
  content: "\e873";
}

.el-icon-sort:before {
  content: "\e7f8";
}

.el-icon-sort-down:before {
  content: "\e7fa";
}

.el-icon-sort-up:before {
  content: "\e7f9";
}

.el-icon-d-arrow-left:before {
  content: "\e7ea";
}

.el-icon-d-arrow-down:before {
  content: "\e886";
}

.el-icon-d-arrow-right:before {
  content: "\e7eb";
}

.el-icon-d-arrow-up:before {
  content: "\e887";
}

.el-icon-caret-left:before {
  content: "\e7e6";
}

.el-icon-caret-bottom:before {
  content: "\e7e8";
}

.el-icon-caret-right:before {
  content: "\e7e7";
}

.el-icon-caret-top:before {
  content: "\e7e9";
}

.el-icon-arrow-left:before {
  content: "\e7e5";
}

.el-icon-arrow-down:before {
  content: "\e7e4";
}

.el-icon-arrow-right:before {
  content: "\e7e2";
}

.el-icon-arrow-up:before {
  content: "\e7e3";
}

.el-icon-left:before {
  content: "\e808";
}

.el-icon-bottom:before {
  content: "\e809";
}

.el-icon-right:before {
  content: "\e807";
}

.el-icon-top:before {
  content: "\e80a";
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}