// 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);
  }
  &-handle {
    background-image: url(../assets/icon-handle.png);
  }
  &-over {
    background-image: url(../assets/icon-over.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);
  }
  &-error {
    background-image: url(../assets/icon-error.png);
  }

  &-reexam {
    background-image: url(../assets/icon-reexam.png);
  }
  &-password {
    background-image: url(../assets/icon-password.png);
  }
  &-seal {
    background-image: url(../assets/icon-seal.png);
  }
  &-upload {
    height: 12px;
    background-image: url(../assets/icon-upload.png);
  }
  &-download {
    height: 12px;
    background-image: url(../assets/icon-download.png);
  }
  &-analysis {
    background-image: url(../assets/icon-analysis.png);
  }
  &-rate {
    background-image: url(../assets/icon-rate.png);
  }
  &-add {
    background-image: url(../assets/icon-add.png);
  }
  &-copy {
    background-image: url(../assets/icon-copy.png);
  }
  &-ring {
    background-image: url(../assets/icon-ring.png);
  }
  &-right {
    width: 15px;
    height: 12px;
    background-image: url(../assets/icon-right.png);
  }
  &-wrong {
    width: 13px;
    height: 12px;
    background-image: url(../assets/icon-wrong.png);
  }
  &-users {
    height: 13px;
    background-image: url(../assets/icon-users.png);
  }
  &-exam-detail {
    background-image: url(../assets/icon-exam-detail.png);
  }
  &-alarm-clock {
    background-image: url(../assets/icon-alarm-clock.png);
  }
  &-net-break {
    background-image: url(../assets/icon-net-break.png);
  }
  &-full-screen {
    background-image: url(../assets/icon-full-screen.png);
  }
  &-current-step {
    background-image: url(../assets/icon-current-step.png);
  }
  &-arrows-up {
    background-image: url(../assets/icon-arrows-up.png);
  }
  &-arrows-down {
    background-image: url(../assets/icon-arrows-down.png);
  }
}