.wrapper{position:absolute;width:100%;height:calc(100% - 56px);display:flex}#map{position:relative;height:100%;width:100%}#map canvas{cursor:pointer}#box{position:absolute;top:0;right:0;width:300px;margin:10px 10px 0 0;padding:10px;border-radius:4px;background-color:#fff;opacity:1;box-shadow:0 0 0 2px rgba(0,0,0,.1);z-index:1000}#box button{width:110px}#map-click-spinner{position:absolute;background-color:#fff;opacity:.75;top:50%;left:50%;z-index:1000}#sel-limit-alert{position:absolute;top:10%;left:50%;display:none;z-index:1100}.leaflet-control-attribution.leaflet-control.collapsible{height:1rem;width:1rem;word-wrap:break-word;border-radius:50%;margin-left:5px;margin-bottom:5px}.leaflet-control-attribution.leaflet-control.collapsible a{color:#000}.leaflet-control-attribution.leaflet-control.collapsible:hover{height:auto;width:50%;border-radius:5px;word-wrap:normal}.leaflet-control-attribution.leaflet-control.collapsible:hover a{color:#0078a8}.action{background-color:#fff}.action:hover{cursor:pointer}.action-group{border:1px solid grey;border-radius:5px;background-color:#f0f0f0;padding:0 5px;font-size:.9em}.action-link{font-size:.9em;color:grey;text-align:right}.action-link.dummy{visibility:hidden}.action-score{height:40px;width:40px;line-height:40px;border-radius:20px;text-align:center;border:1px solid grey}.action-score.small{height:30px;width:30px;line-height:30px;border-radius:20px}.graph-column-container{height:35px;background-color:#e6e6e6}.graph-column{background-color:#aaa;width:.9em}.graph-column-l{height:7px}.graph-column-l-m{height:14px}.graph-column-l-h,.graph-column-m{height:21px}.graph-column-m-h{height:28px}.graph-column-h{height:35px}#sortby{font-size:1.5em;line-height:1em}.action-info ul{list-style:none}.action-info li:before{content:"\2022";color:grey;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.band-ad-a{background-color:#20a7ad}.band-ad-b{background-color:#85bb5b}.band-ad-c{background-color:#ffc315}.band-ad-d{background-color:#e9512a}.band-ae-a{background-color:#20a7ad}.band-ae-b{background-color:#85bb5b}.band-ae-c{background-color:#ffc315}.band-ae-d{background-color:#ff8201}.band-ae-e{background-color:#e9512a}.quartile-1{color:#94b77b}.quartile-2{color:#0dafb9}.quartile-3{color:#f39200}.quartile-4{color:#ec6031}.score-9{background-color:#20a7ad}.score-7{background-color:#42ae92}.score-6{background-color:#85bb5b}.score-4{background-color:#ffc315}.score-3{background-color:#ff8201}.score-2{background-color:#e9512a}.score-1{background-color:#993404}#loc-map-box,#wq-map-box{position:relative;height:100%;min-height:300px}#loc-map,#loc-map-spinner,#wq-map{position:relative;height:100%;width:100%}#loc-map-spinner{background-color:#e5e5e5}#typology .list-group-item{padding-top:.25rem;padding-bottom:.25rem}.wq-grid{display:grid;grid-template-columns:-webkit-max-content minmax(45px,-webkit-min-content) -webkit-min-content -webkit-min-content 1fr;grid-template-columns:max-content minmax(45px,min-content) min-content min-content 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:5px 5px;gap:5px 5px}#wq-grid-n{grid-template-rows:repeat(3,1fr)}#wq-grid-p{grid-template-rows:repeat(2,1fr)}#wq-grid-b,#wq-grid-s{grid-template-rows:repeat(1,1fr)}.wq-row-1{grid-row:1}.wq-row-2{grid-row:2}.wq-row-3{grid-row:3}.wq-indicator{grid-column:1}.wq-value{grid-column:2}.wq-units{grid-column:3}.wq-band,.wq-quartile{grid-column:4;text-align:center;justify-self:center}.wq-modelled,.wq-site{grid-column:5;justify-self:end}.wq-no-data{grid-column:3/6;justify-self:end}.wq-band{border-radius:50%;width:25px;height:25px;border:1px solid #666;color:#fff;line-height:21px}.wq-band,.wq-quartile{font-weight:700}.wq-quartile:before{content:"Q"}#wq-modelled-alert{display:none}