// icon
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  &-base {
    background-image: url(../assets/icon-base.png);
  }
  &-base-act {
    background-image: url(../assets/icon-base-act.png);
  }
  &-user {
    background-image: url(../assets/icon-user.png);
  }
  &-user-act {
    background-image: url(../assets/icon-user-act.png);
  }
  &-business {
    background-image: url(../assets/icon-business.png);
  }
  &-business-act {
    background-image: url(../assets/icon-business-act.png);
  }
  &-invigilation {
    background-image: url(../assets/icon-invigilation.png);
  }
  &-invigilation-act {
    background-image: url(../assets/icon-invigilation-act.png);
  }
  &-warning {
    background-image: url(../assets/icon-warning.png);
  }
  &-warning-act {
    background-image: url(../assets/icon-warning-act.png);
  }

  &-clean {
    background-image: url(../assets/icon-clean.png);
  }
  &-scan {
    background-image: url(../assets/icon-scan.png);
  }
  &-stop {
    background-image: url(../assets/icon-stop.png);
  }
  &-forbide {
    background-image: url(../assets/icon-forbide.png);
  }
  &-view {
    background-image: url(../assets/icon-view.png);
  }
  &-text {
    background-image: url(../assets/icon-text.png);
  }
  &-audio {
    background-image: url(../assets/icon-audio.png);
  }
  &-logout {
    background-image: url(../assets/icon-logout.png);
  }

  &-reexam {
    background-image: url(../assets/icon-reexam.png);
  }
  &-analysis {
    background-image: url(../assets/icon-analysis.png);
  }
  &-rate {
    background-image: url(../assets/icon-rate.png);
  }
  &-users {
    height: 13px;
    background-image: url(../assets/icon-users.png);
  }
  &-exam-detail {
    background-image: url(../assets/icon-exam-detail.png);
  }
  &-net-break {
    background-image: url(../assets/icon-net-break.png);
  }
  &-full-screen {
    background-image: url(../assets/icon-full-screen.png);
  }
}
