body{overflow:hidden}.fullheight,.myapp,.myapp-content{height:100%}.myapp-no-aside .myapp-content{margin-left:0!important}.myapp-content-body{height:100%}.myapp-content-body.with-sidebar{margin-left:80px}.myapp-content-body .bg-light{background-color:#f8f9fa}.myapp-content-header{height:74px}.myapp-content-data{position:absolute;top:74px;bottom:0;left:0;right:0}.myapp-content-data canvas{height:100%;width:100%}.myapp-content-body.with-sidebar .myapp-content-data{left:80px}.vertical-align{position:absolute;top:50%;transform:translateY(-50%);width:100%}.my-dashboard{height:100%}.row-1{height:60%}.row-1 .col{height:100%}.row-2{height:40%}.row-2 .col,.row-2 .panel{height:100%}.row-2 .panel-heading{padding-bottom:0}.row-2 .panel-heading button{margin-top:unset}.myapp-content-header .logo{float:left;height:74px;width:74px;line-height:70px;text-align:center}.myapp-content-header img,.myapp-content-header svg{vertical-align:middle}.myapp-content-header h1{display:inline-block;font-size:30px;line-height:30px;padding:22px 0}.myapp-content-header .navbar{padding:11px 0}.myapp-content-header .navbar-collapse{margin-left:0;padding-left:0;float:left}.myapp-content-header .navbar-text{font-size:16px;line-height:20px;margin-left:10px;margin-right:10px}.myapp-content-header .nav>li>a{padding-left:5px;padding-right:5px;line-height:20px}.myapp-content-header .last-update{width:13em}.chart-panel,.my-chart-panel{height:100%}.chart-panel .panel{display:flex;flex-direction:column}.my-chart-title-container{position:relative}.my-chart-title-container .pull-right{position:absolute;right:0;top:-4px}.my-chart-title{text-align:center;font-size:20px;margin:0}.my-chart-body{position:relative;height:100%}.my-chart{display:block;position:absolute;width:100%}.my-chart,.my-chart>canvas{height:100%}.chart-empty-message{text-align:center;position:absolute;top:50%}.chart-empty-message,.my-gauges{width:100%;height:100%}.my-gauges .row{display:flex;justify-content:center}.my-gauges .col{flex-basis:0;flex-grow:1}.my-gauges{text-align:center;white-space:nowrap;font-size:12px}.my-gauges .panel{display:flex;flex-direction:column;cursor:pointer}.my-gauges .panel:hover{background-color:#dde6e9!important}.my-gauges .selected .panel{background-color:#e4eaec!important}.my-gauges .selected .panel:hover{background-color:#dde6e9!important}.my-gauges .panel-heading{font-weight:700;padding:5px 0}.my-gauges .easyPieChart{margin:auto 10%}.my-gauges .canvas-gauge{margin:auto 5px}.my-gauges .chart{margin-left:auto;margin-right:auto}.my-gauges .tip{padding:5px 0}.my-gauges .value{font-weight:700}@media (min-width:1200px){.my-gauges{font-size:16px}}.gauges-1{height:55%;padding-bottom:10px}.gauges-1>div{display:inline-block;height:100%}.gauges-1 .panel{height:100%;margin:0 5px}.gauges-1 .value{font-size:16px}@media (min-width:1200px){.gauges-1 .value{font-size:24px}}.gauges-2{height:45%}.gauges-2>div{display:inline-block;max-width:14.28571%;height:100%}.gauges-2 .col{padding-left:2px;padding-right:2px}.gauges-2 .panel{height:100%;max-width:100%;max-height:100%;margin-left:auto;margin-right:auto}@media (min-width:1200px){.gauges-2 .value{font-size:20px}}.map-panel,.my-map-panel{height:100%}.map-panel{display:flex;flex-direction:column}.my-map{padding:0 20px}.mapview,.my-map{width:100%;height:100%}.my-map-title{text-align:center;font-size:20px;margin:0}.colormap-scale{margin:0 10px 10px}.colormap-scale .panel{margin:0}.colormap-scale-container{width:100%;height:32px;font-size:0}.colormap-scale-container .scale{display:inline-block}.colormap-scale-container .tooltip{position:relative;margin-top:-27px}@media (max-width:767px){.colormap-scale{font-size:10px}.colormap-scale .wrapper-sm{padding:5px 5px 0}.colormap-scale .h5{font-size:12px;margin-bottom:0}.colormap-scale .colormap-scale-container{height:24px}.colormap-scale .colormap-scale-container .tooltip{margin-top:-23px}}.myapp-sidebar{position:absolute;left:0;top:0;bottom:0;width:80px;overflow:hidden;white-space:nowrap;z-index:500;font-size:18px;background-color:#e4eaec!important;transition:width .5s}.myapp-sidebar .navi2 ul.nav li a{padding:10px 20px}.myapp-sidebar .navi2 ul.nav li a>i{position:relative;float:left;width:40px;margin:-10px 5px -10px -10px;overflow:hidden;line-height:40px;text-align:center}.myapp-sidebar .station-name{opacity:0;transition:opacity .5s}.myapp-sidebar:hover{width:250px}.myapp-sidebar:hover .station-name{opacity:1}.myapp-sidebar nav{height:100%;position:relative;overflow-x:hidden;overflow-y:hidden}.myapp-sidebar nav:hover{overflow-y:auto}.myapp-sidebar li{width:100%;padding:0 15px;margin:5px 0}.myapp-sidebar li.active a,.myapp-sidebar li:hover a{background-color:#58666e!important;color:#eaebed}.myapp-sidebar li.pair-link{margin-top:15px}.myapp-sidebar a{line-height:32px;border-radius:7px}.myapp-sidebar i{font-size:24px!important;margin:-5px 10px -5px -14px!important}