a.sprite{
    display: inline-block;
    overflow: hidden;
    position: relative;
    border: none;
    width: 66px;
    height: 56px;
    background-repeat:no-repeat;
    background-size: auto 56px;
}
a.sprite.fan {
background-image: url("/static/sprites/fan.png");
}
a.sprite.light {
background-image: url("/static/sprites/light.png");
}
a.sprite.bulb{
background-image: url("/static/sprites/bulb.png");
}
a.sprite.cooling{
background-image: url("/static/sprites/cooling.png");
}
a.sprite.heating{
background-image: url("/static/sprites/heating.png");
}
a.sprite.blinds{
background-image: url("/static/sprites/blinds.png");
}
a.sprite.timer{
background-image: url("/static/sprites/timer.png");
}
a.sprite.clock{
background-image: url("/static/sprites/clock.png");
}
a.sprite.updown{
background-image: url("/static/sprites/updown.png");
}
a.sprite.winter{
background-image: url("/static/sprites/winter.png");
}
a.sprite.comfort{
background-image: url("/static/sprites/comfort.png");
}
a.sprite.standby{
background-image: url("/static/sprites/standby.png");
}
a.sprite.night{
background-image: url("/static/sprites/night.png");
}
a.sprite.protection{
background-image: url("/static/sprites/protection.png");
}
a.sprite.hvac{
background-image: url("/static/sprites/hvac.png");
}
a.sprite.heatingcooling{
background-image: url("/static/sprites/hc.png");
}
a.icon{
    display: inline-block;
    overflow: hidden;
    position: relative;
    border: none;
    width: 66px;
    height: 56px;
}
a.icon.blindsup {
background-image: url("/static/icons/blindsup.png");
}
a.icon.blindsdown {
background-image: url("/static/icons/blindsdown.png");
}
a.icon.up {
background-image: url("/static/icons/up.png");
}
a.icon.down {
background-image: url("/static/icons/down.png");
}
a.icon.dimmup {
background-image: url("/static/icons/dimmup.png");
}
a.icon.dimmdown {
background-image: url("/static/icons/dimmdown.png");
}
a.icon.bulbon {
background-image: url("/static/icons/bulbon.png");
}
a.icon.bulboff {
background-image: url("/static/icons/bulboff.png");
}
a.icon.lighton {
background-image: url("/static/icons/lighton.png");
}
a.icon.lightoff {
background-image: url("/static/icons/lightoff.png");
}
a.icon.night {
background-image: url("/static/icons/night.png");
}
a.icon.comfort {
background-image: url("/static/icons/comfort.png");
}
a.icon.protection {
background-image: url("/static/icons/protection.png");
}
a.icon.coolingon {
background-image: url("/static/icons/coolingon.png");
}
a.icon.coolingoff {
background-image: url("/static/icons/coolingoff.png");
}
a.icon.heatingon {
background-image: url("/static/icons/heatingon.png");
}
a.icon.heatingoff {
background-image: url("/static/icons/heatingoff.png");
}
a.icon.winteron {
background-image: url("/static/icons/winteron.png");
}
a.icon.winteroff {
background-image: url("/static/icons/winteroff.png");
}
a.icon.timeron {
background-image: url("/static/icons/timeron.png");
}
a.icon.timeroff {
background-image: url("/static/icons/timeroff.png");
}
a.icon.clockon {
background-image: url("/static/icons/clockon.png");
}
a.icon.clockoff {
background-image: url("/static/icons/clockoff.png");
}
a.icon.standby {
background-image: url("/static/icons/standby.png");
}
a.icon.plus {
background-image: url("/static/icons/plus.png");
}
a.icon.minus {
background-image: url("/static/icons/minus.png");
}
a.icon.auto{
background-image: url("/static/icons/auto.png");
}