*,*:before,*:after{color:inherit;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;-webkit-backface-visibility:inherit;backface-visibility:inherit}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden}
html,body,form,fieldset,legend,img,.btn,.reset{margin:0;padding:0;border:0;outline:0}
a,button,label,.btn,.hand{cursor:pointer;*cursor:hand;pointer-events:auto}
.no-events{pointer-events:none}
button{width:auto;overflow:visible}
b,strong,th{font-weight:bold}
audio,button,canvas,iframe,img,input,select,svg,video{vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
textarea{resize:vertical}
button,[draggable=true],.btn,.noselect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
[draggable=true]{-webkit-user-drag:element;-khtml-user-drag:element;user-drag:element}
.max-height{height:auto !important;height:100%;min-height:100%}
.sm .sm-hide,.md .md-hide,.lg .lg-hide,.hide-empty:empty,.hide{display:none !important;visibility:hidden}
.transparent{opacity:0 !important;filter:alpha(opacity=0) !important}
.max{top:0px;left:0px;width:100%;height:100%;overflow:hidden}
.abs{position:absolute;top:0px;left:0px}
.absr{position:absolute;top:0px;right:0px}
.fix{position:absolute;position:fixed}
.rel{position:relative;height:100%}
.block{overflow:hidden}
.btn,.nowrap,.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anim,.anim:after,.anim:before{-webkit-transition:all .2s cubic-bezier(0,0,.2,1) 0s;-moz-transition:all .2s cubic-bezier(0,0,.2,1) 0s;-o-transition:all .2s cubic-bezier(0,0,.2,1) 0s;transition:all .2s cubic-bezier(0,0,.2,1) 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-perspective:1000;perspective:1000}
.sm .sm-left,.md .md-left,.lg .lg-left,.left{float:left}
.sm .sm-right,.md .md-right,.lg .lg-right,.right{float:right}
.t-left{text-align:left}
.t-center{text-align:center}
.t-right{text-align:right}
.grid,.row{display:block;clear:both}
.row{clear:both}
.col,.grid>.grid{display:block;float:left;min-height:1px;clear:none}
.grid:after,.row:after{content:" ";display:block;clear:both}
.col,.w12,.md .md-w12,.lg .md-w12,.lg .lg-w12{width:100%}
.w11,.md .md-w11,.lg .md-w11,.lg .lg-w11{width:91.6667%}
.w10,.md .md-w10,.lg .md-w10,.lg .lg-w10{width:83.3333%}
.w9,.md .md-w9,.lg .md-w9,.lg .lg-w9{width:75%}
.w8,.md .md-w8,.lg .md-w8,.lg .lg-w8{width:66.6667%}
.w7,.md .md-w7,.lg .md-w7,.lg .lg-w7{width:58.3333%}
.w6,.md .md-w6,.lg .md-w6,.lg .lg-w6{width:50%}
.w5,.md .md-w5,.lg .md-w5,.lg .lg-w5{width:41.6667%}
.w4,.md .md-w4,.lg .md-w4,.lg .lg-w4{width:33.3333%}
.w3,.md .md-w3,.lg .md-w3,.lg .lg-w3{width:25%}
.w2,.md .md-w2,.lg .md-w2,.lg .lg-w2{width:16.6667%}
.w1,.md .md-w1,.lg .md-w1,.lg .lg-w1{width:8.3333%}
.h12,.md .md-h12,.lg .md-h12,.lg .lg-h12{height:100%}
.h11,.md .md-h11,.lg .md-h11,.lg .lg-h11{height:91.6667%}
.h10,.md .md-h10,.lg .md-h10,.lg .lg-h10{height:83.3333%}
.h9,.md .md-h9,.lg .md-h9,.lg .lg-h9{height:75%}
.h8,.md .md-h8,.lg .md-h8,.lg .lg-h8{height:66.6667%}
.h7,.md .md-h7,.lg .md-h7,.lg .lg-h7{height:58.3333%}
.h6,.md .md-h6,.lg .md-h6,.lg .lg-h6{height:50%}
.h5,.md .md-h5,.lg .md-h5,.lg .lg-h5{height:41.6667%}
.h4,.md .md-h4,.lg .md-h4,.lg .lg-h4{height:33.3333%}
.h3,.md .md-h3,.lg .md-h3,.lg .lg-h3{height:25%}
.h2,.md .md-h2,.lg .md-h2,.lg .lg-h2{height:16.6667%}
.h1,.md .md-h1,.lg .md-h1,.lg .lg-h1{height:8.3333%}
.p0,.p00,.p01,.p02,.p03,.p04{padding-top:0;padding-bottom:0}
.p1,.p10,.p11,.p12,.p13,.p14{padding-top:4px;padding-bottom:4px}
.p2,.p20,.p21,.p22,.p23,.p24{padding-top:8px;padding-bottom:8px}
.p3,.p30,.p31,.p32,.p33,.p34{padding-top:12px;padding-bottom:12px}
.p4,.p40,.p41,.p42,.p43,.p44{padding-top:16px;padding-bottom:16px}
.p0,.p00,.p10,.p20,.p30,.p40{padding-left:0;padding-right:0}
.p1,.p01,.p11,.p21,.p31,.p41{padding-left:4px;padding-right:4px}
.p2,.p02,.p12,.p22,.p32,.p42{padding-left:8px;padding-right:8px}
.p3,.p03,.p13,.p23,.p33,.p43{padding-left:12px;padding-right:12px}
.p4,.p04,.p14,.p24,.p34,.p44{padding-left:16px;padding-right:16px}
.m0,.m00,.m01,.m02,.m03,.m04{margin-top:0;margin-bottom:0}
.m1,.m10,.m11,.m12,.m13,.m14{margin-top:4px;margin-bottom:4px}
.m2,.m20,.m21,.m22,.m23,.m24{margin-top:8px;margin-bottom:8px}
.m3,.m30,.m31,.m32,.m33,.m34{margin-top:12px;margin-bottom:12px}
.m4,.m40,.m41,.m42,.m43,.m44{margin-top:16px;margin-bottom:16px}
.m0,.m00,.m10,.m20,.m30,.m40{margin-left:0;margin-right:0}
.m1,.m01,.m11,.m21,.m31,.m41{margin-left:4px;margin-right:4px}
.m2,.m02,.m12,.m22,.m32,.m42{margin-left:8px;margin-right:8px}
.m3,.m03,.m13,.m23,.m33,.m43{margin-left:12px;margin-right:12px}
.m4,.m04,.m14,.m24,.m34,.m44{margin-left:16px;margin-right:16px}
.grid.p1,.grid.p1>.row>.col,.grid.p1>.col{padding:2px}
.grid.p2,.grid.p2>.row>.col,.grid.p2>.col{padding:4px}
.grid.p3,.grid.p3>.row>.col,.grid.p3>.col{padding:6px}
.grid.p4,.grid.p4>.row>.col,.grid.p4>.col{padding:8px}
.grid.p1>.grid,.grid.p2>.grid,.grid.p3>.grid,.grid.p4>.grid{padding:0}
.grid.b1,.grid.b1>.row>.col,.grid.b1>.col{border:2px solid transparent}
.grid.b2,.grid.b2>.row>.col,.grid.b2>.col{border:4px solid transparent}
.grid.b3,.grid.b3>.row>.col,.grid.b3>.col{border:6px solid transparent}
.grid.b4,.grid.b4>.row>.col,.grid.b4>.col{border:8px solid transparent}
.grid.b1>.grid,.grid.b2>.grid,.grid.b3>.grid,.grid.b4>.grid{border:none}
.cf:before,.cf:after{content:" ";display:table}
.cf,.cf:after{clear:both}
.cf{*zoom:1}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif}
html{height:100%;overflow-y:scroll;min-width:300px;margin-bottom:1px}
body{height:100%}
.app{margin:0 auto}
.lg .app{width:990px;margin:0 auto;zoom:1}
.login{max-width:600px;margin:0 auto}
.scroll,.md .md-scroll,.lg .lg-scroll{overflow-y:auto;scroll-behavior:smooth;overscroll-behavior:none;-ms-scroll-chaining:none}
.sm .sm-bottom-unset{bottom:unset !important}
.gridm{columns:300px;column-gap:4px;margin:4px;clear:both}
.gridm>.col{margin-bottom:4px;break-inside:avoid-column}
.shutdown{background:#000}
.shutdown>body{position:fixed;overflow:hidden;animation:5s linear 0s 1 forwards shutdown}
@keyframes shutdown{0%{filter:brightness(100%);top:0%;height:100%}
4%{filter:brightness(500%);left:0%;width:100%}
6%{top:50%;height:1%;filter:brightness(500%)}
20%{top:50%;left:50%;width:4px;height:2px;filter:brightness(90%)}
to{filter:brightness(0%);top:45%;left:50%;width:1px;height:1px}}
@keyframes rot360{0%{transform:rotate(0deg)}
to{transform:rotate(360deg)}}
.expandable{overflow:hidden;clear:both}
:not(.is-expanded)>.expandable{opacity:0;margin-top:-40px;filter:alpha(opacity=0)}
input.Item-right{width:80px;height:20px;line-height:18px;text-align:right;clear:right}
input[type=time].Item-right{padding:0}
.is-hidden{display:none !important;visibility:hidden}
.i{display:block;float:left;text-indent:-9999px;width:57px;height:57px;background-image:url(css/ico/s.svg);background-repeat:no-repeat;background-size:400%;border-radius:10px;flex:0 0 57px;color:#706f6f}
.i.i--inline{float:none;display:inline-block;vertical-align:middle}
.is-offline>div>.i{color:inherit}
.i.is-on,.i.is-open,.i.is-active{background-position-x:-57px}
.i-light{background-position:0 0}
.i-light.is-on{background-position:-171px 0}
.is-offline>div>.i,.i-dishwasher,.i-fridge,.i.is-error{box-shadow:inset 4px 0 currentColor,inset -4px 0 currentColor,inset 0 4px currentColor,inset 0 -4px currentColor}
.i-dishwasher{background-position:0 -57px}
.i-dishwasher.is-washing{background-position:-57px -57px}
.i-dishwasher.is-rinsing{background-position:-114px -57px}
.i-dishwasher.is-cleaning{background-position:-171px -57px}
.i-canister{background-position:0 -114px}
.i-canister.is-med{background-position:-57px -114px}
.i-canister.is-low{background-position:-114px -114px}
.i-canister.is-clear{background-position:-171px -114px}
.i-calendar{background-position:-0px -171px}
.i-fridge{background-position:-57px -171px}
.i-fridge.is-open{background-position:-114px -171px;box-shadow:none}
.is-offline>div>.i-fridge.is-open{background-position:-171px -171px}
.i-temp{background-position:-0px -228px}
.i-tempRh{background-position:-57px -228px}
.i-tempRhCo2{background-position:-114px -228px}
.i-tempCo2{background-position:-171px -228px}
.i-door{background-position-y:-285px}
.i-window{background-position-y:-342px}
.i-lock{background-position-y:-399px}
.i-secarea{background-position:-0px -456px}
.i-secarea.is-armed{background-position:-57px -456px}
.i-secarea.is-exit{background-position:-114px -456px}
.i-secarea.is-entry{background-position:-171px -456px}
.i-secarea.is-alarm{background-position:-0px -513px}
.i-secarea.is-fire{background-position:-57px -513px}
.i-secarea.is-water{background-position:-114px -513px}
.i-waterDetector{background-position-y:-570px}
.i-smokeDetector{background-position-y:-627px}
.i-motionDetector{background-position-y:-684px}
.i-waterMeter{background-position:-0px -741px}
.i-gasMeter{background-position:-57px -741px}
.i-energyMeter{background-position:-114px -741px}
.i-valve{background-position:-0px -798px}
.i-co2{background-position:-0px -855px}
.tip{position:relative;margin:1.5em 0;padding:.75em 1.5em .75em;background-color:rgba(255,255,255,.8);border:1px solid currentColor;border-left-width:.4em;border-radius:.4em;color:#05a;clear:both}
.tip:before{position:absolute;top:.4em;left:-.6em;width:1em;height:1em;line-height:1em;color:#fff;text-align:center;border-radius:50%;font-size:1.8em;content:"ℹ";background-color:#05a}
.r1{border-radius:4px;overflow:hidden}
svg{overflow:visible;fill:currentColor}
.Chart{color:#565656;overflow:visible}
.Chart-axes{stroke:#565656;stroke-dasharray:0;stroke-width:1}
.Chart-line{fill:none;stroke:currentColor;stroke-width:1}
.Chart-line>circle{fill:currentColor}
.Chart-line.is-active{stroke-width:2}
.Chart-xLabel{text-anchor:middle;font-size:12px}
.Chart-yLabel{font-size:12px;text-anchor:end;alignment-baseline:middle}
.Chart-yLabelr{font-size:12px;text-anchor:start;alignment-baseline:middle}
.Chart-washing{color:#25ae60}
.Chart-washingLine{stroke:#27ae60}
.Chart-bars{fill:none;stroke:#416676}
.Chart-rinsing{color:#029fe3}
.Chart-rinsingLine{stroke:#029fe3}
.Chart-cleaning{color:#fcdd39}
.Chart-cleaningLine{stroke:#fcdd39}
.Chart-boilerLine{fill:none;stroke-width:2;stroke:#f2994a}
.Chart-boilerDot{fill:#f2994a}
.Chart-waterLine{fill:none;stroke-width:2;stroke:#eb5757}
.Chart-waterDot{fill:#eb5757}
.labels{font-size:13px}
.label-title{font-weight:bold;text-transform:uppercase;font-size:12px;fill:black}
.flex-grid{display:flex;flex-wrap:wrap}
.flex-grid>.col{flex:0 0 auto}
body{color:#fff;font-size:15px;line-height:1.62;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#303030}
::-moz-selection{text-shadow:none;background:#b3d4fc}
::selection{text-shadow:none;background:#b3d4fc}
input[disabled],input[readonly]{color:#666;font-style:italic}
h1,h2,h3,h4,h5,h6{margin:0;padding:1em 0 .5em}
.bg-1{background-image:linear-gradient(#257,#27b);border-bottom:1px solid #257}
.bg-2{border-top:1px solid #6ae;border-bottom:1px solid #123;background-image:linear-gradient(#38c,#269)}
.bg3{background-color:#212121;border-color:#fff}
.bg4{background:rgba(0,0,0,.5)}
.hover-bg5:hover,.hover-bg5:active,.bg5{background-color:#414141}
.bg6{color:#000;background-color:#eb5757;font-weight:bold}
.bg7{color:#000;background-color:#f2994a;font-weight:bold}
.bg6:not(:empty)+.bg7{margin-top:2px}
.fw1{font-weight:100}
.fw2{font-weight:200}
.fw3{font-weight:300}
.fw4{font-weight:400}
.fw5{font-weight:500}
.fw6{font-weight:600}
.fw7{font-weight:700}
.fw8{font-weight:800}
.fw9{font-weight:900}
.t-1{color:#def;font-size:.75em;text-shadow:2px 1px 1px #000}
.ts1{font-size:2em}
.ts2{font-size:1.5em}
.ts3{font-size:1.25em}
.ts4{font-size:.8em}
.ts5{font-size:.6667em}
.ts6{font-size:.5em}
.ts7{font-size:10em;font-size:15vw}
.ts8{font-size:5em;font-size:8vw}
.op5{opacity:.5}
.lang>.selected{text-decoration:underline}
.no-line{text-decoration:none}
.Select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px;margin:-4px -4px -4px auto}
.Select:after{content:" ▾"}
.menu{font-size:16px;padding:0px 6px;height:46px;line-height:32px;color:#fff;background:linear-gradient(to top,transparent,#303030)}
.menu__item{margin:0 1px;padding:8px 2px 2px;text-transform:uppercase;text-decoration:none;display:block;float:left}
.menu__item:hover,.menu__item:active,.menu__item.selected{box-shadow:inset 0 -4px #fff}
.menu__icon{height:42px;margin:0 1px 0 4px;padding:8px 5px 2px;line-height:26px}
.menu__right{margin:0 4px 0 1px;padding:8px 2px 2px;display:block;float:right;text-decoration:none;max-width:25%}
.Lang{display:inline-block;border:1px solid #aaa;border-radius:4px;margin:0 1px;padding:0px 8px}
.Lang.is-selected{background-color:#eee}
.br1:not(:last-child){box-shadow:0 1px #565656}
.nav{display:block;height:2.4em}
.nav a{display:block;float:left;margin:0 .3em;padding:.3em;background:#eee}
.content{padding:1em 1em 3em}
.c0{color:#000}
.c1{color:#fff}
.c2{color:#789}
.c3{color:#f12}
.c4{color:#16a}
.c5{color:#999}
.p0t{padding-top:0}
.p2t{padding-top:8px}
.p4t{padding-top:16px}
.p0r{padding-right:0}
.p0b{padding-bottom:0}
.p0l{padding-left:0}
.m1b{margin-bottom:4px}
.m1r{margin-right:4px}
.m1t{margin-top:4px}
.m2t{margin-top:8px}
.m2r{margin-right:8px}
.m2b{margin-bottom:8px}
.m2l{margin-left:8px}
.b1t{border-top:1px solid #565656}
.b1r{border-right:1px solid #565656}
.b1b{border-bottom:1px solid #565656}
.b1l{border-left:1px solid #565656}
.row.is-indent{text-indent:16px}
.row.is-bold{font-weight:bold}
.row.is-italic{font-style:italic}
.Item.is-offline{color:#eb5757}
.Item.is-disabled{color:#999;font-style:italic}
.Item.is-alarm{color:#000;background-color:#eb5757}
.Map-view{padding:0px 12px;background:#919191;border:1px solid #fff;border-radius:6px;text-decoration:none;transform:translate(-50%,-50%)}
.Map-icon{border-radius:50%;transform:translate(-50%,-50%)}
.Map-info,.Map-val{border-radius:10px;transform:translate(-28px,-28px)}
.Map-info-collapse{width:66px;height:66px}
.Map-info.is-collapsed{overflow:hidden;width:57px;height:57px}
.Map-val{width:57px;height:57px;line-height:57px;text-align:center}
.Map-info>.Item{max-width:260px}
.Map-info.is-collapsed>.Item{margin:-8px 0 0 -8px}
.Map-info:not(.is-collapsed){z-index:1}
.Map-view:hover,.Map-icon:hover,.Map-info:hover{z-index:2}
.tooltip--top>i{pointer-events:none}
.Notification.is-alarm{color:#000;background-color:#eb5757}
.Map-item.is-alarm{color:#000;background-color:#eb5757}
.btn.is-primary{background-color:#009FE3;color:#fff;border-color:#009FE3}
.btn.is-primary:hover{color:#fff;background-color:#007FC3}
.btn.is-danger{background-color:#f44336;color:#fff;border-color:#B71C1C}
.btn.is-danger:hover{color:#fff;background-color:#B71C1C}
.btn.is-small{height:24px;line-height:22px}
.rightc{float:right;clear:both}
[data-on-empty]:empty:after{content:attr(data-on-empty);color:#999;font-style:italic;text-align:center;font-weight:normal;display:block;padding:1em}
.loading:after{content:" ";display:block;width:24px;height:24px;margin:8px auto;border-radius:50%;border:5px solid #fff;border-color:currentColor transparent currentColor transparent;animation:rot360 1s linear infinite}
.paper{background-color:#303030;box-shadow:rgba(0,0,0,.12) 0px 1px 6px,rgba(0,0,0,.12) 0px 1px 4px}
.paper:after{display:block;content:" ";clear:both}
div.mat-Menu,body input,body select,body textarea{color:#000;background:#c4c4c4}
.is-divider,div.mat-Menu-item.is-divider{border-bottom:1px solid #aaa}
body .btn:active,body .btn:focus,body input:active,body input:focus,body select:active,body select:focus,body textarea:active,body textarea:focus{box-shadow:0 2px 5px rgba(0,0,0,.5) inset,0 0 2px 2px #009FE3}
div.input__hint{color:#fff}
div.Confirm-content{background-color:#303030}
.flex-mid{display:flex;align-items:center}
.flex-right{margin-left:auto;text-align:right}