{
  "roundedCorners": 20,
  "dateFormat": "MM/DD/YYYY",
  "hideLabels": false,
  "customColors": [
    {
      "template": "dimmer",
      "bgColor": "rgba(33,150,243,0.9)",
      "iconColor": "rgb(255,255,255)",
      "state": "on"
    },
    {
      "template": "dimmer",
      "bgColor": "rgba(255,255,255,0.9)",
      "iconColor": "rgb(135,135,135)",
      "state": "off"
    },
    {
      "template": "motion",
      "bgColor": "rgba(255,255,255,0.9)",
      "iconColor": "rgb(0,0,0)",
      "state": "inactive",
      "customIcon": "he-motion_detector_3_filled"
    },
    {
      "template": "motion",
      "bgColor": "rgba(236,255,34,0.9)",
      "iconColor": "rgb(0,0,0)",
      "state": "active",
      "customIcon": "he-motion_detector_3"
    },
    {
      "template": "switches",
      "bgColor": "rgba(33,150,243,0.9)",
      "iconColor": "rgb(255,255,255)",
      "state": "on",
      "customIcon": "he-switch_2_flipped"
    },
    {
      "template": "switches",
      "bgColor": "rgba(255,255,255,0.9)",
      "iconColor": "rgb(135,135,135)",
      "state": "off",
      "customIcon": "he-switch_2"
    },
    {
      "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": "rgba(255,90,0,0.75)",
      "iconColor": "",
      "state": "open"
    },
    {
      "template": "door",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "closed"
    },
    {
      "template": "door",
      "bgColor": "rgba(255,90,0,0.75)",
      "state": "open"
    },
    {
      "template": "fan",
      "bgColor": "rgba(33,150,243,0.9)",
      "iconColor": "",
      "state": "low",
      "customIcon": ""
    },
    {
      "template": "fan",
      "bgColor": "rgba(33,150,243,0.9)",
      "iconColor": "",
      "state": "medium-low",
      "customIcon": ""
    },
    {
      "template": "fan",
      "bgColor": "rgba(33,150,243,0.9)",
      "iconColor": "",
      "state": "medium",
      "customIcon": ""
    },
    {
      "template": "fan",
      "bgColor": "rgba(33,150,243,0.9)",
      "iconColor": "",
      "state": "medium-high",
      "customIcon": ""
    },
    {
      "template": "fan",
      "bgColor": "rgba(33,150,243,0.9)",
      "iconColor": "",
      "state": "high",
      "customIcon": ""
    },
    {
      "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": "rgba(255,90,0,0.75)",
      "iconColor": "",
      "state": "opening",
      "customIcon": ""
    },
    {
      "template": "garage-control",
      "bgColor": "rgba(255,90,0,0.75)",
      "iconColor": "",
      "state": "closing",
      "customIcon": ""
    },
    {
      "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": "rgba(255,90,0,0.75)",
      "iconColor": "",
      "state": "opening",
      "customIcon": ""
    },
    {
      "template": "garage",
      "bgColor": "rgba(255,90,0,0.75)",
      "iconColor": "",
      "state": "closing",
      "customIcon": ""
    },
    {
      "template": "shades",
      "bgColor": "hsla(0,0%,50.2%,.5)",
      "iconColor": "",
      "state": "off",
      "customIcon": ""
    },
    {
      "template": "shades",
      "bgColor": "rgba(33,150,243,0.9)",
      "iconColor": "",
      "state": "on",
      "customIcon": ""
    },
    {
      "template": "shades",
      "bgColor": "rgba(255,90,0,0.75)",
      "iconColor": "",
      "state": "opening",
      "customIcon": ""
    },
    {
      "template": "shades",
      "bgColor": "rgba(255,90,0,0.75)",
      "iconColor": "",
      "state": "closing",
      "customIcon": ""
    },
    {
      "template": "shades",
      "bgColor": "rgb(67,166,52)",
      "iconColor": "",
      "state": "open",
      "customIcon": ""
    },
    {
      "template": "door-control",
      "bgColor": "rgba(255,90,0,0.75)",
      "iconColor": "",
      "state": "opening",
      "customIcon": ""
    },
    {
      "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",
      "customIcon": ""
    },
    {
      "template": "lock",
      "bgColor": "rgba(255,90,0,0.75)",
      "state": "unlocked",
      "customIcon": ""
    },
    {
      "template": "water",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "wet",
      "customIcon": ""
    },
    {
      "template": "water",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "dry",
      "customIcon": ""
    },
    {
      "template": "smoke",
      "bgColor": "rgba(255,0,0,0.65)",
      "iconColor": "rgb(255,255,255)",
      "state": "detected",
      "customIcon": ""
    },
    {
      "template": "smoke",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "clear",
      "customIcon": ""
    },
    {
      "template": "bulb",
      "bgColor": "rgba(33,150,243,0.9)",
      "iconColor": "rgb(255,255,255)",
      "state": "on"
    },
    {
      "template": "bulb",
      "bgColor": "rgb(255,255,255)",
      "iconColor": "rgb(135,135,135)",
      "state": "off"
    },
    {
      "template": "presence",
      "bgColor": "rgba(27,176,116,0.9)",
      "iconColor": "rgb(255,255,255)",
      "state": "present",
      "customIcon": ""
    },
    {
      "template": "presence",
      "bgColor": "",
      "iconColor": "",
      "state": "not present",
      "customIcon": ""
    },
    {
      "template": "temperature",
      "bgColor": "rgb(255,255,255)",
      "iconColor": "rgb(0,0,0)",
      "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,150,243,0.9)",
      "iconColor": "rgb(255,255,255)",
      "state": "on"
    },
    {
      "template": "bulb-color",
      "bgColor": "rgba(255,255,255,0.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",
      "customIcon": ""
    },
    {
      "template": "carbon-monoxide",
      "bgColor": "rgba(0,255,105,0.75)",
      "iconColor": "rgba(0,0,0,0.66)",
      "state": "clear",
      "customIcon": ""
    },
    {
      "template": "outlet",
      "bgColor": "rgba(33,150,243,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"
    }
  ],
  "colWidth": 135,
  "cloudRefresh": 5,
  "hsmPin": "",
  "hide3dot": false,
  "clockMode": true,
  "gridGap": 15,
  "tiles": [
    {
      "template": "smartly",
      "id": 0,
      "device": "smartly",
      "templateExtra": "[{\"id\":0,\"template\":\"battery\",\"pos\":1,\"title\":\"Back Door Lock\",\"title_wrap\":false,\"label\":null},{\"id\":1,\"template\":\"battery\",\"pos\":2,\"title\":\"Front Door Lock\",\"title_wrap\":false,\"label\":null},{\"id\":2,\"template\":\"battery\",\"pos\":3,\"title\":\"Kitchen Door Lock\",\"title_wrap\":false,\"label\":null},{\"id\":3,\"template\":\"battery\",\"pos\":4,\"title\":\"Kitchen Door Contact\",\"title_wrap\":false,\"label\":null}]"
    },
    {
      "rowSpan": 1,
      "template": "battery",
      "col": 1,
      "colSpan": 1,
      "id": 0,
      "row": 1,
      "device": "289"
    },
    {
      "rowSpan": 1,
      "template": "battery",
      "col": 2,
      "colSpan": 1,
      "id": 1,
      "row": 1,
      "device": "321",
      "templateExtra": null
    },
    {
      "rowSpan": 2,
      "template": "battery",
      "col": 3,
      "colSpan": 1,
      "id": 2,
      "row": 1,
      "device": "353",
      "templateExtra": null
    },
    {
      "rowSpan": 1,
      "template": "battery",
      "col": 4,
      "colSpan": 1,
      "id": 3,
      "row": 1,
      "device": "453",
      "templateExtra": null
    }
  ],
  "goBack": true,
  "modePin": "",
  "bgColor": "white",
  "lanRefresh": 2,
  "iconSize": "30",
  "cols": 4,
  "rowHeight": 60,
  "customCSS": "/* ------- DO NOT EDIT - Smartly Base CSS ------- */\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.7.95/fonts/materialdesignicons-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;unicode-range:U+F000-FFFF\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-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-bulb_off,.he-bulb_on,.he-dimmer_low,.he-dimmer_medium {\n    margin-top: -4px;\n    margin-bottom: 4px\n}\n\n.he-bulb_off,.he-bulb_on {\n    padding: 8px!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.he-motion-sensor:before,.he-motion_detector_3:before,.he-motion_detector_3_filled:before {\n    content: \"\\FD6D\"\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.he-shades_closed:before,.he-shades_closing:before,.he-shades_open:before,.he-shades_opening:before,.he-shades_partially_open:before,.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.attribute,.tile.clock,.tile.date-clock,.tile.mode {\n    border: 2px 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    color: #000;\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}\n\n.dashBack {\n    text-shadow: none;\n    color: #000;\n    padding-left: 5px\n}\n\n.he-logo-mark:before {\n    font-size: 40px\n}\n\n.tile-tertiary {\n    padding: 5px;\n    text-align: left;\n    position: absolute;\n    left: 8px;\n    bottom: 0;\n    font-size: 85%;\n    top: auto;\n    right: auto\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}\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}\r\n\r\n/* ------- DO NOT EDIT - Smartly Generated CSS below ------- */\r\n\r\n#tile-0 .tile-title,#tile-1 .tile-title,#tile-2 .tile-title,#tile-3 .tile-title{visibility:hidden;white-space:nowrap}#tile-0 .tile-title:after{content:\"Back Door Lock\";left:0;padding:.5em .5em 3px .5em;position:absolute;top:0;visibility:visible;width:100%}#tile-1 .tile-title:after{content:\"Front Door Lock\";left:0;padding:.5em .5em 3px .5em;position:absolute;top:0;visibility:visible;width:100%}#tile-2 .tile-title:after{content:\"Kitchen Door Lock\";left:0;padding:.5em .5em 3px .5em;position:absolute;top:0;visibility:visible;width:100%}#tile-3 .tile-title:after{content:\"Kitchen Door Contact\";left:0;padding:.5em .5em 3px .5em;position:absolute;top:0;visibility:visible;width:100%}\r\n\r\n/* ------- CUSTOM CSS BELOW THIS LINE - This CSS will be preserved during updates ------- */",
  "hideEvents": false,
  "tempScale": "F",
  "noColors": false,
  "readOnly": null,
  "rows": 1,
  "hideIconText": false,
  "background": "https://i.ibb.co/26RjkC6/home.jpg",
  "name": "Batteries",
  "fontSize": 14
}