.icon{
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 50%;
}

.icon.climatizador{
  background-image: url(/app/img/climatizador.png);
}

.icon.hidro{
  background-image: url(/app/img/hidro.png);
}
.icon.ion,
.icon.ionizador
{
  background-image: url(/app/img/ion.png);
}
.icon.bomba-calor{
  background-image: url(/app/img/bomba-calor.png);
}
.icon.alerta{
  background-image: url(/app/img/alerta.png);
}
.icon.apps{
  background-image: url(/app/img/apps.png);
}
.icon.aspersor{
  background-image: url(/app/img/aspersor.png);
}
.icon.autocolor{
  background-image: url(/app/img/autocolor2.png);
}
.icon.autolight{
  background-image: url(/app/img/autolight.png);
}
.icon.bt{
  background-image: url(/app/img/bt.png);
}
.icon.buscar{
  background-image: url(/app/img/buscar.png);
}
.icon.cal{
  background-image: url(/app/img/cal.png);
}
.icon.cam{
  background-image: url(/app/img/cam.png);
}
.icon.cascada{
  background-image: url(/app/img/cascada.png);
}
.icon.circulando{
  background-image: url(/app/img/circulando.png);
}
.icon.cl{
  background-image: url(/app/img/cl.png);
}
.icon.close,
.icon.wrong{
  background-image: url(/app/img/close.png);
}
.icon.cloud{
  background-image: url(/app/img/cloud.png);
}
.icon.nocloud{
  background-image: url(/app/img/nocloud.png);
}
.icon.conectar{
  background-image: url(/app/img/conectar.png);
}
.icon.contraste{
  background-image: url(/app/img/contraste2.png);
}
.icon.cover{
  background-image: url(/app/img/cover.png);
}
.icon.dianoche{
  background-image: url(/app/img/dianoche.png);
}
.icon.down{
  background-image: url(/app/img/down.png);
}
.icon.downlight{
  background-image: url(/app/img/downlight.png);
}
.icon.drop{
  background-image: url(/app/img/drop.png);
}
.icon.onoff{
  background-image: url(/app/img/onoff.png);
}
.icon.emergencia{
  background-image: url(/app/img/emergency.png);
}
.icon.fade{
  background-image: url(/app/img/fade2.png);
}
.icon.filtro{
  background-image: url(/app/img/filtro.png);
}
.icon.flame{
  background-image: url(/app/img/flame.png);
}
.icon.full-screen{
  background-image: url(/app/img/full-screen.png);
}
.icon.gardenlight{
  background-image: url(/app/img/gardenlight.png);
}
.icon.graph{
  background-image: url(/app/img/graph.png);
}
.icon.home{
  background-image: url(/app/img/home.png);
}
.icon.iO-circle{
  background-image: url(/app/img/iO.png);
}
.icon.iO{
  background-image: url(/app/img/iO_noborder.png);
}
.icon.led{
  background-image: url(/app/img/led.png);
}
.icon.llenado{
  background-image: url(/app/img/grifo.png);
}
.icon.level-high{
  background-image: url(/app/img/level-high.png);
}
.icon.level-low{
  background-image: url(/app/img/level-low.png);
}
.icon.level-normal{
  background-image: url(/app/img/level-normal.png);
}


.icon.manual{
  background-image: url(/app/img/manual2.png);
}
.icon.mic{
  background-image: url(/app/img/mic3.png);
}
.icon.minus{
  background-image: url(/app/img/minus.png);
}
.icon.next{
  background-image: url(/app/img/next.png);
}
.icon.ok{
  background-image: url(/app/img/ok.png);
}
.icon.outlet{
  background-image: url(/app/img/outlet.png);
}
.icon.ph{
  background-image: url(/app/img/ph.png);
}
.icon.pip{
  background-image: url(/app/img/pip.png);
}
.icon.piss{
  background-image: url(/app/img/piss.png);
}
.icon.plus{
  background-image: url(/app/img/plus.png);
}
.icon.prev{
  background-image: url(/app/img/prev.png);
}
.icon.puerta{
  background-image: url(/app/img/puerta.png);
}
.icon.qr{
  background-image: url(/app/img/qr.png);
}
.icon.user{
  background-image: url(/app/img/user.png);
}
.icon.remote{
  background-image: url(/app/img/remote.png);
}
.icon.salt{
  background-image: url(/app/img/salt.png);
}
.icon.save,.icon.ok{
  background-image: url(/app/img/save.png);
}
.icon.search{
  background-image: url(/app/img/search.png);
}
.icon.serial{
  background-image: url(/app/img/serial.png);
}
.icon.server{
    background-image: url(/app/img/iot5.png);
}
.icon.server2{
  background-image: url(/app/img/server2.png);
}
.icon.qr{
  background-image: url(/app/img/qr.png);
}


.icon.sensor{
  background-image: url(/app/img/sensor2.png);
}
.icon.settings{
  background-image: url(/app/img/settings.png);
}
.icon.spark{
  background-image: url(/app/img/spark.png);
}
.icon.start{
  background-image: url(/app/img/start.png);
}
.icon.stop{
  background-image: url(/app/img/stop.png);
}
.icon.switch{
  background-image: url(/app/img/switch.png);
}
.icon.tag{
  background-image: url(/app/img/tag.png);
}.icon.timer{
  background-image: url(/app/img/timer.png);
}
.icon.up{
  background-image: url(/app/img/up.png);
}
.icon.uplight{
  background-image: url(/app/img/uplight.png);
}
.icon.uv{
  background-image: url(/app/img/uv.png);
}
.icon.weather{
  background-image: url(/app/img/weather.png);
}
.icon.warning{
  background-image: url(/app/img/warning.png);
}
.icon.warning-high{
  background-image: url(/app/img/warning-high.png);
}
.icon.warning-low{
  background-image: url(/app/img/warning-low.png);
}
.icon.wifi0{
  background-image: url(/app/img/wifi0.png);
}
.icon.wifi25{
  background-image: url(/app/img/wifi25.png);
}
.icon.wifi50{
  background-image: url(/app/img/wifi50.png);
}
.icon.wifi100{
  background-image: url(/app/img/wifi100.png);
}
.icon.wifioffline{
  background-image: url(/app/img/wifioffline.png);
}