.effect-fade{opacity:0;transition-delay:3s;transition:opacity 1s ease-in-out}.effect-fade.is-visible{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.effect-rotator{animation:spin 1.3s linear infinite;transform-origin:center}.element-loader-fullscreen{align-items:center;display:flex;height:100%;justify-content:center}.Toastify__toast{color:var(--color-gray-valkoinen)}.Toastify__close-button--light{color:#fff}.Toastify__toast--info{background-color:var(--color-primary-sahko)}.Toastify__toast--error{background-color:var(--color-primary-magenta)}.Toastify__toast--success{background-color:var(--color-primary-meren-vihrea)}.Toastify__toast--warning{background-color:var(--color-ui-paivankakkara)}.Toastify__toast-icon{display:none}@keyframes fadeInAnimation{0%{opacity:0}30%{opacity:0}to{opacity:1}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}.ToastifyFadeIn{animation:fadeInAnimation 5s ease;animation-fill-mode:forwards;animation-iteration-count:1}.ToastifyFadeOut{animation:fadeOutAnimation 1s ease;animation-fill-mode:forwards;animation-iteration-count:1}.container-centered{margin-bottom:var(--container-margin-bottom);margin-left:auto;margin-right:auto;text-align:center;width:max-content}.app-style-layout{flex:1 0;position:relative}.app-style-layout-container{display:flex;flex-direction:column;height:100%;left:0;overflow-y:auto;position:absolute;top:0;width:100%}.element-hr{background-color:var(--color-gray-kyyhky);border-width:0;height:1px;margin-bottom:30px;margin-top:30px}.footer{background-color:var(--color-gray-valkoinen);border-top:1px solid var(--color-gray-kyyhky);width:100%}.footer-logos{display:flex;justify-content:center}.footer-logo{margin-right:30px}.footer-divider hr{width:90%}.footer-desc{margin-bottom:20px;text-align:center}.element-logo{align-self:center;background-position:50%;background-repeat:no-repeat;display:inline-flex;height:40px;margin-left:15px;margin-right:30px;width:40px}.element-logo.logo-prod{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yMC4wMDIzIDQwLjAwNDZDMzEuMDQ5MyA0MC4wMDQ2IDQwLjAwNDYgMzEuMDQ5MyA0MC4wMDQ2IDIwLjAwMjNDNDAuMDA0NiA4Ljk1NTM0IDMxLjA0OTMgMCAyMC4wMDIzIDBDOC45NTUzNCAwIDAgOC45NTUzNCAwIDIwLjAwMjNDMCAzMS4wNDkzIDguOTU1MzQgNDAuMDA0NiAyMC4wMDIzIDQwLjAwNDZaIiBmaWxsPSIjMkY1QkY1Ii8+CjxwYXRoIGQ9Ik0yMC4zMzk5IDMxLjQxOUMxOC4zODYzIDMxLjQxOSAxNi40OTI3IDMwLjgzNzEgMTQuODYyNCAyOS43MzMzQzEzLjI0MTQgMjguNjM4NyAxMS45ODUyIDI3LjA5MTYgMTEuMjM3IDI1LjI1ODFDMTAuNDkzNCAyMy40MjkyIDEwLjI5OTUgMjEuNDM4NiAxMC42NzgyIDE5LjUwODJDMTEuMDU2OSAxNy41NzMgMTEuOTg5OCAxNS44MDg4IDEzLjM3NTMgMTQuNDA5NEwxOS43MzQ5IDcuOTYyMTRDMTkuODk2NSA3LjgwMDUgMjAuMTEzNiA3LjcwODEzIDIwLjMzOTkgNy43MDgxM0MyMC41NjYyIDcuNzA4MTMgMjAuNzgzMiA3LjgwMDUgMjAuOTQ0OSA3Ljk2MjE0TDI3LjMxMzcgMTQuNDA5NEMyOC42ODk5IDE1LjgwNDIgMjkuNjIyOSAxNy41NjM4IDMwLjAxMDggMTkuNTA4MkMzMC4zODk1IDIxLjQ1MjUgMzAuMTk1NSAyMy40Mzg0IDI5LjQ1MiAyNS4yNjI3QzI4LjcwODQgMjcuMDg3IDI3LjQ1NjggMjguNjM0MSAyNS44MjY1IDI5LjczNzlDMjQuMTg3IDMwLjgzNzEgMjIuMjkzNSAzMS40MTkgMjAuMzM5OSAzMS40MTlaTTIwLjMzNTMgOS43NzI1NkwxNC41ODA3IDE1LjYwNTZDMTMuNDMwNyAxNi43Njk0IDEyLjY1OTUgMTguMjI4OSAxMi4zNDU0IDE5LjgzNjFDMTIuMDMxNCAyMS40NDMzIDEyLjE5MyAyMy4wOTY3IDEyLjgxMTkgMjQuNjE2MUMxMy40MzU0IDI2LjEzNTYgMTQuNDc0NSAyNy40MTQ5IDE1LjgxODUgMjguMzI0N0MxNy4xNjcgMjkuMjM0NSAxOC43MzI3IDI5LjcxNDggMjAuMzQ0NSAyOS43MTQ4QzIxLjk1NjMgMjkuNzE0OCAyMy41MjIgMjkuMjM0NSAyNC44NzA1IDI4LjMyNDdDMjYuMjE5MSAyNy40MTAyIDI3LjI1ODIgMjYuMTMwOSAyNy44NzcxIDI0LjYxNjFDMjguNTAwNiAyMy4xMDEzIDI4LjY1NzYgMjEuNDQ3OSAyOC4zNDM2IDE5LjgzNjFDMjguMDI0OSAxOC4yMjQyIDI3LjI0OSAxNi43NjAyIDI2LjEwODMgMTUuNjA1NkwyMC4zMzUzIDkuNzcyNTZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")}.element-logo.logo-test{background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yMC4wMDIzIDQwLjAwNDZDMzEuMDQ5MyA0MC4wMDQ2IDQwLjAwNDYgMzEuMDQ5MyA0MC4wMDQ2IDIwLjAwMjNDNDAuMDA0NiA4Ljk1NTM0IDMxLjA0OTMgMCAyMC4wMDIzIDBDOC45NTUzNCAwIDAgOC45NTUzNCAwIDIwLjAwMjNDMCAzMS4wNDkzIDguOTU1MzQgNDAuMDA0NiAyMC4wMDIzIDQwLjAwNDZaIiBmaWxsPSIjRTYwNTc2Ii8+CjxwYXRoIGQ9Ik0yMC4zMzk2IDMxLjQxODlDMTguMzg2IDMxLjQxODkgMTYuNDkyNSAzMC44MzcgMTQuODYyMiAyOS43MzMyQzEzLjI0MTEgMjguNjM4NiAxMS45ODQ5IDI3LjA5MTQgMTEuMjM2OCAyNS4yNTc5QzEwLjQ5MzIgMjMuNDI5MSAxMC4yOTkyIDIxLjQzODUgMTAuNjc3OSAxOS41MDhDMTEuMDU2NiAxNy41NzI5IDExLjk4OTYgMTUuODA4NyAxMy4zNzUxIDE0LjQwOTNMMTkuNzM0NiA3Ljk2MjAyQzE5Ljg5NjMgNy44MDAzOCAyMC4xMTMzIDcuNzA4MDEgMjAuMzM5NiA3LjcwODAxQzIwLjU2NTkgNy43MDgwMSAyMC43ODMgNy44MDAzOCAyMC45NDQ2IDcuOTYyMDJMMjcuMzEzNCAxNC40MDkzQzI4LjY4OTcgMTUuODA0MSAyOS42MjI2IDE3LjU2MzcgMzAuMDEwNiAxOS41MDhDMzAuMzg5MyAyMS40NTI0IDMwLjE5NTMgMjMuNDM4MyAyOS40NTE3IDI1LjI2MjZDMjguNzA4MiAyNy4wODY4IDI3LjQ1NjYgMjguNjM0IDI1LjgyNjMgMjkuNzM3OEMyNC4xODY4IDMwLjgzNyAyMi4yOTMyIDMxLjQxODkgMjAuMzM5NiAzMS40MTg5Wk0yMC4zMzUgOS43NzI0M0wxNC41ODA1IDE1LjYwNTVDMTMuNDMwNSAxNi43NjkzIDEyLjY1OTIgMTguMjI4NyAxMi4zNDUyIDE5LjgzNTlDMTIuMDMxMSAyMS40NDMxIDEyLjE5MjggMjMuMDk2NSAxMi44MTE2IDI0LjYxNkMxMy40MzUxIDI2LjEzNTQgMTQuNDc0MyAyNy40MTQ3IDE1LjgxODIgMjguMzI0NkMxNy4xNjY4IDI5LjIzNDQgMTguNzMyNCAyOS43MTQ3IDIwLjM0NDIgMjkuNzE0N0MyMS45NTYxIDI5LjcxNDcgMjMuNTIxNyAyOS4yMzQ0IDI0Ljg3MDMgMjguMzI0NkMyNi4yMTg5IDI3LjQxMDEgMjcuMjU4IDI2LjEzMDggMjcuODc2OSAyNC42MTZDMjguNTAwNCAyMy4xMDExIDI4LjY1NzQgMjEuNDQ3OCAyOC4zNDMzIDE5LjgzNTlDMjguMDI0NyAxOC4yMjQxIDI3LjI0ODggMTYuNzYwMSAyNi4xMDggMTUuNjA1NUwyMC4zMzUgOS43NzI0M1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==")}.element-menu-link{color:var(--color-primary-yon-harmaa);padding-top:0;text-transform:uppercase}.menu-link-wrapper{align-items:center;display:flex;margin-right:20px;min-height:66px;user-select:none}.menu-link-wrapper.is-selected a{color:var(--color-primary-sahko)}.menu-link-wrapper.last-link{margin-bottom:10px}.handling-menu-link{align-items:start;flex-direction:column}a[target=_blank]:after{color:inherit;content:" >"}.link-container{align-items:center;cursor:pointer;display:flex;margin-right:15px;min-height:66px;position:relative;text-transform:uppercase;user-select:none}.link-container.is-selected,.link-container.is-selected button,.link-container.tool-menu{color:var(--color-primary-sahko)}.link-container.tool-menu{border:1px solid var(--color-primary-sahko);border-radius:20px;height:40px;min-height:40px;padding-left:15px;padding-right:15px}.link-container.handling-menu,.link-container.link-container.tool-menu button{color:var(--color-primary-sahko)}.link-container.handling-menu{background-color:var(--color-gray-valkoinen);border:0;border-radius:20px;font-size:14px;height:36px;margin-left:15px;margin-right:0;min-height:36px;padding-left:15px;padding-right:15px;text-transform:none}.link-container.handling-menu .link-container-list{left:auto;right:0;top:42px}.link-container.handling-menu .link-container-list .link-sub-heading{font-size:14px}.link-container.handling-menu .link-container-list .element-menu-link{font-size:14px;font-weight:400;line-height:14px}.link-container button{cursor:pointer}.link-container-list{background-color:var(--color-gray-valkoinen);border:1px solid var(--color-gray-kyyhky);border-radius:var(--border-form-radius);box-shadow:4px 4px 10px rgba(0,0,0,.25);display:flex;flex-direction:column;left:-18px;min-width:170px;padding-bottom:10px;padding-top:10px;position:absolute;top:50px;z-index:20}.link-container-list.tool-menu{left:-100px;width:220px}.link-container-list .element-menu-link{min-height:0;padding:5px 15px;text-transform:none}.link-container-list .menu-link-wrapper{margin-right:0;min-height:0}.link-container-list .menu-link-wrapper:last-child{border-bottom:none}.link-container-title{background-color:#fff;background-position:100%;background-repeat:no-repeat;background-size:12px;border:none;padding-right:16px;text-transform:uppercase}.link-sub-heading{color:var(--color-gray-likainen-jaa);cursor:default;font-size:90%;font-weight:700;padding:5px 15px}.element-menu{align-items:baseline;display:inline-flex;flex-shrink:0;height:100%}.whole-page-layer{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.whole-page-layer.dark{background-color:rgba(38,38,38,.8);z-index:1000}.whole-page-layer.ui-disabled{background-color:var(--color-gray-valkoinen);opacity:.5;z-index:4}.input-button{border:none;border-radius:20px;cursor:pointer;height:36px;padding:0 15px}.input-button:focus{outline:2px solid #000}.input-button:disabled,.input-button:disabled:hover{cursor:default;opacity:.5}.button-cancel{background-color:var(--color-gray-jaa);color:var(--color-text)}.button-cancel,.button-cancel:focus{border:1px solid var(--color-text)}.button-variant{background-color:var(--color-gray-valkoinen);color:var(--color-primary-yon-harmaa)}.button-variant,.button-variant:focus{border:1px solid var(--color-gray-kyyhky)}.button-white{background-color:var(--color-gray-valkoinen);color:var(--color-primary-sahko);margin:0 5px}.button-full-width{width:100%}.add-to-list-button,.add-to-list-button:focus,.delete-from-list-button{background-color:var(--color-gray-valkoinen);border:1px solid var(--color-primary-sahko);color:var(--color-primary-sahko);height:16px;overflow:hidden;padding:0;width:16px}.action-cell-button{border:1px solid var(--color-primary-sahko);height:22px;overflow:hidden;padding:3px 6px}.delete-from-list-button,.delete-from-list-button:focus{background-color:var(--color-primary-sahko);border:1px solid var(--color-primary-sahko);color:var(--color-gray-valkoinen)}.modal{background-color:var(--color-gray-valkoinen);border-radius:var(--border-form-radius);box-shadow:0 0 10px rgba(0,0,0,.25);display:flex;flex-direction:column;left:50%;margin:0 auto;max-height:calc(100% - 100px);max-width:calc(100% - 100px);position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1004}.modal-content{overflow-y:auto}.modal-header{align-items:center;background-color:var(--color-primary-sahko);border-radius:var(--border-form-radius) var(--border-form-radius) 0 0;color:var(--color-gray-valkoinen);display:flex;justify-content:space-between;padding:15px}.modal-actions{background-color:var(--color-gray-jaa);border-radius:0 0 var(--border-form-radius) var(--border-form-radius);bottom:0;display:flex;padding:15px;position:sticky}.modal-actions .input-button{margin-left:10px}.modal-action-paging{align-items:center;display:flex;flex:1}.modal-action-paging div{background-position-y:bottom;background-repeat:no-repeat;background-size:17px;color:var(--color-primary-sahko);cursor:pointer;display:none;height:18px;margin-right:20px;user-select:none}.modal-action-paging-prev{background-position-x:left;padding-left:20px}.modal-action-paging-next{background-position-x:right;padding-right:20px}.modal-action-buttons{flex:0;white-space:nowrap}.element-feedback{align-items:center;align-self:center;background-color:var(--color-primary-laventeli);border-radius:20px;color:var(--color-primary-yon-harmaa);cursor:pointer;flex-shrink:0;height:40px;justify-content:center;margin-right:15px;position:relative;width:40px}.element-feedback:hover{background-color:var(--color-primary-sahko-40)}.element-feedback>.icon-comment-round-black{left:7px;position:absolute;top:7px}.element-link{align-items:center;cursor:pointer;display:inline-flex}.element-link,.element-link:visited{color:var(--color-primary-sahko)}.element-link:hover{color:var(--color-ui-syva-vesi)}.element-link>.icon-17{margin-right:10px}.element-link.disabled{cursor:auto}.element-hover-container{position:relative}.tooltip{background-color:var(--color-primary-yon-harmaa);border-radius:5px;color:var(--color-gray-valkoinen);min-width:50px;opacity:.9;padding:10px;position:absolute;z-index:4}.language-selector-container{display:flex;flex-direction:column;justify-content:center}.language-selector-container .item{color:var(--color-primary-yon-harmaa);margin:.25rem}.language-selector-container .item-active{font-weight:700}.user-element-container{display:inline-flex;height:100%;position:relative}.element-user{align-items:center;align-self:center;background-color:var(--color-primary-laventeli);border:none;border-radius:20px;color:var(--color-primary-yon-harmaa);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;margin-right:15px;width:40px}.element-user:hover{background-color:var(--color-primary-sahko-40)}.element-user-initial{display:inline-block}.user-menu-container{background-color:var(--color-gray-valkoinen);border-radius:var(--border-form-radius);box-shadow:4px 4px 10px rgba(0,0,0,.25);position:absolute;right:15px;top:50px;width:200px;z-index:20}.user-menu-container a{color:var(--color-text)}.user-menu-group{border-bottom:1px solid var(--color-gray-tumma-jaa);padding:15px}.user-menu-group:last-of-type{border-bottom:0}.dropdown-container{cursor:default;min-height:32px}.dropdown-container input{font-weight:700}.lists-menu-button-item{justify-content:space-between;margin-bottom:10px}.lists-menu-button-item,.lists-menu-button-item-title{align-items:center;display:flex}.lists-menu-button-item-list-name{color:var(--color-gray-valkoinen);font-weight:700;margin-right:10px;text-decoration:underline}.lists-menu-button-item-list-count{color:var(--color-gray-kyyhky)}.lists-menu-button-item-list-button{background-color:var(--color-gray-valkoinen);color:var(--color-primary-yon-harmaa);height:20px;padding:0 10px}.lists-menu-link-text{color:var(--color-gray-valkoinen);text-decoration:underline}.list-menu-icon-empty{background-color:inherit;border:none}.list-menu-icon-empty:hover{cursor:pointer}.lists-menu-button-container{align-self:center}.lists-menu-button{align-items:center;background-color:var(--color-primary-laventeli);border:none;border-radius:20px;box-sizing:border-box;cursor:pointer;display:flex;height:40px;margin-right:15px;padding:10px 7px 10px 15px;position:relative}.lists-menu-button:hover{background-color:var(--color-primary-sahko-40)}.lists-menu-button.active{background-color:var(--color-primary-sahko)}.lists-menu-button.active .element-caption{color:var(--color-gray-valkoinen)}.lists-menu-button-count{background-color:var(--color-gray-valkoinen);border-radius:20px;color:var(--color-primary-sahko);font-weight:700;margin-left:10px;padding:5px 10px}.lists-menu-button-list{background-color:var(--color-primary-sininen-savu);border-radius:15px;padding:15px;position:absolute;right:70px;top:60px;width:300px;z-index:10}.all-lists-empty{color:var(--color-gray-valkoinen)}.layout-navigation{background:var(--color-gray-valkoinen);display:block;height:69px}.navigation-container{align-items:center;display:flex;height:70px;margin-left:auto;margin-right:auto;max-width:var(--width-full)}.navigation-container>a{align-self:center}.navigation-menu-container{align-items:center;display:flex;flex-grow:1;margin-right:15px}.navigation-menu-search{position:relative;width:100%}.navigation-menu-search .dropdown-container{margin-bottom:2px}.navigation-menu-search .jumptoarea__control{background:var(--color-gray-valkoinen)}.navigation-menu-search .jumptoarea__control,.navigation-menu-search .jumptoarea__control:hover{border:1px solid var(--color-gray-tummempi-jaa)}.navigation-menu-search .jumptoarea__input-container,.navigation-menu-search .jumptoarea__placeholder,.navigation-menu-search .jumptoarea__single-value{padding-left:25px}.navigation-menu-search .groundwaterDetailPages__input-container,.navigation-menu-search .groundwaterDetailPages__placeholder,.navigation-menu-search .groundwaterDetailPages__single-value,.navigation-menu-search .seaDetailPages__input-container,.navigation-menu-search .seaDetailPages__placeholder,.navigation-menu-search .seaDetailPages__single-value,.navigation-menu-search .surfacewaterBodyDetailPages__input-container,.navigation-menu-search .surfacewaterBodyDetailPages__placeholder,.navigation-menu-search .surfacewaterBodyDetailPages__single-value,.navigation-menu-search .surfacewaterSiteDetailPages__input-container,.navigation-menu-search .surfacewaterSiteDetailPages__placeholder,.navigation-menu-search .surfacewaterSiteDetailPages__single-value{padding-left:28px}.navigation-menu-search .icon{left:10px;position:absolute;top:11px;z-index:1}.frontpage-search-icon{margin-top:4px}.navigation-menu-search .dropdown-container>div>div .groundwaterDetailPages__indicators,.navigation-menu-search .dropdown-container>div>div .jumptoarea__indicators,.navigation-menu-search .dropdown-container>div>div .seaDetailPages__indicators,.navigation-menu-search .dropdown-container>div>div .surfacewaterBodyDetailPages__indicators,.navigation-menu-search .dropdown-container>div>div .surfacewaterSiteDetailPages__indicators{display:none}.page-container{box-sizing:border-box;height:100%;margin-left:auto;margin-right:auto;max-width:var(--width-full);min-width:var(--width-min);padding:33px 20px}.page-container.no-margins{margin:0;padding:0;position:relative}.error-stack,.white-background{background-color:var(--color-gray-valkoinen)}.error-stack{border:1px solid var(--color-primary-sininen-savu);padding:1rem;text-align:left}