html,body{max-width:100%;overflow-x:hidden}body{position:relative;margin:0;padding:0;font-family:'Exo 2',sans-serif;font-size:18px;color:#184174}.disabledElement{pointer-events:none;opacity:.4}.disabledElement2{pointer-events:none;opacity:.6}.notVisible{display:none}.fixed{position:fixed;width:100%;height:100%}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{outline:none;text-decoration:none}a:active{outline:none}input{outline:none;margin:0;padding:0}img{width:100%}img,img a{border:none}a:hover{text-decoration:none}.clearfix:after{content:"";display:table;clear:both}h1{font-size:28px;padding:0;margin:0;margin-bottom:30px}h2{font-size:20px;margin:0;padding:0}ul{margin:0;padding:0;list-style:none}p{line-height:1.3}.wrapper{padding:60px 20px 20px 20px}.table{display:table;width:100%}.row{display:table-row}.cell{display:table-cell;vertical-align:middle}.light-bg{background-color:#88d4ed}.dark-bg{background-color:#184174}.blue-bg{background-color:#1485bc;color:#fff}.light-bg.wrapper{padding:0 20px 10px 20px}header{position:fixed;width:100%;height:50px;z-index:99;background-color:#fff;border-bottom:2px solid #184174}.logo{margin:13px auto 5px auto;width:100px}.main-menu{display:none;padding:10px 20px}nav li{margin:10px 0;vertical-align:middle}nav li a{font-size:22px;color:#fff}.divider{width:100%;height:1px;background-color:#fff;margin:20px 0}.mobile-menu-button{position:absolute;text-indent:-9999px;background:url('../images/mobile_menu_icon.png') 0 0 no-repeat;background-size:23px 19px;width:23px;height:19px;top:15px;left:20px}.form-container{max-width:300px;margin:0 auto}.form-container h2{margin:20px 0}.form-container h2 a{color:#184174}.form-container label{display:block;font-weight:bold;margin-bottom:10px}.form-container input{width:100%;padding:10px;margin-bottom:20px;font-size:16px;color:#6d6d6d;border:1px solid #222a78;background-color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.remember-me td{vertical-align:baseline}.remember-me input{width:auto}.remember-me label{font-weight:normal}.form-container .submit{display:block;width:auto;margin:10px auto;padding:10px 20px;color:#fff;font-size:16px;font-weight:bold;text-align:center;background-color:#0acc20;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-container ul li{margin:10px 0}.form-container ul li:first-child{margin-top:30px}.form-container ul li a{color:#184174;font-weight:bold}.error-msg{display:block;margin-top:-15px;margin-bottom:20px;color:#f00}.blue-bg .form-container h2{margin:10px 0 30px}.blue-bg .form-container label{display:block;font-size:16px;font-weight:normal;margin-bottom:5px}.blue-bg .form-container input{margin-bottom:10px}.blue-bg .remember-me{margin-top:-20px}.blue-bg .form-container .submit{background-color:#184174;width:100%}.or{width:100%;text-align:center;color:#b7ebfb}.blue-bg .form-container ul li{margin-bottom:0;text-align:center}.blue-bg .form-container ul li:first-child{margin-top:0}.new-user-link{display:block;width:100%;margin:10px auto;padding:10px 20px;color:#fff !important;font-size:16px;font-weight:bold;text-align:center;background-color:#0ba51d;border:1px solid #222a78;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.forgot-password-link{color:#a5dffb !important;text-align:center;font-weight:normal !important;font-size:16px}.apps-login{padding-top:5px;padding-bottom:20px}.apps-login h2{color:#184174}.apps-login ul{margin-top:25px}.apps-login li{margin:15px 0;text-align:center}.apps-login img{width:auto}.external-login-button{border-style:none;background-color:#88d4ed;cursor:pointer}.language-button{border-style:none;-webkit-appearance:none;background-color:#184075;cursor:pointer;color:#fff;font-size:15px;font-family:'Exo 2',sans-serif}.edit-account a{display:inline-block;margin-top:-10px;margin-bottom:20px;color:#fff}.form-container dd{position:relative;margin:0 auto;padding:0;text-align:center}.form-container dd a{display:block;margin-top:27px}.form-container dd a.change-password{color:#fff;background-color:#184075;width:214px;height:42px;display:block;text-align:center;line-height:40px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:17px auto 30px}.form-container img{width:auto}.form-container dd a.authorization-link{display:inline;float:right;margin-top:5px;margin-left:10px}.form-container dd a.add-link{position:relative;margin-top:2px;margin-left:-6px;left:-10px}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}.heading{position:relative;padding:50px 20px 0 20px;height:100px}.dark-heading{background-color:#184174;color:#fff}.dark-heading h1{float:left;margin-top:11px;font-size:18px;font-weight:normal}.status-icon{float:right;margin-top:8px;font-size:12px}.status-icon img{display:block;width:25px;margin:0 auto}.list .heading{border-bottom:2px solid #184174}.list h1{float:left;margin-top:13px;margin-bottom:0;font-size:20px;line-height:1}.add-device{display:block;float:right;width:30px;height:30px;line-height:10px;color:#184174;font-size:30px;font-weight:bold;text-align:center;margin-top:9px;padding:5px;border:2px #184174 solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.list .table{font-size:14px;background-color:#fff}.list .cell{height:70px;padding:0 7px;text-align:center;border-bottom:2px solid #00a3db}.list .cell:first-child{padding-left:20px;text-align:left}.device-name{font-size:19px;color:#077af0;font-weight:bold}.device-status{text-align:center}.device-status img{display:block;width:30px;margin:0 auto}.online{color:#1ecc16}.offline{color:#e01414}.unconfirmed a{color:#184174}.status{font-weight:bold}.send-request{position:relative;display:inline-block;width:98px;padding:6px 10px 6px 35px;text-align:center;line-height:1;color:#fff;min-height:40px;border:1px solid #184174;background-color:#00a3db;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.send-request img{position:absolute;width:auto;left:5px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)}.delete-device img{width:auto}.connection-error{position:relative;padding:14px 20px;font-size:16px;color:#fff;background-color:#e91316}.connection-error i{width:30px;position:absolute;top:13px;right:28px}.connection-error.last-active{font-size:13px;text-align:right;padding:6px 15px}.overlay{position:absolute;width:100%;height:100%;background-color:#000;opacity:.7;z-index:1}.modal-overlay{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99;background-color:#000;opacity:.7;overflow:hidden}.confirmation-box{display:none;width:280px;padding:20px;position:absolute;top:200px;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);background-color:#c5e7f2;text-align:center;z-index:999;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.confirmation-box table{width:100%;margin:20px auto 0 auto}.confirmation-box table img{width:auto}.confirmation-box .close-button{position:absolute;top:-15px;right:-15px;z-index:1000}.main .wrapper{min-height:0;padding:12px 15px 8px 15px;position:relative}.main-button{position:relative;display:block;width:190px;height:190px;margin:0 auto;background:url('../images/buttons1.png') 0 0 no-repeat;background-size:cover;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.main-button.on{background:url('../images/buttons1.png') 0 0 no-repeat;background-size:cover}.main-button.off{background:url('../images/buttons1.png') -396px 0 no-repeat;background-size:cover}.main-button.auto{background:url('../images/buttons1.png') -198px 0 no-repeat;background-size:cover}.mode-container{max-width:75px;position:absolute;bottom:25px;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);text-align:center;color:#fff}.mode-container img{display:block;height:32px;width:auto;margin:0 auto}.mode-container span{display:block;font-size:15px;line-height:1.5}.data-container{position:relative;margin-top:10px;text-align:center}.palets-container{position:absolute;left:0;top:-15px;font-size:14px;text-align:center}.palets-procentege{font-size:26px;font-weight:bold}.palets-image{position:relative;width:50px}.palets-image img{width:50px;height:40px}.level-image{position:absolute;top:0;left:0;overflow:hidden}.power-container{position:absolute;left:15px;top:0;font-size:14px;text-align:center}.power-procentege{font-size:26px;font-weight:bold}.power-image{position:relative;width:40px}.power-image img{width:40px;height:53px}.power-level-image{position:absolute;top:0;left:0;overflow:hidden}.service-container{position:absolute;right:15px;top:20px;font-size:14px;text-align:center}.service-container img{width:50px;height:50px}.current-temp span{display:block}.current-temp span:nth-child(2){font-size:32px;font-weight:bold}.termostat-container{position:absolute;top:-5px;right:0}.termostat-image{display:block;width:42px;height:35px;background:url('../images/termostat.png') no-repeat;background-size:cover}.termostat-image.off{background:url('../images/termostat_off.png') no-repeat;background-size:cover}.termostat-image span{font-size:21px;position:absolute;top:35px;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%)}.slider-container{background-color:#fdfdfd;padding:0 70px 30px}.slider-container table{margin-left:-65px;font-size:14px}.slider-temp{background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(230,230,230,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0)}.slider-temp table{margin-bottom:20px}[disabled].slider-temp{padding-bottom:2px}[disabled].slider-temp .slider-wrapper{visibility:hidden}#slider-temp-value,#slider-power-value,.slider-value-temp{font-size:24px;font-weight:bold}.current-power{font-size:14px;text-align:right;position:relative;right:-60px;top:-50px;margin-bottom:-26px}.current-power strong{font-size:22px;vertical-align:sub}.noUi-connect{background-color:#f00}.noUi-handle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.noUi-handle:before,.noUi-handle:after{display:none}.noUi-horizontal{height:5px}.noUi-horizontal .noUi-handle{width:40px;height:40px;top:-19px;border:1px solid #184174}.disable-checkbox{margin-top:30px}.slider-wrapper{position:relative}.increase,.decrease{display:block;position:absolute;top:-26px;left:-50px;font-size:38px;color:#184174}.increase{top:-24px;left:auto;right:-50px}.weekly-temp-div{font-size:14px;text-align:right;position:relative;right:-56px;top:-32px;margin-bottom:-30px}.weekly-temp-div strong{font-size:24px}.weekly-temp{padding-top:25px;padding-bottom:20px}.weekly-temp table{margin-bottom:0}.weekly-temp img{width:auto;vertical-align:bottom}.weekly-temp .slider-value-temp{text-align:right}footer{width:100%;padding:20px;background-color:#184075;color:#fff}footer ul{float:right;text-align:right;line-height:1}footer ul li{float:left;margin-left:20px}footer ul li:first-child{margin-left:0}footer ul li a{display:block;color:#fff;font-size:14px}.allrights{float:left;font-size:14px;line-height:1}#toggles *,#toggles *:before,#toggles *:after{box-sizing:border-box;margin:0;padding:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;outline:none}#toggles{width:60px;text-align:center;transform:scale(.7);-ms-transform:scale(.7);-webkit-transform:scale(.7)}.ios-toggle,.ios-toggle:active{position:absolute;top:-5000px;height:0;width:0;opacity:0;border:none;outline:none}.checkbox-label{display:block;position:relative;padding:10px;margin-bottom:20px;font-size:12px;line-height:16px;width:100%;height:36px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;background:#f8f8f8;cursor:pointer}.checkbox-label:before{content:'';display:block;position:absolute;z-index:1;line-height:34px;text-indent:40px;height:36px;width:36px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;top:0;left:0;right:auto;background:#fff;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #ddd;-moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #ddd;box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #ddd}.checkbox-label:after{display:block;position:absolute;z-index:0;top:0;left:-300px;padding:10px;height:100%;width:300px;text-align:right;color:#bfbfbf;white-space:nowrap}.ios-toggle:checked+.checkbox-label{-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);-moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1)}.ios-toggle:checked+.checkbox-label:before{left:calc(100% - 36px);-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);-moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3)}.ios-toggle:checked+.checkbox-label:after{left:60px;width:36px}#checkbox1+.checkbox-label{-webkit-box-shadow:inset 0 0 0 0 rgba(19,191,17,1),0 0 0 2px #ddd;-moz-box-shadow:inset 0 0 0 0 rgba(19,191,17,1),0 0 0 2px #ddd;box-shadow:inset 0 0 0 0 rgba(19,191,17,1),0 0 0 2px #ddd}#checkbox1:checked+.checkbox-label{-webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);-moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1)}#checkbox1:checked+.checkbox-label:after{color:rgba(19,191,17,1)}@media screen and (max-width:380px){.form-container{max-width:100%}}@media screen and (max-width:380px){.list .cell{padding:0 5px;zoom:.7}.connection-error{font-size:16px}.connection-error i{width:20px}.connection-error.last-active{font-size:12px;text-align:right}.current-temp span{font-size:17px}.weekly-temp table{width:172%}footer ul li{margin-left:10px}footer ul li a,.allrights{font-size:12px}}