body{position:absolute;height:100%;width:100%;overflow:hidden;font-family:"Roboto-Regular";margin:0}body *,body *:before,body *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body ul{padding:0;margin:0}body svg{width:100%;height:100%}body *:focus{-webkit-appearance:none;outline:none}body button{height:40px;width:calc(100% - 2 * 10px);border:none;border-radius:3px;letter-spacing:0.035em;text-transform:uppercase;background-color:rgba(0,0,0,0.24);font-family:"Roboto-Bold";font-size:14px;color:#fff}body input{border:none;padding:0}body .main-container{width:100%;height:100%}body [ui-view]{height:100%;width:100%;position:relative}body li{list-style:none}body .container{padding:0}body .fullscreen{position:absolute;top:0;bottom:0;left:0;right:0}body .clickable{cursor:pointer}body .no-scroll{overflow:hidden}body .cell__top-single-border::before,body .cell__top-and-bottom-border::before{content:" ";position:absolute;left:0;right:0;top:0;border-top:1px solid rgba(0,0,0,0.12);z-index:21}body .cell__bottom-single-border::after,body .cell__top-and-bottom-border::after{content:" ";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid rgba(0,0,0,0.12);z-index:21}body .cell-border-effect,body .cell__top-border-effect::before,body .cell__bottom-border-effect::after{content:" ";position:absolute;left:0;right:0;border-top:1px solid rgba(0,0,0,0.12);border-bottom:1px solid #fff}body .cell__top-border-effect{position:relative}body .cell__top-border-effect::before{top:0}body .cell__bottom-border-effect{position:relative}body .cell__bottom-border-effect::after{bottom:0}body .cell__box-shadow-effect{background-color:#fff;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.35);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.35);-o-box-shadow:0 2px 2px rgba(0,0,0,0.35);box-shadow:0 2px 2px rgba(0,0,0,0.35)}body .shadow-separator-line,body .shadow-top-seperator-line,body .shadow-bottom-seperator-line{position:absolute;left:30px;right:30px;border-radius:50%;background-color:#3d3d3d/*!--anthracite--*/;opacity:0.5;height:10px}body .shadow-top-seperator-line{top:0;-webkit-box-shadow:0 2px 10px 0 #000;-moz-box-shadow:0 2px 10px 0 #000;-o-box-shadow:0 2px 10px 0 #000;box-shadow:0 2px 10px 0 #000;clip:rect(-10px, 2000px, 0px, 0px)}body .shadow-bottom-seperator-line{bottom:0;-webkit-box-shadow:0px -2px 10px 0 #000;-moz-box-shadow:0px -2px 10px 0 #000;-o-box-shadow:0px -2px 10px 0 #000;box-shadow:0px -2px 10px 0 #000;clip:rect(10px, 2000px, 20px, 0px)}body .center-in-parent{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}body .vertical-scroll-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}body .horizontal-scroll-container{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}body .text-overflow-ellipsis{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}body .no-animtion [ui-view]{-webkit-transition:none 0s linear 0s;-moz-transition:none 0s linear 0s;-o-transition:none 0s linear 0s;transition:none 0s linear 0s}body [ui-view].ng-enter,body .animation [ui-view].ng-leave{-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s;position:fixed;left:0;right:0;top:0;bottom:0}body .slide-up [ui-view].ng-enter{-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}body .slide-up [ui-view].ng-enter-active,body .slide-up [ui-view].ng-leave{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}body .slide-up [ui-view].ng-leave-active{-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}body .slide-down [ui-view].ng-enter{-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}body .slide-down [ui-view].ng-enter-active,body .slide-down [ui-view].ng-leave{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}body .slide-down [ui-view].ng-leave-active{-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}body .slide-left [ui-view].ng-enter{-moz-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}body .slide-left [ui-view].ng-enter-active,body .slide-left [ui-view].ng-leave{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}body .slide-left [ui-view].ng-leave-active{-moz-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}body .slide-right [ui-view].ng-enter{-moz-transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}body .slide-right [ui-view].ng-enter-active,body .slide-right [ui-view].ng-leave{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}body .slide-right [ui-view].ng-leave-active{-moz-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}body .flip-left.ng-enter body .flip-left.ng-leave{position:relative;transform-style:preserve-3d;backface-visibility:hidden}body .flip-left.ng-enter{-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}body .flip-left.ng-leave-active{-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}body .loxone-picker .mbsc-loxone{height:100%}body .loxone-picker .mbsc-loxone .dw-persp .dw{width:100%}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr{background-color:transparent}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc .dwc{padding:0 !important}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc .dwc .dwwc .dwfl{min-width:55px !important}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc .dwc .dwwc .dwfl .dwwl .dwww .dww .dw-ul .dw-bf .dw-li{font-family:"Roboto-Medium";font-size:15px;color:rgba(0,0,0,0.54)}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc .dwc .dwwc .dwfl .dwwl .dwww .dww .dw-ul .dw-bf .dw-li.dw-sel{font-family:"Roboto-Medium";font-size:15px;color:rgba(0,0,0,0.87)}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc .dw-cal-pnl .dw-cal-header .dw-cal-month,body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc .dw-cal-pnl .dw-cal-header .dw-cal-year{font-family:"Roboto-Medium";font-size:15px;color:rgba(0,0,0,0.54)}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc .dw-cal-body .dw-cal-sc-p{background-color:#fff}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc .dw-cal-body .dw-cal-sc-p .dwb-e{font-family:"Roboto-Medium";font-size:15px;color:rgba(0,0,0,0.87)}body .loxone-picker .mbsc-loxone .dw-persp .dw .dwwr .dwcc .dw-cal-body .dw-cal-day{font-family:"Roboto-Medium";font-size:15px;color:rgba(0,0,0,0.87)}body .loxone-picker .mbsc-loxone .dwwol{border-color:rgba(0,0,0,0.12)}body .css-spinner,body .css-spinner-a,body .login-container .login-container__login-window .login-window__loader-container .loader-container__spinner,body .css-spinner-b,body .login-container .login-container__login-window .login-window__login-form .login-form__connect-button .connect-button__spinner{position:relative;border:5px solid;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;-moz-animation:load8 1.1s infinite linear;-o-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;border-radius:50%;width:30px;height:30px}body .css-spinner.css-spinner--small,body .css-spinner--small.css-spinner-a,body .login-container .login-container__login-window .login-window__loader-container .css-spinner--small.loader-container__spinner,body .css-spinner--small.css-spinner-b,body .login-container .login-container__login-window .login-window__login-form .login-form__connect-button .css-spinner--small.connect-button__spinner{height:20px;width:20px;border-width:3px}body .css-spinner-a,body .login-container .login-container__login-window .login-window__loader-container .loader-container__spinner{border-color:rgba(0,0,0,0.12);border-left-color:rgba(0,0,0,0.24)}body .css-spinner-b,body .login-container .login-container__login-window .login-window__login-form .login-form__connect-button .connect-button__spinner{border-color:rgba(255,255,255,0.2);border-left-color:#fff}@-webkit-keyframes load8{0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@-moz-keyframes load8{0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@-o-keyframes load8{0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@keyframes load8{0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}body .scroll-view-wrapper{position:absolute;top:0;bottom:50px;left:0;right:0;overflow:hidden}body .scroll-view-content{position:absolute;-webkit-tap-highlight-color:transparent;width:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}body .login-container>*{z-index:598}body .login-container{z-index:598;background-color:#303030;height:100%;width:100%}body .login-container .login-container__login-bg{position:absolute;width:100%;height:100%;overflow:hidden}body .login-container .login-container__login-bg .login-bg__img{position:absolute;max-width:1024px;left:0;right:0;bottom:0;top:0;margin:auto}body .login-container .login-container__logo-container{position:absolute;width:20%;margin:10px;max-width:300px}body .login-container .login-container__login-window{position:absolute;background-color:#eee;width:100%;height:100%;top:0;bottom:0;left:0;right:0;max-width:400px;max-height:420px;margin:auto;border-radius:5px;-webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.35);-moz-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.35);-o-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.35);box-shadow:0px 0px 5px 1px rgba(0,0,0,0.35);display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}body .login-container .login-container__login-window .login-window__icon-container{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}body .login-container .login-container__login-window .login-window__icon-container .icon-container__img{position:absolute;max-height:80%;left:0;right:0;top:0;bottom:0;margin:auto}body .login-container .login-container__login-window .login-window__login-form{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 20px 20px}body .login-container .login-container__login-window .login-window__login-form .login-form__title{font-size:28px}body .login-container .login-container__login-window .login-window__login-form .login-form__username,body .login-container .login-container__login-window .login-window__login-form .login-form__password{width:100%;height:40px;padding-left:20px;outline:none;border:1px solid rgba(0,0,0,0.12);font-size:14px}body .login-container .login-container__login-window .login-window__login-form .login-form__username{border-radius:5px 5px 0 0}body .login-container .login-container__login-window .login-window__login-form .login-form__password{border-radius:0 0 5px 5px;border-top:none}body .login-container .login-container__login-window .login-window__login-form .login-form__connect-button{width:100%;height:40px;border-radius:5px 5px;background-color:#83b817/*!--green--*/;margin-top:20px;color:white;outline:none;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.35);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.35);-o-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.35);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.35);-webkit-appearance:none}body .login-container .login-container__login-window .login-window__login-form .login-form__connect-button .connect-button__spinner{margin:auto}body .login-container .login-container__login-window .login-window__loader-container{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}body .login-container .login-container__login-window .login-window__loader-container.hidden{display:none}body .login-container .login-container__login-window .login-window__loader-container .loader-container__spinner{margin:20% auto 0 auto}body .login-container .login-container__login-window .login-window__loader-container .loader-container__text-container{margin-top:10%}body .login-container .login-container__login-window .login-window__loader-container .loader-container__text-container .text-container__title{text-align:center;color:rgba(0,0,0,0.87);font-size:17px}body .login-container .login-container__login-window .login-window__loader-container .loader-container__text-container .text-container__subtitle{margin-top:15px;text-align:center;color:rgba(0,0,0,0.54);font-size:14px}body .login-container .login-container__version-lbl{position:absolute;bottom:0;right:0;color:rgba(255,255,255,0.4);margin:10px}