.hmi-icons{font-family:'hmi-custom-font'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hmi-eye:before{content:""}.hmi-less:before{content:""}.hmi-more:before{content:""}.hmi-reset:before{content:""}.hmi-pause:before{content:""}.hmi-play:before{content:""}.hmi-stop:before{content:""}.hmi-stripe-down:before{content:""}.hmi-legend-container ul{display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0}.hmi-legend-container ul .legend-item{cursor:pointer;list-style:none;display:flex;align-items:center;padding:0 4px;margin-right:5px;margin-bottom:5px;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;border-radius:2px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.hmi-legend-container ul .legend-item.hidden-item{border-color:transparent!important;background-color:transparent!important}.hmi-legend-container ul .legend-item.hidden-item .item-color-display{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAgMAAADwXCcuAAAACVBMVEX/n5//AAD////BdsjdAAAAKUlEQVR4AWNYtWoBwyQgbgHihVoLGFZ4LWBYJQTELUC8UIFh1YoEkBoAVg4Q1yM37RoAAAAASUVORK5CYII=');background-color:#fff!important;background-size:contain;border:solid 1px #d3d3d3}.hmi-legend-container ul .legend-item.hidden-item label{color:#d3d3d3!important}.hmi-legend-container ul .legend-item .item-color-display{cursor:pointer;height:8px;width:8px;display:inline-block;border-radius:2px;border:solid 1px transparent}.hmi-legend-container ul .legend-item label{cursor:pointer;font-size:.9em;margin-left:5px}.hmi-legend-container ul .legend-item:hover{box-shadow:rgba(0,0,0,.2) 1px 1px 4px}.hmi-layer-selector{position:absolute;top:10px;right:10px;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:flex-end}.hmi-layer-selector button{-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;border:none;padding:0;height:24px;width:24px;border-radius:50%;background-color:#fff;display:flex;-ms-align-content:center;-webkit-align-content:center;align-content:center;justify-content:center;cursor:pointer;color:#555}.hmi-layer-selector button .hmi-icons{font-size:8px}.hmi-layer-selector button:hover{color:#fff;background-color:#178dff;box-shadow:rgba(0,0,0,.2) 0 0 10px}.hmi-layer-selector .unwrap-toggle-button{background-color:#178dff;color:#fff}.hmi-layer-selector .unwrap-toggle-button .hmi-icons{-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;font-size:6px}.hmi-layer-selector .unwrap-toggle-button.wrap{color:#fff;background-color:#178dff}.hmi-layer-selector .unwrap-toggle-button.wrap .hmi-icons{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hmi-layer-selector .layer-selector-wrapper{margin-top:10px;background-color:rgba(0,0,0,.5);color:#fff;border-radius:10px;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container{margin:10px 0}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul{list-style:none;margin:0;padding:0;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li{background-color:rgba(0,0,0,.5);margin:2px 0;padding:2px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li:hover{background-color:rgba(0,0,0,.8)}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons{display:flex;align-items:center}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons .toggle-element{display:flex;align-items:center}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons .toggle-element input[type="checkbox"]{display:none}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons .toggle-element input[type="checkbox"]+label{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;margin:auto 20px auto 5px;cursor:pointer;display:flex;align-items:center}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons .toggle-element input[type="checkbox"]+label i{display:flex;align-items:center;height:12px;width:20px;border:solid 1px #fff;background-color:#444;border-radius:6px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:5px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons .toggle-element input[type="checkbox"]+label i:before{-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;content:"";height:6px;width:6px;border-radius:50%;background-color:#fff;display:block;margin-left:2px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons .toggle-element input[type="checkbox"]:checked+label i{border:solid 1px #fff;background-color:#178dff}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons .toggle-element input[type="checkbox"]:checked+label i:before{margin-left:10px;background-color:#fff}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]{width:50px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]{-webkit-appearance:none;margin:5px 0;margin-left:auto;margin-right:10px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]:focus{outline:none}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-webkit-slider-runnable-track{height:4px;cursor:pointer;border-radius:2px;background:gray;border-radius:0}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-webkit-slider-thumb{border:0 solid transparent;height:10px;width:10px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-3px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-webkit-slider-thumb:hover{background-color:#178dff}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]:focus::-webkit-slider-runnable-track{background:gray}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-moz-range-track{height:4px;cursor:pointer;border-radius:2px;background:gray;border-radius:0}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-moz-range-thumb{border:0 solid transparent;height:10px;width:10px;border-radius:50%;background:#fff;cursor:pointer}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-moz-range-thumb:hover{background-color:#178dff}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-ms-track{height:4px;cursor:pointer;border-radius:2px;background:transparent;border-color:transparent;border-width:10px 0;color:transparent}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-ms-fill-lower{background:gray;border-radius:0}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-ms-fill-upper{background:gray;border-radius:0}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-ms-thumb{border:0 solid transparent;height:10px;width:10px;border-radius:50%;background:#fff;cursor:pointer}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]::-ms-thumb:hover{background-color:#178dff}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]:focus::-ms-fill-lower{background:gray}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]:focus::-ms-fill-upper{background:gray}@-moz-document url-prefix(){.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul > li > .layer-selector-line .layer-selector-line-commons input[type=range]{height:0;}}@media screen and (min-width:0\0){.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .layer-selector-line-commons input[type=range]{width:100px;padding:0;margin:0}}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .frieze-container{background:#555;display:flex;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:13px;margin-bottom:15px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .frieze-container .frieze-item{background:#fff;border:none;height:100%;align-self:flex-end;position:relative;margin-right:1px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .frieze-container .frieze-item.begin,.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .frieze-container .frieze-item.end{background:#bfbfbf;border:0;margin:0}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .frieze-container .frieze-item.small{height:50%}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .frieze-container .active{position:absolute;top:105%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #178dff}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .color-scale-container{display:flex;-ms-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:5px;margin-top:5px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .color-scale-container .color-scale-item{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex:1;-webkit-flex:1;flex:1;margin-right:1px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .color-scale-container .color-scale-item .legend-holder{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:default;font-size:.8em;white-space:nowrap;max-width:35px;overflow-x:hidden}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li>.layer-selector-line .color-scale-container .color-scale-item .color-holder{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;height:15px;width:100%;border-radius:4px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li ul{margin-left:10px}.hmi-layer-selector .layer-selector-wrapper .layer-selector-container ul>li ul li{background-color:transparent}.hmi-layer-selector:hover{background-color:unset}.hmi-layer-selector .prevision{border:solid #ff00ac 2px;margin-top:-5px;margin-bottom:-5px}.time-container{display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;align-items:center;padding:5px}.time-container input[type=range]{-webkit-appearance:none;margin:9px 0;margin-left:auto;margin-right:10px}.time-container input[type=range]:focus{outline:none}.time-container input[type=range]::-webkit-slider-runnable-track{height:4px;cursor:pointer;border-radius:2px;background:#fff;border-radius:0}.time-container input[type=range]::-webkit-slider-thumb{border:2px solid #fff;height:18px;width:18px;border-radius:50%;background:#178dff;cursor:pointer;-webkit-appearance:none;margin-top:-7px}.time-container input[type=range]::-webkit-slider-thumb:hover{background-color:#178dff}.time-container input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}.time-container input[type=range]::-moz-range-track{height:4px;cursor:pointer;border-radius:2px;background:#fff;border-radius:0}.time-container input[type=range]::-moz-range-thumb{border:2px solid #fff;height:18px;width:18px;border-radius:50%;background:#178dff;cursor:pointer}.time-container input[type=range]::-moz-range-thumb:hover{background-color:#178dff}.time-container input[type=range]::-ms-track{height:4px;cursor:pointer;border-radius:2px;background:transparent;border-color:transparent;border-width:18px 0;color:transparent}.time-container input[type=range]::-ms-fill-lower{background:#fff;border-radius:0}.time-container input[type=range]::-ms-fill-upper{background:#fff;border-radius:0}.time-container input[type=range]::-ms-thumb{border:2px solid #fff;height:18px;width:18px;border-radius:50%;background:#178dff;cursor:pointer}.time-container input[type=range]::-ms-thumb:hover{background-color:#178dff}.time-container input[type=range]:focus::-ms-fill-lower{background:#fff}.time-container input[type=range]:focus::-ms-fill-upper{background:#fff}@-moz-document url-prefix(){.time-container input[type=range]{height:0;}}@media screen and (min-width:0\0){.time-container input[type=range]{width:100px;padding:0;margin:0}}.time-container .label-time{background-color:rgba(0,0,0,.5);border-radius:3px;padding:2px 5px;margin:10px 0;font-size:.9em;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:default}.time-container .time-controls{display:flex}.time-container .time-controls button{margin:10px 5px;-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;border:none;padding:0;height:24px;width:24px;border-radius:50%;background-color:#fff;display:flex;-ms-align-content:center;-webkit-align-content:center;align-content:center;justify-content:center;cursor:pointer;color:#555}.time-container .time-controls button .hmi-icons{font-size:8px}.time-container .time-controls button:hover{color:#fff;background-color:#178dff;box-shadow:rgba(0,0,0,.2) 0 0 10px}.hmi-chart-zoom{display:flex;justify-content:flex-end;align-items:center}.hmi-chart-zoom button{-moz-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;transition:all .2s;border:solid 1px #e5e5e5;padding:0;cursor:pointer;margin-left:4px;width:20px;height:20px;background:#fff;border-radius:50%;font-size:8px;color:gray}.hmi-chart-zoom button:hover{box-shadow:rgba(0,0,0,.2) 0 0 10px;background-color:#178dff;color:#fff;border:solid 1px #178dff}@keyframes spin{to{-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hmi-spinner .progress{position:relative;display:inline-block;width:5em;height:5em;margin:0 .5em;font-size:12px;text-indent:999em;overflow:hidden;-moz-animation:spin 1s infinite steps(8);-o-animation:spin 1s infinite steps(8);-webkit-animation:spin 1s infinite steps(8);animation:spin 1s infinite steps(8)}.hmi-spinner .progress.xsmall{font-size:3px}.hmi-spinner .progress.small{font-size:6px}.hmi-spinner .progress.large{font-size:24px}.hmi-spinner .progress:before,.hmi-spinner .progress:after,.hmi-spinner .progress>div:before,.hmi-spinner .progress>div:after{content:'';position:absolute;top:0;left:2.25em;width:.5em;height:1.5em;border-radius:.2em;background:#eee;box-shadow:0 3.5em #eee;-moz-transform-origin:50% 2.5em;-ms-transform-origin:50% 2.5em;-o-transform-origin:50% 2.5em;-webkit-transform-origin:50% 2.5em;transform-origin:50% 2.5em}.hmi-spinner .progress:before{background:#555}.hmi-spinner .progress:after{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#777}.hmi-spinner .progress>div:before{-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background:#999}.hmi-spinner .progress>div:after{-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background:#bbb}