@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);#root,body,html{height:100%;margin:0;padding:0}html{font-size:1.1em;line-height:161.8%;-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}@font-face{font-family:Fontello;src:url("/fonts/fontello.eot?1530017857");src:url("/fonts/fontello.eot?1530017857#iefix") format("embedded-opentype"),url("/fonts/fontello.woff2?1530017857") format("woff2"),url("/fonts/fontello.woff?1530017857") format("woff"),url("/fonts/fontello.ttf?1530017857") format("truetype")}i{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fontello{font-family:Fontello;font-size:2rem;font-style:normal;cursor:pointer}body{background:#ccc;font-family:Open Sans}body,button,input,select,textarea{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{background:-webkit-radial-gradient(circle,#1ca1d9,#0167a4);background:-o-radial-gradient(circle,#1ca1d9,#0167a4);background:radial-gradient(circle,#1ca1d9,#0167a4)}.final-redirect,.wrap{min-height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.final-redirect{background:#fff}h1{font-size:.95rem;margin:0;margin-bottom:.2em;color:#fff;font-weight:700;letter-spacing:.05rem}.panel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.panel-body{position:relative;border-radius:1.35rem;border:1px solid #9fd3f0;width:22rem;min-height:24.8rem;background:#fff}div.info{border-radius:.675rem;border:1px solid #838884;background:#fff;font-size:.65rem;line-height:161.8%;padding:.4rem;position:absolute;top:.25rem;left:18.82rem;width:16rem;-webkit-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;opacity:0;display:none}.visible{opacity:1!important;display:block!important}div.info i.info{float:left;margin:.6rem 0}div.info h4{margin:.6rem 2.5rem 1rem 2rem}div.info div{padding:0 .5em}.header{padding:1rem 1rem .3rem}.clearfix:after{content:"";display:table;clear:both}.rp-info{text-align:center;color:#231f20;margin:0 0 2rem;cursor:default}.rp-info a{color:inherit;text-decoration:none}.rp-info h2{font-size:1.1rem;font-weight:600;margin:.5rem 0 -.3rem}.rp-info a{font-size:.9rem}.rp-info img{display:block;margin:0 auto;width:100%;max-width:3.25rem;border-radius:.6rem;font-size:.5rem}.rp-info span{font-size:.9rem}.email-panel{text-align:center;font-weight:600;margin-top:1.3202rem;margin-bottom:1rem}.email-form{width:60%;margin:0 auto}.email-panel .message-row{font-size:.8rem;line-height:100%;font-weight:400;display:block;margin-bottom:2rem;margin-left:.5rem;margin-right:.5rem}.email-panel .button-row{display:block;margin-top:.5rem;margin-bottom:.5rem}.email-panel .email-form label{font-size:.9rem;font-weight:400;display:block}.email-panel .email-form input{font-size:.8rem;font-weight:400;padding:.1rem;text-align:center;width:100%}.email-panel .email-form input:focus{outline:0;border-color:#000}.email-panel .error{color:#d9534f}.email-panel .success{color:#4a934a}.email-panel .email-form{min-height:6.2596rem}.email-panel .email-form input.invalid{outline:none!important;border:1px solid #d9534f;color:#d9534f}.email-panel .email-form .button{cursor:pointer;width:100%;font-size:.9rem;text-align:center;background:#008ac3;color:#fff;border:1px solid transparent;border-radius:1rem;-webkit-box-shadow:.15em .15em .15em rgba(0,0,0,.5);box-shadow:.15em .15em .15em rgba(0,0,0,.5);padding:.5rem 1rem}.email-panel .email-form .button:focus{outline:0}.email-panel .email-form .button:hover{background:#0994dd}.email-panel .email-form .button:active{background:#0994dd;-webkit-box-shadow:.035em .035em .035em rgba(0,0,0,.75);box-shadow:.035em .035em .035em rgba(0,0,0,.75);-webkit-transform:translate(.035em,.035em);-ms-transform:translate(.035em,.035em);transform:translate(.035em,.035em)}.email-panel .email-form .button.disabled,.email-panel .email-form .button.disabled:active,.email-panel .email-form .button.disabled:focus,.email-panel .email-form .button.disabled:hover,.email-panel .email-form .button.disabled:visited{background:#ddd;color:#fff;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;-ms-transform:none;transform:none}.qr-panel{text-align:center;font-weight:600}.qr-panel a{color:#0994dd;text-decoration:none}.qr-code{width:8.5rem;height:8.5rem;margin:0 auto;position:relative;margin-bottom:.5rem}.qr-code img{display:block;height:100%;width:100%;position:absolute;top:0;left:0;-webkit-transition:-webkit-filter .5s ease-in-out;transition:-webkit-filter .5s ease-in-out;-o-transition:filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out}.qr-code.expired img{-webkit-filter:opacity(60%) blur(4.5px);filter:opacity(60%) blur(4.5px)}a.reset-qr{width:3.31rem;height:3.31rem;background:#008ac3;color:#fff;cursor:pointer}a.reset-qr,a.reset-qr i{display:block;border-radius:50%}a.reset-qr i{font-size:1.85rem;line-height:1.5rem;width:100%;height:100%;color:inherit;padding-top:.95rem;-webkit-box-shadow:.15em .15em .15em rgba(0,0,0,.5);box-shadow:.15em .15em .15em rgba(0,0,0,.5);font-weight:300}a.reset-qr i:hover{background:#0994dd}a.reset-qr i:active{-webkit-box-shadow:.035em .035em .035em rgba(0,0,0,.75);box-shadow:.035em .035em .035em rgba(0,0,0,.75)}.qr-code .overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.channel-list{padding:0}.channel-list ul{padding:0;margin:0;list-style-type:none;min-height:6.7rem;margin-bottom:1rem}.channel-list li{vertical-align:middle;overflow:hidden;height:2.8rem;position:relative;font-size:.9rem;padding:.2rem 2rem;color:#7c827d;cursor:pointer}.channel-list li.active{color:#008ac3}.channel-list li:hover{color:#0994dd;background-color:#fcfcfc}.channel-list li>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:13em;white-space:nowrap;overflow:hidden}.channel-list li:before,.channel-list li>span{vertical-align:middle;display:inline-block;cursor:pointer}.channel-list li:before{content:attr(data-letters);font-size:1.2rem;width:2em;height:2em;line-height:2em;text-align:center;border-radius:50%;border:1px solid #7c827d;margin-right:.8em;color:#7c827d;font-weight:200}.channel-list li.active:before{color:#fff;background:#008ac3;border-color:#008ac3;font-weight:600}.channel-list li:hover:before{background:#0994dd;border-color:#0994dd}.footer{width:18.5rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-top:.5rem}.footer>a{display:block;overflow:hidden;-webkit-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;font-size:0;line-height:0;color:transparent;text-decoration:none}.footer .apple,.footer .google{width:4.9rem;height:1.55rem;margin-top:.1rem}.footer .goodid{width:6rem;height:2.2rem;background:url(/goodid-white-logo.png) no-repeat 50%;background-size:6rem}.footer .google{-ms-flex-order:2;order:2;opacity:1;background:url(/google_play.svg) no-repeat 0 0;background-size:contain}.footer .goodid{-ms-flex-order:1;order:1}.footer .apple{-ms-flex-order:0;order:0;opacity:1;background:url(/app_store.svg) no-repeat 0 0;background-size:contain}.footer:hover .goodid~a{opacity:1}.footer i{font-style:normal;color:#fff}i.delete{display:block;float:right;line-height:2.4rem;color:#eee;font-size:1.2rem;font-weight:400}.channel-list li:hover i.delete{color:#ddd}.channel-list li:hover i.delete:hover{color:#d9534f}i.close{float:left;font-size:1.1rem;color:#0994dd}i.info{float:right;font-size:1.6rem;color:#0994dd}button.add-channel:focus{outline:0}button.add-channel{float:right;font-size:1.2rem;text-align:center;background:#008ac3;color:#fff;border:1px solid transparent;border-radius:50%;-webkit-box-shadow:.15em .15em .15em rgba(0,0,0,.5);box-shadow:.15em .15em .15em rgba(0,0,0,.5);padding:1rem}button.add-channel:hover{background:#0994dd}button.add-channel:active{background:#0994dd;-webkit-box-shadow:.035em .035em .035em rgba(0,0,0,.75);box-shadow:.035em .035em .035em rgba(0,0,0,.75);-webkit-transform:translate(.035em,.035em);-ms-transform:translate(.035em,.035em);transform:translate(.035em,.035em)}div.add-channel{margin:.5rem 1rem 1rem}.request-progress{text-align:center;font-size:.8rem;line-height:161.8%}.request-progress h2{font-size:1.1rem;font-weight:600;margin:-1.75rem 0 0;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:18em;display:inline-block;padding:.5rem 0}.request-progress p{margin:0;line-height:1rem}.phone{position:relative;display:block;margin:-.5rem auto 2.5rem;width:5.43rem;height:6rem;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-animation:phone-pulse 3s infinite;animation:phone-pulse 3s infinite}.phone:before{background:url(/phone-background.svg) 50% no-repeat;background-size:contain;-webkit-animation:phone-vibrate 3s infinite;animation:phone-vibrate 3s infinite}.phone:after,.phone:before{position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%}.phone:after{background:url(/phone-indicator.svg) 50% no-repeat;background-size:30%;-webkit-animation:phone-indicator 3s infinite linear;animation:phone-indicator 3s infinite linear}.new-device h2{display:none}.new-device .phone{top:.8rem;width:6.5rem;height:7rem}.new-device .hint{display:inline-block;margin-top:.2rem}@-webkit-keyframes phone-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}33.3333%{-webkit-transform:scale(1.1);transform:scale(1.1)}66.6666%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes phone-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}33.3333%{-webkit-transform:scale(1.1);transform:scale(1.1)}66.6666%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes phone-vibrate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}6%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}12%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}18%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}24%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}30%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}36%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}42%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes phone-vibrate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}6%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}12%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}18%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}24%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}30%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}36%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}42%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes phone-indicator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes phone-indicator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.modal{background:#fff;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1.35rem;border:1px solid #008ac3;width:18rem;-webkit-box-shadow:.4rem .4rem .75rem rgba(0,0,0,.35);box-shadow:.4rem .4rem .75rem rgba(0,0,0,.35);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;padding:1rem;z-index:100}.sending-modal{width:17rem}.sending-modal h2{font-size:.95rem;line-height:100%}.sending-modal i.email{color:#376e37;cursor:default}.panel.blurred .panel-body>.channel-list,.panel.blurred .panel-body>.header,.panel.blurred .panel-body>.rp-info{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}.modal-background{display:block;position:absolute;width:100%;height:100%;top:0;background-color:hsla(0,0%,50%,.2);border-radius:1.3rem;z-index:10}.modal .buttons{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:space-evenly;justify-content:space-evenly;font-size:.8rem;padding-top:.5rem}.modal .buttons div{width:50%}.modal .buttons i{display:block;border-radius:50%;width:2.8rem;height:2.8rem;line-height:2.8rem;margin:0 auto;cursor:pointer;font-size:1.2rem;color:#fff}.sending-modal .cancel i:hover{background-color:#008ac3d1}.sending-modal .ok i:hover{background-color:rgba(74,147,74,.82)}.sending-modal .ok i{background-color:#4a934a}.sending-modal .cancel i{background-color:#008ac3}.sending-modal .device-name{margin:0;font-size:.9em;font-weight:300;white-space:nowrap}.flex-wrapper{display:-ms-flexbox;display:flex;width:100%;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.chart-wrapper{position:relative;width:160px;height:160px}.inner-wrapper{position:absolute;width:130px;height:130px;top:15px;left:15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#008ac3;border-radius:50%;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600}.single-chart{-ms-flex-pack:distribute;justify-content:space-around;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.circular-chart{display:block;height:100%}.circle-bg{fill:none;stroke:#008ac3;stroke-width:4}.circle{fill:none;stroke-width:4.25;stroke-linecap:square;-webkit-animation:progress 1s ease-out forwards;animation:progress 1s ease-out forwards}.circular-chart.orange .circle{stroke:#ff9f00}.circular-chart.green .circle{stroke:#ddd}.circular-chart.blue .circle{stroke:#3c9ee5}.percentage{fill:#666;font-family:sans-serif;font-size:.5em;text-anchor:middle}body{margin:0;padding:0}
/*# sourceMappingURL=main.205aebcf.css.map*/