{
  "roundedCorners": 20,
  "dateFormat": "MM/DD/YYYY",
  "hideLabels": false,
  "customColors": [
    {
      "template": "dimmer",
      "bgColor": "rgba(33,100,223,0.9)",
      "iconColor": "rgb(255,255,255)",
      "state": "on"
    },
    {
      "template": "dimmer",
      "bgColor": "rgb(255,255,255,.9)",
      "iconColor": "rgb(135,135,135)",
      "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": "rgb(255,255,255,.9)",
      "iconColor": "rgb(135,135,135)",
      "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": "rgb(255,255,255,.9)",
      "iconColor": "rgb(135,135,135)",
      "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": "rgb(255,255,255,.9)",
      "iconColor": "rgb(135,135,135)",
      "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(135,135,135)",
      "state": "off"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "50"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "51"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "52"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "53"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "54"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "55"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "56"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "57"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "58"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "59"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "60"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "61"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "62"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "63"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "64"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "65"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "66"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "67"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "68"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "69"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "70"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "71"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "72"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "73"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "74"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "75"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "76"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "77"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "78"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "79"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "80"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "81"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "82"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "83"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "84"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "85"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "86"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "87"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "88"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "89"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "90"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "91"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "92"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "93"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "94"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "95"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "96"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "97"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "98"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "99"
    },
    {
      "template": "battery",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "100"
    },
    {
      "template": "battery",
      "bgColor": "rgba(251,104,12,0.9)",
      "iconColor": "rgb(255,255,255)",
      "state": "11"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "10"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "9"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "8"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "7"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "6"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "5"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "4"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "3"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "2"
    },
    {
      "template": "battery",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "1"
    },
    {
      "template": "music-player",
      "bgColor": "rgba(20,20,20,.9)",
      "iconColor": "",
      "state": "default",
      "customIcon": ""
    }
  ],
  "colWidth": 135,
  "cloudRefresh": 5,
  "hsmPin": "",
  "hide3dot": false,
  "clockMode": true,
  "gridGap": 15,
  "tiles": [
    {
      "template": "smartly",
      "id": 0,
      "device": "smartly",
      "templateExtra": "{\"0\":{\"id\":0,\"template\":\"mode\",\"pos\":1,\"title\":null,\"title_wrap\":null},\"5\":{\"id\":5,\"template\":\"presence\",\"pos\":2,\"title\":null,\"title_wrap\":null,\"states\":{\"present\":{\"code\":null,\"class\":\"he-user-check\"},\"not_present\":{\"code\":null,\"class\":\"he-not_present\"}}},\"7\":{\"id\":7,\"template\":\"garage\",\"pos\":3,\"title\":null,\"title_wrap\":null,\"states\":{\"open\":{\"code\":null,\"class\":\"he-garage_open\"},\"closed\":{\"code\":null,\"class\":\"he-garage_closed\"},\"opening\":{\"code\":null,\"class\":\"he-garage_open\"},\"closing\":{\"code\":null,\"class\":\"he-garage_closed\"}}},\"8\":{\"id\":8,\"template\":\"presence\",\"pos\":4,\"title\":null,\"title_wrap\":null,\"states\":{\"present\":{\"code\":null,\"class\":\"he-user-check\"},\"not_present\":{\"code\":null,\"class\":\"he-not_present\"}}},\"9\":{\"id\":9,\"template\":\"switches\",\"pos\":5,\"title\":null,\"title_wrap\":null,\"states\":{\"on\":{\"code\":null,\"class\":\"he-switch_2_flipped\"},\"off\":{\"code\":null,\"class\":\"he-switch_2\"}}}}"
    },
    {
      "rowSpan": 1,
      "template": "mode",
      "col": 1,
      "colSpan": 1,
      "id": 0,
      "row": 1
    },
    {
      "rowSpan": 1,
      "template": "garage",
      "col": 2,
      "colSpan": 1,
      "id": 7,
      "row": 1,
      "device": "64",
      "templateExtra": null
    },
    {
      "rowSpan": 1,
      "template": "switches",
      "col": 1,
      "colSpan": 1,
      "id": 9,
      "row": 3,
      "device": "71",
      "templateExtra": null
    },
    {
      "rowSpan": 1,
      "template": "switches",
      "col": 1,
      "colSpan": 1,
      "id": 11,
      "row": 2,
      "device": "30"
    },
    {
      "rowSpan": 1,
      "template": "switches",
      "col": 2,
      "colSpan": 1,
      "id": 12,
      "row": 2,
      "device": "31",
      "templateExtra": null
    },
    {
      "rowSpan": 1,
      "template": "switches",
      "col": 2,
      "colSpan": 1,
      "id": 13,
      "row": 3,
      "device": "8",
      "templateExtra": null
    },
    {
      "rowSpan": 2,
      "template": "thermostat",
      "col": 3,
      "colSpan": 2,
      "id": 14,
      "row": 1,
      "device": "83"
    }
  ],
  "goBack": true,
  "modePin": "",
  "bgColor": "white",
  "lanRefresh": 2,
  "iconSize": "30",
  "cols": 4,
  "rowHeight": 60,
  "customCSS": "/* ------- DO NOT EDIT - Smartly Base CSS ------- */\n\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\n                @font-face {\n\t\t\tfont-family: \"Material Design Icons\";\n\t\t\tsrc: url(\"https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/4.9.95/fonts/materialdesignicons-webfont.eot\");\n\t\t\tsrc: 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\");\n\t\t\tfont-weight: normal;\n\t\t\tfont-style: normal;\n\t\t\tunicode-range: U+F000-FFFFF;\n\t\t}\n                @font-face {\n                        font-family: 'Material Design Icons';\n                        src: url('https://hubitat.ezeek.us/hubitat-dashboard/assets/fonts/at-icons-proprietary.woff') format('woff'), url('https://hubitat.ezeek.us/hubitat-dashboard/assets/fonts/at-icons-proprietary.woff') format('truetype');\n                        font-weight: normal;\n                        font-style: normal;\n                        unicode-range: U+E900-EFFF;\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.woff2) format(\"woff2\");font-weight:400;font-style:normal;unicode-range:U+F000-FFFFF\n}\n*/\n\n.he-dimmer_medium:before,\n.he-dimmer_low:before,\n.he-running:before,\n.tile.shades .tile-primary i.material-icons,\n.he-shades_closed:before,\n.he-shades_partially_open:before,\n.he-not_present:before,\n.he-outlet_3:before,\n.he-outlet_off:before,\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-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 {\n    font-family: \"Material Design Icons\"!important\n}\n\n.he-shades_open:before {\n    content: \"\\F0149\";\n}\n\n.he-shades_closed:before {\n    content: \"\\F0147\";\n}\n\n.tile.shades .tile-primary.closing i.material-icons:before,\n.tile.shades .tile-primary.partially.open i.material-icons:before,\n.tile.shades .tile-primary.opening i.material-icons:before {\n    content: \"\\F0148\";\n}\n\n.he-not_present:before {\n    content: \"\\FA47\";\n}\n\n.he-outlet_3:before {\n    content: \"\\F6A4\";\n}\n\n.he-outlet_off:before {\n    content: \"\\F6A5\";\n}\n\n.he-bulb_off,.he-bulb_on,.he-dimmer_low,.he-dimmer_medium {\n    margin-top: -15px;\n    margin-bottom: 4px\n}\n\n.he-bulb_off,.he-bulb_on {\n    padding: 3px!important\n}\n\n.popup-content .he-bulb_off,.popup-content .he-bulb_on {\n    color: #000!important\n}\n\n.popup-content {\n    margin-left: auto;\n    margin-right: auto\n}\n\n.tile.bulb-color .tile-primary {\n    padding-bottom: 0!important;\n    overflow: visible\n}\n\n.he-bulb_on:before {\n    content: \"\\F6E8\";\n    display: block\n}\n\n.he-bulb_off:before {\n    content: \"\\F336\"\n}\n\n.he-fire_alarm_clear:before {\n    content: \"\\F392\"\n}\n\n.he-fire1:before {\n    content: \"\\F238\"\n}\n\n.he-water_wet:before {\n    content: \"\\F58C\"\n}\n\n.he-water_dry:before {\n    content: \"\\F58D\"\n}\n\n.he-garage_closed:before {\n    content: \"\\F6D8\";\n    font-size: 120%\n}\n\n.he-garage_open:before {\n    content: \"\\F6D9\";\n    font-size: 120%\n}\n\n.he-garage_closing:before,.he-garage_opening:before {\n    font-size: 120%;\n    content: \"\\F871\"\n}\n\n.he-hour-glass:before {\n    content: \"\\F1D8\"\n}\n\n\n\n\n\n\n\n/* motion */\n.he-running:before {\n    content: \"\\e94d\";\n\n}\n\n.he-motion-sensor:before {\n    content: \"\\e94c\";\n}\n\n\n.he-dimmer_low:before,.he-switch_2:before {\n    content: \"\\FA18\"\n}\n\n.he-dimmer_medium:before,.he-switch_2_flipped:before {\n    content: \"\\F521\"\n}\n\n.he-dimmer_low:before,.he-dimmer_medium:before {\n    margin-top: -5px\n}\n\n.he-window_1:before {\n    content: \"\\F5AE\"\n}\n\n.he-window_2:before {\n    content: \"\\F5B1\"\n}\n\n.he-door_open:before {\n    content: \"\\F81B\"\n}\n\n.he-door_closed:before {\n    content: \"\\F819\"\n}\n\n.text-tile {\n    background: 0 0!important;\n    color: #000;\n    padding: 0 10px;\n    margin: 0\n}\n\n.text-tile .tile-edit {\n/*\n    color: rgba(0,0,0,.7);\n    left: 0;\n    top: .6em;\n    margin-left: -5px\n*/\n}\n\n.text-tile .justify-center,.text-tile .text-center {\n    text-align: unset;\n    justify-content: unset\n}\n\n.tile.date>div {\n    background-color: #fff\n}\n\n.tile.date .flex {\n    line-height: normal;\n    font-size: 100%\n}\n\n.tile.date .border-black {\n    border: 0;\n    border-radius: 20px\n}\n\n/*\n.he-shades_closed:before,.he-shades_closing:before,.he-shades_open:before,.he-shades_opening:before,.he-shades_partially_open:before,\n*/\n\n.tile.date .text-25 {\n    font-size: 80%\n}\n\n.tile.date .day,.tile.date .weekday,.tile.date .year {\n    padding: 0\n}\n\n.tile.music-player,.tile.attribute,.tile.clock,.tile.date-clock,.tile.mode {\n    border: 1px solid #fff\n}\n\n.tile.date-clock .tile-primary {\n    font-weight: 500;\n    color: #fff\n}\n\n.tile.date-clock .tile-primary div {\n    font-size: 80%!important;\n    font-weight: 400;\n    padding-left: 10px\n}\n\n.tile.date-clock .tile-contents {\n    margin-top: 0;\n    height: calc(100%)!important\n}\n\n.tile.date-clock small {\n    margin-left: 3px\n}\n\n.tile.dashboard {\n    margin-top: 0;\n    overflow: visible;\n    border: 1px solid #fff;\n /*   height: auto; */\n    background-color: rgba(255,255,255,.5);\n /*   margin-bottom: 2em*/\n    height: 50%;\n}\n\n.tile.dashboard .tile-title {\n    display: none\n}\n\n.tile.dashboard .tile-primary {\n   /* height: auto; */\n    /* display: inline-block; */\n    color: black;\n    /* line-height: 1.1em; */\n    /* padding: 5px; */\n    /* text-align: left; */\n    /* font-size: 140% !important; */\n    /* display: flex; */\n    /* justify-content: center; */\n    /* align-items: center; */\n    align-self: center;\n    padding: 0;\n    margin: 0;\n    display: inline-block;\n}\n\n.tile.dashboard .tile-primary::before {\n    content: \"\\F56E\"\n}\n\n.tile.dashboard .tile-contents {\n    margin-top: 0;\n    display: flex;\n    justify-content: center;\n    vertical-align: middle;\n    height: 100%;\n}\n\n.tile.thermostat .absolute.bottom-0 {\n    padding-bottom: 5px;\n    top: 10px;\n    left: 17px;\n    text-align: left;\n    width: auto;\n    bottom: auto;\n    font-weight: 500;\n    word-spacing: 100vw\n}\n\n.tile.thermostat .w-full.my-1 {\n    position: absolute;\n    bottom: 0\n}\n\n.tile.thermostat .heating.pt-1 {\n    padding-bottom: 21px\n}\n\n.tile.thermostat .cooling .inline-block,.tile.thermostat .heating .inline-block {\n    font-size: 25px;\n    vertical-align: super\n}\n\n.tile.thermostat .cooling .inline-block br,.tile.thermostat .heating .inline-block br {\n    content: \" \";\n    padding: 5px\n}\n\n.tile.link {\n    border: 2px solid #fff\n}\n\n.tile.link .tile-title {\n    display: none\n}\n\n.tile.link .tile-contents {\n    height: calc(100%);\n    padding: 0;\n    margin: 0\n}\n\n.tile.link .tile-primary {\n    padding: 0;\n    margin: 0\n}\n\n.tile.link .tile-primary div {\n    text-shadow: 2px 2px rgba(0,0,0,.6);\n    margin-top: 0\n}\n\n.tile.link .tile-primary div:hover {\n    margin-top: -4px\n}\n\n.tile.dimmer .tile-primary .dimmer {\n    margin-bottom: 7px;\n    margin-top: 3px\n}\n\n.tile.shades .tile-primary .material-icons {\n/*    margin-top: -5px; */\n/*    display: none */\n}\n\n.tile.shades .dimmer {\n    margin-top: 6px\n}\n\n.tile.image .inset-auto img {\n    object-fit: cover\n}\n\n.tile.energy {\n    border: 2px solid rgba(236,255,34)\n}\n\n.tile.hsm {\n    overflow: hidden\n}\n\n.tile.hsm .popup-content .top-0.right-0.absolute {\n    padding: .5em 1em;\n    margin: 0;\n    width: auto!important\n}\n\n.vue-slider {\n    padding: 0 0 5px!important\n}\n\n.tile {\n    text-shadow: none;\n    -webkit-touch-callout: none;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    margin-left: 1px\n}\n\n.dashName {\n    font-size: 25px;\n    text-shadow: none;\n    margin-left: 10px\n}\n\n.tile-secondary {\n    display: none\n}\n\n.tile-title {\n    position: relative;\n    left: auto;\n    right: auto;\n    padding: 7px 6px 1px;\n    font-weight: 500;\n    line-height: 1.2em;\n    letter-spacing: 1px;\n    opacity: .8;\n    overflow: unset;\n}\n\n.tile-title::after {\n    white-space: pre-wrap;\n}\n\n.dashBack {\n    text-shadow: none;\n    padding-left: 5px\n}\n\n.he-logo-mark:before {\n    font-size: 40px\n}\n\n.tile-tertiary {\n    padding: 5px;\n    position: absolute;\n    left: 8px;\n    bottom: auto;\n    font-size: 85%;\n    top: auto;\n    right: auto;\n    opacity: .8;\n}\n\n.tile-contents {\n    height: calc(80%);\n    width: calc(100%);\n    padding: 0 4px\n}\n\n.text-green-600 {\n    color: rgba(0,255,105,.75);\n    text-shadow: none\n}\n\n.dashboard div .header {\n    padding: 10px 10px 10px 15px;\n}\n\n.wrapper {\n    margin-left: 0;\n    margin-bottom: 0;\n    padding-left: 15px;\n    width: calc(100%);\n    overflow: auto\n}\n\n.tile-edit {\n    top: auto;\n    bottom: 10px;\n    opacity: .3\n}\n\n.tile-primary {\n    padding-bottom: calc(10%);\n    overflow: visible;\n}\n\nsmartly {\n    grid-column-end: -1;\n    grid-row-end: -1;\n    display: inline-block;\n    height: calc(100% + 25px);\n    z-index: -1;\n    width: calc(100% + 15px);\n/*    border: 1px solid red*/\n}\n\n@media (min-width:768px) and (max-width:1000px) {\n    .md\\:w-2\\/3 {\n        width: 80%\n    }\n}\n\n.navHeader {\n    height: 3em\n}\n\n.navHeader div.navLink.float-right:first-child,.navHeader div.navLink:last-child {\n    background-color: red;\n    font-weight: 700;\n    padding: 0 1em\n}\n\n.navHeader div.navLink.float-right,.navHeader>.flex>div {\n    text-transform: uppercase;\n    font-size: 1.3em;\n    margin: 0 4px;\n    height: auto;\n    text-align: center;\n    padding: 0 .5em;\n    background-color: #323232;\n    border-radius: 20px;\n    display: inline-table\n}\n\n.navHeader>.flex>div.pl-2 {\n    display: none\n}\n\n#app>.popup-container .menu .overflow-auto .flex .cursor-pointer {\n    border: 1px solid gray;\n    margin: .5em 0 0 .5em;\n    padding: 1em;\n    border-radius: 6px;\n    line-height: .5em\n}\n\n#app>.popup-container .exportBox {\n    margin-top: 1em\n}\n\n.md\\:w-1\\/2 .md\\:w-1\\/2 {\n    width: 50%\n}\n\n.deviceSelect .devices .search input,.selectTemplate .templates .search input {\n    padding: 5px;\n    border-radius: 8px;\n    margin-left: 5px;\n    width: 100%\n}\n\n.deviceSelect .devices .search,.selectTemplate .templates .search {\n    padding: 1em;\n    font-size: 160%\n}\n\n.devices .deviceList,.templates .templates {\n    font-size: 1.5em\n}\n\n[type=checkbox],[type=radio] {\n    height: 1em;\n    width: 1em;\n    margin: .25em 0\n}\n\nh4 {\n    font-size: 1.2em;\n    margin: .5em 0;\n    opacity: .8;\n    font-weight: 500\n}\n\nh3 {\n    margin-bottom: auto\n}\n\n.text-lg,h3,label span {\n    font-size: 1.5em;\n    display: inline-block\n}\n\n.text-lg,h3 {\n    color: #000;\n    overflow: visible;\n    margin-left: .5em;\n    border-bottom: 1px solid rgba(0,0,0,.5);\n    width: auto;\n    margin-top: auto\n}\n\nlabel span {\n    margin-top: -1px;\n    padding-top: .25em;\n    vertical-align: top;\n    margin-bottom: .5em\n}\n\nbutton,input,select,textarea {\n    font-size: 180%\n}\n\nh1,h2,h3,h4 {\n    font-family: 'Barlow Condensed',sans-serif\n}\n\n.popup-content .top-0.right-0.absolute {\n    background-color: red;\n    color: #fff;\n    font-weight: 700\n}\n\n@media (max-width:767px) {\n    #app .popup-container .menu {\n        width: 98%\n    }\n\n    .md\\:w-2\\/3 {\n        width: 96%\n    }\n\n    #app>.popup-container .menu .overflow-auto .flex .cursor-pointer,.navHeader div.navLink.float-right,.navHeader i.material-icons,.navHeader>.flex>div {\n        font-size: 1em\n    }\n\n    .navHeader {\n        height: 2.5em\n    }\n}\n\n.tile-primary>div {\n    margin-top: 4px\n}\n\n.text-lg {\n    margin-bottom: .5em\n}\n\n.tile.date-clock .tile-title {\n    padding: 0;\n    margin: 0;\n    height: 2px\n}\n\n@media (max-width:767px) {\n    .popup-content.h-85p {\n        height: auto\n    }\n}\n\n.tile.thermostat i {\n    display: inline-block\n}\n\n.tile.dashboard .tile-edit {\n    bottom: auto;\n    top: 1px\n}\n\n@media screen and (max-width:1284px) and (min-width:1280px) {\n/*\n    .tile.dashboard .tile-primary {\n        font-size: 100%!important;\n        line-height: 1em!important;\n        padding: 0 5px 5px!important\n    }\n*/\n\n    .tile.dashboard {\n        zoom: unset;\n    }\n}\n\n@media screen and (max-width: 1924px) and (min-width:1920px){\n    .tile.dashboard {\n        zoom: unset;\n    }\n}\n\n\n.tile.date>div.h-full.w-full {\n    font-size: 1.5em!important\n}\n\n.tile.date div.weekday,.tile.date div.year {\n    font-size: 140%!important;\n    line-height: .75em\n}\n\n.tile.date div.day {\n    font-size: 250%!important;\n    font-weight: 700\n}\n\n.mt-12 {\n    margin-top: 5em;\n}\n\n.mt-16 {\n    margin-top: 7em;\n}\n\n/*\n.tile.bulb-color, .tile.bulb, .tile.dimmer, .tile.switch {\n    border: 1px solid rgba(0, 0, 0, 0.25);\n}\n*/\n\n\n[class*=\" battery-\"]>i.material-icons::before {\n    font-family: \"Material Design Icons\";\n}\n\n\n.battery-100>i.material-icons::before,\n.battery-99>i.material-icons::before {\n    content: \"\\F079\";\n}\n\n.battery-98>i.material-icons::before,\n.battery-97>i.material-icons::before,\n.battery-96>i.material-icons::before,\n.battery-95>i.material-icons::before,\n.battery-94>i.material-icons::before,\n.battery-93>i.material-icons::before,\n.battery-92>i.material-icons::before,\n.battery-91>i.material-icons::before {\n    content: \"\\F082\";\n}\n\n.battery-90>i.material-icons::before,\n.battery-89>i.material-icons::before,\n.battery-88>i.material-icons::before,\n.battery-87>i.material-icons::before,\n.battery-86>i.material-icons::before,\n.battery-85>i.material-icons::before,\n.battery-84>i.material-icons::before,\n.battery-83>i.material-icons::before,\n.battery-82>i.material-icons::before,\n.battery-81>i.material-icons::before {\n    content: \"\\F081\";\n}\n\n.battery-80>i.material-icons::before,\n.battery-79>i.material-icons::before,\n.battery-78>i.material-icons::before,\n.battery-77>i.material-icons::before,\n.battery-76>i.material-icons::before,\n.battery-75>i.material-icons::before,\n.battery-74>i.material-icons::before,\n.battery-73>i.material-icons::before,\n.battery-72>i.material-icons::before,\n.battery-71>i.material-icons::before {\n    content: \"\\F080\";\n}\n\n.battery-70>i.material-icons::before,\n.battery-69>i.material-icons::before,\n.battery-68>i.material-icons::before,\n.battery-67>i.material-icons::before,\n.battery-66>i.material-icons::before,\n.battery-65>i.material-icons::before,\n.battery-64>i.material-icons::before,\n.battery-63>i.material-icons::before,\n.battery-62>i.material-icons::before,\n.battery-61>i.material-icons::before {\n    content: \"\\F07F\";\n}\n\n.battery-60>i.material-icons::before,\n.battery-59>i.material-icons::before,\n.battery-58>i.material-icons::before,\n.battery-57>i.material-icons::before,\n.battery-56>i.material-icons::before,\n.battery-55>i.material-icons::before,\n.battery-54>i.material-icons::before,\n.battery-53>i.material-icons::before,\n.battery-52>i.material-icons::before,\n.battery-51>i.material-icons::before {\n    content: \"\\F07E\";\n}\n\n.battery-50>i.material-icons::before,\n.battery-49>i.material-icons::before,\n.battery-48>i.material-icons::before,\n.battery-47>i.material-icons::before,\n.battery-46>i.material-icons::before,\n.battery-45>i.material-icons::before,\n.battery-44>i.material-icons::before,\n.battery-43>i.material-icons::before,\n.battery-42>i.material-icons::before,\n.battery-41>i.material-icons::before {\n    content: \"\\F07D\";\n}\n\n.battery-40>i.material-icons::before,\n.battery-39>i.material-icons::before,\n.battery-38>i.material-icons::before,\n.battery-37>i.material-icons::before,\n.battery-36>i.material-icons::before,\n.battery-35>i.material-icons::before,\n.battery-34>i.material-icons::before,\n.battery-33>i.material-icons::before,\n.battery-32>i.material-icons::before,\n.battery-31>i.material-icons::before {\n    content: \"\\F07C\";\n}\n\n.battery-30>i.material-icons::before,\n.battery-29>i.material-icons::before,\n.battery-28>i.material-icons::before,\n.battery-27>i.material-icons::before,\n.battery-26>i.material-icons::before,\n.battery-25>i.material-icons::before,\n.battery-24>i.material-icons::before,\n.battery-23>i.material-icons::before,\n.battery-22>i.material-icons::before,\n.battery-21>i.material-icons::before {\n    content: \"\\F07B\";\n}\n\n.battery-20>i.material-icons::before,\n.battery-19>i.material-icons::before,\n.battery-18>i.material-icons::before,\n.battery-17>i.material-icons::before,\n.battery-16>i.material-icons::before,\n.battery-15>i.material-icons::before,\n.battery-14>i.material-icons::before,\n.battery-13>i.material-icons::before,\n.battery-12>i.material-icons::before,\n.battery-11>i.material-icons::before {\n    content: \"\\F07A\";\n}\n\n.tile.battery .tile-primary {\n    grid-template-columns: repeat(2, 50%);\n    display: grid;\n    height: calc(100%);\n    align-items: center;\n    grid-template-rows: 100%;\n}\n\n.tile.battery .tile-primary>i.material-icons {\ntext-align: right;\n}\n\n.tile.battery .tile-primary>div {\ntext-align: left;\n}\n\n.tile.battery {\n    background-color: rgba(0, 255, 105, 0.75); /*rgba(15, 206, 93, 0.9);*/\n    color: rgba(0, 0, 0, 0.66);\n}\n\n.tile.battery .tile-primary,\n.tile.temperature .tile-primary {\nwidth: 100%;\nmargin-top: -3px;\npadding-left: 5px;\n}\n\n.tile.temperature .tile-primary {\n/*\ndisplay: block;\nline-height: normal;\n*/\n}\n\n.tile.battery .tile-contents {\n    display: block;\n}\n\n.dashboard>div>.header {\n  color: white;\n}\n\nhtml[style*=\"background-color: white;\"] .dashboard>div>.header,\nhtml[style*=\"background-color: darkgray;\"] .dashboard>div>.header,\nhtml[style*=\"background-color: gold;\"] .dashboard>div>.header,\nhtml[style*=\"background-color: ivory;\"] .dashboard>div>.header,\nhtml[style*=\"background-color: lightcyan;\"] .dashboard>div>.header,\nhtml[style*=\"background-color: lightgray;\"] .dashboard>div>.header,\nhtml[style*=\"background-color: silver;\"] .dashboard>div>.header,\nhtml[style*=\"background-color: skyblue;\"] .dashboard>div>.header,\nhtml[style*=\"background-color: tan;\"] .dashboard>div>.header,\nhtml[style*=\"background-color: whitesmoke;\"] .dashboard>div>.header{\n  color: black;\n}\n\n\n.showSidePanelBtn {\n  text-shadow: none;\n}\n\n/* ------- DO NOT EDIT - Custom Skin CSS ------- */\n\n/* ------- DO NOT EDIT - Smartly Generated CSS below ------- */\n\n/* ------- CUSTOM CSS BELOW THIS LINE - This CSS will be preserved during updates ------- */\n@media screen and (max-width: 414px) and (min-width:410px){.dashboard{zoom:1.14;}}",
  "hideEvents": false,
  "tempScale": "F",
  "noColors": false,
  "readOnly": null,
  "rows": 3,
  "hideIconText": false,
  "background": "https://i.ibb.co/26RjkC6/home.jpg",
  "name": "iPhone 10",
  "fontSize": 11
}