@font-face{font-family:'Icon Font';src:url('../fonts/BeckerIconFont.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'beckerIcons';src:url('../fonts/beckericons.ttf') format('truetype')}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:100;src:local('Libre Franklin Thin'),local('LibreFranklin-Thin'),url(../fonts/libre-franklin/LibreFranklin-Thin.ttf) format('truetype');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:100;src:local('Libre Franklin Thin'),local('LibreFranklin-Thin'),url(../fonts/libre-franklin/LibreFranklin-Thin.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:200;src:local('Libre Franklin ExtraLight'),local('LibreFranklin-ExtraLight'),url(../fonts/libre-franklin/LibreFranklin-ExtraLight.ttf) format('truetype');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:200;src:local('Libre Franklin ExtraLight'),local('LibreFranklin-ExtraLight'),url(../fonts/libre-franklin/LibreFranklin-ExtraLight.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:300;src:local('Libre Franklin Light'),local('LibreFranklin-Light'),url(../fonts/libre-franklin/LibreFranklin-Light.ttf) format('truetype');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:300;src:local('Libre Franklin Light'),local('LibreFranklin-Light'),url(../fonts/libre-franklin/LibreFranklin-Light.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;src:local('Libre Franklin'),local('LibreFranklin-Regular'),url(../fonts/libre-franklin/LibreFranklin-Regular.ttf) format('truetype');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;src:local('Libre Franklin'),local('LibreFranklin-Regular'),url(../fonts/libre-franklin/LibreFranklin-Regular.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:500;src:local('Libre Franklin Medium'),local('LibreFranklin-Medium'),url(../fonts/libre-franklin/LibreFranklin-Medium.ttf) format('truetype');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:500;src:local('Libre Franklin Medium'),local('LibreFranklin-Medium'),url(../fonts/libre-franklin/LibreFranklin-Medium.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:600;src:local('Libre Franklin SemiBold'),local('LibreFranklin-SemiBold'),url(../fonts/libre-franklin/LibreFranklin-SemiBold.ttf) format('truetype');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:600;src:local('Libre Franklin SemiBold'),local('LibreFranklin-SemiBold'),url(../fonts/libre-franklin/LibreFranklin-SemiBold.ttf) format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}.block_element{float:left;display:inline;width:calc(100% - 20px);margin:10px 0 0 10px;box-sizing:border-box}.dynamic-font{font-size:1.2rem}@-webkit-keyframes hide{0%{z-index:3}100%{z-index:1}}@keyframes hide{0%{z-index:3}100%{z-index:1}}@-webkit-keyframes show{0%{z-index:1}100%{z-index:3}}@keyframes show{0%{z-index:1}100%{z-index:3}}.glow{background:#70b1f0}.no-user-select{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}html{padding:0;margin:0;height:100%;overflow:hidden}br{clear:both}body{position:relative;padding:0;margin:0;height:100%;width:100%;-webkit-tap-highlight-color:transparent;font-family:'Libre Franklin',sans-serif;font-weight:200;-ms-scroll-chaining:chained;touch-action:none;-ms-touch-action:none;overflow:hidden;background:#1179a7}body.standalone{height:calc(100% - 20px);margin-top:20px}@media (orientation: portrait) and (min-width: 640px){body.standalone{margin-top:0;height:100%}}body.loading{background:url(../static/images/apple-touch-startup-image-1536x2008.png) center center no-repeat #1179a7;background-size:cover}@media (orientation: landscape) and (min-width: 800px),(orientation: landscape) and (min-width: 1024px),(orientation: landscape) and (min-width: 1280px){body.loading{background:url(../static/images/apple-touch-startup-image-1496x2048.png) center center no-repeat #1179a7;background-size:cover}}@media (orientation: landscape) and (max-width: 799px){body.loading{background:url(../static/images/apple-touch-startup-image-320x640.png) center center no-repeat #1179a7}}@media (orientation: landscape) and (max-width: 799px){body.loading{background:url(../static/images/apple-touch-startup-image-748x1024.png) center center no-repeat #1179a7;background-size:contain}}.no-animation{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important;transition:none !important;animation:none !important;-webkit-animation:none !important;-moz-animation:none !important;-ms-animation:none !important;-o-animation:none !important}.no-animation *{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important;transition:none !important;-webkit-animation:none !important;-moz-animation:none !important;-ms-animation:none !important;-o-animation:none !important;animation:none !important}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}.pointer{cursor:pointer !important}.tap-highlight{text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff}.tap-highlight .icon:before{color:#fff;text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff}a{text-decoration:none;cursor:pointer;outline:none}input,label{font-weight:normal}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.75);border:0 none #ffffff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#ffffff}::-webkit-scrollbar-thumb:active{background:#fff}::-webkit-scrollbar-track{background:rgba(0,0,0,0.25);border:0 solid #ffffff;border-radius:0;box-shadow:0 0 0 1px #000}::-webkit-scrollbar-track:hover{background:rgba(255,255,255,0.25)}::-webkit-scrollbar-track:active{background:rgba(255,255,255,0.25)}::-webkit-scrollbar-corner{background:transparent}#connection-error{position:absolute;left:50%;top:auto;bottom:0;width:320px;height:50px;line-height:25px;transform:translate(-50%, 0);background:rgba(200,0,0,0.8);color:#fff;z-index:10000;text-align:center}.click-detector{position:absolute;left:0;top:0;width:50px;height:50px;background:#fff;border-radius:50px;-webkit-animation:click-detector 500ms ease-in-out both;animation:click-detector 500ms ease-in-out both;z-index:10000;pointer-events:none}.click-detector.odd{background:#000}#application-wrapper{position:absolute;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;z-index:2}.hidden{display:none !important}.area{position:relative;float:left;display:inline;width:100%;height:100%;background:none}.device-frame{border:0;position:absolute;left:10px;right:0;top:10px;bottom:0;width:calc(100% - 20px);height:calc(100% - 20px)}@-webkit-keyframes click-detector{0%{transform:scale(.7, .7);-webkit-transform:scale(.7, .7);opacity:.75}100%{transform:scale(.1, .1);-webkit-transform:scale(.1, .1);opacity:0}}@keyframes click-detector{0%{transform:scale(.7, .7);-webkit-transform:scale(.7, .7);opacity:.75}100%{transform:scale(.1, .1);-webkit-transform:scale(.1, .1);opacity:0}}#addToHomeScreen{z-index:9999;-webkit-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;touch-callout:none;width:240px;font-size:15px;padding:12px 14px;text-align:left;font-family:helvetica;background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(.02, #eee), color-stop(.98, #ccc), color-stop(1, #a3a3a3));border:1px solid #505050;-webkit-border-radius:8px;-webkit-background-clip:padding-box;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.75);line-height:130%;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5)}#addToHomeScreen.addToHomeIOS7{background:#f2f2f2 !important;-webkit-border-radius:1px !important;border:1px solid #ccc;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2)}#addToHomeScreen.addToHomeIpad{width:268px;font-size:18px;padding:14px}#addToHomeScreen.addToHomeWide{width:296px}#addToHomeScreen.addToHomeIpad.addToHomeWide{width:320px;font-size:18px;padding:14px}#addToHomeScreen .addToHomeArrow{position:absolute;background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(204,204,204,0)), color-stop(.4, rgba(204,204,204,0)), color-stop(.4, #ccc));border-width:0 1px 1px 0;border-style:solid;border-color:#505050;width:16px;height:16px;-webkit-transform:rotateZ(45deg);bottom:-9px;left:50%;margin-left:-8px;-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;-webkit-border-bottom-right-radius:2px}#addToHomeScreen.addToHomeIOS7 .addToHomeArrow{background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(204,204,204,0)), color-stop(.4, rgba(204,204,204,0)), color-stop(.4, #f2f2f2)) !important;-webkit-box-shadow:inset -1px -1px 0 #fff !important;border-color:#ccc !important}#addToHomeScreen.addToHomeIpad .addToHomeArrow{-webkit-transform:rotateZ(-135deg);background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, rgba(238,238,238,0)), color-stop(.4, rgba(238,238,238,0)), color-stop(.4, #eee));-webkit-box-shadow:inset -1px -1px 0 #fff;top:-9px;bottom:auto;left:50%}#addToHomeScreen .addToHomeClose{-webkit-box-sizing:border-box;position:absolute;right:4px;top:4px;width:18px;height:18px;line-height:14px;text-align:center;text-indent:1px;-webkit-border-radius:9px;background:rgba(0,0,0,0.12);color:#888;-webkit-box-shadow:0 1px 0 #fff;font-size:16px}#addToHomeScreen.addToHomeIOS7 .addToHomeClose{line-height:12px;padding-right:1px;background:transparent;border:1px solid #888;-webkit-box-shadow:none}#addToHomeScreen .addToHomePlus{font-weight:bold;font-size:1.3em}#addToHomeScreen .addToHomeShare{display:inline-block;width:18px;height:15px;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);background-size:18px 15px;text-indent:-9999em;overflow:hidden}#addToHomeScreen.addToHomeIOS7 .addToHomeShare{width:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=);background-size:11px 15px}#addToHomeScreen .addToHomeTouchIcon{display:block;float:left;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),inset 0 0 2px rgba(255,255,255,0.9);box-shadow:0 1px 3px rgba(0,0,0,0.5),inset 0 0 2px rgba(255,255,255,0.9);background-repeat:no-repeat;width:57px;height:57px;-webkit-background-size:57px 57px;background-size:57px 57px;margin:0 12px 0 0;border:1px solid #333;-webkit-background-clip:padding-box;background-clip:padding-box}.logic-head{float:none;display:block;height:34px;padding:9px 10px 8px 10px;color:#fff;position:relative;z-index:1;background:rgba(0,0,0,0.5);margin-top:1px}.logic-head .struct-icon{font-size:34px;height:34px;line-height:34px;margin:0 0 0 5px;z-index:1;position:absolute}.logic-head p{position:relative;line-height:50px;position:absolute;left:47px;top:0;margin:0;right:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem}.logic-head .right{position:absolute;right:5px;left:auto;width:28px;height:28px;font-size:18px;line-height:28px;margin:0;font-weight:bold;text-align:center;border:3px solid #fff;border-radius:20px;z-index:1}.logic-wrapper{position:absolute;left:0;right:0;bottom:0;top:0}.logic-wrapper label{float:none;display:block;color:#fff}.logic-wrapper .buttons,.logic-wrapper .buttons .accordeon-area{-webkit-transition:height .2s 0s linear;-moz-transition:height .2s 0s linear;-o-transition:height .2s 0s linear;transition:height .2s 0s linear}.logic-wrapper .anim{-webkit-transition:transform .2s 0s linear;-moz-transition:transform .2s 0s linear;-o-transition:transform .2s 0s linear;transition:transform .2s 0s linear}.logic-wrapper .buttons{position:absolute;left:0;bottom:0;top:0;width:100%;z-index:3;transform:scale(1) rotate(0deg) translate3d(0, 0, 0)}.logic-wrapper .buttons .bg{position:absolute;left:0;top:0;bottom:0;width:37.5%;background:rgba(0,0,0,0.5);opacity:1}.logic-wrapper .buttons .add-condition{position:relative;float:left;display:inline;width:37.5%;margin:0;padding:0;border-top:1px solid #000;padding:10px;box-sizing:border-box;color:#fff;z-index:2}.logic-wrapper .buttons .add-condition .anim{position:absolute;left:0;top:0;bottom:0;width:100%;background:#000;-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-transform-origin:0 0;transform-origin:0 0;z-index:0}.logic-wrapper .buttons .add-condition.active .anim{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.logic-wrapper .buttons .accordeon-area{position:absolute;left:37.5%;top:0;width:62.5%;height:100%;background:rgba(0,0,0,0.75);overflow:hidden;z-index:2;transform-origin:0 0;-webkit-transform-origin:0 0}.logic-wrapper .buttons .accordeon-area.collapsed{height:0;width:62.5%;overflow:hidden;white-space:no-wrap}@media (orientation:portrait),(orientation:landscape) and (max-width:400px){.logic-wrapper{max-height:none}.logic-wrapper.values-1 .buttons.collapsed{height:55px}.logic-wrapper.values-1 .buttons .accordeon-area{height:calc(100% - 55px)}.logic-wrapper.values-2 .buttons.collapsed{height:110px}.logic-wrapper.values-2 .buttons .accordeon-area{height:calc(100% - 110px)}.logic-wrapper.values-3 .buttons.collapsed{height:165px}.logic-wrapper.values-3 .buttons .accordeon-area{height:calc(100% - 165px)}.logic-wrapper .buttons{width:100%;height:100%;top:auto}.logic-wrapper .buttons .bg{width:100%}.logic-wrapper .buttons .accordeon-area{position:relative;left:0;top:auto;float:left;display:inline;width:100%;background:rgba(0,0,0,0.5)}.logic-wrapper .buttons .accordeon-area.collapsed{height:0;width:100%}.logic-wrapper .buttons.collapsed{top:auto;width:100%;height:auto}.logic-wrapper .buttons.collapsed .add-condition{width:100%}.logic-wrapper .buttons .add-condition{width:100%}.logic-wrapper .buttons .add-condition[data-offered-type="delete"]{display:none}}@media (min-width:800px) and (min-height:600px){.logic-wrapper{position:relative;width:100%;height:100%;top:auto;right:auto;left:auto;bottom:auto;float:left;display:inline}}body{font-size:12px}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (max-width: 639px){body{font-size:10px}}#struct-browser-detection{background:#000;position:absolute;left:0;right:0;top:0;bottom:0;z-index:99999;color:#fff;padding:10px}.struct-auth{position:absolute;left:0;right:0;bottom:0;top:0;z-index:99998}.struct-auth .struct-auth-inner{position:absolute;width:300px;height:210px;left:50%;top:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0.6);border:1px solid #000;border-radius:10px}.struct-auth .input.button.fixed-bottom{bottom:10px}.struct-auth .input.input-input{margin-top:20px}.struct-auth .input.input-input input{line-height:50px;height:50px}.struct-auth label{float:left;display:inline;color:#fff;padding:10px 0 0 10px;font-size:16pt}.struct-auth p{position:absolute;left:auto;right:10px;top:5px;color:#ff0000;font-weight:bold}.struct-gateway-auth .input.input-input{margin-top:15px}.struct-gateway-auth .input.input-input input{padding:5px;line-height:40px;box-sizing:border-box;background:rgba(0,0,0,0.25);border:0}#struct-browser-detection{background:#000;position:absolute;left:0;right:0;top:0;bottom:0;z-index:99999;color:#fff;padding:10px}#menu-button{position:absolute;left:0;top:0;width:80px;height:78px;cursor:pointer;z-index:13;background:rgba(255,255,255,0.25)}#menu-button .rip{position:relative;z-index:2;float:left;display:inline;margin:13px 0 0 15px;width:50px;height:3px;border-radius:10px;background:rgba(255,255,255,0.7)}#menu-button .rip:first-child{margin-top:20px}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (max-width: 639px){#menu-button{width:60px;height:60px}#menu-button .rip{width:40px;margin:5px 10px}#menu-button .rip:first-child{margin-top:16px}}.offline-icon{float:left;display:inline;width:32px;height:32px}.text-content{float:left;display:inline;color:#fff;padding:10px;font-size:1.2rem}.struct-block-box{float:none;display:block;max-height:300px;height:100vh;position:relative;margin-top:10px;border-radius:5px}.struct-block-box.dark{background:rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.4)}.struct-block-box.device{margin:0 10px;border-radius:0}.struct-error-message,.struct-message{display:inline-block;background:rgba(255,86,33,0.5);color:#fff;padding:10px;text-align:center;min-width:66%;margin:10px;font-size:1.2rem}.struct-error-message.center-center,.struct-message.center-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0}.struct-error-message.auto-size,.struct-message.auto-size{width:calc(100% - 40px)}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (max-width: 639px){.struct-error-message,.struct-message{font-size:1.7rem;line-height:3rem}}.struct-error-message{width:calc(100% - 20px);box-sizing:border-box}.struct-message{background:rgba(0,0,0,0.4);border:1px solid rgba(0,0,0,0.6)}.struct-message.green{background:rgba(70,244,0,0.2);border:1px solid rgba(70,244,0,0.4)}.struct-text{float:left;display:inline;width:calc(100% - 42px);margin:10px;padding:10px;color:#fff;font-size:1.2rem;background:rgba(0,0,0,0.6);border:1px solid rgba(0,0,0,0.8)}.no-items{float:left;display:inline;width:calc(100% - 22px);box-sizing:border-box;background:rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.4);border-radius:1vw;padding:2vw;font-size:3vh;color:#fff;text-align:center;margin:10px}.page-label,.struct-page-label{float:left;display:inline;margin:10px 10px 0 10px !important;padding:0 0 10px 0 !important;width:calc(100% - 20px);color:#fff;border-bottom:1px solid rgba(255,255,255,0.25);font-size:1.6rem !important}.struct-label{float:left;display:inline;margin:15px 10px 0 10px;width:calc(100% - 20px);color:#fff;font-size:1.2rem !important;font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.4);padding:0 !important}.page-overlay{float:none;position:absolute;text-align:center;z-index:9999;top:50%;transform:translate(0, -50%);margin:10px 10px 0 10px;padding:10px;width:calc(100% - 40px);color:#fff;font-size:5vh;background:rgba(0,0,0,0.6);border-radius:10px}@media (orientation: landscape) and (max-width: 799px){.page-overlay{font-size:8vh}}.page-description{float:left;display:inline;width:calc(100% - 20px);margin:10px 0 0 10px;box-sizing:border-box;color:#fff;font-size:1.2rem}.struct-hr{float:left;display:inline;width:calc(100% - 20px);box-sizing:border-box;height:1px;background:rgba(255,255,255,0.25);margin:10px 0 0 10px}@media (orientation: landscape) and (max-width: 799px){.hidden-mobile{display:none}}@media (orientation: portrait) and (max-width: 639px){.hidden-mobile{display:none}}@media (orientation: landscape) and (min-width: 800px){.hidden-desktop{display:none}}.light{background:rgba(255,255,255,0.25)}.background-wrapper{position:absolute;left:0;right:0;bottom:0;top:0;z-index:1}.background-wrapper .bubble{position:absolute;top:0;left:0}.struct-settings{position:absolute;overflow-y:auto}@media (orientation: landscape){.struct-settings{top:0;left:80px;width:calc(100% - 80px);bottom:0}}@media (orientation: landscape) and (max-width: 799px){.struct-settings{top:0;left:0;bottom:0;width:100%}}@media (orientation: portrait){.struct-settings{top:80px;left:0;bottom:0;width:100%}}@media (orientation: portrait) and (max-width: 639px){.struct-settings{top:60px;left:0;width:100%;bottom:0}}.struct-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;transition:transform .2s ease-in-out;-webkit-transform:scale(1, 1);transform:scale(1, 1);z-index:11;overflow:hidden;background:rgba(0,0,0,0)}.struct-wrapper.off{-webkit-transform:scale(0, 0);transform:scale(0, 0)}.struct-wrapper.force{transition:background .2s linear;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important;background:rgba(0,0,0,0.9)}.struct-wrapper.dark .struct-content{background:rgba(0,0,0,0.25)}.struct-wrapper.main-nav{top:0;left:0;z-index:12}.struct-wrapper.main-nav .struct-content .struct-tiles .tile-wrapper{position:absolute;display:block;width:100%;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.struct-wrapper.favorites.overflow-y .struct-content{position:absolute;left:0;right:0;top:0;bottom:0}.struct-wrapper.favorites.overflow-y .invoking-fav{position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.8);color:#fff}.struct-wrapper.update-news,.struct-wrapper.connection-error{top:0;left:0;right:0;bottom:0;overflow:hidden}.struct-wrapper.update-news .center-content,.struct-wrapper.connection-error .center-content{position:absolute;top:0;bottom:0}.struct-wrapper.update-news .center-content .struct-text,.struct-wrapper.connection-error .center-content .struct-text{position:absolute;top:0;left:0;right:0;bottom:70px;overflow-y:auto}.struct-wrapper.update-news .input.button,.struct-wrapper.connection-error .input.button{position:absolute;top:auto;bottom:10px;left:0;right:0}.struct-wrapper.connection-error .input.button{float:left;display:inline;position:relative;top:auto;right:auto;bottom:auto;left:50%;max-width:300px;transform:translate(-50%, 0);margin-top:30px}.struct-wrapper.connection-error .input.button .text{width:100%}.struct-wrapper .struct-content{min-height:100%}.struct-wrapper .struct-content.center-content{top:0;bottom:0}@media (orientation: portrait){.struct-wrapper .struct-content.center-content{width:100%;right:0}}@media (orientation: landscape) and (min-width: 800px),(orientation: portrait) and (min-width: 1024px){.struct-wrapper .struct-content.center-content{width:66%;margin-left:17%}}@media (orientation: landscape) and (min-width: 1400px){.struct-wrapper .struct-content.center-content{width:50%;margin-left:25%}}@media (orientation: landscape) and (max-width: 799px){.struct-wrapper .struct-content.center-content{width:100%;right:0}}@media (orientation: portrait) and (max-width: 639px){.struct-wrapper .struct-content.center-content{width:100%;right:0}}@media (orientation: portrait) and (max-width: 639px){.struct-wrapper .struct-content.center-content{width:100%;right:0}}@media (orientation: landscape){.struct-wrapper{top:0;left:80px}}@media (orientation: landscape) and (max-width: 799px){.struct-wrapper{top:0;left:60px}.struct-wrapper.main-nav .struct-content{top:0}}@media (orientation: portrait){.struct-wrapper{top:80px;left:0}}@media (orientation: portrait) and (max-width: 639px){.struct-wrapper{top:60px;left:0}}.struct-wrapper.overflow-y{overflow-y:auto}.struct-wrapper.overflow-y .struct-content{float:left;display:inline;position:relative;top:auto;left:auto;bottom:auto;right:auto;padding-bottom:10px;box-sizing:border-box}.svg-icon{background-size:contain;background-position:center center;background-repeat:no-repeat}.struct-head{position:absolute;left:82px;right:0;top:0;height:78px;background:rgba(0,0,0,0.25);z-index:12;transition:opacity .2s ease-in-out;opacity:1}.struct-head.off{opacity:0}.struct-head .struct-icon{height:78px;color:#fff;font-size:42px;line-height:78px;text-align:center;float:right;display:inline;cursor:pointer;width:78px;margin-left:2px;background-size:40px 40px !important}.struct-head .struct-icon.item-logmsg{color:#ff0000}.struct-head .head{position:absolute;left:0;top:0;width:100%;height:100%}.struct-head.struct-head-home .struct-icon{background-color:rgba(0,0,0,0.3)}@media (orientation: landscape) and (min-width: 800px){.struct-head{left:0;top:80px;bottom:0;right:auto;width:80px;height:100%}.struct-head.struct-head-home .struct-icon{margin-top:2px;margin-left:0;width:80px}.struct-head.struct-head-home .struct-icon:first-child{margin-top:0}}@media (orientation: landscape) and (max-width: 799px){.struct-head{left:0;width:60px;top:60px;bottom:0;height:auto}.struct-head .struct-icon{font-size:32px;line-height:60px;height:60px;width:60px}.struct-head.struct-head-home .struct-icon{margin-top:2px}}@media (orientation: portrait) and (max-width: 639px){.struct-head{left:60px;height:60px}.struct-head .struct-icon{font-size:32px;line-height:60px;height:60px;width:60px}.struct-head.struct-head-home .struct-icon{margin-left:2px;float:right}}.struct-icon{position:relative;left:0;font-weight:normal !important}.struct-icon.standalone{float:left;display:inline;width:32px;height:32px;font-size:32px;text-align:center;color:#fff;line-height:32px;margin:10px 0 10px 10px}.struct-icon .icon-icon{font-family:'Icon Font'}.struct-icon.default:before{font-family:'Icon Font';content:'t'}.struct-icon.update:before{font-family:'Icon Font';content:'1'}.struct-icon.application:before{font-family:'Icon Font';content:'f'}.struct-icon.room:before{font-family:'Icon Font';content:'g'}.struct-icon.group:before{font-family:'Icon Font';content:'d'}.struct-icon.scene:before{font-family:'Icon Font';content:'a'}.struct-icon.favourite:before{font-family:'Icon Font';content:'h'}.struct-icon.gear:before{font-family:'Icon Font';content:'s'}.struct-icon.home:before{font-family:'Icon Font';content:'t'}.struct-icon.back:before{font-family:'Icon Font';content:'B'}.struct-icon.up:before{font-family:'Icon Font';content:'e'}.struct-icon.down:before{font-family:'Icon Font';content:'r'}.struct-icon.left:before{font-family:'Icon Font';content:'w'}.struct-icon.right:before{font-family:'Icon Font';content:'q'}.struct-icon.ctrl-up:before{font-family:'Icon Font';content:'X'}.struct-icon.ctrl-down:before{font-family:'Icon Font';content:'Y'}.struct-icon.ctrl-stop:before{font-family:'Icon Font';content:'C'}.struct-icon.ventilation:before{font-family:'Icon Font';content:'i'}.struct-icon.save:before{font-family:'Icon Font';content:'L'}.struct-icon.chanceflurries:before{font-family:'Icon Font';content:"P"}.struct-icon.chancerain:before{font-family:'Icon Font';content:"D"}.struct-icon.chancesleet:before{font-family:'Icon Font';content:"P"}.struct-icon.chancesnow:before{font-family:'Icon Font';content:"S"}.struct-icon.chancetstorms:before{font-family:'Icon Font';content:"A"}.struct-icon.cloudy:before{font-family:'Icon Font';content:"W"}.struct-icon.clear:before{font-family:'Icon Font';content:"Q"}.struct-icon.flurries:before{font-family:'Icon Font';content:"e"}.struct-icon.fog:before{font-family:'Icon Font';content:"R"}.struct-icon.hazy:before{font-family:'Icon Font';content:"T"}.struct-icon.mostlycloudy:before{font-family:'Icon Font';content:"Z"}.struct-icon.mostlysunny:before{font-family:'Icon Font';content:"R"}.struct-icon.partlycloudy:before{font-family:'Icon Font';content:"Z"}.struct-icon.partlysunny:before{font-family:'Icon Font';content:"Z"}.struct-icon.sleet:before{font-family:'Icon Font';content:"E"}.struct-icon.rain:before{font-family:'Icon Font';content:"U"}.struct-icon.snow:before{font-family:'Icon Font';content:"E"}.struct-icon.sunny:before{font-family:'Icon Font';content:"Q"}.struct-icon.tstorms:before{font-family:'Icon Font';content:"O"}.struct-icon.manual:before{font-family:'Icon Font';content:"M"}.struct-icon.automatic:before{font-family:'Icon Font';content:"m"}.struct-icon.remote:before{font-family:'Icon Font';content:"b";z-index:2;position:relative}.struct-icon.remote{position:relative;transform:rotate(30deg)}.struct-icon.broken-glass:before{font-family:'Icon Font';content:"\00A1"}.struct-icon.icon-sensor:before{font-family:'Icon Font';content:"\00A5"}.struct-icon.icon-internal-object:before{font-family:'Icon Font';content:"\00A2"}.struct-icon.icon-receiver:before{font-family:'Icon Font';content:"\00B9"}.struct-icon.icon-lock-open:before{font-family:'Icon Font';content:"\00AF"}.struct-icon.icon-lock-closed:before{font-family:'Icon Font';content:"\00B2"}.struct-icon.icon-thermostat:before{font-family:'Icon Font';content:"\00B5"}.struct-icon.icon-music:before{font-family:'Icon Font';content:"\00BC"}.struct-icon.icon-target-value:before{font-family:'Icon Font';content:"\00BF"}.struct-icon.icon-motion:before{font-family:'Icon Font';content:"\00D1"}.struct-icon.icon-motion-clear:before{font-family:'Icon Font';content:"\00D2"}.struct-icon.icon-freeze:before{font-family:'Icon Font';content:"\00C5"}.struct-icon.icon-window-open:before{font-family:'Icon Font';content:"\00C8"}.struct-icon.icon-window-closed:before{font-family:'Icon Font';content:"\00C9"}.struct-icon.icon-sensor-sun-glass:before{font-family:'Icon Font';content:"\00CB"}.struct-icon.icon-fire:before{font-family:'Icon Font';content:"\00CE"}.struct-icon.icon-camera:before{font-family:'Icon Font';content:"\00AB"}.struct-icon.icon-automation:before{font-family:'Icon Font';content:"\00D5"}.struct-icon.icon-key:before{font-family:'Icon Font';content:"\00D8"}.struct-icon.icon-draw:before{font-family:'Icon Font';content:"\00ED"}.struct-icon.icon-information:before{font-family:'Icon Font';content:"\00E1"}.struct-icon.icon-system:before{font-family:'Icon Font';content:"\00E4"}.struct-icon.icon-eye:before{font-family:'Icon Font';content:"\00DB"}.struct-icon.undo:before{font-family:'Icon Font';content:"\00E8"}.struct-icon.redo:before{font-family:'Icon Font';content:"\00E7"}.struct-icon.icon-play:before{font-family:'Icon Font';content:"V"}.struct-icon.icon-stop:before{font-family:'Icon Font';content:"N"}.struct-icon.icon-vacation:before{font-family:'Icon Font';content:"\00FC"}.struct-icon.icon-support:before{font-family:'Icon Font';content:"\00EA"}.struct-icon.icon-language:before{font-family:'Icon Font';content:"\00F6"}.struct-icon.icon-effects:before{font-family:'Icon Font';content:"\00F9"}.struct-icon.icon-network:before{font-family:'Icon Font';content:"\00F3"}.struct-icon.icon-memory:before{font-family:'Icon Font';content:"\00FF"}.struct-icon.icon-reboot:before{font-family:'Icon Font';content:"\0102"}.struct-icon.icon-restore:before{font-family:'Icon Font';content:"\0109"}.struct-icon.icon-backup:before{font-family:'Icon Font';content:"\0108"}.struct-icon.icon-becker:before{font-family:'Icon Font';content:"\010B"}.struct-icon.icon-wizard:before{font-family:'Icon Font';content:"\010E"}.struct-icon.icon-gear:before{font-family:'Icon Font';content:"\0112"}.struct-icon.icon-up-down-alternate:before{font-family:'Icon Font';content:"\0114"}.struct-icon.icon-up-down:before{font-family:'Icon Font';content:"\0115"}.struct-icon.icon-location:before{font-family:'Icon Font';content:"\011C"}.struct-icon.delete:before{font-family:'Icon Font';content:"\0118"}.struct-icon.add:before{font-family:'Icon Font';content:"\0117"}.struct-icon.remove:before{font-family:'Icon Font';content:"\0119"}.struct-icon.icon-wifi:before{font-family:'Icon Font';position:absolute}.struct-icon.icon-wifi:after{font-family:'Icon Font';content:'\011F';opacity:.5}.struct-icon.icon-wifi.strength-5:before{content:'\011F'}.struct-icon.icon-wifi.strength-4:before{content:'\0120'}.struct-icon.icon-wifi.strength-3:before{content:'\0121'}.struct-icon.icon-wifi.strength-2:before{content:'\0122'}.struct-icon.icon-wifi.strength-1:before{content:'\0123'}.struct-icon.icon-wifi.strength-0:before{content:''}.struct-icon.home{left:0}.struct-icon.request-fullscreen:before{font-family:'Icon Font';content:"F"}.struct-icon .icon-b-icon{font-family:'beckerIcons'}.struct-icon.item-logmsg:before{font-family:'beckerIcons';content:'1'}.struct-icon.device-shutter:before{font-family:'beckerIcons';content:'2'}.struct-icon.device-screen:before{font-family:'beckerIcons';content:'3'}.struct-icon.device-awning:before{font-family:'beckerIcons';content:'4'}.struct-icon.device-thermostat:before{font-family:'beckerIcons';content:'5'}.struct-icon.device-venetian:before{font-family:'beckerIcons';content:'6'}.struct-icon.device-switch:before{font-family:'beckerIcons';content:'7'}.struct-icon.device-dimmer:before{font-family:'beckerIcons';content:'8'}.struct-icon.device-sun-sail:before{font-family:'beckerIcons';content:'9'}.struct-icon.hotkey-myhome:before{font-family:'beckerIcons';content:'0'}.struct-icon.device-roof-window:before{font-family:'beckerIcons';content:'A'}.struct-icon.device-door:before,.struct-icon.device-door-pulse:before{font-family:'beckerIcons';content:'B'}.struct-icon.device-heater:before{font-family:'beckerIcons';content:'C'}.struct-icon.item-scene:before{font-family:'beckerIcons';content:'D'}.struct-icon.item-room:before{font-family:'beckerIcons';content:'E'}.struct-icon.item-webcam:before{font-family:'beckerIcons';content:'F'}.struct-icon.item-radio:before{font-family:'beckerIcons';content:'G'}.struct-icon.item-clock:before{font-family:'beckerIcons';content:'H'}.struct-icon.sym-shamrock:before{font-family:'beckerIcons';content:'I'}.struct-icon.sym-lamp-ceil:before{font-family:'beckerIcons';content:'J'}.struct-icon.sym-lamp-desk:before{font-family:'beckerIcons';content:'K'}.struct-icon.sym-drop:before{font-family:'beckerIcons';content:'L'}.struct-icon.sym-sun:before{font-family:'beckerIcons';content:'M'}.struct-icon.sym-thermometer:before{font-family:'beckerIcons';content:'N'}.struct-icon.sym-switch-off:before{font-family:'beckerIcons';content:'O'}.struct-icon.sym-fountain:before{font-family:'beckerIcons';content:'P'}.struct-icon.sym-window:before{font-family:'beckerIcons';content:'Q'}.struct-icon.sym-door:before{font-family:'beckerIcons';content:'R'}.struct-icon.sym-cancel:before{font-family:'beckerIcons';content:'S'}.struct-icon.sym-confirm:before{font-family:'beckerIcons';content:'T'}.struct-icon.sym-info:before{font-family:'beckerIcons';content:'U'}.struct-icon.sym-dish:before{font-family:'beckerIcons';content:'V'}.struct-icon.sym-people:before{font-family:'beckerIcons';content:'W'}.struct-icon.sym-tvscreen:before{font-family:'beckerIcons';content:'X'}.struct-icon.sym-computer:before{font-family:'beckerIcons';content:'Y'}.struct-icon.sym-couch:before{font-family:'beckerIcons';content:'Z'}.struct-icon.sym-vessel:before{font-family:'beckerIcons';content:'a'}.struct-icon.sym-shower:before{font-family:'beckerIcons';content:'b'}.struct-icon.sym-stove:before{font-family:'beckerIcons';content:'c'}.struct-icon.sym-stairs:before{font-family:'beckerIcons';content:'d'}.struct-icon.sym-picture:before{font-family:'beckerIcons';content:'e'}.struct-icon.button-fav-fire:before{font-family:'beckerIcons';content:'f'}.struct-icon.sym-teddy-1:before{font-family:'beckerIcons';content:'g'}.struct-icon.sym-teddy-2:before{font-family:'beckerIcons';content:'h'}.struct-icon.sym-teddy-3:before{font-family:'beckerIcons';content:'i'}.struct-icon.sym-bed-1:before{font-family:'beckerIcons';content:'j'}.struct-icon.sym-bed-2:before{font-family:'beckerIcons';content:'k'}.struct-icon.sym-bed-3:before{font-family:'beckerIcons';content:'l'}.struct-icon.sym-digit-1:before{font-family:'beckerIcons';content:'n'}.struct-icon.sym-digit-2:before{font-family:'beckerIcons';content:'o'}.struct-icon.sym-digit-3:before{font-family:'beckerIcons';content:'p'}.struct-icon.sym-digit-4:before{font-family:'beckerIcons';content:'q'}.struct-icon.sym-digit-5:before{font-family:'beckerIcons';content:'r'}.struct-icon.sym-digit-6:before{font-family:'beckerIcons';content:'s'}.struct-icon.sym-digit-7:before{font-family:'beckerIcons';content:'t'}.struct-icon.sym-digit-8:before{font-family:'beckerIcons';content:'u'}.struct-icon.sym-digit-9:before{font-family:'beckerIcons';content:'v'}.struct-icon.sym-digit-0:before{font-family:'beckerIcons';content:'w'}.struct-icon.sym-letter-A:before{font-family:'beckerIcons';content:'x'}.struct-icon.sym-letter-B:before{font-family:'beckerIcons';content:'y'}.struct-icon.sym-letter-C:before{font-family:'beckerIcons';content:'z'}.struct-icon.sym-letter-D:before{font-family:'beckerIcons';content:'À'}.struct-icon.sym-letter-E:before{font-family:'beckerIcons';content:'Á'}.struct-icon.sym-letter-F:before{font-family:'beckerIcons';content:'Â'}.struct-icon.sym-letter-G:before{font-family:'beckerIcons';content:'Ã'}.struct-icon.sym-letter-H:before{font-family:'beckerIcons';content:'Ä'}.struct-icon.sym-letter-I:before{font-family:'beckerIcons';content:'Å'}.struct-icon.sym-letter-J:before{font-family:'beckerIcons';content:'Æ'}.struct-icon.sym-letter-K:before{font-family:'beckerIcons';content:'Ç'}.struct-icon.sym-letter-L:before{font-family:'beckerIcons';content:'È'}.struct-icon.sym-letter-M:before{font-family:'beckerIcons';content:'É'}.struct-icon.sym-letter-N:before{font-family:'beckerIcons';content:'Ê'}.struct-icon.sym-letter-O:before{font-family:'beckerIcons';content:'Ë'}.struct-icon.sym-letter-P:before{font-family:'beckerIcons';content:'Ì'}.struct-icon.sym-letter-Q:before{font-family:'beckerIcons';content:'Í'}.struct-icon.sym-letter-R:before{font-family:'beckerIcons';content:'Î'}.struct-icon.sym-letter-S:before{font-family:'beckerIcons';content:'Ï'}.struct-icon.sym-letter-T:before{font-family:'beckerIcons';content:'Ð'}.struct-icon.sym-letter-U:before{font-family:'beckerIcons';content:'Ñ'}.struct-icon.sym-letter-V:before{font-family:'beckerIcons';content:'Ò'}.struct-icon.sym-letter-W:before{font-family:'beckerIcons';content:'Ó'}.struct-icon.sym-letter-X:before{font-family:'beckerIcons';content:'Ô'}.struct-icon.sym-letter-Y:before{font-family:'beckerIcons';content:'Ö'}.struct-icon.sym-letter-Z:before{font-family:'beckerIcons';content:'Õ'}.struct-icon.button-fav-dn:before{font-family:'beckerIcons';content:'ö'}.struct-icon.button-fav-up:before{font-family:'beckerIcons';content:'ä'}.struct-icon.button-fav-stop:before{font-family:'beckerIcons';content:'ü'}.struct-icon.hotkey-mainscreen:before{font-family:'beckerIcons';content:'ß'}.struct-icon.hotkey-config:before{font-family:'beckerIcons';content:'<'}.struct-icon.item-receiver:before{font-family:'beckerIcons';content:'>'}.struct-icon.item-group:before{font-family:'beckerIcons';content:'|'}.struct-icon.sym-weather-sun:before{font-family:'beckerIcons';content:";"}.struct-icon.sym-weather-moon:before{font-family:'beckerIcons';content:","}.struct-icon.sym-weather-cloud:before{font-family:'beckerIcons';content:"."}.struct-icon.sym-weather-rain:before{font-family:'beckerIcons';content:":"}.struct-icon.sym-weather-wind:before{font-family:'beckerIcons';content:"-"}.struct-icon.sym-weather-snow:before{font-family:'beckerIcons';content:"_"}.struct-icon.sym-buttons:before{font-family:'beckerIcons';content:"+"}.struct-icon.sym-meeting:before{font-family:'beckerIcons';content:"*"}.struct-icon.sym-house-outside:before{font-family:'beckerIcons';content:"~"}.struct-icon.sym-house-inside:before{font-family:'beckerIcons';content:"#"}.struct-icon.sym-suitcase:before{font-family:'beckerIcons';content:"'"}.struct-icon.shutter-fold-down:before{content:"#";font-family:'Icon Font' !important}.struct-icon.shutter-fold-up:before{content:"+";font-family:'Icon Font' !important}.struct-icon.device-shutter-foldout:before{content:"~";font-family:'Icon Font' !important}.struct-icon.device-shutter-blinds:before{content:"'";font-family:'Icon Font' !important}.struct-icon.icon-status{background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icon-status.svg)}.struct-icon.icon-edit-favorites{background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icon-edit-favorites.svg)}.struct-icon.icon-layout-1{background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icon-layout-1.svg)}.struct-icon.icon-layout-2{background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icon-layout-2.svg)}.struct-icon.icon-layout-3{background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icon-layout-3.svg)}.struct-icon.icon-layout-4{background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/icon-layout-4.svg)}.struct-icon.icon-update{background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(../img/update.svg)}.struct-icon.sensor-sun-wind-rain:before{position:absolute;top:10px;left:0;font-family:'Icon Font';content:"c";color:#fff}.struct-icon.sensor-sun-wind-rain:after{position:absolute;top:10px;left:0;font-family:'Icon Font';content:"k";color:#000;opacity:.5}.struct-content label{float:left;display:inline;color:#fff;font-weight:bold;padding:10px 0 0 10px;font-size:1.4rem}.struct-content label.info-label{font-size:.7rem}.struct-content .tabs{position:absolute;left:0;top:0;height:100%;width:100%}.struct-content .tabs .tabs-head{position:absolute;top:0;left:auto;width:37px;height:100%;right:0}.struct-content .tabs .tabs-head .tab{position:relative;float:left;display:inline;border-radius:0 5px 5px 0;background:rgba(0,0,0,0.33);height:80px;width:32px;overflow:hidden;padding:0;margin:0 0 5px 0;cursor:pointer}.struct-content .tabs .tabs-head .tab.highlight:before{content:'';position:absolute;left:10px;top:7px;width:10px;height:10px;border-radius:10px;background:#33ff33}.struct-content .tabs .tabs-head .tab .text{color:rgba(255,255,255,0.5);font-size:12pt;line-height:10pt;transform:rotate(90deg);-webkit-transform:rotate(90deg);white-space:nowrap;transform-origin:0 100%;-webkit-transform-origin:0 100%;position:absolute;left:7px;top:-19px;width:70px;text-align:right;text-transform:uppercase}.struct-content .tabs .tabs-head .tab.active{background:rgba(0,0,0,0.75)}.struct-content .tabs .tabs-head .tab.active .text{color:#fff}.struct-content .tabs .tabs-content{position:absolute;left:0;right:37px;background:rgba(0,0,0,0.75);height:100%;overflow-y:auto}.struct-content .tabs .tabs-content>div{position:absolute;width:100%;height:100%;top:0;left:0;display:none}.struct-content .tabs .tabs-content>div.active{display:inline}.struct-tiles{position:absolute;left:50%;top:0;bottom:0;height:auto;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);color:#fff;z-index:2}.struct-tiles .title{font-size:2rem;line-height:4rem;color:#fff;opacity:1;transition:opacity .2s ease-in-out;text-align:center}.struct-tiles .tile-wrapper{position:relative}.struct-tiles .tile{position:relative;float:left;display:inline;transition:transform .2s ease-in-out;z-index:1;transform-origin:0 0;cursor:pointer}.struct-tiles .tile .tile-inner{position:absolute;left:5px;right:5px;bottom:5px;top:5px;background:rgba(255,255,255,0.25)}.struct-tiles .tile.active{position:absolute;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important;width:75vw;height:100vh;z-index:2;padding:0 0 0 0;cursor:default}.struct-tiles .tile.active>.tile-inner{left:0;right:0;bottom:0;top:0}.struct-tiles .tile.active>.tile-inner>.struct-icon{transform:scale(0, 0)}.struct-tiles .tile.active>.tile-inner>.text{bottom:auto;font-size:5vw;line-height:10vw;top:0}.struct-tiles .tile.active .struct-tiles{opacity:1;left:0;top:10vw;-webkit-transform:translate(0, 0);transform:translate(0, 0)}@media (orientation: portrait) and (max-width: 639px){.struct-tiles .tile.active{width:100%}}@media (orientation: landscape) and (max-width: 799px){.struct-tiles .tile.active{width:100%}}.struct-tiles .tile .struct-tiles{opacity:0;transition:opacity .2s ease-in-out}.struct-tiles .tile .text{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center}.struct-tiles .tile .struct-icon{width:100%;text-align:center;margin:0 0 0 0}.struct-tiles.collapse{z-index:1}.struct-tiles.collapse>.tile-wrapper>.tile{-webkit-transform:scale(0, 0);transform:scale(0, 0)}.struct-tiles.collapse .title{opacity:0}@media (orientation: landscape){.struct-tiles{width:auto;position:absolute;left:60px;right:0;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.struct-tiles .tile{width:25%;height:calc(50vh - 2rem)}.struct-tiles .tile>.tile-inner>.struct-icon{font-size:13vw;line-height:18.33333333333333vw}.struct-tiles .tile>.tile-inner>.text{font-size:1rem}.struct-tiles .tile.home-button{width:50%}.struct-tiles .tile.home-button .tile-inner{overflow:hidden}.struct-tiles .tile.home-button .struct-icon{font-size:45vw !important;-webkit-transform:rotate(30deg) translate(-8vw, 10vw) !important;transform:rotate(30deg) translate(-8vw, 10vw) !important;opacity:.45 !important}.struct-tiles .tile.home-button .text{font-size:10vw}.struct-tiles .tile.home-button .tile-inner{background:#00508c}}@media (orientation: portrait){.struct-tiles{top:60px;width:100%}.struct-tiles .title{font-size:2rem;line-height:4rem}.struct-tiles .tile{width:33.33333333333333%;height:33.33333333333333vw}.struct-tiles .tile>.tile-inner>.struct-icon{font-size:15.333333333333329vw;line-height:21.33333333333333vw}.struct-tiles .tile>.tile-inner>.text{font-size:4vw}.struct-tiles .tile.home-button{width:66.66666666666666vw}.struct-tiles .tile.home-button .tile-inner{overflow:hidden}.struct-tiles .tile.home-button .struct-icon{font-size:45vw !important;-webkit-transform:rotate(30deg) translate(-15vw, 20vw) !important;transform:rotate(30deg) translate(-15vw, 20vw) !important;opacity:.45 !important}.struct-tiles .tile.home-button .text{font-size:10vw}.struct-tiles .tile.home-button .tile-inner{background:#00508c}}@media (orientation: landscape) and (min-width: 1400px),(orientation: landscape) and (min-width: 800px),(orientation: portrait) and (min-width: 1024px),(orientation: portrait) and (min-width: 640px){.struct-tiles{left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:75vw}.struct-tiles .tile{width:18.75vw;height:18.75vw}.struct-tiles .tile>.tile-inner>.struct-icon{font-size:10.75vw;line-height:13.75vw}.struct-tiles .tile>.tile-inner>.text{font-size:2vw}.struct-tiles .tile.home-button{width:37.5vw}.struct-tiles .tile.home-button .tile-inner{overflow:hidden}.struct-tiles .tile.home-button .struct-icon{font-size:25vw !important;-webkit-transform:rotate(30deg) translate(-8vw, 10vw) !important;transform:rotate(30deg) translate(-8vw, 10vw) !important;opacity:.45 !important}.struct-tiles .tile.home-button .text{font-size:10vw}.struct-tiles .tile.home-button .tile-inner{background:#00508c}}.input.readonly{opacity:.5 !important;pointer-events:none !important}.input.number{float:left;display:inline;color:#fff;width:66%;position:relative;margin-left:50%;transform:translate(-50%, 0)}.input.number label{float:none;display:block;text-align:center;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:10px}.input.number.float{float:left;display:inline;margin:20px 0 0 0}.input.number.dynamic-size label{font-size:1.2rem}.input.number input{float:left;display:inline;width:33%;padding:0;font-size:1.2rem;border:0;height:52px;text-align:center;line-height:52px;background:rgba(255,255,255,0.4)}.input.number .decrease{border-radius:50px 0 0 50px}.input.number .increase{border-radius:0 50px 50px 0}.input.number .decrease,.input.number .increase{float:left;display:inline;height:52px;width:calc(100% / 3);text-align:center;background:rgba(255,255,255,0.2);cursor:pointer}.input.number .decrease .struct-icon,.input.number .increase .struct-icon{float:left;display:inline;width:100%;height:52px;line-height:52px;font-size:1.2rem}.input.blocker{position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.75);z-index:20;transition:opacity .2s ease-in-out;opacity:1}.input.blocker.off{opacity:0}.input.blocker.struct-loader{color:#fff}.input.blocker.struct-loader .struct-icon{line-height:5rem;height:5rem;width:5rem;position:absolute}.input.blocker.struct-loader .struct-icon.big{color:#fff;font-size:5rem;animation:spin 2s infinite linear;left:50%;top:50%;transform:translate(-50%, -50%)}.input.blocker.struct-loader .struct-icon.small{display:inline !important;color:#fff;position:absolute;left:50%;right:0;bottom:0;top:50%;font-size:2rem;line-height:2rem;width:auto;height:auto;text-align:center;animation:spin 2s infinite linear}@keyframes spin{from{transform:translateZ(1000px) translate(-50%, -50%) rotate3d(0, 1, 0, 0deg)}to{transform:translateZ(1000px) translate(-50%, -50%) rotate3d(0, 1, 0, 180deg)}}.input.container{position:relative;float:left;display:inline;left:50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);max-width:300px;transition:none}.input.container.switch-container{width:100%}@media (orientation: landscape) and (max-width: 799px){.input.container{left:auto;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);float:right;margin:0 20px 0 0}.input.container.switch-container{width:calc(50% + 20px);margin-right:10px}}.input.container.pop{left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;z-index:3;transform:translate(0, 0)}.input.container.type-shutter{min-width:156px}.input.container.type-shutter .input.switch.pill{float:left}@media (orientation: landscape) and (max-width: 799px){.input.container.type-shutter{margin-right:80px}}.input.date{float:left;display:inline;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:calc(100% - 22px);margin-left:10px;margin-top:20px;margin-bottom:10px}.input.date label{float:none;display:block;color:#fff;font-size:16pt;text-align:center}.input.date .date-selector{position:relative;float:left;display:inline;width:calc(50% - 17px);border:1px solid rgba(255,255,255,0.25);margin:0;border-radius:100px;background:rgba(255,255,255,0.15);color:#fff;text-align:center;cursor:pointer;left:50%;transform:translate(-50%, 0);margin-top:10px;font-size:1.2rem}.input.date .date-selector .day,.input.date .date-selector .month,.input.date .date-selector .year{float:left;display:inline;position:relative;width:calc(100% / 3);margin:0;font-size:1.2rem;height:auto;line-height:1.7rem;margin:10px 0}@media (orientation: landscape) and (max-width: 799px){.input.date .date-selector .day,.input.date .date-selector .month,.input.date .date-selector .year{line-height:20vh;height:20vh}}.input.date .date-selector .day:before,.input.date .date-selector .month:before{content:'.';position:absolute;left:auto;right:0}.input.date .select-date{position:absolute;background:rgba(0,0,0,0.9);margin:0;top:-80px;bottom:-80px;z-index:2;border-radius:10px;left:0;right:0;padding:10px}.input.date .select-date .label-date{float:left;display:inline;text-align:center;width:calc(100% / 3);height:52px;line-height:52px;color:#fff;font-weight:bold}.input.date .select-date .select-day,.input.date .select-date .select-month,.input.date .select-date .select-year{position:absolute;left:2px;top:52px;width:calc(100% / 3 - 4px);bottom:72px;overflow-y:scroll;cursor:pointer}.input.date .select-date .select-day div,.input.date .select-date .select-month div,.input.date .select-date .select-year div{width:calc(100% - 4px);height:52px;line-height:52px;text-align:center;background:rgba(255,255,255,0.25);margin-top:1px;color:#fff}.input.date .select-date .select-day div.active,.input.date .select-date .select-month div.active,.input.date .select-date .select-year div.active{background:#70b1f0}.input.date .select-date .select-day.active,.input.date .select-date .select-month.active,.input.date .select-date .select-year.active{background:#70b1f0}.input.date .select-date .select-month{left:calc(100% / 3 + 4px)}.input.date .select-date .select-year{left:calc((100% / 3) * 2 + 4px)}.input.date .select-date .confirm{position:absolute;top:auto;bottom:10px;width:100px;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.5);left:50%;height:52px;line-height:52px;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);border-radius:100px;text-align:center;font-weight:bold;color:#fff;cursor:pointer}.input.date.dynamic-size label{font-size:1.2rem}.input.date.dynamic-size .days{width:100%;left:0}.input.date.dynamic-size .days .day{font-size:1.2rem;height:auto;line-height:1.7rem}@media (orientation: landscape) and (max-width: 799px){.input.date.dynamic-size .days .day{line-height:20vh;height:20vh}}.input.date.dynamic-size .from,.input.date.dynamic-size .til{font-size:1.2rem;height:auto;line-height:1.7rem;margin-top:10vh}@media (orientation: landscape) and (max-width: 799px){.input.date.dynamic-size .from,.input.date.dynamic-size .til{line-height:20vh;height:20vh}}.input.date.dynamic-size .label_from,.input.date.dynamic-size .label_til{font-size:1.2rem;height:auto;line-height:1.7rem;top:150px}.input.time-range{position:absolute;left:0;right:0;top:0;bottom:0;font-size:1.2rem}.input.time-range label{color:#fff}.input.time-range.dark{border:1px solid rgba(0,0,0,0.4);background:rgba(0,0,0,0.2)}.input.time-range.single-time label{float:left;display:inline;width:100%;text-align:center;padding:0}.input.time-range.single-time .from{margin:0;left:50%;transform:translate(-50%, 0);margin-top:10px !important}.input.time-range.single-time .select-time{top:-80px;bottom:-80px;z-index:2;border-radius:10px;left:0;right:0;padding:10px}.input.time-range.floating{float:left;display:inline;position:relative;left:auto;right:auto;top:auto;bottom:auto;width:calc(100% - 22px);margin-left:10px;border-radius:10px}.input.time-range.only-days .days{top:0;margin-top:10px}.input.time-range.dynamic-size label{font-size:1.2rem}.input.time-range.dynamic-size .days{width:100%;left:0}.input.time-range.dynamic-size .days .day{font-size:1.2rem;height:auto;line-height:1.7rem;padding:10px 0}.input.time-range.dynamic-size .from,.input.time-range.dynamic-size .til{font-size:1.2rem;height:auto;line-height:1.7rem;margin-top:10px;padding:10px 0}.input.time-range.dynamic-size .label_from,.input.time-range.dynamic-size .label_til{font-size:1.2rem;height:auto;line-height:1.7rem;top:150px}.input.time-range .days{float:left;display:inline;position:relative;width:75%;left:12.5%;top:32px}@media (orientation: portrait) and (max-width: 639px){.input.time-range .days{width:calc(100% - 20px);left:10px}}.input.time-range .days .day{float:left;display:inline;width:calc((100% / 7) - 1px);color:#fff;background:rgba(255,255,255,0.25);text-align:center;height:52px;line-height:52px;font-size:14pt;margin:0 0 0 1px;cursor:pointer}.input.time-range .days .day.active{background:#70b1f0}.input.time-range .days .day:first-child{border-radius:30px 0 0 30px}.input.time-range .days .day:last-child{border-radius:0 30px 30px 0}.input.time-range .from,.input.time-range .til{position:relative;float:left;display:inline;width:calc(50% - 17px);border:1px solid rgba(255,255,255,0.25);height:52px;margin:90px 0 0 10px;border-radius:100px;background:rgba(255,255,255,0.15);color:#fff;font-size:14pt;line-height:52px;text-align:center;cursor:pointer}.input.time-range .label_from,.input.time-range .label_til{position:absolute;top:100px;width:50%;height:30px;color:#fff;font-size:14pt;text-align:center;left:0;right:auto}.input.time-range .label_til{left:auto;right:0}.input.time-range .select-time{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:rgba(0,0,0,0.9);margin:0;bottom:0}.input.time-range .select-time .label-hours,.input.time-range .select-time .label-minutes{float:left;display:inline;text-align:center;width:50%;height:52px;line-height:52px;color:#fff;font-weight:bold}.input.time-range .select-time .select-hours{position:absolute;left:0;top:52px;width:50%;bottom:72px;overflow-y:scroll;cursor:pointer}.input.time-range .select-time .select-hours div{width:calc(100% - 4px);height:52px;line-height:52px;text-align:center;background:rgba(255,255,255,0.25);margin-top:1px;color:#fff}.input.time-range .select-time .select-hours div.active{background:#70b1f0}.input.time-range .select-time .select-minutes{position:absolute;left:calc(50% + 4px);top:52px;width:calc(50% - 4px);bottom:72px;overflow-y:scroll;cursor:pointer}.input.time-range .select-time .select-minutes div{width:calc(100% - 4px);height:52px;line-height:52px;text-align:center;background:rgba(255,255,255,0.25);margin-top:1px;color:#fff}.input.time-range .select-time .select-minutes div.active{background:#70b1f0}.input.time-range .select-time .confirm{position:absolute;top:auto;bottom:10px;width:100px;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.5);left:50%;height:52px;line-height:52px;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0);border-radius:100px;text-align:center;font-weight:bold;color:#fff;cursor:pointer}.input.input-input{float:left;display:inline;width:calc(100% - 20px);margin:10px 0 0 10px;box-sizing:border-box;position:relative}.input.input-input.error{background:none !important}.input.input-input.error:before{position:absolute;right:10px;top:50%;transform:translate(0, -50%);width:32px;height:52px;font-size:32px;line-height:52px;text-align:center;content:"1";font-family:'beckerIcons';font-weight:normal !important;pointer-events:none;color:#ff0000;z-index:2}.input.input-input input{float:left;display:inline;width:100%;background:none;border:0;border-bottom:1px solid #fff;line-height:32px;color:#fff;font-size:16pt;border-radius:0;padding:0}.input.input-input input:focus{outline:none}.input.input-input.inset input{padding:10px;background:rgba(0,0,0,0.25);width:calc(100% - 20px);border-top:1px solid #000;border-bottom:0;border-left:1px solid #000}.input.input-input.dark input{background:rgba(0,0,0,0.4);border-color:1px solid rgba(0,0,0,0.6)}.input.input-input.bright input{background:rgba(255,255,255,0.4);border-color:1px solid rgba(255,255,255,0.6)}.input.input-input.dynamic-size input{font-size:1.2rem;line-height:1.7rem;height:auto}.input.input-input.center input{text-align:center}.input.confirm{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:101}.input.confirm.no-bg{background:none}.input.confirm .confirm-title{float:left;display:inline;width:calc(100% - 40px);padding:10px;margin:10px;color:#fff;font-size:16pt;text-align:center;border-bottom:1px solid #fff}.input.confirm.context-button{background:none;float:left;display:inline;position:relative}.input.confirm.context-button label{display:none}.input.confirm.context-button .button{float:left;margin:0;width:calc(50% - 5px);box-sizing:border-box}.input.confirm.context-button .button:last-child{margin:0 0 0 10px}.input.button,.input.select{position:relative;float:left;display:inline;width:100%;height:52px;line-height:52px;cursor:pointer}.input.button .text,.input.select .text{position:relative;float:left;display:inline;height:52px;width:auto;line-height:52px;font-size:14pt;color:#fff;top:auto;left:auto;bottom:auto;right:auto;margin:0}.input.button .struct-icon,.input.select .struct-icon{float:left;display:inline;width:32px;height:32px;font-size:24px;line-height:32px;text-align:center;color:#fff;font-weight:bold;border:2px solid #fff;border-radius:40px;margin:8px}.input.button .struct-icon.none,.input.select .struct-icon.none{border:0;width:36px;height:36px}.input.button{float:left;display:inline;width:calc(100% - 20px);margin:10px 0 0 10px;box-sizing:border-box;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:5px 0}.input.button.delete{border:1px solid #ff5621;background:rgba(255,86,33,0.5);color:#f01;font-weight:bold}.input.button.dark{background:rgba(0,0,0,0.4);border:1px solid rgba(0,0,0,0.6);box-sizing:border-box}.input.button.green{background:rgba(70,244,0,0.5);border:1px solid #46f400;font-weight:bold}.input.button.warn{background:rgba(255,204,102,0.5);border:1px solid #fc6}.input.button.float{float:left;display:inline;width:auto}.input.button.even-half{float:left;display:inline;width:calc(50% - 17px)}.input.button.even-half:last-child{margin-right:10px}.input.button.align-bottom-right{position:absolute;right:10px;bottom:10px;top:auto;left:auto;width:auto}.input.button.align-bottom-right .text{padding-right:10px}.input.button.no-icon .struct-icon{display:none}.input.button.no-icon .text{margin:0 !important;width:100% !important;text-align:center}.input.button.action-list{background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.5)}.input.button.action-list .struct-icon{border:0 !important}.input.button.action-list .struct-icon:nth-child(1){top:2px;border:0;left:0}.input.button.action-list .struct-icon:nth-child(2){position:absolute;right:0;left:auto;margin:10px}.input.button.action-list .text{margin-left:42px}.input.button.icon-right .struct-icon{float:right}.input.button.icon-right .text{margin-left:8px !important}.input.button.no-context{padding:0;width:100%;margin:0;border-radius:0}.input.button .struct-icon.save{font-size:20px}.input.button.fill{height:100%;line-height:auto}.input.button.fill .text{position:absolute;top:calc(50% + 10px);left:50%;font-size:1.3rem;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.input.button.fill .struct-icon{position:absolute;top:calc(50% - 52px);left:50%;margin:0;width:52px;height:52px;line-height:52px;font-size:44px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.input.button.no-icon-border .struct-icon{border:0 !important;height:36px !important;width:36px !important;line-height:36px !important}.input.button.dynamic-size{height:auto}.input.button.dynamic-size .text{font-size:1.2rem;line-height:calc(16px + 1.7rem);margin:0;height:auto;width:calc(100% - 6vh - 32px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.input.button.dynamic-size .struct-icon{width:1.7rem !important;height:1.7rem !important;font-size:1.7rem !important;line-height:1.7rem !important}.input.button.fixed-bottom{position:absolute;left:0;right:0;bottom:0;top:auto}.input.button.selectable:before{content:'';position:absolute;background:rgba(112,177,240,0.2);border:2px solid rgba(112,177,240,0.4);height:29px;width:29px;line-height:29px;font-size:2rem;border-radius:100px;top:50%;left:0;transform:translate(1vh, -50%);transition:all .2s ease-in-out;text-align:center;color:rgba(255,255,255,0.5);font-weight:bold}.input.button.selectable.checked:before{font-family:'beckerIcons';content:'T';border:2px solid rgba(112,177,240,0.6);background:#70b1f0;color:#fff;line-height:29px}.input.button.selectable.dynamic-size .text{margin-left:53px}.input.button.auto-width .text{width:auto}.input.button.multi-icon .text{float:left;display:inline;width:calc(100% - 6vh - 64px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:0}@media (orientation: landscape) and (max-width: 799px){.input.button.multi-icon .text{width:calc(100% - 16vw)}}@media (orientation: portrait) and (max-width: 639px){.input.button.multi-icon .text{width:calc(100% - 12vh - 32px)}}.input.button.request-delete{border:0;background:none}.input.button.request-delete>.text,.input.button.request-delete>.struct-icon{display:none}.input.button.button-alternate .struct-icon:nth-child(2){position:absolute;right:0;left:auto;top:50%;font-size:32px !important;line-height:32px !important;height:32px !important;width:32px !important;transform:translate(0, -50%);margin:0 8px 0 0}.input.button.half-width{float:left;display:inline;width:calc(50% - 20px)}.input.button.half-width.right{right:8px;left:auto}.input.button.half-width .text{width:calc(100% - 44px)}.input.button.active .struct-icon:first-child{opacity:1;color:#46f400}.input.checkbox-list{margin:20px 10px 10px 10px;width:calc(100% - 22px)}.input.checkbox-list label{border-bottom:1px solid #000;padding:0 10px;margin:0;height:52px;display:block;float:none;font-size:14pt;width:calc(100% - 20px);color:#fff;background:rgba(0,0,0,0.6);text-transform:uppercase}.input.checkbox-list.dynamic-size{font-size:1.2rem}.input.checkbox-list.dynamic-size label{height:auto;padding:10px;font-weight:bold}.input.checkbox-list .input.button{margin:0;width:100%;border-radius:0;border-top:0}.input.select{float:left;display:inline;width:calc(100% - 20px);margin:10px 0 0 10px;box-sizing:border-box;height:auto}.input.select:before{position:absolute;right:10px;top:0;width:24px;height:52px;font-size:24px;line-height:52px;text-align:center;content:"r";font-family:'Icon Font';font-weight:normal !important;pointer-events:none;color:rgba(255,255,255,0.75)}.input.select.force-open:before{content:""}.input.select .option{float:left;display:inline;width:100%;background:rgba(0,0,0,0.25);margin:0;border-top:1px solid rgba(255,255,255,0.25);padding:5px 0}.input.select .option.active{background:rgba(112,177,240,0.25)}.input.select .option .text{margin:0 0 0 10px}.input.select .option .rangeslider{width:calc(100% - 100px);margin:6px 0 6px 25px;min-width:0}.input.select .option .rangeslider-value{background:none;border:0;width:50px;float:left;display:inline;margin:6px 0 0 0;height:30px;line-height:30px;text-align:center;color:#fff;font-size:1rem}.input.select .option .rangeslider-value:focus,.input.select .option .rangeslider-value:active{outline:none}.input.select label{border-bottom:1px solid #000;padding:0 10px;margin:0;height:52px;line-height:52px;background:rgba(0,0,0,0.5);display:block;float:none;width:calc(100% - 20px);color:#fff}.input.select.collapsed{height:52px;overflow:hidden;border-radius:10px}.input.select .struct-icon{color:rgba(255,255,255,0.5);font-weight:normal;border:0;border-radius:0;margin:8px}.input.select .struct-icon.none{border:0;width:36px;height:36px}.input.select.dynamic-size{font-size:1.2rem}.input.select.dynamic-size:before{width:1.7rem;height:1.7rem;font-size:1.7rem;line-height:1.7rem;margin:10px 10px 0 0}.input.select.dynamic-size label{font-size:1.2rem;height:auto;padding:10px;font-weight:bold;line-height:1.7rem}.input.select.dynamic-size .option .text{font-size:1.2rem;height:auto;margin:8px;line-height:1.7rem;width:calc(100% - 1.7rem - 32px)}.input.select.dynamic-size .option .struct-icon{width:1.7rem;height:1.7rem;font-size:1.7rem;line-height:1.7rem}.input.select.dynamic-size.collapsed{height:calc(1.7rem + 20px)}.input.select.dark{border:rgba(0,0,0,0.8)}.input.select.dark label{background:rgba(0,0,0,0.6)}.input.select.dark .option{background:rgba(0,0,0,0.4);border-top:1px solid rgba(0,0,0,0.8)}.input.select.dark .option:nth-child(2){border-top:1px solid rgba(0,0,0,0.2)}.input.select.dark .option.active{background:rgba(112,177,240,0.5)}.input.switch{position:relative}.input.switch.pill{border-radius:100px;margin:10px 20px 0 0}.input.switch.pill.horizontal{float:right;display:inline;margin:10px 20px 0 0;width:100%;height:45px;background:rgba(255,255,255,0.25)}.input.switch.pill.horizontal .value{position:absolute;left:50%;right:10px;bottom:0;pointer-events:none;border-radius:0 100px 100px 0;color:#fff;text-align:center;font-size:14pt;vertical-align:middle;line-height:45px;background:rgba(255,255,255,0.25)}.input.switch.pill.horizontal .value:first-child{border-radius:100px 0 0 100px;left:10px;right:50%}.input.switch.pill.horizontal .value.active{background:#70b1f0}.input.switch.pill.horizontal.switch-icon{height:136px;margin:10px 0 0 0;background:none}.input.switch.pill.horizontal.switch-icon .struct-icon{position:relative;width:76px;height:76px;font-size:76px;line-height:76px;text-align:center;top:40px;left:50%;color:#fff;opacity:.5;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.input.switch.pill.vertical{float:right;display:inline;background:rgba(255,255,255,0.25);width:45px;height:126px}.input.switch.pill.vertical .value{position:absolute;right:0;top:auto;bottom:0;left:0;height:50%;pointer-events:none;border-radius:0 0 100px 100px;color:#fff;text-align:center;font-size:24pt;vertical-align:middle;line-height:63px}.input.switch.pill.vertical .value:first-child{border-radius:100px 100px 0 0;top:0;bottom:auto}.input.switch.pill.vertical .value.active{background:#70b1f0}.input.list{float:left;display:inline;width:100%;margin:10px 0 0 0}.input.list label{float:none;display:block;margin:20px 10px 0 10px;padding:0 0 10px 0;width:calc(100% - 20px);font-size:1.2rem;color:#fff}.input.list .list-wrapper{position:relative}.input.list .struct-icon{opacity:.5}.input.list .input.button{margin-top:5px;margin-bottom:0}.input.h-slider{float:left;display:inline;width:calc(100% - 20px);margin:10px 0 0 10px;box-sizing:border-box;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative}.input.h-slider.dynamic-size label{color:#fff;font-size:1.2rem}.input.h-slider.value-toggle label:first-child{cursor:pointer;color:rgba(255,255,255,0.6)}.input.h-slider.value-toggle label:first-child span{color:#fff}.input.h-slider.value-toggle label:first-child:before{font-family:'Icon Font';content:"\006D";color:rgba(255,255,255,0.6);font-size:12pt;line-height:16pt;font-weight:normal;padding-right:10px}.input.h-slider.vertical{width:64px;min-height:126px;height:calc(100% - 10px);position:absolute;left:auto;right:0}.input.h-slider.vertical .part{width:32px;height:auto}.input.h-slider.vertical label{color:#fff}.input.h-slider.vertical .value{display:inline;position:absolute;right:-52px;width:32px;text-align:center;top:50%;margin:0;border:0;transform:translate(0, -50%)}.input.h-slider.vertical .part{width:64px}.input.h-slider.vertical .part .part-inner{left:0;top:1px}.input.h-slider.vertical .increase,.input.h-slider.vertical .decrease{position:absolute;width:32px;height:32px;right:-52px;left:auto;top:0;color:#fff;line-height:32px;text-align:center;font-size:32px}.input.h-slider.vertical .increase{top:auto;bottom:0}.input.h-slider.vertical>div{position:absolute;left:0;top:0;right:0;bottom:0}.input.h-slider .part{position:relative;float:left;display:inline;height:32px;width:10px;border:0 solid transparent;outline:0 transparent}.input.h-slider .part .part-inner{position:absolute;left:1px;right:0;top:0;bottom:0;background:rgba(255,255,255,0.25);pointer-events:none}.input.h-slider .part.active .part-inner{background:#70b1f0}.input.h-slider label{float:left;display:inline;width:80%;border-bottom:1px solid rgba(255,255,255,0.25);margin:10px 0 2px 0;padding:0 0 2px 0;color:#fff}.input.h-slider label.value{width:20%;text-align:right}.input.h-slider.color-picker{height:20vh}.input.h-slider.color-picker .part{height:100%}.input.h-slider.color-picker .part .part-inner{display:none !important}.input.h-slider.color-picker label{display:none}.input.h-slider.color-picker>div{height:100%}.input.h-slider.solar-protection{float:right;width:calc(100% - 60px);margin:10px 10px 10px 0}.input.h-slider.solar-protection.yellow .part.active .part-inner{background:rgba(255,205,0,0.75)}.input.h-slider.solar-protection.yellow .part.active:nth-child(2n) .part-inner{background:#ffcd00}.input.h-slider.solar-protection.blue .part.active .part-inner{background:rgba(112,177,240,0.75)}.input.h-slider.solar-protection.blue .part.active:nth-child(2n) .part-inner{background:#70b1f0}.input.h-slider.solar-protection.red-white .part.active .part-inner{background:rgba(255,0,0,0.75)}.input.h-slider.solar-protection.red-white .part.active:nth-child(2n) .part-inner{color:red;background:rgba(255,255,255,0.75)}.input.h-slider.solar-protection label{display:none}.input.h-slider.solar-protection .part:first-child .part-inner{border-radius:10px 0 0 10px}.input.h-slider.solar-protection .part:last-child .part-inner{border-radius:0 10px 10px 0}.input.h-slider.solar-protection .part .part-inner{left:0;text-align:center;line-height:32px;font-size:.7rem;color:#fff}.input.circle{position:relative;float:none;height:136px;float:right;display:inline;width:156px;margin:10px 0 0 0}.input.circle .input-input{position:absolute;left:54px;top:auto;bottom:0;width:50px;z-index:2;margin:0;padding:0}.input.circle .input-input input{float:left;display:inline;width:50px;padding:0;margin:0;height:30px;text-align:center;line-height:30px}.input.circle .struct-icon{position:relative;width:48px;height:48px;font-size:48px;line-height:48px;text-align:center;top:50%;left:50%;color:#fff;opacity:.5;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.input.circle label{position:absolute;top:80px;left:auto;right:53px;width:50px;text-align:center;font-weight:bold;font-size:16pt}.input.circle .b-circle{position:absolute;left:auto;right:78px;top:78px;width:1px;height:1px;background:rgba(0,0,0,0.65);z-index:100}.input.circle .b-circle .center{float:left;display:inline;position:relative;height:1px;width:1px;top:-100px;perspective:500px}.input.circle .b-circle .circle{position:absolute;top:50%;left:50%;perspective:1px}.input.circle .b-circle .part{position:absolute;left:0;top:0;width:60px;height:20px;cursor:pointer;border:0 solid transparent;outline:0 transparent}.input.circle.wind .part.active .part-inner{background:#fff !important}.input.circle.wind .part.active:nth-child(odd) .part-inner{background:#ff0000 !important}.input.circle .b-circle .part .part-inner{position:absolute;left:1px;right:0;top:0;bottom:0;background:rgba(255,255,255,0.25);transform:matrix3d(1, 0, 0, 0, -0.015, 1, 0, -0.015, 0, 0, 1, 0, 0, 0, 0, 1);-webkit-transform:matrix3d(1, 0, 0, 0, -0.015, 1, 0, -0.015, 0, 0, 1, 0, 0, 0, 0, 1);pointer-events:none}.input.circle .b-circle .value,.input.circle .b-circle .label{position:absolute;width:100px;height:60px;left:-50px;top:-125px;text-align:center;color:#fff;font-size:30px;line-height:60px;font-weight:bold}.input.circle .b-circle .label{top:0;font-size:40px;width:400px;height:50px;left:-200px;line-height:50px}.input.circle .b-circle .label-min,.input.circle .b-circle .label-max{position:absolute;left:-320px;top:-40px;color:#fff;font-size:30px;line-height:30px;text-align:right;width:150px}.input.circle .b-circle .label-max{left:auto;right:-320px;text-align:left}.input.circle .b-circle .part.active .part-inner{background:#70b1f0}.dynamic-full{float:left;display:inline;width:100%}.dynamic-half{float:left;display:inline;width:50%}@media (orientation: portrait) and (max-width: 639px){.dynamic-half{width:100%}}.dynamic-half .button{margin-top:0}@media (orientation: portrait) and (max-width: 639px){.dynamic-half .button{margin-top:10px}}.dynamic-half.absolute-bottom-left{position:absolute;left:0;right:auto;bottom:10px;top:auto}@media (orientation: portrait) and (max-width: 639px){.dynamic-half.absolute-bottom-left{bottom:75px}}@media (orientation: landscape) and (max-width: 799px){.dynamic-half.absolute-bottom-left{width:200px;bottom:auto;top:50px}}.dynamic-half.absolute-bottom-right{position:absolute;left:auto;right:0;bottom:10px;top:auto}@media (orientation: portrait) and (max-width: 639px){.dynamic-half.absolute-bottom-right{left:0;right:auto}}@media (orientation: landscape) and (max-width: 799px){.dynamic-half.absolute-bottom-right{left:0;right:auto;width:200px;bottom:auto;top:112px}}.grid-wrapper{position:absolute;left:0;top:0;width:100%;height:100%}.grid-wrapper *{-webkit-transition:transform .2s;-moz-transition:transform .2s;-ms-transition:transform .2s;-o-transition:transform .2s;transition:transform .2s}@media (orientation: portrait) and (max-width: 639px){.grid-wrapper .hidden-portrait{display:none}}@media (orientation: landscape) and (min-width: 800px),(orientation: portrait) and (min-width: 640px){.grid-wrapper{overflow-y:auto}}@media (orientation: portrait) and (max-width: 639px){.grid-wrapper.pop-state .grid-controlls{-webkit-transform:translate(0, 100%);-moz-transform:translate(0, 100%);-ms-transform:translate(0, 100%);-o-transform:translate(0, 100%);transform:translate(0, 100%)}}@media (orientation: landscape) and (max-width: 799px){.grid-wrapper.pop-state .grid-controlls{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0)}}@media (orientation: portrait) and (max-width: 639px){.grid-wrapper.pop-state .full{-webkit-transform:translate(-100%, 0);-moz-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);-o-transform:translate(-100%, 0);transform:translate(-100%, 0)}}@media (orientation: landscape) and (max-width: 799px){.grid-wrapper.pop-state .full{-webkit-transform:translate(calc(-100% - 66px), 0);-moz-transform:translate(calc(-100% - 66px), 0);-ms-transform:translate(calc(-100% - 66px), 0);-o-transform:translate(calc(-100% - 66px), 0);transform:translate(calc(-100% - 66px), 0)}}.grid-wrapper .grid-controlls{position:absolute;left:0;right:0;top:auto;height:auto;bottom:0;z-index:1;background:rgba(0,0,0,0.25)}@media (orientation: portrait) and (max-width: 639px){.grid-wrapper .grid-controlls{height:auto;max-height:210px;overflow-y:auto;overflow-x:hidden;border-top:2px dashed rgba(255,255,255,0.75)}}@media (orientation: landscape) and (max-width: 799px){.grid-wrapper .grid-controlls{width:calc(55% - 2px);border-left:2px dashed rgba(255,255,255,0.75);right:0;left:auto;top:0;height:100%;overflow-y:auto}}@media (orientation: landscape) and (min-width: 800px),(orientation: portrait) and (min-width: 640px){.grid-wrapper .grid-controlls{display:none}}.grid-wrapper .grid-controlls .grid-controll.removed{background:#ff5621}.grid-wrapper .grid-controlls .grid-controll.removed *{display:none}.grid-wrapper .full{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}@media (orientation: portrait) and (max-width: 639px){.grid-wrapper .full{height:100%}}@media (orientation: landscape) and (max-width: 799px){.grid-wrapper .full{width:45%}}@media (orientation: landscape) and (min-width: 800px){.grid-wrapper .full{height:calc(50vh - 2px)}}@media (orientation: portrait) and (min-width: 640px){.grid-wrapper .full{height:calc(100vh / 3)}}.grid-wrapper .inner-wrapper{position:absolute;left:0;right:0;width:100%;height:100%}@media (orientation: landscape) and (min-width: 800px){.grid-wrapper .inner-wrapper{top:50vh;height:auto}}@media (orientation: portrait) and (min-width: 640px){.grid-wrapper .inner-wrapper{top:calc(100vh / 3)}}.grid-wrapper .half,.grid-wrapper .static{position:absolute;left:0;top:0;width:100%;height:100%}.grid-wrapper .half.removed,.grid-wrapper .static.removed{background:rgba(255,86,33,0.5)}.grid-wrapper .half.removed .removed-message,.grid-wrapper .static.removed .removed-message{position:absolute;left:25%;right:25%;top:50%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);color:#fff;font-weight:bold;background:rgba(255,255,255,0.5);border-radius:10px;display:inline !important;text-align:center;padding:10px}.grid-wrapper .half.removed .removed-message .message-title,.grid-wrapper .static.removed .removed-message .message-title{display:block !important;text-transform:uppercase;font-size:14pt;padding:5px;font-weight:bold}.grid-wrapper .half.removed .removed-message .message-body,.grid-wrapper .static.removed .removed-message .message-body{display:block !important;font-size:10pt;padding:5px}.grid-wrapper .half.removed *,.grid-wrapper .static.removed *{display:none}@media (orientation: portrait) and (max-width: 639px){.grid-wrapper .half,.grid-wrapper .static{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0)}}@media (orientation: landscape) and (max-width: 799px){.grid-wrapper .half,.grid-wrapper .static{-webkit-transform:translate(100%, 0);-moz-transform:translate(100%, 0);-ms-transform:translate(100%, 0);-o-transform:translate(100%, 0);transform:translate(100%, 0)}}.grid-wrapper .half.active,.grid-wrapper .static.active{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}@media (orientation: landscape) and (min-width: 800px){.grid-wrapper .half,.grid-wrapper .static{position:relative;float:left;display:inline;height:calc(50vh - 2px);width:calc(50% - 2px);border-bottom:4px dashed rgba(255,255,255,0.25)}.grid-wrapper .half:nth-child(odd),.grid-wrapper .static:nth-child(odd){border-right:4px dashed rgba(255,255,255,0.25)}}@media (orientation: portrait) and (min-width: 640px){.grid-wrapper .half,.grid-wrapper .static{width:100%;border-right:0 !important;height:400px;position:relative;border-bottom:4px dashed rgba(255,255,255,0.25)}}@media (orientation: portrait) and (min-width: 1024px){.grid-wrapper .half,.grid-wrapper .static{position:relative;float:left;display:inline;width:calc(50% - 2px);border-bottom:4px dashed rgba(255,255,255,0.25)}.grid-wrapper .half:nth-child(odd),.grid-wrapper .static:nth-child(odd){border-right:4px dashed rgba(255,255,255,0.25) !important}}@media (orientation: landscape) and (min-width: 1400px){.grid-wrapper .half,.grid-wrapper .static{width:calc(100% / 3);height:400px;border-right:4px dashed rgba(255,255,255,0.25);border-left:0;border-top:0;border-bottom:4px dashed rgba(255,255,255,0.25);box-sizing:border-box}.grid-wrapper .half:nth-child(3n),.grid-wrapper .static:nth-child(3n){border-right:0}}.grid-wrapper .grid-content{float:left;display:inline;width:100%;height:100%}.visual-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;background:rgba(255,255,255,0.25)}@media (orientation: portrait) and (max-width: 639px){.visual-wrapper .input.button.align-bottom-right{bottom:220px;margin:0}}.visual-wrapper.single-value .type-pict{position:relative;left:0;right:auto;top:auto;text-align:center;padding:0 0 0 0;transform:none}@media (orientation: portrait) and (max-width: 639px){.visual-wrapper.single-value .type-pict{font-size:15vh}}.visual-wrapper.single-value .current{position:relative;left:auto;right:auto;text-align:center;margin:0;width:100%;padding:0;height:auto;font-size:20pt;font-weight:bold;text-transform:uppercase}.visual-wrapper.single-value .current>div{margin:0}.visual-wrapper.single-value .current p{margin:0}@media (orientation: portrait) and (max-width: 639px){.visual-wrapper.single-value .current p{font-size:16pt}}.visual-wrapper label{float:none;display:block}.visual-wrapper label.name{margin:5px 10px 0 10px;padding:0;font-size:14pt;font-weight:bold;border-bottom:1px solid #fff}.visual-wrapper label.type{margin:0 0 0 10px;padding:0;font-size:10pt;font-weight:normal}.visual-wrapper .name{background:none;border:0;color:#fff;margin:25px 10px 0 10px;font-size:14pt;line-height:14pt;float:none;font-weight:normal;display:block;width:calc(100% - 21px);box-sizing:border-box;padding:10px;background:rgba(0,0,0,0.25);border-top:1px solid #000;border-bottom:0;border-left:1px solid #000}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.visual-wrapper .name{margin-top:10px}}.visual-wrapper .area{float:left;display:inline;width:100%}@media (orientation: landscape) and (min-width: 800px){.visual-wrapper .area{width:66%;margin-left:17%}}.visual-wrapper .area.collapsed{height:0 !important;overflow:hidden}.visual-wrapper .area .visual{position:absolute;left:0;right:0;top:80px;bottom:90px}@media (orientation: portrait) and (max-width: 639px){.visual-wrapper .area .visual{top:60px;bottom:285px}}.visual-wrapper .area .visual .struct-control-frontend{position:absolute;height:auto;top:0;bottom:0;margin-bottom:0;max-height:none}.visual-wrapper .current{position:absolute;left:0;right:0;bottom:auto;top:0;color:#fff;padding:10px 0 0 10px;width:150px}.visual-wrapper .current>div{float:none;display:block;height:60px;margin-top:10px}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.visual-wrapper .current>div{height:52px}}.visual-wrapper .current .struct-icon{float:left;display:inline;width:32px;height:32px;line-height:32px;font-size:32px;border:4px solid #fff;padding:10px;border-radius:48px;background:rgba(255,255,255,0.25)}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.visual-wrapper .current .struct-icon{width:24px;height:24px;line-height:24px;font-size:24px}}.visual-wrapper .current .text{float:left;display:inline;height:32px;font-size:32px;line-height:32px;margin:0;padding:14px}@media (orientation: portrait) and (max-width: 639px){.visual-wrapper .current .text{height:24px;font-size:24px;line-height:24px;max-width:20px;overflow:hidden;text-overflow:clip;white-space:nowrap}}.visual-wrapper .type-pict{position:absolute;left:auto;transform:scale(-1, 1);right:10px;top:10px;font-size:5rem}.visual-wrapper .type-pict.remote{right:50%;transform:translate(25%, 0) rotate(35deg);transform-origin:50% 50%;font-size:9rem}.visual-wrapper .type-pict.remote:before{transform:translate(0, 0)}.condition-wrapper{position:absolute;left:0;top:0;right:0;bottom:0}.condition-wrapper .condition-lock{display:none}.condition-wrapper .condition-lock .struct-icon{width:40px;height:40px;font-size:40px;color:rgba(255,255,255,0.5);line-height:40px;margin:0 0 0 10px;padding:0;float:left;display:inline;position:relative;top:50%;transform:translate(0, -50%)}.condition-wrapper .condition-lock .condition-lock-text{font-size:1.2rem;line-height:60px}.condition-wrapper label{float:left;display:inline;width:calc(80%);margin:5px 0 10px 10px;font-size:16pt;line-height:32px;padding:0 0 5px 0;font-weight:normal;border-bottom:1px solid #fff}.condition-wrapper .condition-icon{width:120px;height:120px;line-height:120px;font-size:100px;text-align:center;color:#fff}.condition-wrapper.condition .dynamic-half{bottom:0}.condition-wrapper.condition .input.container{top:72px}.condition-wrapper.condition .input.h-slider{margin-top:82px}.condition-wrapper.condition .input.h-slider.vertical{margin-top:10px}.condition-wrapper.condition>label{left:10px;float:none;top:17px;position:absolute;line-height:52px;border-bottom:0;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.condition-wrapper.condition>label .label-sm{position:absolute;font-size:14px;line-height:14px;top:0;left:0;opacity:.75}.condition-wrapper.condition .input.container.time-container{width:100%;max-width:none;position:absolute;top:72px;bottom:0}@media (orientation: landscape) and (max-width: 799px){.condition-wrapper.condition .dynamic-half{width:50%;top:0;right:0;left:auto}.condition-wrapper.condition .input.container{margin:0 0 0 0;left:50%;transform:translate(-50%, 0);float:left;right:auto}.condition-wrapper.condition .input.container.time-container{position:absolute;left:0;right:0;top:52px;bottom:0;width:auto;max-width:none;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);z-index:2;margin:0}}@media (orientation: landscape) and (max-width: 799px) and (orientation: landscape) and (max-width: 799px){.condition-wrapper.condition .input.container.time-container{margin-right:0}}@media (orientation: landscape) and (min-width: 800px),(orientation: portrait) and (min-width: 640px){.condition-wrapper.locked>*{opacity:.5}.condition-wrapper.locked .condition-lock{display:inline;position:absolute;left:0;right:0;bottom:0;top:0;z-index:1;opacity:1}.condition-wrapper.locked .condition-lock .condition-lock-inner{position:absolute;left:25%;right:25%;top:calc(50% - 50px);height:100px;text-align:center;color:#fff;font-weight:bold;line-height:100px;background:rgba(0,0,0,0.75);border-radius:10px;text-transform:uppercase;cursor:pointer}}.actions-wrapper{float:left;display:inline;width:100%}.actions-wrapper .actions-label{font-size:1.2rem;color:#fff;margin-left:10px}.struct-grid{position:absolute;left:0;right:0;bottom:0;top:0}.struct-grid .sortable-fallback{display:none !important}.struct-grid .column{position:relative;float:left;width:calc(100% / 2);box-sizing:border-box}@media (max-width: 1000px){.struct-grid .column{width:100%}}@media (orientation: portrait){.struct-grid .column{height:50vh}}@media (orientation: landscape){.struct-grid .column{height:50vh}}@media (orientation: landscape) and (max-width: 799px){.struct-grid .column{height:100vh}}.struct-grid .column .cell{position:absolute;box-sizing:border-box;border:2px dashed rgba(255,255,255,0);overflow:hidden}.struct-grid .column .cell .sortable{position:relative;width:100%;height:100%;float:left;display:inherit}.struct-grid .up,.struct-grid .right,.struct-grid .down,.struct-grid .left{position:absolute;background:rgba(0,0,0,0.6)}.struct-grid .up{left:50%;top:0;height:30px;width:33%;transform:translate(-50%, 0)}.struct-grid .right{top:50%;right:0;left:auto;width:30px;height:33%;transform:translate(0, -50%)}.struct-grid .down{top:auto;right:0;bottom:0;left:50%;height:30px;width:33%;transform:translate(-50%, 0)}.struct-grid .left{top:50%;left:0;bottom:0;width:30px;height:33%;transform:translate(0, -50%)}.struct-grid.grid-edit-mode .column{margin-top:60px;border:2px solid #fff}.struct-grid.grid-edit-mode .column .cell{border:1px solid #fff}.struct-grid.grid-edit-mode .column .column-head{position:absolute;left:-2px;top:-52px;height:50px;background:rgba(255,255,255,0.2);padding-right:10px}.struct-grid.grid-edit-mode .column .column-head label{line-height:50px;font-size:1.4em;float:left;display:inline;color:#fff;font-weight:bold;margin-left:10px}.struct-grid.grid-edit-mode .column .column-head div{line-height:50px;font-size:1.4em;float:left;display:inline;color:#fff;padding:0 10px}.struct-grid.grid-edit-mode .column .column-head .struct-icon{position:relative;width:30px;height:50px;left:auto;transform:none;top:auto;margin-left:10px}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend.rooms .device-control{visibility:hidden}.struct-control-frontend.rooms .device-control.active{visibility:visible}}.struct-control-frontend.radios{background:rgba(0,0,0,0.2)}.struct-control-frontend.radios h1{line-height:60px;font-size:18px;width:calc(100% - 20px);margin:0 10px;padding:10px 0;text-align:right;background:transparent}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (max-width: 639px){.struct-control-frontend.radios h1{line-height:40px}}.struct-control-frontend.radios .radio-list{position:absolute;left:2px;bottom:0;right:0;top:80px}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (max-width: 639px){.struct-control-frontend.radios .radio-list{top:60px}}.struct-control-frontend.radios .radio-list .play-stop-button{position:absolute;left:0;top:0;width:120px;height:60px}.struct-control-frontend.radios .radio-list .play-stop-button .struct-icon{font-size:30px;line-height:60px;margin-left:10px}.struct-control-frontend.radios .radio-list .selected-radio label{position:absolute;left:100px;top:0;line-height:60px;font-size:1.5em}.struct-control-frontend.radios .radio-list .radio-output-switch{position:absolute;left:auto;right:0;top:auto;bottom:0;width:60px;height:60px;background:rgba(0,0,0,0.25)}.struct-control-frontend.radios .radio-list .radio-output-switch svg{position:absolute;left:10px;right:10px;top:10px;bottom:10px;width:40px;height:40px}.struct-control-frontend.radios .radio-list .volume-slider{position:absolute;right:0;top:60px;bottom:60px;width:60px;background:rgba(0,0,0,0.25)}.struct-control-frontend.radios .radio-list .volume-slider label{display:none !important}.struct-control-frontend.radios .radio-list .volume-slider .input.h-slider{width:60px;margin:0;height:100%}.struct-control-frontend.radios .radio-list .volume-slider .input.h-slider .part{width:60px}.struct-control-frontend.radios .radio-list .volume-slider .input.h-slider .part .part-inner{background:#70b1f0}.struct-control-frontend.radios .radio-list .volume-slider .input.h-slider .part.active .part-inner{background:rgba(255,255,255,0.25)}.struct-control-frontend.radios .radio-list .selected-radio{position:absolute;left:0;right:0;top:0;height:60px;background:rgba(0,0,0,0.25)}.struct-control-frontend.radios .radio-list .radio-list{position:absolute;left:0;right:60px;top:60px;bottom:0;overflow-y:auto}.struct-control-frontend.radios .radio-list .radio-list .radio-list-entry{float:left;display:inline;width:100%;font-size:1.2em;padding:10px 0;cursor:pointer}.struct-control-frontend.radios .radio-list .radio-list .radio-list-entry span{float:left;display:inline;line-height:30px;margin-left:5px;font-size:1.2em}.struct-control-frontend.radios .radio-list .radio-list .radio-list-entry .struct-icon{padding:2px;margin-left:10px;font-size:2em}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend.groups .device-control{display:none}.struct-control-frontend.groups .device-control.active{display:inherit}}.struct-control-frontend.groups .group-list{width:calc(50% - 4px)}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend.groups .group-list{width:100%}}.struct-item-control{position:absolute;left:0;right:0;bottom:0;top:0}.struct-item-control svg{width:100%;height:100%}.struct-item-control .icon-container{display:table;width:100%;height:100%}.struct-item-control .icon-container .struct-icon{bottom:auto;display:table-cell;vertical-align:middle;text-align:center;height:100%;width:100%;color:#fff;font-size:8vh}.struct-item-control .icon-container .struct-icon .text{position:absolute;left:50%;top:auto;bottom:10px;color:#fff;background:rgba(0,0,0,0.6);border-radius:5px;padding:5px;text-align:center;font-size:10pt;margin:0;transform:translate(-50%, 0)}.struct-item-control .control-container{position:absolute;left:0;right:0;bottom:60px;top:100px;z-index:2}.struct-item-control.control-receiver .icon-container .struct-icon{position:absolute;left:0;top:10px;bottom:0;height:auto;z-index:1}.struct-item-control .cam{min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-size:cover}.cell.c1x1 .control-container{display:none}.cell.c1x1 .icon-container .struct-icon{position:relative}.cell.c2x1 .control-container{display:none}.device-roof-window .svg-wrapper{perspective:700px;transform:rotateX(-35deg) rotateY(0deg) rotateZ(-25deg);width:90%;height:90%;left:5%;top:5%}.loading-in-content{color:#fff}.loading-in-content .struct-icon{line-height:5rem;height:5rem;width:5rem;position:absolute;left:50%;top:50%;color:#fff;font-size:5rem;animation:spin 2s infinite linear;transform:translate(-50%, -50%)}.struct-control-frontend{position:absolute;left:50%;transform:translate3d(-50%, 0, 0);top:0;bottom:0;width:100vw;height:auto;max-width:1400px;z-index:12;transition:opacity .2s ease-in-out;opacity:1;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.struct-control-frontend.full-size{left:82px;right:0;transform:none;max-width:none;width:auto}@media (orientation: portrait) and (min-width: 640px){.struct-control-frontend.full-size{top:82px;left:0}}@media (orientation: portrait) and (max-width: 639px){.struct-control-frontend.full-size{top:62px;left:0}}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend.full-size{left:62px}}.struct-control-frontend.webcam,.struct-control-frontend.borderless{left:0 !important;top:0 !important}.struct-control-frontend.webcam .webcam-image,.struct-control-frontend.borderless .webcam-image{background-position:center center;background-repeat:no-repeat;background-size:contain}.struct-control-frontend>div{position:absolute;left:0;right:0;bottom:0;top:0}.struct-control-frontend .cam-container{background-size:cover;width:100%;height:100%}.struct-control-frontend .gesture-indicator{position:absolute;right:10px;left:auto;bottom:10px;top:10px;width:50px;height:calc(100% - 20px)}.struct-control-frontend .gesture-indicator text{fill:#fff;font-size:5px}.struct-control-frontend .gesture-indicator text.big{font-size:8px}.struct-control-frontend .state-indicator-left{display:none}.struct-control-frontend .feedback-indicator{position:absolute;left:50%;top:auto;bottom:-15px;width:50px;line-height:30px;transform:translate(-50%, 0);background:rgba(255,255,255,0.7);border-radius:100px;padding:0 3px;z-index:30}.struct-control-frontend .feedback-indicator span{position:absolute;left:30px;top:0;height:30px;color:#fff;font-size:1em;white-space:nowrap}.struct-control-frontend .feedback-indicator svg{float:left;display:inline;width:50px;height:30px}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend .feedback-indicator{left:auto;right:-25px;bottom:-5px;top:auto;transform:translate(0, -50%)}}.struct-control-frontend .feedback-indicator-preview{position:absolute;left:0;top:0;width:15px;height:15px}.struct-control-frontend .state-indicator{position:absolute;right:0;top:0;left:auto;width:20px;bottom:0;padding:0 !important;margin:0 !important;overflow-x:hidden}.struct-control-frontend .state-indicator .input.h-slider{width:20px;height:auto;top:0;bottom:0;right:0;left:0;margin:0;height:100%;padding:0 !important;margin:0 !important}.struct-control-frontend .state-indicator .input.h-slider.vertical{padding:0 !important;margin:0 !important}.struct-control-frontend .state-indicator .input.h-slider.vertical>div{box-sizing:border-box}.struct-control-frontend .state-indicator .input.h-slider.vertical>div .part{float:none !important;display:block !important;height:2%;clear:both}.struct-control-frontend .state-indicator .input.h-slider label{display:none}.struct-control-frontend .touch-target{position:absolute;left:0;right:0;bottom:0;top:0;z-index:2;cursor:pointer}.struct-control-frontend .camera-list{position:absolute;width:100%}.struct-control-frontend .camera-list .name{position:absolute;left:10px;right:10px;top:10px;padding:10px 0 20px 0;border-bottom:1px solid rgba(255,255,255,0.6);font-size:18px;line-height:18px;text-transform:uppercase}.struct-control-frontend .camera-list .struct-control-content{position:absolute;left:0;right:0;top:0;bottom:0}.struct-control-frontend .camera-list .cam-preview{float:left;display:inline;position:relative;width:calc(50% - 4px);height:50vh;margin:2px;background:rgba(0,0,0,0.2)}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend .camera-list .cam-preview{width:calc(100% - 4px);height:45vh}}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend .camera-list .cam-preview{height:calc(100vh - 64px)}}.struct-control-frontend .camera-list .cam-preview webcam .webcam-image{position:absolute;left:10px;right:10px;bottom:10px;top:70px;background-position:center center;background-repeat:no-repeat;background-size:contain}.struct-control-frontend .camera-list .cam-container{background-size:cover;width:100%;height:100%}.struct-control-frontend .device-list,.struct-control-frontend .group-list{position:absolute;left:25%;bottom:0;top:0;width:calc(25% - 2px)}.struct-control-frontend h1{background:rgba(0,0,0,0.5)}.struct-control-frontend .group-list{left:2px}.struct-control-frontend .group-list .struct-control-content{top:78px}@media (orientation: portrait) and (max-width: 639px){.struct-control-frontend .group-list .struct-control-content{top:62px !important}}.struct-control-frontend .scene-list .struct-control-content{top:78px}.struct-control-frontend .svg-wrapper{position:absolute;left:10px;right:10px;bottom:10px;top:10px}.struct-control-frontend .with-state-indicator .svg-wrapper{right:50px;left:50px}.struct-control-frontend .with-state-indicator .gesture-indicator{right:30px}.struct-control-frontend .device.device-roof-window .with-state-indicator .svg-wrapper{left:20px;right:55px;width:calc(100% - 75px)}.struct-control-frontend .device-thermostat .temp-wheel{display:inline;position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%, -50%)}.struct-control-frontend .device-thermostat .temp-wheel .input{border-radius:5px}.struct-control-frontend .device-thermostat .temp-wheel .input .input{position:absolute;left:0}.struct-control-frontend .device-thermostat .temp-wheel .input input{border:0;width:70px;margin-left:30px;text-align:left}.struct-control-frontend .device-thermostat .temp-wheel label{position:absolute;left:auto;right:20px;top:auto;bottom:0}.struct-control-frontend .device-thermostat .thermostat-complete{width:100px;height:100px;left:50%;top:50%;transform:translate(-50%, -50%)}.struct-control-frontend .svg-layer{position:absolute;left:10px;top:10px;right:10px;bottom:20px}.struct-control-frontend .svg-layer svg{position:absolute;width:100%;height:100%}.struct-control-frontend .text-icon svg{position:absolute;width:100%;height:100%}.struct-control-frontend .text-icon svg .svg-text-icon{font-family:'Icon Font';font-size:50px;line-height:100px;fill:rgba(255,255,255,0.75)}.struct-control-frontend .text-icon svg .svg-text-icon.alt-font{font-family:'beckerIcons' !important}.struct-control-frontend .text-icon svg .svg-text-icon.alternate{fill:rgba(0,0,0,0.75)}.struct-control-frontend .back{display:none;position:absolute;top:0;left:auto;right:0;background:none;padding:5px;margin:0;line-height:20px;font-weight:normal}@media (orientation: portrait) and (max-width: 639px){.struct-control-frontend .scene-list .struct-control-content{top:62px !important}}.struct-control-frontend .device{overflow:visible}.struct-control-frontend .device.device-roof-window .svg-wrapper{perspective:700px;transform:rotateX(-35deg) rotateY(0deg) rotateZ(-25deg);width:90%;height:90%;left:5%;top:5%}.struct-control-frontend .current{display:inline}webcam .webcam-auth-frame{position:absolute;border:0}webcam .name{position:absolute;bottom:0;left:0;width:100%;text-align:center;background:rgba(0,0,0,0.3);padding:3px 5px;font-size:1em;white-space:pre-line;box-sizing:border-box;color:#fff}webcam .add-fav,webcam .cam-back{position:absolute;right:51px;top:0;left:auto;width:50px;height:50px;background:url(../img/icon-add-fav.svg) center center no-repeat rgba(0,0,0,0.6);background-size:40px 40px;cursor:pointer}webcam .cam-back{right:0;background:rgba(0,0,0,0.6)}webcam .cam-back:before{position:absolute;left:10px;top:0;line-height:50px;font-size:26px;font-family:'Icon Font';content:'B'}.device-error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.device-error .error-icon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:rgba(255,0,0,0.8);border-radius:10px;padding:5px}.device-error .error-icon svg{width:50px;height:50px}.device-error .error-icon path{fill:#fff}.device-error .struct-icon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:3rem;width:3rem;height:3rem;text-align:center;line-height:3rem;opacity:.5}.invisible{opacity:0}.overflow-y{overflow-y:auto !important;overflow-x:hidden}.struct-control-frontend.learn-item,.struct-control-frontend.detailed-icon{position:relative;height:300px;width:calc(100% - 20px);margin-bottom:20px}.struct-control-frontend.learn-item .struct-control-content .device.context-control,.struct-control-frontend.detailed-icon .struct-control-content .device.context-control{top:0;bottom:0;height:100%}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend.detailed-icon{max-height:200px}}@media (orientation: portrait) and (max-width: 639px){.struct-control-frontend.detailed-icon{max-height:200px}}@media (orientation: landscape) and (min-width: 800px){.struct-control-frontend.detailed-icon{max-height:200px}}@media (orientation: portrait) and (min-width: 640px){.struct-control-frontend.detailed-icon{max-height:200px}}.struct-control-frontend .device{box-sizing:border-box}.struct-control-frontend .device .struct-control-content{overflow-y:hidden;position:absolute;left:0;top:160px;right:0;bottom:0;overflow:hidden}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend .device .struct-control-content{top:62px !important}}@media (orientation: portrait) and (max-width: 639px){.struct-control-frontend .device .struct-control-content{top:124px !important}}.struct-control-frontend .device .render-area-left{position:absolute;left:15px;top:0;bottom:0;width:15%;max-width:80px}.struct-control-frontend .device .render-area-center{position:absolute;left:15%;right:15%;top:0;bottom:0}.struct-control-frontend .device .render-area-center svg{position:absolute;width:100%;height:80%;left:0;top:10%}.struct-control-frontend .device .render-area-right{position:absolute;left:auto;right:15px;top:0;bottom:0;width:100px}.struct-control-frontend .device .render-area-right .input.h-slider{position:absolute;right:-15px;margin:0;width:10px;height:100%}.struct-control-frontend .device .render-area-right .input.h-slider label{display:none}.struct-control-frontend .device .render-area-right .input.h-slider.vertical .part{width:100%}.struct-control-frontend .device.device-thermostat .render-area-center svg{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-width:100px;max-height:100px}.struct-control-frontend .device.context-favorite .render-area-center{left:0;right:0}.struct-control-frontend .device.context-preview .render-area-center{left:0;top:0;right:0;bottom:0}.struct-control-frontend .device.context-preview .device-error .error-icon{width:30px;height:30px;left:auto;right:10px;top:60px;transform:none}.struct-control-frontend .device.context-preview .device-error .error-icon svg{height:80%;width:80%;left:10%;top:10%;transform:none}.struct-control-frontend .device.context-preview.sensor{top:50px;height:calc(100% - 50px)}.struct-control-frontend .device.context-preview.sensor .sensor-info{float:left;display:inline}.struct-control-frontend .device.context-preview.sensor .sensor-info>div{float:left;display:inline;margin:10px 0 0 0}.struct-control-frontend .device.context-preview.sensor .sensor-info .struct-icon{float:left;display:inline;font-size:20px;text-align:center;line-height:20px;padding:0;width:20px;margin-left:10px;margin-right:3px}.struct-control-frontend .device.context-preview.sensor .sensor-icon-wrapper{float:left;display:inline;width:100%}.struct-control-frontend .device.context-preview.sensor .sensor-icon-wrapper img{display:block;max-width:100px;max-height:90px;transform:translate(-50%, 0);margin:0 0 0 50%;width:auto;height:auto}.struct-control-frontend .device.context-preview.sensor .value{float:left;display:block;font-size:12px;line-height:20px;text-align:center;padding-left:10px;margin-right:10px}.struct-control-frontend .device.context-preview.device-roof-window .render-area-center svg{transform-origin:50% 50%;perspective:700px;transform:translate(-50%, 0) rotateX(-35deg) rotateY(0deg) rotateZ(-25deg) !important;width:80%;height:80%}.struct-control-frontend .device.context-control{position:relative;width:100%;top:130px;height:calc(50% - 65px);background:rgba(255,255,255,0.1)}.struct-control-frontend .device.context-control.sensor{top:130px;height:calc(100% - 130px)}.struct-control-frontend .device.context-control.sensor .sensor-info{float:left;display:inline;height:40px;width:100%;box-sizing:border-box;padding:5px 20px 5px 20px}.struct-control-frontend .device.context-control.sensor .sensor-icon-wrapper{float:left;display:inline;width:100%;margin-top:30px}.struct-control-frontend .device.context-control.sensor .sensor-icon-wrapper img{display:block;max-width:200px;max-height:100px;transform:translate(-50%, 0);margin:0 0 0 50%;width:auto;height:auto}.struct-control-frontend .device.context-control.sensor .value{float:none;display:block;font-size:1.5rem;text-align:center}.struct-control-frontend .device.context-control .device-error{position:absolute;left:10px;top:10px;width:60px;height:63px;transform:none}.struct-control-frontend .device.context-control .device-error .error-icon{left:0;top:0;transform:none}.struct-control-frontend .device.context-control.device-roof-window .render-area-center svg{transform-origin:50% 50%;perspective:700px;transform:rotateX(-35deg) rotateY(0deg) rotateZ(-25deg) !important;width:80%;height:80%}.struct-control-frontend .device.device-venetian .gesture-indicator-left{position:absolute;display:inline;top:0;left:0;height:100%;width:100%;z-index:3}.struct-control-frontend .device.device-venetian .gesture-indicator-left .invisible{opacity:0}.struct-control-frontend .device.device-venetian .gesture-indicator-left .visible{fill:green;opacity:.5}.struct-control-frontend .device.device-venetian .state-indicator-left{display:inline;right:auto;left:0}.struct-control-frontend .device.device-venetian .venetian-fin{transform:scaleY(.8)}.struct-control-frontend .device.device-venetian .fin-control{position:absolute;width:50px;height:150px;left:15px;top:50%;transform:translate(0, -50%);opacity:.8}.struct-control-frontend .device.device-venetian .fin-control .rotary-slider{position:absolute;left:0;top:calc(50% - 10px);right:auto;width:50px;z-index:3;transform:translate(0, -50%);height:104px}.struct-control-frontend .device.device-venetian .fin-control .rotary-slider .part{width:50px !important;height:9px;margin:23px 0;background:#fff;background:url(../img/fin.svg) center center no-repeat}.struct-control-frontend .device.device-venetian .fin-control .struct-icon{position:absolute;left:50%;transform:translate(-50%, 0)}.struct-control-frontend .device.device-venetian .fin-control .struct-icon.up{top:-10px}.struct-control-frontend .device.device-venetian .fin-control .struct-icon.down{top:auto;bottom:-10px}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (max-width: 639px){.struct-control-frontend .device.context-control{top:108px}.struct-control-frontend .device.context-control.sensor{top:108px;height:calc(100% - 108px);background:none}.struct-control-frontend .device.context-control.sensor .struct-icon{font-size:40px;line-height:40px}.struct-control-frontend .device.context-control.sensor .value{font-size:1.2rem}}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend .device.context-control{position:absolute;width:50%;right:auto;left:0;bottom:0;height:auto;top:110px}.struct-control-frontend .device.context-control.sensor .sensor-info{float:left;display:inline;width:50%}.struct-control-frontend .device.context-control.sensor .struct-icon{float:left;display:inline;width:50px;padding-left:20px}.struct-control-frontend .device.context-control.sensor .value{float:left;display:inline;line-height:76px;padding-left:10px}}.visual .struct-control-frontend .device.context-preview.device-roof-window .render-area-center svg{transform:translate(50px, 0) rotateX(-35deg) rotateY(0deg) rotateZ(-25deg) !important}.struct-control-frontend .device-control{position:absolute;left:50%;bottom:0;top:0;width:50%}.struct-control-frontend .device-control.standalone{transform:translate(-50%, 0)}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (max-width: 639px),(orientation: portrait) and (min-width: 640px){.struct-control-frontend .device-control.standalone{width:100%;left:0;transform:none}}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend .device-control{left:0;width:100%}}.struct-control-frontend .device-control .control-right{position:absolute;left:50%;right:0;top:10%;bottom:10%;z-index:2}.struct-control-frontend .device-control .control-left{position:absolute;left:0;right:50%;top:0;bottom:0;z-index:2}.struct-control-frontend .device-control .device-vis-wrapper{position:absolute;top:0;right:0;bottom:50%;left:0;background:rgba(255,255,255,0.2)}.struct-control-frontend .device-control .device-vis-wrapper .device{position:absolute;left:20px;top:20px;right:20px;bottom:20px}.struct-control-frontend .device-control .device-vis-wrapper .device svg{position:absolute;left:0;top:0;width:100%;height:100%}.struct-control-frontend .device-control .device-vis-wrapper.overflow-y{overflow:hidden;overflow-y:scroll}.struct-control-frontend .device-control .device-vis-wrapper.overflow-y scene{position:absolute;left:0;right:0;bottom:2px;top:2px}.struct-control-frontend .device-control .device-vis-wrapper.overflow-y scene .actions-wrapper{margin:0 0 10px 0}.struct-control-frontend .device-control .device-control-wrapper.context-control{position:absolute;top:calc(50% + 65px);right:0;bottom:0;left:0;background:rgba(255,255,255,0.2);border-top:1px solid rgba(255,255,255,0.3);padding:10px}.struct-control-frontend .device-control .device-control-wrapper.context-control.control-single .control-right{transform:translate(-50%, 0)}.struct-control-frontend .device-control .device-control-wrapper.context-control device-control{position:absolute;left:0;right:0;bottom:0;top:0}.struct-control-frontend .device-control .device-control-wrapper.context-control .invisible{opacity:0}.struct-control-frontend .device-control .device-control-wrapper.context-control .visible{fill:green;opacity:.5}.struct-control-frontend .device-control .device-control-wrapper.context-control .control-right svg{width:100%;height:100%;position:absolute;left:50%;top:50%;max-width:300px;max-height:300px;transform:translate(-50%, -50%)}.struct-control-frontend .device-control .device-control-wrapper.context-control .presets-container{position:absolute;right:0;left:10%;top:50%;height:80%;max-height:300px;transform:translate(0, -50%)}.struct-control-frontend .device-control .device-control-wrapper.context-control .presets-container svg{float:left;display:inline;position:relative;width:100%;height:100%}.struct-control-frontend .device-control .device-control-wrapper.context-control .presets-container svg:first-child{top:0 !important}.struct-control-frontend .device-control .device-control-wrapper.context-control .presets-container svg text{font-family:'beckerIcons';font-size:12px;line-height:45px;fill:rgba(0,0,0,0.75)}.struct-control-frontend .device-control .device-control-wrapper.context-control .presets-container svg text.iconswitch{font-family:'Icon Font'}.struct-control-frontend .device-control .device-control-wrapper.context-control .remote-values .remote-value{float:left;display:inline;box-sizing:border-box;width:100%}.struct-control-frontend .device-control .device-control-wrapper.context-control .remote-values .remote-value .struct-icon{float:left;display:inline;width:2rem;height:2rem;font-size:2rem;line-height:2rem;margin:10px}.struct-control-frontend .device-control .device-control-wrapper.context-control .remote-values .remote-value p{float:left;display:inline;width:auto;height:2rem;font-size:1rem;line-height:2rem;margin:10px}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend .device-control .struct-control-content{top:62px}.struct-control-frontend .device-control .device-vis-wrapper{top:0;bottom:0;left:0;right:50%;width:auto;height:auto}.struct-control-frontend .device-control .device-control-wrapper{top:0;bottom:0;left:50%;right:0;width:auto;height:auto}}@media (orientation: portrait) and (max-width: 639px){.struct-control-frontend .device-control{left:0;right:0;bottom:0;top:0;width:auto}.struct-control-frontend .device-control .device-control-wrapper.context-control{top:calc(50% + 43px)}}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend .device-control .device-control-wrapper.context-control{top:110px;border-top:0;border-left:1px solid rgba(255,255,255,0.5);height:auto;bottom:0;width:auto;left:50%}}.struct-control-frontend .item-head{position:absolute;left:0;top:0;right:0;height:128px;background:rgba(0,0,0,0.25)}.struct-control-frontend .item-head h1,.struct-control-frontend .item-head .title-bar{position:absolute;left:0;width:100%;top:78px;height:50px;line-height:50px;text-align:right;overflow:hidden;text-overflow:ellipsis;font-size:1.5em;font-weight:300;text-transform:uppercase;box-sizing:border-box;font-weight:semi-bold;padding:0 10px 0 0}.struct-control-frontend .item-head .title-bar{background:rgba(0,0,0,0.2)}.struct-control-frontend .item-head .title-bar .back{display:none;position:absolute;left:0;right:0;bottom:0;top:0}.struct-control-frontend .item-head .title-bar .back:before{position:absolute;left:10px;top:0;line-height:50px;font-size:26px;font-family:'Icon Font';content:'B'}.struct-control-frontend .item-head .title-bar .back.visible{display:inline}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend .item-head .title-bar .back{display:inherit}}.struct-control-frontend .item-head .add-fav{position:absolute;left:auto;top:0;right:78px;height:58px;margin-top:10px;width:78px;text-align:center;padding:10px;box-sizing:border-box;background:url(../img/icon-add-fav.svg) center center no-repeat;background-size:40px}.struct-control-frontend .item-head .add-fav.pull-right{right:10px}.struct-control-frontend .item-head .add-fav svg{float:left;width:100%;height:100%}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend .item-head .add-fav{margin:0}}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (max-width: 639px){.struct-control-frontend .item-head{height:108px}.struct-control-frontend .item-head .title-bar{top:60px}}.struct-control-frontend .device-list,.struct-control-frontend .room-list,.struct-control-frontend .scene-list,.struct-control-frontend .group-list,.struct-control-frontend .state-list{float:left;display:inline;width:calc(100% / 4 - 2px)}.struct-control-frontend .device-list .item-list,.struct-control-frontend .room-list .item-list,.struct-control-frontend .scene-list .item-list,.struct-control-frontend .group-list .item-list,.struct-control-frontend .state-list .item-list{position:absolute;left:0;top:130px;bottom:0;right:0;overflow:hidden;background:rgba(0,0,0,0.25)}.struct-control-frontend .device-list .item-list ul,.struct-control-frontend .room-list .item-list ul,.struct-control-frontend .scene-list .item-list ul,.struct-control-frontend .group-list .item-list ul,.struct-control-frontend .state-list .item-list ul{float:left;display:inline;width:100%;margin:0;padding:0}.struct-control-frontend .device-list .item-list .item,.struct-control-frontend .room-list .item-list .item,.struct-control-frontend .scene-list .item-list .item,.struct-control-frontend .group-list .item-list .item,.struct-control-frontend .state-list .item-list .item{float:left;display:inline;position:relative;width:100%;height:200px;margin:0;border-bottom:2px solid rgba(0,0,0,0.25);box-sizing:border-box;cursor:pointer}.struct-control-frontend .device-list .item-list .item.active,.struct-control-frontend .room-list .item-list .item.active,.struct-control-frontend .scene-list .item-list .item.active,.struct-control-frontend .group-list .item-list .item.active,.struct-control-frontend .state-list .item-list .item.active{background:rgba(197,239,90,0.3);border:1px solid rgba(197,239,90,0.8)}.struct-control-frontend .device-list .item-list .item:last-child,.struct-control-frontend .room-list .item-list .item:last-child,.struct-control-frontend .scene-list .item-list .item:last-child,.struct-control-frontend .group-list .item-list .item:last-child,.struct-control-frontend .state-list .item-list .item:last-child{border-bottom-width:0}.struct-control-frontend .device-list .item-list .item:last-child.active,.struct-control-frontend .room-list .item-list .item:last-child.active,.struct-control-frontend .scene-list .item-list .item:last-child.active,.struct-control-frontend .group-list .item-list .item:last-child.active,.struct-control-frontend .state-list .item-list .item:last-child.active{border-bottom-width:1px}.struct-control-frontend .device-list .item-list .item .name,.struct-control-frontend .room-list .item-list .item .name,.struct-control-frontend .scene-list .item-list .item .name,.struct-control-frontend .group-list .item-list .item .name,.struct-control-frontend .state-list .item-list .item .name{float:left;display:inline;font-size:1rem;line-height:1.2rem;margin:10px;padding-top:10px;padding-bottom:10px;width:calc(100% - 20px);border-bottom:1px solid rgba(255,255,255,0.2)}.struct-control-frontend .device-list .item-list .item svg,.struct-control-frontend .room-list .item-list .item svg,.struct-control-frontend .scene-list .item-list .item svg,.struct-control-frontend .group-list .item-list .item svg,.struct-control-frontend .state-list .item-list .item svg{position:absolute;left:50%;top:60px;width:100%;max-width:100px;height:calc(100% - 70px);transform:translate(-50%, 0);max-height:none}.struct-control-frontend .device-list .svg-icon,.struct-control-frontend .room-list .svg-icon,.struct-control-frontend .scene-list .svg-icon,.struct-control-frontend .group-list .svg-icon,.struct-control-frontend .state-list .svg-icon{position:absolute;left:50%;top:60px;bottom:20px;width:calc(100% - 40px);max-width:100px;transform:translate(-50%, 0);background-repeat:no-repeat;background-size:contain;background-position:center center}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend .device-list,.struct-control-frontend .room-list,.struct-control-frontend .scene-list,.struct-control-frontend .group-list,.struct-control-frontend .state-list{visibility:hidden;left:0;width:100%}.struct-control-frontend .device-list .item-list,.struct-control-frontend .room-list .item-list,.struct-control-frontend .scene-list .item-list,.struct-control-frontend .group-list .item-list,.struct-control-frontend .state-list .item-list{top:110px}.struct-control-frontend .device-list.active,.struct-control-frontend .room-list.active,.struct-control-frontend .scene-list.active,.struct-control-frontend .group-list.active,.struct-control-frontend .state-list.active{visibility:visible}}.struct-control-frontend .state-list{visibility:visible !important;width:100%}.struct-control-frontend .state-list.full-size .state-list{top:0}.struct-control-frontend .state-list .item-list .item{width:25%}@media (orientation: portrait) and (max-width: 639px){.struct-control-frontend .state-list .item-list .item{width:50%}}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (min-width: 640px){.struct-control-frontend .state-list .item-list .item{width:33%}}.struct-control-frontend .automation-mode{position:absolute;left:auto;top:0;right:0;height:58px;margin-top:10px;width:78px;text-align:center}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend .automation-mode{margin-top:0}}.struct-control-frontend .automation-mode .active{color:green}.struct-control-frontend .automation-mode .mode-select{position:absolute;left:50%;transform:translate(-100%, 0);width:100%;top:58px;height:100px;z-index:99}.struct-control-frontend .automation-mode .mode-select.hidden{display:none}.struct-control-frontend .automation-mode .mode-select .mode-pointer{position:absolute;left:auto;right:-10px;top:-20px;height:20px;width:20px;margin:0}.struct-control-frontend .automation-mode .mode-select .modes{position:absolute;left:50%;transform:translate(-50%, 0);right:auto;top:0;border-radius:10px;background:#000;padding:15px 0 0 0;width:120px}.struct-control-frontend .automation-mode .mode-select .modes>div{float:left;display:inline;width:100%;padding:10px;box-sizing:border-box}.struct-control-frontend .automation-mode .mode-select .modes>div svg{float:left;width:100%;height:48px;margin:0}.struct-control-frontend .automation-mode .mode-select .modes p{float:left;display:inline;width:100%;line-height:20px;margin:5px 0 10px 0;font-size:.8em}.struct-control-frontend .automation-mode .mode-select-button{float:left;display:inline;width:100%;height:100%;padding:10px;box-sizing:border-box;cursor:pointer}.struct-control-frontend .automation-mode .mode-select-button svg{width:100%;height:100%;margin:0}.icon-picker{float:left;display:inline;text-align:justify;margin:10px 5px 5px 5px}.icon-picker>div>div{display:inline-block;width:40px;height:40px;color:#fff;font-size:40px;margin:5px;padding:5px;text-align:center;line-height:40px;cursor:pointer}.icon-picker .active{border:2px solid green}.selected-icon{float:left;display:inline}.add-fav .color-picker{float:left;display:inline;text-align:justify;margin:10px 5px 5px 5px}.add-fav .color-picker .active{border:2px solid green}.add-fav .color-picker .select-color{cursor:pointer;display:inline-block;width:60px;height:60px;color:#fff;margin:5px;padding:5px}.add-fav .color-picker .select-color .color{width:100%;height:100%;padding:0;margin:0}.favorites .struct-icon{color:rgba(255,255,255,0.8);font-size:48px;height:48px;position:absolute;left:50%;top:calc(50% + 10px);transform:translate(-50%, -50%)}.favorites webcam .webcam-image{position:absolute;left:10px;right:10px;top:40px;height:calc(100% - 50px);background-repeat:no-repeat;background-position:center center;background-size:contain}.favorites .invisible{opacity:0}.favorites .delete-fav{position:absolute;left:auto;right:5px;top:40px;width:30px;height:30px;background:rgba(150,0,0,0.8);border-radius:20px;display:none;z-index:3;cursor:pointer}.favorites .delete-fav .struct-icon{display:inline !important;font-size:30px;width:30px;line-height:30px;text-align:center}.favorites .grid-edit-mode .delete-fav{display:inline}.favorites .success-fav{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(27,102,22,0.8)}.favorites .success-fav .struct-icon{display:inline !important}.favorites .visible{fill:green;opacity:.5}.favorites .name{position:absolute;left:0;top:0;width:calc(100% - 10px);margin:5px 5px 0 5px;text-align:center;background:none;bottom:auto;border-bottom:1px solid rgba(255,255,255,0.5);padding:0 0 5px 0;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;color:#fff}.favorites .cell .device-control-wrapper{top:calc(50% + 13px);height:calc(100% - 50px);max-height:300px;transform:translate(0, -50%)}.favorites .cell.c1x1 device,.favorites .cell.c1x1 device-control{display:none}@media (orientation: landscape) and (max-width: 799px),(orientation: portrait) and (max-width: 639px){.favorites .cell.c1x1 .name{font-size:10px}}.favorites .cell.c1x2 device{display:none}.favorites .cell.c1x2 .device-control-wrapper{left:auto;right:0;bottom:10px;width:100%;position:absolute}.favorites .cell.c1x2 .device-control-wrapper>div{position:static}.favorites .cell.c1x2 .device-control-wrapper svg{position:absolute;left:0;top:0;width:100%;height:100%}.favorites .cell.c2x1 device-control{display:none}.favorites .cell.c3x2 device,.favorites .cell.c2x2 device{right:45%}.favorites .cell.c3x2 device.device-roof-window .render-area-center svg,.favorites .cell.c2x2 device.device-roof-window .render-area-center svg{left:15%}.favorites .cell.c3x2 .device-control-wrapper,.favorites .cell.c2x2 .device-control-wrapper{left:auto;right:0;width:45%;position:absolute}.favorites .cell.c3x2 .device-control-wrapper>div,.favorites .cell.c2x2 .device-control-wrapper>div{position:static}.favorites .cell.c3x2 .device-control-wrapper svg,.favorites .cell.c2x2 .device-control-wrapper svg{width:100%;height:100%;position:absolute}.favorites .cell.c4x3 device{right:33%}.favorites .cell.c4x3 .device-control-wrapper{left:auto;right:0;width:33%;position:absolute}.favorites .cell.c4x3 .device-control-wrapper>div{position:static}.favorites .cell.c4x3 .device-control-wrapper svg{width:100%;height:100%;position:absolute}.favorites .cell .cam-image{position:absolute;left:0;right:0;bottom:0;top:0;background-size:cover}.favorites .show-icon .struct-icon{display:inline !important;position:absolute}.favorites .show-icon device{display:none !important}.favorites .show-icon device-control{display:none !important}favorite{position:absolute;left:0;right:0;top:0;bottom:0}favorite .device-vis-wrapper{position:absolute;left:0;right:0;bottom:10px;top:50%;height:calc(100% - 60px);transform:translate(0, -50%);max-height:400px}favorite .device-vis-wrapper .device-roof-window{position:absolute;left:15%;right:0;top:0;bottom:0}favorite .struct-control-content,favorite device{position:absolute;left:0;right:0;top:0;bottom:0}favorite .struct-control-content .svg-wrapper,favorite device .svg-wrapper{position:absolute;left:5px;right:5px;top:5px;bottom:30px}favorite .struct-control-content .svg-layer,favorite device .svg-layer{position:absolute;left:0;right:0;top:0;bottom:0}favorite .struct-control-content .svg-layer svg,favorite device .svg-layer svg{width:100%;height:100%}.struct-control-frontend.double-list .scene-list{width:calc(50% - 2px)}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend.double-list .scene-list{width:100%}}.struct-control-frontend.scenes .action-item-list{position:absolute;top:calc(50% + 65px);left:0;bottom:0;width:100%;margin:0;background:rgba(255,255,255,0.2)}.struct-control-frontend.scenes .action-item-list .action-item-list-label{float:left;display:inline;width:calc(100% - 20px);border-bottom:1px solid rgba(255,255,255,0.6);padding:20px 0 10px 0;margin:0 10px;font-size:1.2rem}.struct-control-frontend.scenes .action-item-list .list{position:absolute;left:0;top:60px;bottom:0;right:0;overflow-y:auto}.struct-control-frontend.scenes .device-control-wrapper{position:absolute;top:130px;background:rgba(255,255,255,0.4);left:0;width:100%;height:calc(50% - 65px)}.struct-control-frontend.scenes .device-control-wrapper svg{position:absolute;top:50%;left:50%;width:100%;height:100%;max-width:300px;max-height:300px;transform:translate(-50%, -50%)}.struct-control-frontend.scenes .device-control-wrapper .visible{fill:green !important}@media (orientation: portrait) and (max-width: 639px),(orientation: landscape) and (max-width: 799px){.struct-control-frontend.scenes .device-control-wrapper{top:110px;height:calc(50% - 55px)}.struct-control-frontend.scenes .action-item-list{top:calc(50% + 55px)}}@media (orientation: landscape) and (max-width: 799px){.struct-control-frontend.scenes .device-control-wrapper{width:50%;height:auto;bottom:0;left:0}.struct-control-frontend.scenes .action-item-list{width:50%;left:50%;top:110px}}.rangeslider.rangeslider--horizontal{float:left;display:inline;position:relative;min-width:250px;height:30px;border:1px solid rgba(0,0,0,0.6);background:rgba(0,0,0,0.2);border-radius:10px}.rangeslider.rangeslider--horizontal .rangeslider__fill{position:absolute;left:5px;right:5px;top:10px;bottom:10px;background:#70b1f0;border-radius:10px;opacity:.5}.rangeslider.rangeslider--horizontal .rangeslider__handle{position:absolute;width:20px;height:20px;top:5px;background:#70b1f0;border-radius:10px}
/*# sourceMappingURL=styles.css.map */
.struct-icon.ctp-associated{
    background-image: url(../img/icon.key.yellow.svg);
}
.struct-icon.ctp-routable{
    background-image: url(../img/icon.key.green.svg);
}
.struct-icon.ctp-unbound{
    background-image: url(../img/icon.factory.yellow.svg);
}

.no-float {
    float: none!important;
    display: inline-block!important;
}

.item-list{
    overflow-y: auto!important;
}

.struct-error-message, .struct-message, .struct-message.auto-size {
    box-sizing: border-box;
    width: calc(100% - 20px);
}

.text-content.small {
    margin: 0px;
}

.input.switch.pill.horizontal.small {
    width: 200px;
    margin-top: 0;
}
.input.switch.pill.horizontal.small .value {
    right: 0;
}
.input.switch.pill.horizontal.small .value:first-child {
    left: 0;
    right: 50%;
}

.struct-control-frontend .device.context-preview.sensor .sensor-info {
    height: 30px;
}