// SPRITES
// Glyphs and icons for buttons, nav, and more
// -------------------------------------------


// ICONS
// -----

// As of v2.0.0, the <i> tag is reserved for icons from the Glyphicons set.
// All icons receive the styles of the <i> tag and are then given a unique
// class to add width, height, and background-position. Your resulting HTML
// will look like <i class="inbox"></i>.

i {
  background-image: url(docs/assets/img/glyphicons-halflings-sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 14px;
}

.glass              { background-position: 0      0; }
.music              { background-position: -24px  0; }
.search             { background-position: -48px  0; }
.envelope           { background-position: -72px  0; }
.heart              { background-position: -96px  0; }
.star               { background-position: -120px 0; }
.star-empty         { background-position: -144px 0; }
.user               { background-position: -168px 0; }
.film               { background-position: -192px 0; }
.th-large           { background-position: -216px 0; }
.th                 { background-position: -240px 0; }
.th-lines           { background-position: -264px 0; }
.ok                 { background-position: -288px 0; }
.remove             { background-position: -312px 0; }
.zoom-in            { background-position: -336px 0; }
.zoom-out           { background-position: -360px 0; }
.off                { background-position: -384px 0; }
.signal             { background-position: -408px 0; }
.cog                { background-position: -432px 0; }
.trash              { background-position: -456px 0; }

.home               { background-position: 0      -24px; }
.file               { background-position: -24px  -24px; }
.time               { background-position: -48px  -24px; }
.road               { background-position: -72px  -24px; }
.download-alt       { background-position: -96px  -24px; }
.download           { background-position: -120px -24px; }
.upload             { background-position: -144px -24px; }
.inbox              { background-position: -168px -24px; }
.play-circle        { background-position: -192px -24px; }
.repeat             { background-position: -216px -24px; }
.refresh            { background-position: -240px -24px; }
.calendar           { background-position: -264px -24px; }
.lock               { background-position: -288px -24px; }
.flag               { background-position: -312px -24px; }
.headphones         { background-position: -336px -24px; }
.volume-off         { background-position: -360px -24px; }
.volume-down        { background-position: -384px -24px; }
.volume-up          { background-position: -408px -24px; }
.qrcode             { background-position: -432px -24px; }
.barcode            { background-position: -456px -24px; }

.tag                { background-position: 0      -48px; }
.tags               { background-position: -24px  -48px; }
.book               { background-position: -48px  -48px; }
.bookmark           { background-position: -72px  -48px; }
.print              { background-position: -96px  -48px; }
.camera             { background-position: -120px -48px; }
.font               { background-position: -144px -48px; }
.bold               { background-position: -168px -48px; }
.italic             { background-position: -192px -48px; }
.text-height        { background-position: -216px -48px; }
.text-width         { background-position: -240px -48px; }
.align-left         { background-position: -264px -48px; }
.align-center       { background-position: -288px -48px; }
.align-right        { background-position: -312px -48px; }
.align-justify      { background-position: -336px -48px; }
.list               { background-position: -360px -48px; }
.indent-left        { background-position: -384px -48px; }
.indent-right       { background-position: -408px -48px; }
.facetime-video     { background-position: -432px -48px; }
.picture            { background-position: -456px -48px; }

.pencil             { background-position: 0      -72px; }
.map-marker         { background-position: -24px  -72px; }
.adjust             { background-position: -48px  -72px; }
.tint               { background-position: -72px  -72px; }
.edit               { background-position: -96px  -72px; }
.share              { background-position: -120px -72px; }
.check              { background-position: -144px -72px; }
.move               { background-position: -168px -72px; }
.step-backward      { background-position: -192px -72px; }
.fast-backward      { background-position: -216px -72px; }
.backward           { background-position: -240px -72px; }
.play               { background-position: -264px -72px; }
.pause              { background-position: -288px -72px; }
.stop               { background-position: -312px -72px; }
.forward            { background-position: -336px -72px; }
.fast-forward       { background-position: -360px -72px; }
.step-forward       { background-position: -384px -72px; }
.eject              { background-position: -408px -72px; }
.chevron-left       { background-position: -432px -72px; }
.chevron-right      { background-position: -456px -72px; }

.arrow-left         { background-position: -240px -96px; }
.arrow-right        { background-position: -264px -96px; }
.arrow-up           { background-position: -288px -96px; }
.arrow-down         { background-position: -312px -96px; }
.share              { background-position: -336px -96px; }
.resize-full        { background-position: -360px -96px; }
.resize-small       { background-position: -384px -96px; }
.plus               { background-position: -408px -96px; }
.minus              { background-position: -432px -96px; }
.asterisk           { background-position: -456px -96px; }