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

  // home
  &-location {
    background-image: url(../images/icon-location.png);
    width: 10px;
    height: 10px;
  }
  // menu
  &-exam {
    background-image: url(../images/icon-exam.png);
    width: 16px;
    height: 16px;
  }
  &-report {
    background-image: url(../images/icon-report.png);
    width: 16px;
    height: 16px;
  }
  &-base {
    background-image: url(../images/icon-base.png);
    width: 14px;
    height: 16px;
  }
  &-customer {
    background-image: url(../images/icon-customer.png);
    width: 16px;
    height: 16px;
  }
  &-workspace {
    background-image: url(../images/icon-workspace.png);
    width: 16px;
    height: 16px;
  }
  &-logout {
    background-image: url(../images/icon-logout.png);
    width: 16px;
    height: 16px;
  }
  &-account {
    background-image: url(../images/icon-account.png);
    width: 16px;
    height: 16px;
  }
  &-user-circle {
    background-image: url(../images/college/icon-user-circle.png);
    width: 16px;
    height: 16px;
  }
  // page
  &-start {
    background-image: url(../images/college/icon-start.png);
    width: 32px;
    height: 32px;
  }
  &-course {
    background-image: url(../images/college/icon-course.png);
    width: 32px;
    height: 32px;
  }
  &-book {
    background-image: url(../images/college/icon-book.png);
    width: 32px;
    height: 32px;
  }
  &-absent {
    background-image: url(../images/college/icon-absent.png);
    width: 32px;
    height: 32px;
  }
  &-college {
    background-image: url(../images/college/icon-college.png);
    width: 32px;
    height: 32px;
  }
  &-users {
    background-image: url(../images/college/icon-users.png);
    width: 32px;
    height: 32px;
  }
  &-full {
    background-image: url(../images/college/icon-full.png);
    width: 32px;
    height: 32px;
  }
  &-wave-blue {
    background-image: url(../images/college/icon-wave-blue.png);
    width: 32px;
    height: 32px;
  }
  &-wave-cyan {
    background-image: url(../images/college/icon-wave-cyan.png);
    width: 32px;
    height: 32px;
  }
  &-data-blue {
    background-image: url(../images/college/icon-data-blue.png);
    width: 32px;
    height: 32px;
  }
  &-data-cyan {
    background-image: url(../images/college/icon-data-cyan.png);
    width: 32px;
    height: 32px;
  }

  &-sign {
    background-image: url(../images/college/icon-sign.png);
    width: 20px;
    height: 14px;
    margin-top: -2px;
    margin-right: 5px;
  }
  &-export {
    background-image: url(../images/college/icon-export.png);
    width: 12px;
    height: 11px;
    margin-top: -2px;
  }
  &-export-white {
    background-image: url(../images/college/icon-export-white.png);
    width: 12px;
    height: 11px;
    margin-top: -2px;
  }
  &-phone {
    background-image: url(../images/icon-phone.png);
    width: 14px;
    height: 16px;
  }
  &-password {
    background-image: url(../images/icon-password.png);
    width: 14px;
    height: 14px;
  }
  &-checkcode {
    background-image: url(../images/icon-checkcode.png);
    width: 14px;
    height: 16px;
  }

  // other
  &-tips-red {
    background-image: url(../images/college/icon-tips-red.png);
    width: 14px;
    height: 14px;
  }
  &-circle-right {
    background-image: url(../images/icon-circle-right.png);
  }
  &-circle-caret-right {
    background-image: url(../images/icon-circle-caret-right.png);
  }
  &-plus-act {
    background-image: url(../images/icon-plus-act.png);
    width: 18px;
    height: 18px;
  }
  &-edit {
    background-image: url(../images/icon-edit.png);
  }
  &-delete {
    background-image: url(../images/icon-delete.png);
  }
  &-circle-stop {
    background-image: url(../images/icon-circle-stop.png);
  }
  &-close-act {
    background-image: url(../images/icon-close-act.png);
  }
  &-files {
    background-image: url(../images/icon-files.png);
    width: 18px;
    height: 14px;
  }
}
