*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#E9ECEF;font-family:'Open Sans', sans-serif;text-align:center}body.loading{overflow:hidden}.content_center{max-width:calc(100% - 40px);margin:0 auto;text-align:left}header{position:fixed;top:0;left:0;right:0;background:#FFF;-webkit-box-shadow:0 1px 4px 0px rgba(0,0,0,0.15);box-shadow:0 1px 4px 0px rgba(0,0,0,0.15);height:60px;z-index:1000}header #logo{float:left;width:230px;height:100%;font-size:25px;font-weight:800;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;color:#000;border-right:1px solid rgba(0,0,0,0.1)}header #logo img{height:35px;margin:0 10px 0 0}header #user{float:right;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,0.5);font-size:14px;font-weight:600;padding:0 15px}header #user img{float:right;height:32px;border-radius:50%;margin:0 0 0 15px}header #logout{float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;height:60px;border-left:1px solid rgba(0,0,0,0.1)}header #logout img{height:22px;opacity:0.15;-webkit-transition:all 0.5s linear;transition:all 0.5s linear}header #logout:hover img{opacity:0.8}aside{position:fixed;top:60px;bottom:0;width:230px;background:#1D2939}aside #menu{padding:0}aside #menu li{float:left;clear:both;list-style-type:none;width:calc(100% - 20px);margin:0 10px;border-radius:3px}aside #menu li.active{background:#00B297}aside #menu li a{float:left;text-decoration:none;color:#FFF;width:100%;padding:10px;text-align:left;font-size:15px;font-weight:600}main{margin:80px 0 20px 230px}.block_header{display:block;width:100%;border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 0 8px 0;font-weight:700;font-size:15px;text-transform:uppercase;text-align:center}form{margin:20px 0;padding:0;background:#FFF;border-radius:3px;-webkit-box-shadow:0 1px 4px 0px rgba(0,0,0,0.15);box-shadow:0 1px 4px 0px rgba(0,0,0,0.15)}form .groups{display:-webkit-box;display:-ms-flexbox;display:flex}form .form_group{width:33.33%;padding:20px;border-left:1px solid rgba(0,0,0,0.1);position:relative}form .form_group:first-child{border:none}form .form_group.center{text-align:center}form .form_group label{display:block;width:100%;font-weight:600;margin:0 0 10px 0;font-size:14px;font-weight:700}form .form_group input,form .form_group select{padding:15px 10px;border:1px solid #CCC;border-radius:5px;-webkit-box-shadow:0 1px 4px 0px rgba(0,0,0,0.1);box-shadow:0 1px 4px 0px rgba(0,0,0,0.1);min-width:150px !important;text-align:center}form .form_group #device_img,form .form_group #live_device_img{position:absolute;right:5px;top:10px;bottom:10px;width:calc(100% - 180px);text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}form .form_group #device_img img,form .form_group #live_device_img img{max-width:100%;max-height:100%;vertical-align:baseline;margin:0 0 0 10px}form .text_group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;line-height:25px;font-weight:700;text-align:center}form .text_group .ok{display:none}form .text_group .ok .check{margin:0 0 10px 0;position:relative;top:3px}.highcharts_figure{margin:20px 0 0 0;background:#FFF;padding:0 0 5px 0;border-radius:3px;-webkit-box-shadow:0 1px 4px 0px rgba(0,0,0,0.15);box-shadow:0 1px 4px 0px rgba(0,0,0,0.15)}.highcharts_figure #chart_live,.highcharts_figure #chart_data{padding:30px 0 0 0}#view_data{display:none}#view_live{display:none}#view_live .gauges{display:-webkit-box;display:-ms-flexbox;display:flex}#view_live .gauges figure{width:33.33%;padding:0 0 10px 0;margin:0 10px}#view_live .gauges figure:first-child{margin-left:0}#view_live .gauges figure:nth-child(2){width:calc(33.33% - 12px)}#view_live .gauges figure:last-child{margin-right:0}#view_live .gauges>figure>div{width:calc(100% - 100px);margin:0 50px;max-height:200px}#view_live .highcharts-solidgauge-series{left:0 !important;right:0;top:0;bottom:0}#view_live .highcharts-solidgauge-series .highcharts-data-label{left:0 !important;right:0 !important;bottom:0}#view_live .highcharts-solidgauge-series .highcharts-data-label>span{left:0 !important;right:0;position:static !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#view_live .gauge_inner{text-align:center}#view_live .gauge_inner strong{font-size:30px}#view_live .gauge_inner span{font-size:12px;opacity:0.4}.loading_anim{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,0,0,0.1);border-radius:50%;border-top-color:#00B297;-webkit-animation:spin 1s ease-out infinite;animation:spin 1s ease-out infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.check{display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:30px;width:15px;border-bottom:4px solid #00B297;border-right:4px solid #00B297}#localhost{float:left;height:60px;line-height:60px;padding:0 20px;color:#C33929;font-size:15px;font-weight:700;display:none}#login{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;background:#1D2939;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#login #login_form{width:300px}#login #login_form .block_header{margin:0 0 10px 0;text-transform:none;font-size:25px;font-weight:800;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#000;text-decoration:none}#login #login_form .block_header img{height:35px;margin:0 10px 0 0}#login #login_form .form_group{width:100%;padding:10px 15px}#login #login_form input{width:100%;padding:12px 10px}#login #login_form input[type="submit"]{margin:15px;width:calc(100% - 30px);background:#00B297;color:#FFF;border:none;padding:15px 0;font-size:15px;border-radius:3px}#loading_bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:2000;background:#1D2939;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#FFF}#loading_bg .loading_anim{border-color:rgba(0,0,0,0.2);border-top-color:#FFF;margin:0 0 10px 0}
/*# sourceMappingURL=app.min.css.map */