body,html{height:100vh;width:100vw}.interactable{pointer-events:auto!important}body{background-color:#2e2e2e;color:#fff;font-family:Segoe UI,sans-serif;font-size:1rem;margin:0;overflow:hidden;padding:0}div,div>*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}ul{flex-grow:1;margin:0;padding:0}li{list-style:none}li *{padding:0 .5rem}h1{font-size:1.5rem;margin-top:0}h1,h3{font-family:Segoe UI,sans-serif;margin-bottom:0}h3{font-size:1rem;margin-top:.5rem}h4{font-family:Segoe UI,sans-serif;font-size:.9rem;margin-bottom:0;margin-top:3px}p{font-size:1rem;margin-block-end:0;margin-block-start:2px}a{text-decoration:none}input,select{border:.05rem solid}input,select,summary{font-family:Segoe UI,sans-serif}summary{color:#fff;margin:20px 0}::-webkit-input-placeholder{color:#b8b8b8;font-style:italic}:-ms-input-placeholder{color:#b8b8b8;font-style:italic}::placeholder{color:#b8b8b8;font-style:italic}.hidden{display:none!important}.slider{-webkit-appearance:none;background:#d3d3d3;background-color:#5a5a5a!important;border-radius:5px;height:10px;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f5f5f5;border-radius:50%;cursor:pointer;height:10px;width:10px}.slider::-moz-range-thumb{background:#f5f5f5;border-radius:50%;cursor:pointer;height:10px;width:10px}.ui-container{grid-template-columns:300px auto 300px;grid-template-rows:1fr}.ui-container,.ui-sub-container{display:grid;height:100vh;position:absolute;width:100vw}.ui-sub-container{grid-column:-1/1;grid-row:-1/1;grid-template-columns:300px auto 300px;grid-template-rows:110px 1fr 60px}.left-side-container{background:#2e2e2e;box-shadow:5px 5px 18px #111;display:flex;flex-direction:column;grid-column:1;grid-row:1;overflow:hidden;z-index:2}.topnav{display:none;left:0;position:absolute;z-index:5}.topnav a{color:#fff;display:flex;padding:10px;text-decoration:none}.overlay{background-color:#1f1f1fd1;grid-column:1/-1;grid-row:1;overflow-x:hidden;overflow-y:auto;padding:1rem;z-index:2}.divider{align-self:center;border:none;border-top:1px solid #d3d3d3;justify-self:center;width:100%}.text-for-column{overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:80%;word-break:break-word}.icon-button{align-items:center;background-color:rgba(171,171,171,.7);border:0;border-radius:50%;cursor:pointer;display:flex;height:2.5rem;justify-content:center;justify-items:center;margin:0;padding:0;width:2.5rem}.icon-button:hover{background-color:rgba(0,133,113,.7);color:#fff}.icon-button:disabled{cursor:not-allowed}.icon-anchor{align-items:center;cursor:pointer;display:flex;justify-content:center;justify-items:center}.icon-anchor i:hover{color:#00d1b2}.icon-button-small{align-items:center;background:none;border:0;display:flex;height:20px;justify-content:center;justify-items:center;padding:0;width:20px}.small-icon{font-size:16px!important}.material-icons-outlined{color:#fff}.rect{background-color:blue;display:flex;height:20px;width:12px}select:focus{border-color:gray;outline:none}select option:hover{box-shadow:inset 0 0 10px 100px #fff}::-webkit-scrollbar{background-color:#f5f5f58c;border-radius:10px;width:.5rem}::-webkit-scrollbar-thumb{background-color:#363636;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}::-webkit-scrollbar-thumb:hover{background-color:#777}*{scrollbar-color:#363636 rgba(255,255,255,.248);scrollbar-width:thin}@media only screen and (max-width:600px){.topnav{display:block}.ui-container{grid-template-columns:1fr}}@media only screen and (min-width:601px){.left-side-container{visibility:visible!important}}#map{bottom:0;height:100vh;position:absolute;top:0;width:100vw;z-index:1}.mapboxgl-canvas-container{cursor:"default"}.mapboxgl-ctrl-top-right{display:none;right:0;top:0}.geocoder{position:absolute;right:65px;top:10px;z-index:3}.mapboxgl-ctrl-geocoder{align-items:center;background-color:#fff!important;border-radius:0!important;font-family:Quicksand!important;font-size:18px;height:30px;line-height:24px;margin-right:5px!important;min-width:230px!important;position:relative;transition:width .25s,min-width .25s;width:230px!important;z-index:1}.mapboxgl-ctrl-group{background:#fff;border-radius:0!important;-moz-box-shadow:0 0 2px rgba(0,0,0,.1);-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:0 0 0 2px rgba(0,0,0,.1);overflow:hidden}.mapboxgl-popup-content{background:#2e2e2e!important;box-shadow:0 1px 2px rgba(0,0,0,.1);max-height:200px;overflow-y:scroll;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-content p{font-size:inherit}.mapbox-gl-draw_ctrl-draw-btn{background-color:#fff;border:0;box-shadow:0 1px 2px rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;display:block;height:30px;margin:0 5px;mix-blend-mode:exclusion;outline:none;padding:0;width:30px}.mapboxgl-popup-close-button{color:#fff}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:#2e2e2e!important}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:#2e2e2e!important}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-bottom-color:#2e2e2e!important}.mapboxgl-ctrl-geocoder--input{font-family:Segoe UI,sans-serif!important;font-size:.75rem!important}.mapboxgl-ctrl-bottom-left{z-index:5!important}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:5px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 30px 10px 0}.mapbox-gl-draw_ctrl-bottom-left,.mapbox-gl-draw_ctrl-top-left{border-radius:0;margin-left:0}.mapbox-gl-draw_ctrl-bottom-right,.mapbox-gl-draw_ctrl-top-right{border-radius:0;margin-right:0}.mapbox-gl-draw_ctrl-draw{background-color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.9)}.mapbox-gl-draw_ctrl-draw>button{border-color:rgba(0,0,0,.9);color:rgba(255,255,255,.5);height:30px;width:30px}.mapbox-gl-draw_ctrl-draw-btn{background-position:50%;background-repeat:no-repeat}.mapboxgl-map.mode-simple_select.feature-feature.mouse-hover .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mode-direct_select.feature-vertex.mouse-hover .mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-map.mode-simple_select.feature-vertex.mouse-hover .mapboxgl-canvas-container.mapboxgl-interactive{cursor:pointer}.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-hover .mapboxgl-canvas-container.mapboxgl-interactive{cursor:cell}.mapboxgl-map.mode-draw_line_string .mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-map.mode-draw_point .mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-map.mode-draw_polygon .mapboxgl-canvas-container.mapboxgl-interactive{cursor:crosshair}.map-overlay{bottom:3rem;font-size:small;position:absolute;right:0;z-index:1}.map-overlay .map-overlay-inner{display:flex;flex-direction:column;margin-bottom:10px;padding:10px}.map-overlay label{display:block;margin:0 0 10px}.map-overlay input{background-color:transparent;cursor:ew-resize;display:inline-block;margin:0;position:relative;width:100%}.siteContent-input{align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:center;margin:1rem 0;width:100%}.siteContent-input input[type=radio]{display:none}.siteContent-input input[type=radio]:disabled+label{background-color:rgba(0,0,0,.5);border:1px solid #777;color:#b9b9b9}.siteContent-input input[type=radio]:checked+label{background-color:#00d1b2;border:1px solid #777;color:#000}.siteContent-input label{align-items:center;background-color:rgba(31,31,31,.82);border:1px solid #fff;box-shadow:5px 5px 18px #111;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:1.5rem;justify-content:center;min-width:2rem;padding:4px 10px;text-align:center;width:100%}.data-container{max-height:calc(65% - 2.5rem);overflow:auto;overflow-y:auto}.display-as-list{display:flex;flex-direction:column;flex-wrap:wrap}.datalayer{align-items:center;display:flex;justify-content:space-between}.main-controls{display:flex;justify-content:space-evenly}.main-layer-container{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;max-height:calc(85% - 2.5rem);padding:1rem}.styled-checkbox{cursor:pointer;display:none;opacity:0;position:absolute}.styled-checkbox:disabled+label{color:#b8b8b8;cursor:auto}.styled-checkbox:disabled+label:before{background:#00d1b2;box-shadow:none}.styled-checkbox:disabled+label:after{background:#00d1b2;border:1px solid #777;content:"";height:10px;position:absolute;width:10px}.styled-checkbox:checked+label:before{background:#00d1b2;border:1px solid #00d1b2;box-shadow:0 0 3px rgba(71,71,71,.5)}.styled-checkbox:hover+label:before{box-shadow:0 0 5px rgba(71,71,71,.6)}.styled-checkbox:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,.12)}.styled-checkbox+label{align-items:center;cursor:pointer;display:flex;padding:5px;position:relative}.styled-checkbox+label:before{background:#2e2e2e;border:1px solid #777;border-radius:50%;content:"";display:inline-block;height:10px;margin-right:10px;min-height:10px;min-width:10px;vertical-align:text-top;width:10px}.home-button{align-self:center;height:2rem;margin:.5rem 1rem 0;width:4rem}.home-button .floating-icon{background:url(images/iob_floating.svg);background-position:top;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:2rem;width:4rem}.home-button .floating-icon:hover{background:url(images/iob_floating_color.svg);background-position:top;background-repeat:no-repeat;background-size:contain}.dropdown{float:left;overflow:hidden;width:100%}.dropdown .dropbtn{background-color:inherit;border:none;color:inherit;font-family:inherit;font-size:16px;margin:0;outline:none;padding:14px 16px;width:100%}.dropdown:hover .dropbtn,.navbar a:hover{background-color:#00d1b2;color:#fff}.dropdown-content{background-color:#2e2e2e;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#fff;display:block;float:none;padding:12px 16px;text-align:left;text-decoration:none}.dropdown-content a:hover{background-color:#3b3b3b}.dropdown:hover .dropdown-content{display:block}.legend-container{overflow-y:auto}.legend-container h3{margin:0}#layer-description{margin-bottom:1rem}.gradient{display:flex;height:1rem}.annotation{font-size:small}.layer-icon{height:3rem;margin-right:5px;width:3rem}.legend-rec{flex-grow:1}.legend-tooltip{background-color:#2e2e2e;color:#fff;position:absolute;z-index:5}.overlay-title{margin-left:1.5rem}.overlay-text{padding:2rem 10%;text-align:justify}.overlay h1{margin-left:.5rem}.image-container{align-items:flex-end;display:flex;height:90vh;margin-top:1rem;width:calc(100vw - 2rem)}.overlay-image{background-position:50%;background-repeat:no-repeat;background-size:contain}.close-button{cursor:pointer;position:absolute;right:1.5vw;top:1.5vw}.close-button i{font-size:30px!important}@media only screen and (max-width:600px){.image-container{height:50vh}}