.icon {
  display: inline-block;
  background-image: url('../images/ui.png');
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
}
.icon.comment {
  background-position: 0 0;
}
.icon.user {
  background-position: 0 -40px;
}
.icon.disconnect {
  background-position: 0 -750px;
}
.icon.locked {
  background-position: 0 -90px;
}
.icon.arrows {
  background-position: 0 -140px;
}
.icon.download {
  position: relative;
  top: 7px;
  width: 23px;
  height: 23px;
  background-position: 0 -260px;
}
.icon.upload {
  position: relative;
  top: 7px;
  width: 23px;
  height: 23px;
  background-position: 0 -360px;
}
.icon.cloud-upload {
  position: relative;
  top: 20px;
  width: 48px;
  height: 48px;
  background-position: 0 -1080px;
}
.icon.plus {
  position: relative;
  top: 5px;
  background-position: 0 -300px;
  width: 20px;
  height: 20px;
}
.icon.question {
  position: relative;
  top: 5px;
  margin-top: -10px;
  background-position: 0 -330px;
  width: 20px;
  height: 20px;
}
.icon.step-ok {
  position: relative;
  top: -5px;
  background-position: 0 -1300px;
  width: 24px;
  height: 24px;
}
.icon.step-failed {
  position: relative;
  top: -5px;
  background-position: 0 -1400px;
  width: 24px;
  height: 24px;
}
.icon.icon-ok {
  position: relative;
  top: 8px;
  background-position: 0 -1500px;
  width: 30px;
  height: 30px;
}