body{color:#333;font-family:Roboto,Helvetica,Arial,sans-serif;padding-top:76px}.btn.btn-outline-primary{border-color:#0a5da4;color:#0a5da4}.btn.btn-outline-success{border-color:#00883c;color:#00883c}.btn.btn-outline-secondary{border-color:#333;color:#333}.btn-check:checked+.btn.btn-outline-primary,.btn.btn-outline-primary:hover{background-color:#0a5da4;color:#fff}.btn-check:checked+.btn.btn.btn-outline-success,.btn.btn.btn-outline-success:hover{background-color:#00883c;color:#fff}.btn-check:checked+.btn.btn.btn-outline-secondary,.btn.btn.btn-outline-secondary:hover{background-color:#c9e7f2;color:#333}select{max-width:100%}.navbar{background-color:#fff}.navbar-brand img{max-width:270px}#graphOptions,#mainOptions{min-height:35px;overflow:visible}h1,h2,h3,h4,h5,h6{color:#333;font-family:Open Sans,Helvetica,Arial,sans-serif;font-weight:200}a{color:#347586;text-decoration:none}a:hover{color:#3b7d2c}.loading{background:transparent url(https://eip.ceh.ac.uk/hydrodata/icons/spinner-solid.svg) 50% no-repeat;min-height:100px;padding:.5rem}footer{background-color:#333;clear:both;margin-top:1em;padding:15px}footer,footer a{color:#fff}header img{max-height:4rem}#errorMsg{left:50%;position:fixed;top:200px;transform:translate(-50%,-50%);width:250px;z-index:50000}#benchmarkComparisonYearDiv{bottom:-120px;height:120px;position:absolute;right:0;width:200px;z-index:50000}#introText img{max-height:4em}#mapDiv{position:relative;width:100%}.legendClose{float:right}.legendClose:hover{cursor:pointer}.circle{background-color:#fff;border:1px solid #000;border-radius:5px;display:inline-block;height:10px;vertical-align:middle;width:10px}.dashed{border:1px dashed #000}.triangle{border-bottom:14px solid #000;border-left:7px solid transparent;border-right:7px solid transparent;display:inline-block;height:0;vertical-align:middle;width:0}.diamond{height:12px;transform:rotate(45deg);width:12px}.diamond,.square{background-color:#fff;border:1px solid #000;display:inline-block}.square{height:14px;width:14px}.square,.trapezoid{vertical-align:middle}.trapezoid{border-bottom:18px solid #c6e5f6;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:1px 1px 1px 0 #000;display:inline-block;height:0;width:18px}.red{border:2px solid red}.leaflet-control-layers-overlays label{clear:both}.leaflet-control-layers label.form-check-label{display:inline}.leaflet-control-date-changer .date-changer-form,.leaflet-control-date-changer h6,.leaflet-control-legend{background-clip:padding-box;background-color:#fff!important;border:2px solid rgba(0,0,0,.2);border-radius:5px}.leaflet-control-date-changer .date-changer-form{display:inline-block}.leaflet-top.leaflet-left{width:calc(100% - 40px)}.fa-lg{vertical-align:-.086em}.popover-body img{max-width:100%}.legend-img{background:url(https://eip.ceh.ac.uk/hydrodata/icons/question-circle.svg) no-repeat 50%;display:block;height:32px;margin:0;padding:0;width:32px}.legend-expanded .legend-img{display:none}.legend-closed .legend-img{display:block}.leaflet-bottom.leaflet-right .leaflet-control{margin-bottom:10px;margin-right:10px}.legend-closed .keyContainer{display:none}.legend-expanded .keyContainer{display:block}.leaflet-control-date-changer button{border:1px solid #ced4da}.leaflet-control-date-changer select{font-size:.875rem;line-height:1.5;padding:.35rem .5rem;vertical-align:middle}#graphTypeDiv{position:relative}.redTxt{bottom:10px;color:red;position:absolute;right:10px}#zoomPlots,.graphDiv{border-radius:.2em;position:relative}.graphDiv{background:#fff;margin-top:4px;min-height:100px}.graphDiv text[style*="font-size: 7.5px"]{font-size:0!important}#rangeSlider{max-width:92%}.noUi-tooltip,.noUi-value-large{font-size:12px!important}.noUi-marker-horizontal.noUi-marker-large{height:10px!important}.noUi-horizontal .noUi-tooltip{bottom:-10%!important;left:50%!important}.noUi-handle:after,.noUi-handle:before{content:none!important}input[disabled=true]{color:#aaa}.playing{background-color:#00883c}.input-group-text{font-size:.875rem;padding:.25rem .5rem}@media screen and (min-width:1024px){#mapDiv{height:600px}}@media screen and (max-width:1024px){.navbar-brand{white-space:normal}.nav>li{float:left}#mapDiv{height:450px}}@media screen and (max-width:575px){body{padding-top:120px}}@media screen and (min-width:576px){.leaflet-control-date-changer{float:none!important;text-align:center}}