@import url(//fonts.googleapis.com/css?family=Open+Sans|Roboto&display=swap);body{font-family:Roboto,Helvetica,Arial,sans-serif}select{max-width:100%}.bg-dark{background-color:#353438!important}header img{max-height:4rem}h1,h2,h3,h4,h5,h6{font-family:Open Sans,Helvetica,Arial,sans-serif;font-weight:200}h1{font-size:1.6rem}h2{font-size:1.5rem}h3{font-size:1.4rem}h4{font-size:1.3rem}h5{font-size:1.2rem}h6{font-size:1.1rem}a{color:#0d8396;text-decoration:none}code,pre{font-size:110%}#determinandsLoading,#errorMsg,#loading{color:red;padding:5px}#loading{left:0;right:0;top:25%;z-index:10000}#mapid{height:500px;width:100%}.btn-primary:not(:disabled):not(.disabled).active{background-color:#28a745}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.loading{background:transparent url(/images/icons/Spinner-1s-200px.gif) 50% no-repeat}.loading img{min-height:200px}.mapOptions{background-clip:padding-box;background-color:#fff;border:2px solid rgba(0,0,0,.2);border-radius:4px;padding:10px}.mapOptions input{margin-right:6px;max-width:70px}#main{height:100%;min-height:500px;overflow-x:hidden;position:relative}#wq{background:#f1f1f1;border-left:10px solid blue;padding:10px;position:absolute;right:-490px;top:0;transform:translateX(-100%);-webkit-transform:translateX(-100%);width:500px}.noUi-tooltip{display:none;font-size:small}.noUi-active .noUi-tooltip{display:block}.noUi-horizontal .noUi-tooltip{bottom:-130%!important}.slide-in{animation:slide-in .5s forwards;-webkit-animation:slide-in .5s forwards}.slide-out{animation:slide-out .5s forwards;-webkit-animation:slide-out .5s forwards}@keyframes slide-in{to{transform:translateX(0)}}@-webkit-keyframes slide-in{to{-webkit-transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@-webkit-keyframes slide-out{0%{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-100%)}}footer{background-color:#1c1b1e;margin-top:1em;padding:15px}footer,footer a{color:#fff}footer img{max-height:60px;padding:5px}@media screen and (max-width:575px){body{padding-top:120px}}.graphDiv{clear:both;height:450px;width:100%}#datasets label{display:inline;float:left}label{font-weight:400}.circle{border-radius:6px;height:12px;width:12px}.circle,.triangle{float:right;margin:6px 4px 0}.triangle{border-left:7px solid transparent;border-right:7px solid transparent;height:0;width:0}.square{float:right;height:12px;margin:6px 4px 0;width:12px}.diamond{border:10px solid transparent;border-bottom-color:#ff0;float:right;height:0;position:relative;top:-10px;width:0}.diamond:after{border:10px solid transparent;border-top-color:#ff0;content:"";height:0;left:-10px;position:absolute;top:10px;width:0}.polygon{border-bottom:14px solid #ccc;border-left:4px solid transparent;border-right:4px solid transparent;float:right;height:0;margin:6px 4px 0;opacity:.5;width:14px}.unavailable{color:grey;text-decoration:line-through}.orgHidden{opacity:.7}.selectedMarker{border:2px solid #40e0d0}#options #items{background:#fff;box-sizing:border-box;padding:.5em 2em;position:absolute;right:-999em;top:auto;width:50%;z-index:10}.org:hover{cursor:pointer}.determinand,.drawGraph,.subArea{color:blue;cursor:pointer}.drawGraph:hover,.subArea:hover{color:red;text-decoration:underline}#options #items.visible{right:2em}.open{color:red}.leaflet-tooltip{white-space:normal!important;width:200px}.leaflet-control-layers-base label{margin-bottom:.2rem}@media screen and (min-width:1024px){body{padding-top:90px}}@media screen and (max-width:1024px){body{padding-top:170px}}