/* icon */
.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100% 100%;
  &.ivu-icon {
    &-analysis {
      background-image: url(../images/icon-analysis.png);
    }
    &-analysis-act {
      background-image: url(../images/icon-analysis-act.png);
    }
    &-files {
      background-image: url(../images/icon-files.png);
    }
    &-files-act {
      background-image: url(../images/icon-files-act.png);
    }
    &-grade-set {
      background-image: url(../images/icon-grade-set.png);
    }
    &-grade-set-act {
      background-image: url(../images/icon-grade-set-act.png);
    }
    &-group {
      background-image: url(../images/icon-group.png);
    }
    &-group-act {
      background-image: url(../images/icon-group-act.png);
    }
    &-monitor {
      background-image: url(../images/icon-monitor.png);
    }
    &-monitor-act {
      background-image: url(../images/icon-monitor-act.png);
    }
    &-overview {
      background-image: url(../images/icon-overview.png);
    }
    &-overview-act {
      background-image: url(../images/icon-overview-act.png);
    }
    &-paper {
      background-image: url(../images/icon-paper.png);
    }
    &-paper-act {
      background-image: url(../images/icon-paper-act.png);
    }
    &-progress {
      background-image: url(../images/icon-progress.png);
    }
    &-progress-act {
      background-image: url(../images/icon-progress-act.png);
    }
    &-recode {
      background-image: url(../images/icon-recode.png);
    }
    &-recode-act {
      background-image: url(../images/icon-recode-act.png);
    }
    &-recode-white {
      background-image: url(../images/icon-recode-white.png);
    }
    &-score {
      background-image: url(../images/icon-score.png);
    }
    &-score-act {
      background-image: url(../images/icon-score-act.png);
    }
    &-score-detail {
      background-image: url(../images/icon-score-detail.png);
    }
    &-score-detail-act {
      background-image: url(../images/icon-score-detail-act.png);
    }
    &-score-set {
      background-image: url(../images/icon-score-set.png);
    }
    &-score-set-act {
      background-image: url(../images/icon-score-set-act.png);
    }
    &-student {
      background-image: url(../images/icon-student.png);
    }
    &-student-act {
      background-image: url(../images/icon-student-act.png);
    }
    &-task {
      background-image: url(../images/icon-task.png);
    }
    &-task-act {
      background-image: url(../images/icon-task-act.png);
    }
    &-view {
      background-image: url(../images/icon-view.png);
    }
    &-view-act {
      background-image: url(../images/icon-view-act.png);
    }

    &-arrow-left {
      background-image: url(../images/icon-arrow-left.png);
    }
    &-arrow-left-act {
      background-image: url(../images/icon-arrow-left-act.png);
    }
    &-arrow-left-disabled {
      background-image: url(../images/icon-arrow-left-disabled.png);
    }
    &-arrow-right {
      background-image: url(../images/icon-arrow-right.png);
    }
    &-arrow-right-act {
      background-image: url(../images/icon-arrow-right-act.png);
    }
    &-arrow-right-disabled {
      background-image: url(../images/icon-arrow-right-disabled.png);
    }

    &-logout {
      background-image: url(../images/icon-logout.png);
    }
    &-upload {
      height: 14px;
      background-image: url(../images/icon-upload.png);
    }
    &-upload-white {
      height: 14px;
      background-image: url(../images/icon-upload-white.png);
    }
    &-area {
      background-image: url(../images/icon-area.png);
    }
    &-disable {
      width: 25px;
      background-image: url(../images/icon-disable.png);
    }
    &-enable {
      width: 25px;
      background-image: url(../images/icon-enable.png);
    }
  }
}
