.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 50% 50%;
}

.icon[data-icon-bgcolor] {
  background-position: 0 50%;
}

.icon[data-icon-bgcolor="none"] {
  background-position: 50% 50%;
}

.icon[data-icon-bgcolor="white"] {
  background-position: 50% 50%;
  background-color: #fff;
}

.icon.color {
  background-position: 100% 50%;
}

.icon+.text {
  margin-left: 6px;
}

[data-icon="cancel"] .icon {
  background-image: url(../images/sprites/sx2-icons-cancel.png);
}

[data-icon="ok"] .icon {
  background-image: url(../images/sprites/sx2-icons-ok.png);
}

[data-icon="save"] .icon {
  background-image: url(../images/sprites/sx2-icons-save.png);
}

[data-icon="delete"] .icon {
  background-image: url(../images/sprites/sx2-icons-delete.png);
}

[data-icon="add"] .icon {
  background-image: url(../images/sprites/sx2-icons-plus.png);
}

[data-icon="search"] .icon {
  background-image: url(../images/sprites/sx2-icons-search.png);
}

[data-icon="view"] .icon {
  background-image: url(../images/sprites/sx2-icons-view.png);
}

[data-icon="edit"] .icon {
  background-image: url(../images/sprites/sx2-icons-edit.png);
}

[data-icon="select"] .icon,
[data-icon="configure"] .icon {
  background-image: url(../images/sprites/sx2-icons-configure.png);
}

[data-icon="left"] .icon {
  background-image: url(../images/sprites/sx2-icons-arrow-left.png);
}

[data-icon="right"] .icon {
  background-image: url(../images/sprites/sx2-icons-arrow-right.png);
}

[data-icon="up"] .icon {
  background-image: url(../images/sprites/sx2-icons-arrow-up.png);
}

[data-icon="down"] .icon {
  background-image: url(../images/sprites/sx2-icons-arrow-down.png);
}

[data-icon="module-mibmonitor"] .icon {
  background-image: url(../images/icons/sx2-mainnav-modules-mibmonitor.png);
}

[data-icon="module-lgoscheduler"] .icon {
  background-image: url(../images/icons/icn_lgo_scheduler.png);
}

[data-icon="migrate"] .icon {
  background-image: url(../images/sprites/sx2-icons-migrate.png);
}

[data-icon="reload"] .icon {
  background-image: url(../images/sprites/sx2-icons-reload.png);
}