Hello, I'm not sure exactly what happened but my heating dashboard got screwed in some update, I found an older screenshot to show how it look when it was working compared to now
As you can see the Heat text got below, if i expand the title i see it floating around
Also I noticed on my desktop that is shown correctly but is glued to the C (from celsius) when it supposed to be a space between them.
I haven't changed anything in my code, I tried adding padding and margins to fix it but not idea what happened, below my is css code if someone can know how to fix it, thank you
{
"localization": "English",
"roundedCorners": 11,
"dateFormat": "MM/DD/YYYY",
"hideLabels": true,
"customColors": [
{
"template": "dimmer",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "rgb(255,255,255)",
"state": "on"
},
{
"template": "dimmer",
"bgColor": "rgba(255,255,255,.9)",
"iconColor": "rgb(80,80,80)",
"state": "off"
},
{
"template": "motion",
"bgColor": "rgba(255,255,255,0.9)",
"iconColor": "rgb(0,0,0)",
"state": "inactive"
},
{
"template": "motion",
"bgColor": "rgba(255,248,46,.9)",
"iconColor": "rgb(0,0,0)",
"state": "active"
},
{
"template": "switches",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "rgb(255,255,255)",
"state": "on"
},
{
"template": "switches",
"bgColor": "rgba(255,255,255,.9)",
"iconColor": "rgb(80,80,80)",
"state": "off"
},
{
"template": "multi",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "closed"
},
{
"template": "multi",
"bgColor": "rgba(255,0,0,0.65)",
"iconColor": "rgb(255,255,255)",
"state": "open"
},
{
"template": "window",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "closed"
},
{
"template": "window",
"bgColor": "rgb(251,104,14)",
"iconColor": "",
"state": "open"
},
{
"template": "door",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "closed"
},
{
"template": "door",
"bgColor": "rgb(251,104,14)",
"state": "open"
},
{
"template": "fan",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "",
"state": "low"
},
{
"template": "fan",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "",
"state": "medium-low"
},
{
"template": "fan",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "",
"state": "medium"
},
{
"template": "fan",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "",
"state": "medium-high"
},
{
"template": "fan",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "",
"state": "high"
},
{
"template": "garage-control",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "closed"
},
{
"template": "garage-control",
"bgColor": "rgba(255,0,0,0.65)",
"iconColor": "rgb(255,255,255)",
"state": "open"
},
{
"template": "garage-control",
"bgColor": "rgb(251,104,14)",
"iconColor": "",
"state": "opening"
},
{
"template": "garage-control",
"bgColor": "rgb(251,104,14)",
"iconColor": "",
"state": "closing"
},
{
"template": "garage",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "closed"
},
{
"template": "garage",
"bgColor": "rgba(255,0,0,0.65)",
"iconColor": "rgb(255,255,255)",
"state": "open"
},
{
"template": "garage",
"bgColor": "rgb(251,104,14)",
"iconColor": "",
"state": "opening"
},
{
"template": "garage",
"bgColor": "rgb(251,104,14)",
"iconColor": "",
"state": "closing"
},
{
"template": "shades",
"bgColor": "hsla(0,0%,50.2%,.5)",
"iconColor": "",
"state": "off"
},
{
"template": "shades",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "",
"state": "on"
},
{
"template": "shades",
"bgColor": "rgb(251,104,14)",
"iconColor": "",
"state": "opening"
},
{
"template": "shades",
"bgColor": "rgb(251,104,14)",
"iconColor": "",
"state": "closing"
},
{
"template": "shades",
"bgColor": "rgb(67,166,52)",
"iconColor": "",
"state": "open"
},
{
"template": "door-control",
"bgColor": "rgb(251,104,14)",
"iconColor": "",
"state": "opening"
},
{
"template": "door-control",
"bgColor": "rgba(255,0,0,0.65)",
"iconColor": "rgb(255,255,255)",
"state": "open"
},
{
"template": "door-control",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "closed"
},
{
"template": "lock",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "locked"
},
{
"template": "lock",
"bgColor": "rgba(251,104,14,.9)",
"state": "unlocked"
},
{
"template": "water",
"bgColor": "rgba(255,0,0,0.65)",
"iconColor": "rgb(255,255,255)",
"state": "wet"
},
{
"template": "water",
"bgColor": "rgba(0,243,255,0.9)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "dry"
},
{
"template": "smoke",
"bgColor": "rgba(255,0,0,0.65)",
"iconColor": "rgb(255,255,255)",
"state": "detected"
},
{
"template": "smoke",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "clear"
},
{
"template": "bulb",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "rgb(255,255,255)",
"state": "on"
},
{
"template": "bulb",
"bgColor": "rgba(255,255,255,.9)",
"iconColor": "rgb(80,80,80)",
"state": "off"
},
{
"template": "presence",
"bgColor": "rgba(27,176,116,0.9)",
"iconColor": "rgb(255,255,255)",
"state": "present"
},
{
"template": "presence",
"bgColor": "",
"iconColor": "",
"state": "not present"
},
{
"template": "temperature",
"bgColor": "rgba(86,58,171,0.9)",
"iconColor": "rgb(255,255,255)",
"state": "default"
},
{
"template": "contact",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "closed"
},
{
"template": "contact",
"bgColor": "rgba(255,0,0,0.65)",
"iconColor": "rgb(255,255,255)",
"state": "open"
},
{
"template": "bulb-color",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "rgb(255,255,255)",
"state": "on"
},
{
"template": "bulb-color",
"bgColor": "rgba(255,255,255,.9)",
"iconColor": "rgba(80,80,80)",
"state": "off"
},
{
"template": "carbon-monoxide",
"bgColor": "rgba(255,0,0,0.65)",
"iconColor": "rgb(255,255,255)",
"state": "detected"
},
{
"template": "carbon-monoxide",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "clear"
},
{
"template": "outlet",
"bgColor": "rgba(33,100,223,0.9)",
"iconColor": "rgb(255,255,255)",
"state": "on"
},
{
"template": "outlet",
"bgColor": "rgba(255,255,255,0.9)",
"iconColor": "rgb(80,80,80)",
"state": "off"
},
{
"template": "humidity",
"bgColor": "rgba(58,186,161,.85)",
"iconColor": "rgb(255,255,255)",
"state": "default"
},
{
"template": "battery",
"bgColor": "rgba(0,255,105,0.75)",
"iconColor": "rgba(0,0,0,0.66)",
"state": "default"
},
{
"template": "music-player",
"bgColor": "rgba(20,20,20,.9)",
"iconColor": "",
"state": "default",
"customIcon": ""
}
],
"colWidth": 83,
"cloudRefresh": 5,
"hsmPin": "",
"hide3dot": false,
"clockMode": true,
"gridGap": 4,
"goBack": true,
"tiles": [
{
"rowSpan": 0,
"template": "smartly",
"col": -1,
"colSpan": 0,
"id": 0,
"row": -1,
"device": "smartly",
"templateExtra": "{\"tiles\":{\"0\":{\"id\":0,\"template\":\"switches\",\"templateExtra\":\"\",\"pos\":1,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":\"unchecked\"},\"nudge\":{\"value\":\"unchecked\"},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":\"F5A8\",\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":\"F716\",\"class\":\"he-switch_2\"}}},\"9\":{\"id\":9,\"template\":\"switches\",\"templateExtra\":null,\"pos\":2,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":\"unchecked\"},\"nudge\":{\"value\":\"unchecked\"},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":\"F4E0\",\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":\"F2AA\",\"class\":\"he-switch_2\"}}},\"10\":{\"id\":10,\"template\":\"thermostat\",\"templateExtra\":null,\"pos\":3,\"mods\":{\"zoomable\":{\"value\":null},\"label\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}}},\"11\":{\"id\":11,\"template\":\"thermostat\",\"templateExtra\":null,\"pos\":4,\"mods\":{\"zoomable\":{\"value\":null},\"label\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}}},\"12\":{\"id\":12,\"template\":\"thermostat\",\"templateExtra\":null,\"pos\":5,\"mods\":{\"zoomable\":{\"value\":null},\"label\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}}},\"13\":{\"id\":13,\"template\":\"thermostat\",\"templateExtra\":null,\"pos\":6,\"mods\":{\"zoomable\":{\"value\":null},\"label\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}}},\"14\":{\"id\":14,\"template\":\"switches\",\"templateExtra\":null,\"pos\":7,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":null},\"nudge\":{\"value\":null},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":null,\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":null,\"class\":\"he-switch_2\"}}},\"15\":{\"id\":15,\"template\":\"switches\",\"templateExtra\":null,\"pos\":8,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":null},\"nudge\":{\"value\":null},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":null,\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":null,\"class\":\"he-switch_2\"}}},\"16\":{\"id\":16,\"template\":\"switches\",\"templateExtra\":null,\"pos\":9,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":null},\"nudge\":{\"value\":null},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":null,\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":null,\"class\":\"he-switch_2\"}}},\"17\":{\"id\":17,\"template\":\"switches\",\"templateExtra\":null,\"pos\":10,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":null},\"nudge\":{\"value\":null},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":null,\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":null,\"class\":\"he-switch_2\"}}},\"18\":{\"id\":18,\"template\":\"switches\",\"templateExtra\":null,\"pos\":11,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":null},\"nudge\":{\"value\":null},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":null,\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":null,\"class\":\"he-switch_2\"}}},\"19\":{\"id\":19,\"template\":\"switches\",\"templateExtra\":null,\"pos\":12,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":null},\"nudge\":{\"value\":null},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":null,\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":null,\"class\":\"he-switch_2\"}}},\"22\":{\"id\":22,\"template\":\"switches\",\"templateExtra\":null,\"pos\":13,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":null},\"nudge\":{\"value\":null},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":null,\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":null,\"class\":\"he-switch_2\"}}},\"23\":{\"id\":23,\"template\":\"switches\",\"templateExtra\":null,\"pos\":14,\"mods\":{\"title\":{\"value\":null},\"text_alignment\":{\"value\":null},\"remove_title\":{\"value\":null},\"nudge\":{\"value\":null},\"icon\":{\"value\":null},\"zoomable\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}},\"states\":{\"on\":{\"code\":null,\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":null,\"class\":\"he-switch_2\"}}},\"24\":{\"id\":24,\"template\":\"thermostat\",\"templateExtra\":null,\"pos\":15,\"mods\":{\"zoomable\":{\"value\":null},\"label\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}}},\"25\":{\"id\":25,\"template\":\"thermostat\",\"templateExtra\":null,\"pos\":16,\"mods\":{\"zoomable\":{\"value\":null},\"label\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}}},\"26\":{\"id\":26,\"template\":\"thermostat\",\"templateExtra\":null,\"pos\":17,\"mods\":{\"zoomable\":{\"value\":null},\"label\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}}},\"27\":{\"id\":27,\"template\":\"thermostat\",\"templateExtra\":null,\"pos\":18,\"mods\":{\"zoomable\":{\"value\":null},\"label\":{\"value\":null},\"border\":{\"value\":null,\"modifier\":{\"border_size\":{\"value\":null}}}}}},\"settings\":{\"commit\":\"9621aa326d944b39fea8ea373ba73507a6c7d388\",\"calibration\":{\"source\":\"\\/var\\/www\\/html\\/smartly\\/assets\\/data\\/device_cals.json\",\"colwidth\":135,\"gridgap\":15,\"colcount\":4},\"iconSize\":\"30\",\"fontSize\":\"14\"},\"dashboard\":{\"mods\":{\"cal_devices\":null,\"cal_devices_2col\":null,\"header\":{\"value\":\"default\"},\"hide_scrollbars\":{\"value\":null},\"parallax\":{\"value\":null},\"chroma_battery\":{\"value\":null},\"chroma_temperature\":{\"value\":null},\"chroma_humidity\":{\"value\":null}}}}"
},
{
"rowSpan": 3,
"template": "switches",
"col": 1,
"colSpan": 2,
"bgImage": "",
"id": 0,
"row": 1,
"device": "1631",
"templateExtra": ""
},
{
"rowSpan": 1,
"template": "switches",
"col": 3,
"colSpan": 2,
"id": 9,
"row": 1,
"device": "538",
"customIcon": "he-outlet"
},
{
"rowSpan": 3,
"template": "thermostat",
"col": 1,
"colSpan": 2,
"id": 10,
"row": 7,
"device": "624"
},
{
"rowSpan": 3,
"template": "thermostat",
"col": 3,
"colSpan": 2,
"id": 11,
"row": 4,
"device": "1045",
"templateExtra": null
},
{
"rowSpan": 3,
"template": "thermostat",
"col": 1,
"colSpan": 2,
"id": 12,
"row": 10,
"device": "1047",
"templateExtra": null
},
{
"rowSpan": 3,
"template": "thermostat",
"col": 3,
"colSpan": 2,
"id": 13,
"row": 7,
"device": "626",
"templateExtra": null
},
{
"rowSpan": 2,
"template": "switches",
"col": 1,
"colSpan": 2,
"id": 14,
"row": 20,
"device": "1271"
},
{
"rowSpan": 2,
"template": "switches",
"col": 3,
"colSpan": 2,
"id": 15,
"row": 20,
"device": "1372",
"templateExtra": null
},
{
"rowSpan": 2,
"template": "switches",
"col": 1,
"colSpan": 2,
"id": 16,
"row": 18,
"device": "1466",
"templateExtra": null
},
{
"rowSpan": 2,
"template": "switches",
"col": 3,
"colSpan": 2,
"id": 17,
"row": 18,
"device": "1467",
"templateExtra": null
},
{
"rowSpan": 2,
"template": "switches",
"col": 1,
"colSpan": 2,
"id": 18,
"row": 22,
"device": "1393"
},
{
"rowSpan": 2,
"template": "switches",
"col": 3,
"colSpan": 2,
"id": 19,
"row": 22,
"device": "1394",
"templateExtra": null
},
{
"rowSpan": 2,
"template": "switches",
"col": 1,
"colSpan": 2,
"id": 22,
"row": 16,
"device": "1371"
},
{
"rowSpan": 2,
"template": "switches",
"col": 3,
"colSpan": 2,
"id": 23,
"row": 16,
"device": "1270",
"templateExtra": null
},
{
"rowSpan": 3,
"template": "thermostat",
"col": 1,
"colSpan": 2,
"id": 24,
"row": 4,
"device": "853"
},
{
"rowSpan": 3,
"template": "thermostat",
"col": 3,
"colSpan": 2,
"id": 25,
"row": 10,
"device": "1046",
"templateExtra": null
},
{
"rowSpan": 3,
"template": "thermostat",
"col": 1,
"colSpan": 2,
"id": 26,
"row": 13,
"device": "854",
"templateExtra": null
},
{
"rowSpan": 3,
"template": "thermostat",
"col": 3,
"colSpan": 2,
"id": 27,
"row": 13,
"device": "856",
"templateExtra": null
},
{
"rowSpan": 2,
"template": "switches",
"col": 3,
"colSpan": 2,
"id": 28,
"row": 2,
"device": "1632"
}
],
"modePin": "",
"bgColor": "black",
"lanRefresh": 2,
"modesPin": "",
"iconSize": "30",
"cols": 4,
"customCSS": "/* ------- DO NOT EDIT - Smartly Base CSS ------- */\r\n\r\n/* https://api.github.com/repos/ezeek/smartly-base/git/commits/9fffaf1db0bc8106b575c1ce65b5547ce9cbe1b8 */\r\n\r\n@font-face {\n font-family: 'Barlow Condensed';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local('Barlow Condensed Regular'),local('BarlowCondensed-Regular'),url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTx3L3I-JCGChYJ8VI-L6OO_au7B6xHT2g.woff2) format('woff2');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD\n}\n\n@font-face {\n font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:local('Barlow Condensed Medium'),local('BarlowCondensed-Medium'),url(https://fonts.gstatic.com/s/barlowcondensed/v4/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3bWuQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD\n}\n\n#app,body {\n font-family: 'Barlow Condensed',sans-serif\n}\n\n@font-face {\n font-family:\"Material Design Icons\";src:url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.eot?#iefix&v=4.9.95) format(\"embedded-opentype\"),url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.woff2) format(\"woff2\"),url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.woff) format(\"woff\"),url(https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.ttf) format(\"truetype\");font-weight:400;font-style:normal;unicode-range:U+F000-FFFFF\n}\n\n@font-face {\n font-family:'Material Design Icons';src:url(https://hubitat.ezeek.us/smartly-base/assets/fonts/mtd-public.woff?v=1.08) format('woff'),url(https://hubitat.ezeek.us/smartly-base/assets/fonts/mtd-public.woff?v=1.065) format('truetype');font-weight:400;font-style:normal;unicode-range:U+E900-EFFF,U+0000-008E\n}\n\n.he-bulb_off:before,.he-bulb_on:before,.he-dimmer_low:before,.he-dimmer_medium:before,.he-door_closed:before,.he-door_open:before,.he-fire1:before,.he-fire_alarm_clear:before,.he-garage_closed:before,.he-garage_closing:before,.he-garage_open:before,.he-garage_opening:before,.he-hour-glass:before,.he-motion-sensor:before,.he-motion_detector_3:before,.he-motion_detector_3_filled:before,.he-not_present:before,.he-outlet_3:before,.he-outlet_off:before,.he-running:before,.he-shades_closed:before,.he-shades_partially_open:before,.he-switch_2:before,.he-switch_2_flipped:before,.he-water_dry:before,.he-water_wet:before,.he-window_1:before,.he-window_2:before,.tile.dashboard .tile-primary::before,.tile.shades .tile-primary i.material-icons{font-family:\"Material Design Icons\"!important}.he-shades_open:before{content:\"\\F0149\"}.he-shades_closed:before{content:\"\\F0147\"}.tile.shades .tile-primary.closing i.material-icons:before,.tile.shades .tile-primary.opening i.material-icons:before,.tile.shades .tile-primary.partially.open i.material-icons:before{content:\"\\F0148\"}.he-not_present:before{content:\"\\FA47\"}.he-outlet_3:before{content:\"\\F6A4\"}.he-outlet_off:before{content:\"\\F6A5\"}.he-bulb_off,.he-bulb_on,.he-dimmer_low,.he-dimmer_medium{margin-bottom:4px}.he-bulb_off,.he-bulb_on{padding:3px!important}.popup-content .he-bulb_off,.popup-content .he-bulb_on{color:#000!important}.popup-content{margin-left:auto;margin-right:auto}.tile.bulb-color .tile-primary{padding-bottom:0!important;overflow:visible}.he-bulb_on:before{content:\"\\F6E8\";display:block}.he-bulb_off:before{content:\"\\F336\"}.he-fire_alarm_clear:before{content:\"\\F392\"}.he-fire1:before{content:\"\\F238\"}.he-water_wet:before{content:\"\\F58C\"}.he-water_dry:before{content:\"\\F58D\"}.he-garage_closed:before{content:\"\\F6D8\";font-size:120%}.he-garage_open:before{content:\"\\F6D9\";font-size:120%}.he-garage_closing:before,.he-garage_opening:before{font-size:120%;content:\"\\F871\"}.he-hour-glass:before{content:\"\\F1D8\"}.he-running:before{content:\"\\e94d\"}.he-motion-sensor:before{content:\"\\e94c\"}.he-dimmer_low:before,.he-switch_2:before{content:\"\\FA18\"}.he-dimmer_medium:before,.he-switch_2_flipped:before{content:\"\\F521\"}.he-dimmer_low:before,.he-dimmer_medium:before{margin-top:-5px}.he-window_1:before{content:\"\\F5AE\"}.he-window_2:before{content:\"\\F5B1\"}.he-door_open:before{content:\"\\F81B\"}.he-door_closed:before{content:\"\\F819\"}.text-tile{margin-left: 20px;background:0 0!important;color:#000;padding:0 10px;margin:0}.text-tile .justify-center,.text-tile .text-center{text-align:unset;justify-content:unset}.tile.date>div{background-color:#fff}.tile.date .flex{line-height:normal;font-size:100%}.tile.date .border-black{border:0;border-radius:20px}.tile.date .text-25{font-size:80%}.tile.date .day,.tile.date .weekday,.tile.date .year{padding:0}.tile.attribute,.tile.clock,.tile.dashboard,.tile.date-clock,.tile.mode,.tile.music-player{border:2px solid #fff}.tile.date-clock .tile-primary{font-weight:500;color:#fff}.tile.date-clock .tile-primary div{font-size:80%!important;font-weight:400;padding-left:10px}.tile.date-clock .tile-contents{margin-top:0;height:calc(100%)!important}.tile.date-clock small{margin-left:3px}.tile.dashboard{overflow:visible;background-color:rgba(255,255,255,.5);height:50%;margin-top:auto;margin-bottom:auto}.tile.dashboard .tile-title{display:none}.tile.dashboard .tile-primary{color:#000;align-self:center;padding:0;margin:0;display:inline-block}.tile.dashboard .tile-contents{margin-top:0;display:flex;justify-content:center;vertical-align:middle;height:100%}.tile.thermostat>.absolute.bottom-0{top:2em;left:1em;text-align:center;width:calc(100% - 2em);font-weight:500;line-height:1em;height:1em}.tile.thermostat .w-full.my-1{position:absolute;bottom:0}.tile.thermostat .heating.pt-1{padding-bottom:21px}.tile.thermostat .cooling .inline-block,.tile.thermostat .heating .inline-block{font-size:25px;vertical-align:super}.tile.thermostat .cooling .inline-block br,.tile.thermostat .heating .inline-block br{content:\" \";padding:5px}.tile.link{border:2px solid #fff}.tile.link .tile-title{display:none}.tile.link .tile-contents{height:calc(100%);padding:0;margin:0}.tile.link .tile-primary{padding:0;margin:0}.tile.link .tile-primary div{margin-top:0}.tile.link .tile-primary div:hover{margin-top:-4px}.tile.dimmer .tile-primary .dimmer{margin-bottom:7px;margin-top:3px}.tile.shades .dimmer{margin-top:6px}.tile.image .inset-auto img{object-fit:cover}.tile.energy{border:2px solid rgba(236,255,34)}.tile.hsm{overflow:hidden}.tile.hsm .popup-content .top-0.right-0.absolute{padding:.5em 1em;margin:0;width:auto!important}.vue-slider{padding:0 0 5px!important}.tile{text-shadow:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin-left:1px}.dashName{font-size:25px;text-shadow:none;margin-left:10px}.tile-secondary{display:none}.tile-title{position:relative;left:auto;right:auto;padding:7px 6px 1px;font-weight:500;line-height:1.2em;letter-spacing:1px;opacity:.8;overflow:unset}.tile-title::after{white-space:pre-wrap}.dashBack{text-shadow:none;padding-left:10px}.he-logo-mark:before{font-size:40px}.tile-tertiary{padding:5px;position:absolute;left:8px;bottom:auto;font-size:85%;top:auto;right:auto;opacity:.8}.tile-contents{height:calc(80%);width:calc(100%);padding:0 4px}.text-green-600{color:rgba(0,255,105,.75);text-shadow:none}.dashboard div .header{padding:10px 10px 10px 15px}.wrapper{margin-left:5;margin-bottom:0;padding-left:15px;width:calc(100%);overflow:auto}.tile-edit{top:auto;bottom:10px;opacity:.3}.tile-primary{padding-bottom:calc(10%);overflow:visible}smartly{grid-column-end:-1;grid-row-end:-1;display:inline-block;height:calc(100% + 25px);z-index:-1;width:calc(100% + 15px)}@media (min-width:768px) and (max-width:1000px){.md\\:w-2\\/3{width:80%}}.navHeader{height:3em}.navHeader div.navLink.float-right:first-child,.navHeader div.navLink:last-child{background-color:red;font-weight:700;padding:0 1em}.navHeader div.navLink.float-right,.navHeader>.flex>div{text-transform:uppercase;font-size:1.3em;margin:0 4px;height:auto;text-align:center;padding:0 .5em;background-color:#323232;border-radius:20px;display:inline-table}.navHeader>.flex>div.pl-2{display:none}#app>.popup-container .menu .overflow-auto .flex .cursor-pointer{border:1px solid gray;margin:.5em 0 0 .5em;padding:1em;border-radius:6px;line-height:.5em}#app>.popup-container .exportBox{margin-top:1em}.md\\:w-1\\/2 .md\\:w-1\\/2{width:50%}.deviceSelect .devices .search input,.selectTemplate .templates .search input{padding:5px;border-radius:8px;margin-left:5px;width:100%}.deviceSelect .devices .search,.selectTemplate .templates .search{padding:1em;font-size:160%}.devices .deviceList,.templates .templates{font-size:1.5em}[type=checkbox],[type=radio]{height:1em;width:1em;margin:.25em 0}h4{font-size:1.2em;margin:.5em 0;opacity:.8;font-weight:500}h3{margin-bottom:auto}.text-lg,h3,label span{font-size:1.5em;display:inline-block}.text-lg,h3{color:#000;overflow:visible;margin-left:.5em;border-bottom:1px solid rgba(0,0,0,.5);width:auto;margin-top:auto}label span{margin-top:-1px;padding-top:.25em;vertical-align:top;margin-bottom:.5em}button,input,select,textarea{font-size:180%}h1,h2,h3,h4{font-family:'Barlow Condensed',sans-serif}.popup-content .top-0.right-0.absolute{background-color:red;color:#fff;font-weight:700}@media (max-width:767px){#app .popup-container .menu{width:98%}.md\\:w-2\\/3{width:96%}#app>.popup-container .menu .overflow-auto .flex .cursor-pointer,.navHeader div.navLink.float-right,.navHeader i.material-icons,.navHeader>.flex>div{font-size:1em}.navHeader{height:2.5em}}.tile-primary>div{margin-top:4px}.text-lg{margin-bottom:.5em}.tile.date-clock .tile-title{padding:0;margin:0;height:2px}@media (max-width:767px){.popup-content.h-85p{height:auto}}.tile.thermostat i{display:inline-block}.tile.dashboard .tile-edit{bottom:auto;top:1px}@media screen and (max-width:1284px) and (min-width:1280px){.tile.dashboard{zoom:unset}}@media screen and (max-width:1924px) and (min-width:1920px){.tile.dashboard{zoom:unset}}.tile.date>div.h-full.w-full{font-size:1.5em!important}.tile.date div.weekday,.tile.date div.year{font-size:140%!important;line-height:.75em}.tile.date div.day{font-size:250%!important;font-weight:700}.mt-12{margin-top:5em}.mt-16{margin-top:7em}[class*=\" battery-\"]>i.material-icons::before{font-family:\"Material Design Icons\"}.battery-100>i.material-icons::before,.battery-99>i.material-icons::before{content:\"\\F079\"}.battery-91>i.material-icons::before,.battery-92>i.material-icons::before,.battery-93>i.material-icons::before,.battery-94>i.material-icons::before,.battery-95>i.material-icons::before,.battery-96>i.material-icons::before,.battery-97>i.material-icons::before,.battery-98>i.material-icons::before{content:\"\\F082\"}.battery-81>i.material-icons::before,.battery-82>i.material-icons::before,.battery-83>i.material-icons::before,.battery-84>i.material-icons::before,.battery-85>i.material-icons::before,.battery-86>i.material-icons::before,.battery-87>i.material-icons::before,.battery-88>i.material-icons::before,.battery-89>i.material-icons::before,.battery-90>i.material-icons::before{content:\"\\F081\"}.battery-71>i.material-icons::before,.battery-72>i.material-icons::before,.battery-73>i.material-icons::before,.battery-74>i.material-icons::before,.battery-75>i.material-icons::before,.battery-76>i.material-icons::before,.battery-77>i.material-icons::before,.battery-78>i.material-icons::before,.battery-79>i.material-icons::before,.battery-80>i.material-icons::before{content:\"\\F080\"}.battery-61>i.material-icons::before,.battery-62>i.material-icons::before,.battery-63>i.material-icons::before,.battery-64>i.material-icons::before,.battery-65>i.material-icons::before,.battery-66>i.material-icons::before,.battery-67>i.material-icons::before,.battery-68>i.material-icons::before,.battery-69>i.material-icons::before,.battery-70>i.material-icons::before{content:\"\\F07F\"}.battery-51>i.material-icons::before,.battery-52>i.material-icons::before,.battery-53>i.material-icons::before,.battery-54>i.material-icons::before,.battery-55>i.material-icons::before,.battery-56>i.material-icons::before,.battery-57>i.material-icons::before,.battery-58>i.material-icons::before,.battery-59>i.material-icons::before,.battery-60>i.material-icons::before{content:\"\\F07E\"}.battery-41>i.material-icons::before,.battery-42>i.material-icons::before,.battery-43>i.material-icons::before,.battery-44>i.material-icons::before,.battery-45>i.material-icons::before,.battery-46>i.material-icons::before,.battery-47>i.material-icons::before,.battery-48>i.material-icons::before,.battery-49>i.material-icons::before,.battery-50>i.material-icons::before{content:\"\\F07D\"}.battery-31>i.material-icons::before,.battery-32>i.material-icons::before,.battery-33>i.material-icons::before,.battery-34>i.material-icons::before,.battery-35>i.material-icons::before,.battery-36>i.material-icons::before,.battery-37>i.material-icons::before,.battery-38>i.material-icons::before,.battery-39>i.material-icons::before,.battery-40>i.material-icons::before{content:\"\\F07C\"}.battery-21>i.material-icons::before,.battery-22>i.material-icons::before,.battery-23>i.material-icons::before,.battery-24>i.material-icons::before,.battery-25>i.material-icons::before,.battery-26>i.material-icons::before,.battery-27>i.material-icons::before,.battery-28>i.material-icons::before,.battery-29>i.material-icons::before,.battery-30>i.material-icons::before{content:\"\\F07B\"}.battery-11>i.material-icons::before,.battery-12>i.material-icons::before,.battery-13>i.material-icons::before,.battery-14>i.material-icons::before,.battery-15>i.material-icons::before,.battery-16>i.material-icons::before,.battery-17>i.material-icons::before,.battery-18>i.material-icons::before,.battery-19>i.material-icons::before,.battery-20>i.material-icons::before{content:\"\\F07A\"}.tile.battery .tile-primary{grid-template-columns:repeat(2,50%);display:grid;height:calc(100%);align-items:center;grid-template-rows:100%}.tile.battery .tile-primary>i.material-icons{text-align:right}.tile.battery .tile-primary>div{text-align:left}.tile.battery{background-color:rgba(0,255,105,.75);color:rgba(0,0,0,.66)}.tile.battery .tile-primary,.tile.humidity .tile-primary,.tile.temperature .tile-primary,.tile.illuminance .tile-primary,.tile.energy .tile-primary,.tile.power .tile-primary,.tile.attribute .tile-primary{width:100%;margin-top:-3px;padding-left:10px;line-height:1em}.tile.humidity .tile-contents .tile-edit{bottom:20px}.tile.battery .tile-contents{display:block}.dashboard>div>.header,.tile.text-tile{color:#fff}#app>.dashboard{-moz-transform-origin:0 0}html[style*=\"background-color: darkgray;\"] .tile.text-tile,html[style*=\"background-color: gold;\"] .tile.text-tile,html[style*=\"background-color: ivory;\"] .tile.text-tile,html[style*=\"background-color: lightcyan;\"] .tile.text-tile,html[style*=\"background-color: lightgray;\"] .tile.text-tile,html[style*=\"background-color: silver;\"] .tile.text-tile,html[style*=\"background-color: skyblue;\"] .tile.text-tile,html[style*=\"background-color: tan;\"] .tile.text-tile,html[style*=\"background-color: white;\"] .tile.text-tile,html[style*=\"background-color: whitesmoke;\"] .tile.text-tile,html[style*=\"background-color: darkgray;\"] #grid-header,html[style*=\"background-color: gold;\"] #grid-header,html[style*=\"background-color: ivory;\"] #grid-header,html[style*=\"background-color: lightcyan;\"] #grid-header,html[style*=\"background-color: lightgray;\"] #grid-header,html[style*=\"background-color: silver;\"] #grid-header,html[style*=\"background-color: skyblue;\"] #grid-header,html[style*=\"background-color: tan;\"] #grid-header,html[style*=\"background-color: white;\"] #grid-header,html[style*=\"background-color: whitesmoke;\"] #grid-header,html[style*=\"background-color: darkgray;\"] .dashboard>div>.header,html[style*=\"background-color: gold;\"] .dashboard>div>.header,html[style*=\"background-color: ivory;\"] .dashboard>div>.header,html[style*=\"background-color: lightcyan;\"] .dashboard>div>.header,html[style*=\"background-color: lightgray;\"] .dashboard>div>.header,html[style*=\"background-color: silver;\"] .dashboard>div>.header,html[style*=\"background-color: skyblue;\"] .dashboard>div>.header,html[style*=\"background-color: tan;\"] .dashboard>div>.header,html[style*=\"background-color: white;\"] .dashboard>div>.header,html[style*=\"background-color: whitesmoke;\"] .dashboard>div>.header{color:#000}.showSidePanelBtn{text-shadow:none}@media{body,html,.dashboard{-webkit-text-size-adjust:auto}.tile-title{font-size:95%!important}.tile-primary{overflow:visible!important}.tile.bulb-color .tile-primary>div{margin:0}.tile.dashboard .tile-edit{bottom:auto;top:0}.inset-auto:after{font-size:1.3em!important}.tile.dashboard{margin-top:calc(12%);margin-bottom:calc(12%)}}.tile.water .tile-secondary,.tile.motion .tile-secondary,.tile.mmulti .tile-secondary{display:block;opacity:.8;font-size:85%;padding:5px;position:absolute;right:1.25em;width:unset}.tile.bulb-color .tile-primary>div{margin-top:-3px}.tile.bulb .tile-primary>div{margin-top:0}.tile.thermostat{display:grid;grid-template-rows:1.8em auto}.tile.thermostat>.absolute.bottom-0{grid-row:1;position:relative;padding-top:.5em;top:unset;height:2em}.tile.thermostat>.flex.items-stretch{grid-row:2;display:grid;grid-template-rows:3.4em auto;grid-template-columns:calc(100%);height:auto}.tile.thermostat>.flex.items-stretch .cooling.w-full{grid-row:1}.tile.thermostat>.flex.items-stretch>.flex{display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;grid-row:2;flex-flow:wrap-reverse}.tile.thermostat>.flex>.flex>.heating.pt-1,.tile.thermostat>.flex>.flex>.cooling.w-full{min-width:10em;min-height:10em;margin:0;border-radius:1em;-webkit-flex-grow:1;flex-grow:1;width:50%;margin:0;padding:0}.tile.thermostat>.flex>.flex>.heating.pt-1>.inline-block,.tile.thermostat>.flex>.flex>.cooling.w-full>.inline-block{display:inline-flex}.tile.thermostat .w-full.my-1{width:100%}.tile.thermostat .tile-edit{top:.75em}.tile.thermostat .w-full.my-1>div{width:3px!important}.tile.thermostat .w-full.my-1>div.inline-block{width:unset!important;padding:2px 2px 5px;min-width:32%}.tile.thermostat .cooling .inline-block br,.tile.thermostat .heating .inline-block br{content:\" \";padding:2px}.tile.thermostat .w-full.my-1>div.inline-block:nth-child(1){border-radius:.5em 0 0 .5em}.tile.thermostat .w-full.my-1>div.inline-block:nth-child(3){border-radius:0 .5em .5em 0}.tile.thermostat .w-full.my-1{position:relative;bottom:unset;margin:0;margin-bottom:.5em}.tile.thermostat .p-1{padding:0}.tile.image{position:relative}html[style*=\"background-color: darkgray;\"] #loading-overlay,html[style*=\"background-color: gold;\"] #loading-overlay,html[style*=\"background-color: ivory;\"] #loading-overlay,html[style*=\"background-color: lightcyan;\"] #loading-overlay,html[style*=\"background-color: lightgray;\"] #loading-overlay,html[style*=\"background-color: silver;\"] #loading-overlay,html[style*=\"background-color: skyblue;\"] #loading-overlay,html[style*=\"background-color: tan;\"] #loading-overlay,html[style*=\"background-color: white;\"] #loading-overlay,html[style*=\"background-color: whitesmoke;\"] #loading-overlay{background-color:rgba(255,255,255,.9);color:#000;z-index:99999;position:fixed}\r\n\r\n/* ------- DO NOT EDIT - Custom Skin CSS ------- */\r\n\r\n/* smartly-dark: https://api.github.com/repos/ezeek/smartly-skins/git/commits/b99d5307229b9ec436e4df019064e376a7bb4775 */\r\n\r\n/* ------- DO NOT EDIT - Smartly Generated CSS below ------- */\r\n\r\n#tile-0 .tile-primary i.material-icons,#tile-9 .tile-primary i.material-icons{visibility:hidden}#tile-0 .tile-primary.on i.material-icons:after{content:\"\\F5A8\";font-family:\"Material Design Icons\" !important;visibility:hidden}#tile-0 .tile-primary.on i.material-icons:before{content:\"\\F5A8\";font-family:\"Material Design Icons\" !important;left:0;position:absolute;right:0;visibility:visible}#tile-0 .tile-primary.off i.material-icons:after{content:\"\\F716\";font-family:\"Material Design Icons\" !important;visibility:hidden}#tile-0 .tile-primary.off i.material-icons:before{content:\"\\F716\";font-family:\"Material Design Icons\" !important;left:0;position:absolute;right:0;visibility:visible}#tile-9 .tile-primary.on i.material-icons:after{content:\"\\F4E0\";font-family:\"Material Design Icons\" !important;visibility:hidden}#tile-9 .tile-primary.on i.material-icons:before{content:\"\\F4E0\";font-family:\"Material Design Icons\" !important;left:0;position:absolute;right:0;visibility:visible}#tile-9 .tile-primary.off i.material-icons:after{content:\"\\F2AA\";font-family:\"Material Design Icons\" !important;visibility:hidden}#tile-9 .tile-primary.off i.material-icons:before{content:\"\\F2AA\";font-family:\"Material Design Icons\" !important;left:0;position:absolute;right:0;visibility:visible}\r\n\r\n/* ------- CUSTOM CSS BELOW THIS LINE - This CSS will be preserved during updates ------- */\r\n\r\n\r\n#tile-10 div.my-1 div:nth-of-type(2), #tile-10 div.my-1 div:nth-of-type(1) {\n display: none !important;\n}\n#tile-10 div.my-1 div:nth-of-type(2), #tile-10 div.my-1 div:nth-of-type(3) {\n display: none !important;\n}\n#tile-11 div.my-1 div:nth-of-type(2), #tile-11 div.my-1 div:nth-of-type(1) {\n display: none !important;\n}\n#tile-11 div.my-1 div:nth-of-type(2), #tile-11 div.my-1 div:nth-of-type(3) {\n display: none !important;\n}\n#tile-12 div.my-1 div:nth-of-type(2), #tile-12 div.my-1 div:nth-of-type(1) {\n display: none !important;\n}\n#tile-12 div.my-1 div:nth-of-type(2), #tile-12 div.my-1 div:nth-of-type(3) {\n display: none !important;\n}\n#tile-13 div.my-1 div:nth-of-type(2), #tile-13 div.my-1 div:nth-of-type(1) {\n display: none !important;\n}\n#tile-13 div.my-1 div:nth-of-type(2), #tile-13 div.my-1 div:nth-of-type(3) {\n display: none !important;\n}\n#tile-14 div.my-1 div:nth-of-type(2), #tile-14 div.my-1 div:nth-of-type(1) {\n display: none !important;\n}\n#tile-14 div.my-1 div:nth-of-type(2), #tile-14 div.my-1 div:nth-of-type(3) {\n display: none !important;\n}\n#tile-24 div.my-1 div:nth-of-type(2), #tile-24 div.my-1 div:nth-of-type(1) {\n display: none !important;\n}\n#tile-24 div.my-1 div:nth-of-type(2), #tile-24 div.my-1 div:nth-of-type(3) {\n display: none !important;\n}\n#tile-25 div.my-1 div:nth-of-type(2), #tile-25 div.my-1 div:nth-of-type(1) {\n display: none !important;\n}\n#tile-25 div.my-1 div:nth-of-type(2), #tile-25 div.my-1 div:nth-of-type(3) {\n display: none !important;\n}\n#tile-26 div.my-1 div:nth-of-type(2), #tile-26 div.my-1 div:nth-of-type(1) {\n display: none !important;\n}\n#tile-26 div.my-1 div:nth-of-type(2), #tile-26 div.my-1 div:nth-of-type(3) {\n display: none !important;\n}\n#tile-27 div.my-1 div:nth-of-type(2), #tile-27 div.my-1 div:nth-of-type(1) {\n display: none !important;\n}\n#tile-27 div.my-1 div:nth-of-type(2), #tile-27 div.my-1 div:nth-of-type(3) {\n display: none !important;\n}\r\n",
"rowHeight": 34,
"hideEvents": false,
"noColors": false,
"tempScale": "C",
"readOnly": null,
"rows": 24,
"hideIconText": false,
"background": "https://hubitat.ezeek.us/smartly-skins/smartly-dark/assets/images/bg_smartly-dark.jpg",
"hideTextShadow": true,
"name": "4-Heating",
"fontSize": 17
}
