html{font-size:14px;height:100%}@media(min-width:768px){html{font-size:16px}}img.logo{height:2rem;margin-right:5px}span.logo{color:#00008b;font-size:1.5rem;font-weight:bold}body{display:grid;grid-template-rows:52px 1fr 30px;padding-top:0;padding-bottom:0;height:100%;margin-right:0;margin-left:0}main{padding-left:5px;padding-top:16px;padding-right:5px;margin-right:5px;margin-left:5px}.row{margin:0}input[type="checkbox"]{cursor:pointer}.main_container{display:grid;grid-template-columns:1fr 3px 300px;grid-template-rows:1fr 2px 380px 2px 90px;height:100%}#map_box{grid-area:1/1/6/4}#Charts{grid-area:3/3/4/4;z-index:1;background-color:#fff;border-radius:10px;border:1px solid #ccc}#PieChart{z-index:2}#ProgressChart{z-index:1;padding:10px;background-color:#fff}#ProgressChart p{color:#000;font-size:13px;font-weight:bold}#ProgressChart p.time{font-size:11px;font-weight:bold}.Progress{z-index:1;background-color:#ddd}.break{flex-basis:100%;height:0}.progress-bar{height:20px;background-color:#04aa6d;text-align:center;line-height:20px;color:#fff}#image_box{grid-area:1/3/2/4;z-index:1;background-color:transparent}#legend{z-index:2;background-color:rgba(5,5,5,.7);display:none;position:absolute;left:5px;bottom:5px}#attr_box{grid-area:3/3/4/4;z-index:1;background-color:#fff;display:none}#tool_box_container{grid-area:5/3/6/4;z-index:1;background-color:#fff}.gutter-col-1{grid-area:2/2/6/3;cursor:col-resize;z-index:2;display:none}.gutter-row-1{grid-area:2/3/3/4;cursor:row-resize;z-index:2;background-color:#fff;display:none}.gutter-row-2{grid-area:4/3/5/4;cursor:row-resize;z-index:2;background-color:#fff;display:none}.tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1}.tabcontent{display:none;padding:0;border:1px solid #ccc;border-top:none}.ol-popup{position:absolute;background-color:#fff;-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));padding:15px;border-radius:10px;border:1px solid #ccc;bottom:12px;left:-50px;z-index:2;visibility:hidden}.ol-popup:after,.ol-popup:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ol-popup:after{border-top-color:#fff;border-width:10px;left:48px;margin-left:-10px}.ol-popup:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}.ol-popup-closer{text-decoration:none;position:absolute;top:2px;right:8px}.ol-popup-closer:after{content:"x"}#popup-content{display:inline-block;border-radius:1px;border:1px solid #ccc;height:457px;width:605px}.panoramaViewerWindow{display:inline-block;height:450px;width:500px}.ol-home-control{position:absolute;top:3.5em;left:.5em;text-align:left}