.bold,.light,.medium{font-stretch:normal}.button,body,html{width:100%}*,sub,sup{vertical-align:baseline}*,.button,input:focus,textarea:focus{outline:0}#view-root,.view,html{min-height:100%}.light{font-family:"Open Sans",HelveticaNeueLight,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300}.bold{font-family:"Open Sans",HelveticaNeueBold,HelveticaNeue-Bold,"Helvetica Neue Bold",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}.medium{font-family:"Open Sans",HelveticaNeueMedium,HelveticaNeue-Medium,"Helvetica Neue Medium",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500}.button{display:block;margin:0 auto;text-align:center;cursor:pointer;letter-spacing:0;border:0;background:#eee;color:#555;height:60px;line-height:60px;font-size:14px;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}.button.touch{opacity:.5;color:#555;background-color:#d4d4d4}.button.disabled,.button.disabled.touch{opacity:.5}.button.two-line{line-height:auto;line-height:0;line-height:initial}.button.two-line span{line-height:1.5rem}.button.two-line .sub{line-height:1rem;font-size:12px}.button.white{background:#555;color:#000}.button.white.touch{backround:#555;color:#000}.button.sm{height:26px;line-height:26px}.button.primary{background:#0f7396}.button.alt{border:1px solid #555;background:0 0;color:#555}.button.alt.touch{color:#555;background-color:transparent}.segmented-control{display:-ms-flexbox;display:flex;margin:0 auto;-ms-flex-pack:center;justify-content:center}.segmented-control .control{color:#848484;border:1px solid #848484;height:34px;line-height:34px;background:0 0;border-right:0;width:100%;font-size:13px}.segmented-control .control.Tappable-active,.segmented-control .control.active{color:#fff;background:#848484}.segmented-control .control:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.segmented-control .control:last-child{border-right:1px solid #848484;border-top-right-radius:4px;border-bottom-right-radius:4px}.clearfix{zoom:1;display:inline-block;display:block}.clearfix:after{display:block;visibility:hidden;height:0;clear:both;content:""}.box,.box-horizontal,.box-vertical{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box}.box-vertical{-ms-box-orient:vertical;-o-box-orient:vertical}.box-horizontal{-ms-box-orient:horizontal;-o-box-orient:horizontal}*{margin:0;padding:0;border:0;font:inherit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;line-height:1;-webkit-text-size-adjust:100%;-ms-text-size-adjust:none;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a,a:active,a:hover,a:link,a:visited{text-decoration:none;color:#555}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}input,textarea{outline:0;-webkit-user-select:auto}.pg-forward-leave{animation:moveToLeft .3s ease-in-out both}.pg-forward-enter{animation:moveFromRight .3s ease-in-out both}.pg-back-enter{animation:moveFromLeft .3s ease-in-out both}.pg-back-leave{animation:moveToRight .3s ease-in-out both}@keyframes moveToLeft{to{transform:translateX(-100%)}}@keyframes moveFromLeft{from{transform:translateX(-100%)}}@keyframes moveToRight{to{transform:translateX(100%)}}@keyframes moveFromRight{from{transform:translateX(100%)}}.overflow-scroll>.overflow-scroll-inner,.view .view-interior{-webkit-transform:rotateY(0)}.overflow-scroll,.synthetic-scroll{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.view,body{position:relative}.ios-button{background:0 0;border:1px solid #0f7396;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;background-clip:padding-box;border-radius:4px}html{font-size:10px;height:auto;min-width:320px;font-family:'Open Sans',HelveticaNeueMedium,HelveticaNeue-Medium,"Helvetica Neue Medium",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif}.view.dashboard .keys,body{font-family:"Open Sans",HelveticaNeueLight,HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-stretch:normal;font-weight:300}body{background:#fff;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.view{font-size:1.2rem}.view .view-interior{background:#fff;min-height:350px;margin:0 auto -130px;padding-bottom:130px}.view.dashboard h3.timeskip{color:#c1c1c1;position:absolute;font-style:italic;right:30px;top:10px}.view.dashboard .keys{margin:0 auto;text-align:center;color:#555;font-size:12px;position:absolute;left:0;right:0;bottom:20px}.view.dashboard .keys .legend{display:inline-block;padding:0 10px;position:relative}.view.dashboard .keys .legend .copy{padding-left:20px}.view.dashboard .keys .legend .dot{position:absolute;top:50%;margin-top:-5px;width:10px;height:10px;display:inline-block;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-topleft:10px;background-clip:padding-box;border-radius:10px}.view.dashboard .sections section.side-by-side:after,.view.dashboard .sections section.top-and-bottom:after,.view.dashboard .sections:after,.view.previous-sessions .sections .session:after,.view.previous-sessions .sections:after{height:0;visibility:hidden;clear:both;content:""}.view.dashboard .sections{position:relative;margin:0 auto;max-width:960px;padding:40px 30px 0;zoom:1;display:inline-block;display:block}.view.dashboard .sections section.side-by-side .chart:nth-child(odd),.view.dashboard .sections section.top-and-bottom:nth-child(odd){margin-right:4%}.view.dashboard .sections section.side-by-side .chart:nth-child(even),.view.dashboard .sections section.top-and-bottom:nth-child(even){margin-left:4%}.view.dashboard .sections:after{display:block}.view.dashboard .sections section{width:100%;float:left}.view.dashboard .sections section.top-and-bottom{zoom:1;display:inline-block;display:block;float:left;width:46%}.view.dashboard .sections section.top-and-bottom:after{display:block}.view.dashboard .sections section.side-by-side{zoom:1;display:inline-block;display:block}.view.dashboard .sections section.side-by-side:after{display:block}.view.dashboard .sections section.side-by-side .chart{float:left;width:46%}.view.dashboard .sections section h1.section-header{color:#555;font-size:18px;text-transform:uppercase;padding-left:25px;padding-bottom:20px}.view.dashboard .sections section h2.header{color:#555;padding-left:30px;text-transform:uppercase;font-size:12px}.view.dashboard .sections section .chart{padding-bottom:30px;display:block;font-weight:300;position:relative}.view.dashboard .sections section .chart.no-content{padding:0;margin:0}.view.dashboard .sections section .chart .last-point{position:absolute;top:0;right:0;font-family:"Open Sans",HelveticaNeueBold,HelveticaNeue-Bold,"Helvetica Neue Bold",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;font-stretch:normal;-webkit-font-smoothing:antialiased}.view.dashboard .sections section .chart .last-point.current,.view.previous-sessions .sections .session .data h1{font-family:"Open Sans",HelveticaNeueMedium,HelveticaNeue-Medium,"Helvetica Neue Medium",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-stretch:normal}.view.dashboard .sections section .chart .last-point.current{color:#555;top:10px;text-align:right}.view.dashboard .sections section .chart .last-point.current h4{text-transform:uppercase;font-size:8px;line-height:12px}.view.dashboard .sections section .chart svg text{font-size:10px}@media screen and (max-width:650px){.view.dashboard .sections section.side-by-side .chart:nth-child(even),.view.dashboard .sections section.side-by-side .chart:nth-child(odd),.view.dashboard .sections section.top-and-bottom:nth-child(even),.view.dashboard .sections section.top-and-bottom:nth-child(odd){margin:0}.view.dashboard .sections{padding:40px 30px}.view.dashboard .sections section{width:100%;padding:0}.view.dashboard .sections section.side-by-side{zoom:1;display:inline-block;display:block}.view.dashboard .sections section.side-by-side:after{display:block;visibility:hidden;height:0;clear:both;content:""}.view.dashboard .sections section.side-by-side .chart{float:none;width:100%}.view.dashboard .sections section.top-and-bottom{zoom:1;display:inline-block;display:block;float:none;width:100%}.view.dashboard .sections section.top-and-bottom:after{display:block;visibility:hidden;height:0;clear:both;content:""}.view.dashboard .sections section .chart{padding-bottom:50px}}.view.previous-sessions footer{background:0 0}.view.previous-sessions .sections{position:relative;margin:0 auto;max-width:500px;padding:40px 30px;min-height:450px;zoom:1;display:inline-block;display:block}.view.previous-sessions .sections:after{display:block}.view.previous-sessions .sections .session{padding:15px 0;cursor:pointer;width:50%;float:left;zoom:1;display:inline-block;display:block}.view.previous-sessions .sections .session:after{display:block}.view.previous-sessions .sections .session.Tappable-active{opacity:.9}.view.previous-sessions .sections .session .icon{height:50px;width:50px;background:url(../assets/images/icn_demo_environmental_unsel@3x.png) center center no-repeat;float:left;background-size:contain}.view.previous-sessions .sections .session .icon[data-type=motion]{background:url(../assets/images/icn_demo_motion_unsel@3x.png) center center no-repeat;background-size:contain}.view.previous-sessions .sections .session .icon[data-type=io]{background:url(../assets/images/icn_demo_io_unsel@3x.png) center center no-repeat;background-size:contain}.view.previous-sessions .sections .session .data{padding-left:15px;float:left}.view.previous-sessions .sections .session .data h1{padding-bottom:2px;font-size:14px}.view.previous-sessions .sections .session .data .subtext{line-height:16px;color:#c1c1c1}.view.not-found .sections,.view.previous-sessions .sections .no-data{max-width:500px;padding:40px 30px 0;font-size:18px;text-align:center;line-height:22px}.view.previous-sessions .sections .loading{position:absolute;top:50%;left:0;right:0;width:86px;height:86px;margin:-43px auto 0;border:5px solid #eee;border-top:5px #a1b92e solid;-webkit-border-top-right-radius:50%;-webkit-border-bottom-right-radius:50%;-webkit-border-bottom-left-radius:50%;-webkit-border-top-left-radius:50%;-moz-border-radius-topright:50%;-moz-border-radius-bottomright:50%;-moz-border-radius-bottomleft:50%;-moz-border-radius-topleft:50%;background-clip:padding-box;animation:rotate .7s infinite linear;border-radius:50%}.view.previous-sessions .sections .no-data{position:relative;margin:0 auto;color:#fff}@media screen and (max-width:650px){.view.previous-sessions .sections .session{float:none;width:100%}.view.previous-sessions .sections .loading{width:50px;height:50px;margin:-25px auto 0;border:3px solid;border-top:3px #a1b92e solid}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(359deg)}}.view.not-found footer{background:0 0}.view.not-found .sections{position:relative;margin:0 auto;min-height:500px;color:#333}header.main-header{height:100px;width:100%;position:relative;background:#464646;color:#fff;padding:0 30px;box-shadow:0 0 5px rgba(0,0,0,.2)}header.main-header .wrap{max-width:900px;margin:0 auto;display:block;height:100%;position:relative}header.main-header .logo{height:120px;width:180px;position:absolute;left:0;top:50%;margin-top:-60px;background:url(../assets/images/miotracker-logo.png) center center no-repeat;background-size:contain}header.main-header h1{font-size:10px;text-transform:uppercase;line-height:14px}header.main-header h2{font-size:20px;line-height:26px}header.main-header h3{padding-bottom:10px;font-size:14px}header.main-header .now-streaming{position:absolute;right:0;top:50%;text-align:right;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}header.main-header .now-streaming h1{color:#fff;font-family:"Open Sans",HelveticaNeueBold,HelveticaNeue-Bold,"Helvetica Neue Bold",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:600;font-stretch:normal;-webkit-font-smoothing:antialiased}header.main-header .title{color:#fff;position:absolute;left:0;right:0;top:50%;text-align:center;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);max-width:200px;margin:0 auto;font-weight:300}footer,footer .user,footer .wrap{position:relative}footer .links .button,footer .user .info h1{font-family:"Open Sans",HelveticaNeueMedium,HelveticaNeue-Medium,"Helvetica Neue Medium",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-stretch:normal}@media screen and (max-width:650px){header.main-header{height:80px}header.main-header .logo{width:60px}header.main-header h1{font-size:12px}header.main-header h2{font-size:16px}header.main-header h3{padding-bottom:14px}header.main-header .title{right:auto;right:initial;text-align:left;left:80px}}footer{height:130px;width:100%;background:#eee;color:#555;zoom:1;display:inline-block;display:block}footer:after{display:block;visibility:hidden;height:0;clear:both;content:""}footer .wrap{max-width:900px;margin:0 auto;display:block}footer .user{float:left;width:20%;height:80px}footer .user h1,footer .user h2{line-height:18px}footer .user .info{position:absolute;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);color:#c1c1c1}footer .user .info h1{font-size:14px;color:#555}footer .user .info h2{font-size:12px}footer .links{position:relative;width:80%;float:right;text-align:right;zoom:1;display:inline-block;display:block}footer .links:after{display:block;visibility:hidden;height:0;clear:both;content:""}footer .links .button{text-align:center;color:#797777;text-transform:uppercase;font-size:12px;position:relative;padding:0 3%;display:inline-block;width:auto;height:80px;line-height:80px}footer .links .button.Tappable-active a,footer .links .button:hover a{color:#00aeff;border-bottom:1px solid #00aeff}footer .links .button:not(:hover).Tappable-inactive a{border-bottom:0;color:#797777}footer .links .button a{padding-bottom:2px;color:#797777}footer .links .button:first-child{padding-left:0}footer .links .button:first-child:after{border:0}footer .links .button:after{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);height:20px;border-right:1px solid #797777}footer .links .button:last-child{padding-right:0}footer .copyright{background:#fff;text-align:center;color:#c1c1c1;margin:0 auto;display:block;line-height:50px;height:70px}footer .padding-container{padding:0 30px}@media screen and (max-width:650px){footer .padding-container{padding:0}footer .user{float:none;width:100%;padding:0 50px;height:80px}footer .wrap{background:#fff;padding:0}footer .links{float:none;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;width:100%}footer .links .button{width:100%;padding:0;display:block}footer .links .button:after{display:none}}