.chart{position:relative;-webkit-perspective:900px;-moz-perspective:900px;-ms-perspective:900px;-o-perspective:900px;perspective:900px}.chart .card{-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,.07,1);-moz-transition:-moz-transform 1s cubic-bezier(0.86,0,.07,1);-o-transition:-o-transform 1s cubic-bezier(0.86,0,.07,1);transition:transform 1s cubic-bezier(0.86,0,.07,1);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;height:100%;width:100%}.chart .back,.chart .front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;position:absolute;height:100%;width:100%;left:0;top:0}.chart .front{z-index:2}.chart .back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.chart.flipped .card{-webkit-transition:-webkit-transform .8s cubic-bezier(0.23,1,.32,1);-moz-transition:-moz-transform .8s cubic-bezier(0.23,1,.32,1);-o-transition:-o-transform .8s cubic-bezier(0.23,1,.32,1);transition:transform .8s cubic-bezier(0.23,1,.32,1);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.chart .stage{height:100%;width:100%}.chart .info{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.chart .info .content{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.3;font-weight:200;font-size:14px;margin-top:10px;position:absolute;overflow:hidden;padding:0 10px;max-height:70%;width:90%;width:calc(100% - 20px);color:#fff;left:50%;top:50%}.chart .info .content p{margin-bottom:10px}.chart .info .content ol,.chart .info .content ul{margin-left:20px}.chart .info .content li{list-style-type:disc;margin-left:5px}.chart .label{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;position:absolute;opacity:.9;color:#fff;left:10px;top:12px}.chart .marker{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.chart .toggle{display:none}.chart.has-info .toggle{-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;-webkit-transform:translateZ(1px);-moz-transform:translateZ(1px);-ms-transform:translateZ(1px);-o-transform:translateZ(1px);transform:translateZ(1px);background-position:center;background-repeat:no-repeat;background-size:100% 100%;border-radius:10px;font-weight:500;line-height:20px;text-align:center;font-size:12px;position:absolute;display:block;z-index:1004;opacity:.5;cursor:pointer;height:20px;width:20px;right:10px;top:10px}.chart.has-info .toggle:hover{opacity:1}.chart .front .toggle{background-image:url(../images/info.png)}.chart .back .toggle{background-image:url(../images/close-inv.png)}.chart .markers .marker .line{stroke:#000}.chart .markers .marker .text{alignment-baseline:middle;text-anchor:end;font-size:10px;fill:#000}.chart:hover{z-index:1005}.chart .tooltip{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:rgba(0,0,0,.5);white-space:nowrap;margin-top:-10px;font-size:12px;position:absolute;padding:10px;display:none;color:#fff}.chart .tooltip:after{position:absolute;border-width:7px 6px 0;border-color:rgba(0,0,0,.5)transparent transparent;border-style:solid;margin-left:-6px;display:block;content:"";bottom:-7px;height:0;width:0;left:50%}.BarChart .stage{background-color:#ff796d}.BarChart .bar{fill:#feffff}.PieChart .stage{background-color:#65b765}.PieChart .circle{fill:#50a050}.PieChart .slice{fill:#99c999}.LineChart .line{stroke-linecap:square;stroke-width:2;stroke:#fff;fill:none}.LineChart .hit{stroke-width:10;stroke:red;opacity:.1;fill:none}.WaveChart .stage{background-color:#ff796d}.WaveChart .line{stroke-linejoin:round;stroke-linecap:round;stroke-width:7;stroke:#feffff;stroke:#ff796d;fill:none}.RadialChart .stage{background-color:#ff796d}.RadialChart .slice{fill:#feffff}.RadarChart .stage{background-color:#65b765}.RadarChart .marker{stroke:rgba(255,255,255,.2);stroke-width:1;fill:none}.RadarChart .datum{stroke:none}.RadarChart .shape{fill:rgba(255,255,255,.5)}.BigText .viewport{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px 40px 20px;display:block;height:100%;width:100%}.BigText .text{letter-spacing:-.5px;white-space:nowrap;text-align:center;position:relative;height:100%;width:100%;color:#fff}.BigText .text strong{opacity:.5;display:block}.BigText .text.today .value{width:150px}.BigText .text.today strong{display:inline-block}.BigText .value{font-weight:900;position:absolute;display:block;left:0;top:0}.BigText .unit{font-weight:600}.BigText .datum{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-size:14px;position:absolute;opacity:.4;bottom:12px;right:10px;color:#231f20}.PipeChart .bar{fill:red}.PipeChart .bar.am{fill:rgba(255,255,255,.4)}.PipeChart .bar.pm{fill:rgba(0,0,0,.2)}.MapChart .wrapper{position:relative;overflow:hidden;height:100%;width:100%}.MapChart .map{position:absolute}.MapChart .marker{border-radius:5px;background:rgba(0,0,0,.2);position:absolute;margin-left:-5px;margin-top:-5px;height:10px;width:10px}.MapChart .marker .tooltip{background:#048cb2;display:block}.MapChart .marker .tooltip:after{border-color:#048cb2 transparent transparent}.River .markers .note{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;font-size:12px;opacity:0;fill:rgba(0,0,0,.3)}.River .overlay{text-anchor:end;font-weight:600;font-size:19px}.River .overlay .unit{font-weight:300;font-size:18px}.River .overlay.air-temp{fill:#00aacf}.River .overlay.wind{font-weight:600;font-size:16px;fill:#00aacf}.River .overlay.water-temp{fill:#fcebdb}.River:hover .markers .note{opacity:1}.clock{position:relative;z-index:10001}.clock .track{margin-top:-1px;background:#58595b;position:absolute;cursor:pointer;height:1px;width:auto;right:135px;left:135px;top:50%}.clock .track .handle{border-radius:10px;margin-left:-10px;margin-top:-10px;background:#58595b;position:absolute;height:20px;width:20px;left:0;top:0}.clock .track .tooltip{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate(0,3px);-moz-transform:translate(0,3px);-ms-transform:translate(0,3px);-o-transform:translate(0,3px);transform:translate(0,3px);border-radius:3px;line-height:18px;margin-left:-55px;margin-top:-47px;text-align:center;background:#58595b;font-size:14px;position:absolute;opacity:0;padding:8px 4px;width:120px;color:#fff;left:0;top:0}.clock .track .tooltip:after{border-color:#58595b transparent transparent;border-width:10px 10px 0;border-style:solid;margin-left:-10px;position:absolute;display:block;content:"";bottom:-10px;height:0;width:0;left:50%}.clock .time{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:18px;margin-top:-12px;font-size:14px;position:absolute;color:#58595b;top:50%}.clock .time.min{text-align:left;left:10px}.clock .time.max{text-align:right;right:10px}.clock.dragging .tooltip,.clock:hover .tooltip{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);opacity:1}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}@font-face{font-family:floatlab;src:url(../fonts/floatlab.eot);src:url(../fonts/floatlab.eot?#iefix) format("embedded-opentype"),url(../fonts/floatlab.woff) format("woff"),url(../fonts/floatlab.ttf) format("truetype"),url(../fonts/floatlab.svg#floatlab) format("svg");font-weight:400;font-style:normal}.icon{font-family:floatlab}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{font-family:futura-pt,sans-serif;background:#fbebdb}body.loading .loader,html.loading .loader{opacity:1}body.loading .loader .plus,html.loading .loader .plus{-webkit-animation:spin 2s infinite;-moz-animation:spin 2s infinite;-ms-animation:spin 2s infinite;animation:spin 2s infinite}.loader{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;background:#00aacf;position:fixed;z-index:9999999;opacity:0;height:100%;width:100%;left:0;top:0}.loader .plus{position:absolute;margin:-50px 0 0 -25px;font-weight:900;font-size:100px;color:#fff;left:50%;top:50%}.loader .message{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;font-weight:300;margin-top:40px;font-size:17px;position:absolute;color:#fff;width:100%;left:0;top:50%}.modal{background:rgba(0,170,207,.5);position:fixed;z-index:9999999;display:none;height:100%;width:100%;left:0;top:0}.modal .content{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;text-align:center;background:#fff;font-size:18px;max-width:400px;position:absolute;padding:30px;color:#00aacf;left:50%;top:50%}.modal .content a{font-weight:600;color:#00aacf}.modal .content button{border-radius:3px;background:#00aacf;margin-top:20px;font-size:14px;padding:10px 15px;outline:0;cursor:pointer;border:none;color:#fff}.container{max-width:1280px;min-width:640px;position:relative;margin:0 auto}.header{background:#00aacf;background:#66cce2;min-height:90px;position:relative;z-index:1002;color:#fff}.header h1{text-transform:uppercase;letter-spacing:1px;line-height:90px;font-weight:700;background:#00aacf;font-size:30px;display:inline-block;padding:0 50px 0 30px}.header .beta{letter-spacing:0;font-weight:100;font-size:20px;position:relative;opacity:.6;top:-3px}.header .more{-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);text-decoration:none;border-radius:12px;line-height:24px;font-weight:700;background:#fff;text-align:center;font-size:14px;position:absolute;display:none;opacity:.8;height:24px;width:24px;color:#00aacf;right:20px;top:50%}.header .more.active,.header .more:hover{opacity:1}.about{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin-right:30px;font-weight:400;line-height:1.3;margin-top:28px;text-align:right;font-size:15px;position:absolute;z-index:1002;color:#fff;width:450px;right:0;top:0}.about a{-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out;text-decoration:none;text-transform:uppercase;font-weight:700;color:#00aacf}.about a:hover{color:#fff}.grid{overflow:hidden}.header{margin-bottom:1px}.footer{margin-top:1px}.cell{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:300px;padding:1px;float:left}.chart{height:100%;width:100%}.footer{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:90px;color:#404040}.footer .drive{background:url(../images/drive-logo.svg) no-repeat left center;background-size:15%;font-weight:300;text-indent:35px;line-height:64px;position:absolute;margin:14px 0 0 5px;height:64px;width:auto}.footer a{text-decoration:none;font-weight:600;color:#00aacf}.footer .links{line-height:64px;position:absolute;margin:14px 0 0;right:5px}.footer .links a{-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;-o-transition:color .3s ease-out;transition:color .3s ease-out;font-weight:300;margin:0 10px;color:#404040}.footer .links a:hover{color:#00aacf}.footer .links a:last-child{margin:0}.banner{width:75%}.clock-container{height:80px;width:100%}.clock{background:#e6e7e8;height:100%;width:100%}.container.mobile{margin-bottom:80px}.container.mobile .clock-container{position:fixed;z-index:99999;bottom:0}@media (min-width:1024px){.cell.type-a{width:25%}.cell.type-b{width:50%}.cell.type-c{height:150px;width:25%}}@media (min-width:641px) and (max-width:1024px){.cell.type-a,.cell.type-b{width:50%}.cell.type-c{height:150px;width:50%}}@media (max-width:1024px){.header .more{display:block}.about{-webkit-transition:margin .33s cubic-bezier(0.23,1,.32,1);-moz-transition:margin .33s cubic-bezier(0.23,1,.32,1);-o-transition:margin .33s cubic-bezier(0.23,1,.32,1);transition:margin .33s cubic-bezier(0.23,1,.32,1);text-align:center;background:#0095b5;position:relative;z-index:1001;margin:-60px 0 0 0;height:60px;width:100%}.about p{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);position:absolute;width:100%;top:50%}.about.open{margin-top:0}.about.open a{color:#66cce2}.about.open a:hover{color:#fff}}@media (max-width:640px){.cell.type-a,.cell.type-b{width:50%}.cell.type-b.alt{width:100%}.cell.type-c{height:150px;width:50%}}.river .front{background:#fbebdb}.river .back{background:#ebc59f}.river .toggle{color:#fbebdb}.river .datum .dot{cursor:pointer;stroke:none;fill:#e6b88a}.river .datum .tooltip{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.river .datum .tooltip .bg{text-anchor:left;stroke:none;fill:#e6b88a}.river .datum .tooltip .text{font-size:14px;stroke:none;fill:#fff}.river .datum.active-true .tooltip{opacity:1}.river .tooltip{background:rgba(227,184,141,.8)}.river .tooltip:after{border-color:rgba(227,184,141,.8)transparent transparent}.river .stage{background:#e4f1f4}.river .water{fill:rgba(1,170,207,.8)}.river .buoy .float{fill:#da7e77}.river .buoy .cable{stroke-width:4;stroke:#da7e77;fill:none}.river .buoy .ysi{fill:#da7e77}.river .depth-label{letter-spacing:-1px;text-anchor:left;font-weight:600;font-size:36px;fill:#fff}.river .depth-label .unit{baseline-shift:super;letter-spacing:1px;font-weight:400;font-size:11px}.river .label{color:#00aacf}.river .back .label{color:#fff}.river .wind circle,.river .wind path{stroke-linecap:round;stroke-width:2;stroke:#00aacf;fill:none}.river .markers .handle{cursor:pointer;fill:rgba(0,0,0,.1)}.river .markers .tooltip{-webkit-transition:opacity .4s cubic-bezier(0.23,1,.32,1);-moz-transition:opacity .4s cubic-bezier(0.23,1,.32,1);-o-transition:opacity .4s cubic-bezier(0.23,1,.32,1);transition:opacity .4s cubic-bezier(0.23,1,.32,1);pointer-events:none;opacity:0}.river .markers .tooltip .bg{fill:#048cb2}.river .markers .tooltip .text{alignment-baseline:inherit;text-anchor:middle;font-size:10px;fill:#fcebdb}.river .markers .tooltip.active-true{opacity:1}.dissolved-oxygen .front{background:#74b579}.dissolved-oxygen .back{background:#5d7f60}.dissolved-oxygen .toggle{color:#74b579}.dissolved-oxygen .datum .dot{cursor:pointer;stroke:none;fill:#527155}.dissolved-oxygen .datum .tooltip{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.dissolved-oxygen .datum .tooltip .bg{text-anchor:left;stroke:none;fill:#527155}.dissolved-oxygen .datum .tooltip .text{font-size:14px;stroke:none;fill:#fff}.dissolved-oxygen .datum.active-true .tooltip{opacity:1}.dissolved-oxygen .tooltip{background:rgba(87,108,89,.8)}.dissolved-oxygen .tooltip:after{border-color:rgba(87,108,89,.8)transparent transparent}.dissolved-oxygen .markers .marker .line{opacity:.25;stroke:#fff}.dissolved-oxygen .markers .marker .text{opacity:.75;fill:#fff}.air-temperature .front{background:#fc876d}.air-temperature .back{background:#ea5433}.air-temperature .toggle{color:#fc876d}.air-temperature .datum .dot{cursor:pointer;stroke:none;fill:#e7411c}.air-temperature .datum .tooltip{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.air-temperature .datum .tooltip .bg{text-anchor:left;stroke:none;fill:#e7411c}.air-temperature .datum .tooltip .text{font-size:14px;stroke:none;fill:#fff}.air-temperature .datum.active-true .tooltip{opacity:1}.air-temperature .tooltip{background:rgba(225,69,34,.8)}.air-temperature .tooltip:after{border-color:rgba(225,69,34,.8)transparent transparent}.water-temperature .front{background:#fd9f8a}.water-temperature .back{background:#ed6b4d}.water-temperature .toggle{color:#fd9f8a}.water-temperature .datum .dot{cursor:pointer;stroke:none;fill:#eb5736}.water-temperature .datum .tooltip{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.water-temperature .datum .tooltip .bg{text-anchor:left;stroke:none;fill:#eb5736}.water-temperature .datum .tooltip .text{font-size:14px;stroke:none;fill:#fff}.water-temperature .datum.active-true .tooltip{opacity:1}.water-temperature .tooltip{background:rgba(229,91,60,.8)}.water-temperature .tooltip:after{border-color:rgba(229,91,60,.8)transparent transparent}.fecal-coliform .front{background:#9e8d7d}.fecal-coliform .back{background:#676767}.fecal-coliform .toggle{color:#9e8d7d}.fecal-coliform .datum .dot{cursor:pointer;stroke:none;fill:#5b5b5b}.fecal-coliform .datum .tooltip{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.fecal-coliform .datum .tooltip .bg{text-anchor:left;stroke:none;fill:#5b5b5b}.fecal-coliform .datum .tooltip .text{font-size:14px;stroke:none;fill:#fff}.fecal-coliform .datum.active-true .tooltip{opacity:1}.fecal-coliform .tooltip{background:rgba(91,91,91,.8)}.fecal-coliform .tooltip:after{border-color:rgba(91,91,91,.8)transparent transparent}.fecal-coliform .viewport{-webkit-transition:background-color .6s ease-out;-moz-transition:background-color .6s ease-out;-o-transition:background-color .6s ease-out;transition:background-color .6s ease-out;padding:40px}.fecal-coliform .text{text-align:left;white-space:normal}.fecal-coliform .value{width:110px}.river-ph .front{background:#c1c1e4}.river-ph .back{background:#9898c0}.river-ph .toggle{color:#c1c1e4}.river-ph .datum .dot{cursor:pointer;stroke:none;fill:#8888b7}.river-ph .datum .tooltip{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.river-ph .datum .tooltip .bg{text-anchor:left;stroke:none;fill:#8888b7}.river-ph .datum .tooltip .text{font-size:14px;stroke:none;fill:#fff}.river-ph .datum.active-true .tooltip{opacity:1}.river-ph .tooltip{background:rgba(141,141,178,.8)}.river-ph .tooltip:after{border-color:rgba(141,141,178,.8)transparent transparent}.river-ph .markers .marker .line{stroke-width:1;opacity:.5;stroke:#fff}.river-ph .markers .marker .text{fill:#fff}.rainfall .front{background:#74dfe2}.rainfall .back{background:#47bfc2}.rainfall .toggle{color:#74dfe2}.rainfall .datum .dot{cursor:pointer;stroke:none;fill:#3bb1b5}.rainfall .datum .tooltip{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.rainfall .datum .tooltip .bg{text-anchor:left;stroke:none;fill:#3bb1b5}.rainfall .datum .tooltip .text{font-size:14px;stroke:none;fill:#fff}.rainfall .datum.active-true .tooltip{opacity:1}.rainfall .tooltip{background:rgba(65,172,175,.8)}.rainfall .tooltip:after{border-color:rgba(65,172,175,.8)transparent transparent}.rainfall .shape .background{fill:#fff}.rainfall .shape .fill{fill:#33bbd9}.rainfall .overlay{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;alignment-baseline:baseline;background:#00f;text-anchor:middle;fill:#74dfe2}.rainfall .overlay .value{letter-spacing:-2px;font-weight:600;font-size:42px}.rainfall .overlay .label{letter-spacing:0;font-weight:300;font-size:12px}.rainfall .overlay .unit{font-weight:400;font-size:24px}.rainfall .markers .marker .line{opacity:.5;stroke:#fff}.rainfall .markers .marker .text{fill:#fff}.turbidity .front{background:#f9efb4}.turbidity .back{background:#e8d879}.turbidity .toggle{color:#f9efb4}.turbidity .datum .dot{cursor:pointer;stroke:none;fill:#e4d163}.turbidity .datum .tooltip{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.turbidity .datum .tooltip .bg{text-anchor:left;stroke:none;fill:#e4d163}.turbidity .datum .tooltip .text{font-size:14px;stroke:none;fill:#fff}.turbidity .datum.active-true .tooltip{opacity:1}.turbidity .label{color:#aa5779}.turbidity .point{fill:#aa5779}.turbidity .markers .marker .line{opacity:.5;stroke:#aa5779}.turbidity .markers .marker .text{fill:#aa5779}.turbidity .tooltip{background:rgba(170,87,121,.8)}.turbidity .tooltip:after{border-color:rgba(170,87,121,.8)transparent transparent}.salinity .front{background:#a5a9aa}.salinity .back{background:#818181}.salinity .toggle{color:#a5a9aa}.salinity .datum .dot{cursor:pointer;stroke:none;fill:#757575}.salinity .datum .tooltip{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0}.salinity .datum .tooltip .bg{text-anchor:left;stroke:none;fill:#757575}.salinity .datum .tooltip .text{font-size:14px;stroke:none;fill:#fff}.salinity .datum.active-true .tooltip{opacity:1}.salinity .tooltip{background:rgba(117,117,117,.8)}.salinity .tooltip:after{border-color:rgba(117,117,117,.8)transparent transparent}.salinity .block{fill:#e2e2e2}.salinity .markers .marker .line{opacity:.5;stroke:#fff}.salinity .markers .marker .text{fill:#fff}