@font-face {
  font-family: "vxetableiconfont";
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,[encoded data, 4216 characters]') format('woff2');
}

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

$btnThemeList: (
  (
    name: "primary",
    textColor: var(--vxe-ui-font-primary-color),
  ),
  (
    name: "success",
    textColor: var(--vxe-ui-status-success-color),
  ),
  (
    name: "info",
    textColor: var(--vxe-ui-status-info-color),
  ),
  (
    name: "warning",
    textColor: var(--vxe-ui-status-warning-color),
  ),
  (
    name: "danger",
    textColor: var(--vxe-ui-status-danger-color),
  ),
  (
    name: "error",
    textColor: var(--vxe-ui-status-error-color),
  )
);

[class*="vxe-table-icon-"] {
  font-family: "vxetableiconfont" !important;
  font-style: normal;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  &.animat,
  &.roll {
    display: inline-block;
  }
  &.animat {
    transition: transform 0.25s ease-in-out;
  }
  &.rotate45 {
    transform: rotate(45deg);
  }
  &.rotate90 {
    transform: rotate(90deg);
  }
  &.rotate180 {
    transform: rotate(180deg);
  }
  &.roll {
    animation: rollCircle 1s infinite linear;
  }
  @for $index from 0 to length($btnThemeList) {
    $item: nth($btnThemeList, $index + 1);
    &.theme--#{map-get($item, name)} {
      color: map-get($item, textColor);
    }
  }
}

.vxe-table-icon-edit:before {
  content: "\e66e";
}

.vxe-table-icon-question-circle-fill:before {
  content: "\e690";
}

.vxe-table-icon-radio-checked:before {
  content: "\e75b";
}

.vxe-table-icon-radio-checked-fill:before {
  content: "\e763";
}

.vxe-table-icon-print:before {
  content: "\eba0";
}

.vxe-table-icon-checkbox-checked-fill:before {
  content: "\e67d";
}

.vxe-table-icon-custom-column:before {
  content: "\e62d";
}

.vxe-table-icon-radio-unchecked:before {
  content: "\e7c9";
}

.vxe-table-icon-caret-down:before {
  content: "\e8ed";
}

.vxe-table-icon-caret-up:before {
  content: "\e8ee";
}

.vxe-table-icon-caret-right:before {
  content: "\e8ef";
}

.vxe-table-icon-caret-left:before {
  content: "\e8f0";
}

.vxe-table-icon-fullscreen:before {
  content: "\e70e";
}

.vxe-table-icon-minimize:before {
  content: "\e749";
}

.vxe-table-icon-checkbox-unchecked:before {
  content: "\e727";
}

.vxe-table-icon-funnel:before {
  content: "\e8ec";
}

.vxe-table-icon-download:before {
  content: "\e61a";
}

.vxe-table-icon-spinner:before {
  content: "\e601";
}

.vxe-table-icon-arrow-right:before {
  content: "\e743";
}

.vxe-table-icon-repeat:before {
  content: "\ea4a";
}

.vxe-table-icon-drag-handle:before {
  content: "\e64e";
}

.vxe-table-icon-checkbox-indeterminate-fill:before {
  content: "\e8c4";
}

.vxe-table-icon-upload:before {
  content: "\e683";
}

.vxe-table-icon-fixed-left-fill:before {
  content: "\e9b9";
}

.vxe-table-icon-fixed-left:before {
  content: "\e9ba";
}

.vxe-table-icon-fixed-right-fill:before {
  content: "\f290";
}

.vxe-table-icon-fixed-right:before {
  content: "\f291";
}

