/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
.icon-account {
  background-image: url(spritesheet.png);
  background-position: 0px -112px;
  width: 50px;
  height: 50px;
}
.icon-arrowdown {
  background-image: url(spritesheet.png);
  background-position: -150px -162px;
  width: 32px;
  height: 32px;
}
.icon-error {
  background-image: url(spritesheet.png);
  background-position: -212px -89px;
  width: 27px;
  height: 27px;
}
.icon-folder-blue {
  background-image: url(spritesheet.png);
  background-position: -100px -162px;
  width: 50px;
  height: 50px;
}
.icon-folder-yellow {
  background-image: url(spritesheet.png);
  background-position: -112px 0px;
  width: 50px;
  height: 50px;
}
.icon-folder {
  background-image: url(spritesheet.png);
  background-position: -112px -50px;
  width: 50px;
  height: 50px;
}
.icon-gear-single {
  background-image: url(spritesheet.png);
  background-position: -168px -194px;
  width: 14px;
  height: 14px;
}
.icon-gears-small {
  background-image: url(spritesheet.png);
  background-position: -25px -212px;
  width: 24px;
  height: 24px;
}
.icon-gears {
  background-image: url(spritesheet.png);
  background-position: -56px 0px;
  width: 56px;
  height: 56px;
}
.icon-gray-close {
  background-image: url(spritesheet.png);
  background-position: -212px -61px;
  width: 28px;
  height: 28px;
}
.icon-info-medium {
  background-image: url(spritesheet.png);
  background-position: -212px -116px;
  width: 27px;
  height: 27px;
}
.icon-info-small {
  background-image: url(spritesheet.png);
  background-position: -228px -196px;
  width: 16px;
  height: 16px;
}
.icon-location {
  background-image: url(spritesheet.png);
  background-position: 0px -162px;
  width: 50px;
  height: 50px;
}
.icon-new-user-small {
  background-image: url(spritesheet.png);
  background-position: -182px -162px;
  width: 26px;
  height: 26px;
}
.icon-new-user {
  background-image: url(spritesheet.png);
  background-position: 0px -56px;
  width: 56px;
  height: 56px;
}
.icon-people-blue {
  background-image: url(spritesheet.png);
  background-position: -56px -56px;
  width: 50px;
  height: 50px;
}
.icon-people-yellow {
  background-image: url(spritesheet.png);
  background-position: -50px -162px;
  width: 50px;
  height: 50px;
}
.icon-people {
  background-image: url(spritesheet.png);
  background-position: -162px -100px;
  width: 50px;
  height: 50px;
}
.icon-person-blue {
  background-image: url(spritesheet.png);
  background-position: -162px -50px;
  width: 50px;
  height: 50px;
}
.icon-person-yellow {
  background-image: url(spritesheet.png);
  background-position: -162px 0px;
  width: 50px;
  height: 50px;
}
.icon-person {
  background-image: url(spritesheet.png);
  background-position: -50px -112px;
  width: 50px;
  height: 50px;
}
.icon-plus-blue-small {
  background-image: url(spritesheet.png);
  background-position: -212px -170px;
  width: 26px;
  height: 26px;
}
.icon-plus-blue {
  background-image: url(spritesheet.png);
  background-position: 0px 0px;
  width: 56px;
  height: 56px;
}
.icon-printer {
  background-image: url(spritesheet.png);
  background-position: -150px -194px;
  width: 18px;
  height: 18px;
}
.icon-search {
  background-image: url(spritesheet.png);
  background-position: -212px 0px;
  width: 32px;
  height: 32px;
}
.icon-small-info {
  background-image: url(spritesheet.png);
  background-position: -212px -196px;
  width: 16px;
  height: 16px;
}
.icon-success {
  background-image: url(spritesheet.png);
  background-position: -212px -143px;
  width: 27px;
  height: 27px;
}
.icon-warning-orange {
  background-image: url(spritesheet.png);
  background-position: -212px -32px;
  width: 29px;
  height: 29px;
}
.icon-warning-red {
  background-image: url(spritesheet.png);
  background-position: -49px -212px;
  width: 24px;
  height: 22px;
}
.icon-world-big {
  background-image: url(spritesheet.png);
  background-position: -100px -112px;
  width: 50px;
  height: 50px;
}
.icon-world-small {
  background-image: url(spritesheet.png);
  background-position: 0px -212px;
  width: 25px;
  height: 25px;
}