.effect-fade{opacity:0;transition:opacity 1s ease-in-out}.effect-fade.is-visible{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.effect-rotator{transform-origin:50%;animation:1.3s linear infinite spin}.element-loader-fullscreen{justify-content:center;align-items:center;height:100%;display:flex}.app-style-layout{flex:1 0;position:relative}.app-style-layout-container{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.element-hr{background-color:var(--color-gray-kyyhky);border-width:0;height:1px;margin-top:30px;margin-bottom:30px}.footer{background-color:var(--color-gray-valkoinen);border-top:1px solid var(--color-gray-kyyhky);width:100%}.footer-logos{justify-content:center;display:flex}.footer-logo{margin-right:30px}.footer-divider hr{width:90%}.footer-desc{text-align:center;margin-bottom:20px}.element-logo{background-position:50%;background-repeat:no-repeat;align-self:center;width:40px;height:40px;margin-left:15px;margin-right:30px;display:inline-flex}.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);text-transform:uppercase;padding-top:0}.menu-link-wrapper{-webkit-user-select:none;user-select:none;align-items:center;min-height:66px;margin-right:20px;display:flex}.menu-link-wrapper.is-selected a{color:var(--color-primary-sahko)}.menu-link-wrapper.last-link{margin-bottom:10px}.handling-menu-link{flex-direction:column;align-items:start}a[target=_blank]:after{content:" >";color:inherit}.link-container{text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;min-height:66px;margin-right:15px;display:flex;position:relative}.link-container.is-selected,.link-container.is-selected button{color:var(--color-primary-sahko)}.link-container.tool-menu{border:1px solid var(--color-primary-sahko);height:40px;min-height:40px;color:var(--color-primary-sahko);border-radius:20px;padding-left:15px;padding-right:15px}.link-container.link-container.tool-menu button{color:var(--color-primary-sahko)}.link-container.handling-menu{background-color:var(--color-gray-valkoinen);height:36px;min-height:36px;color:var(--color-primary-sahko);text-transform:none;border:0;border-radius:20px;margin-left:15px;margin-right:0;padding-left:15px;padding-right:15px;font-size:14px}.link-container.handling-menu .link-container-list{top:42px;left:auto;right:0}.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{z-index:20;background-color:var(--color-gray-valkoinen);border:1px solid var(--color-gray-kyyhky);border-radius:var(--border-form-radius);flex-direction:column;min-width:170px;padding-top:10px;padding-bottom:10px;display:flex;position:absolute;top:50px;left:-18px;box-shadow:4px 4px 10px #00000040}.link-container-list.tool-menu{width:220px;left:-100px}.link-container-list .element-menu-link{text-transform:none;min-height:0;padding:5px 15px}.link-container-list .menu-link-wrapper{min-height:0;margin-right:0}.link-container-list .menu-link-wrapper:last-child{border-bottom:none}.link-container-title{text-transform:uppercase;background-color:#fff;background-position:100%;background-repeat:no-repeat;background-size:12px;border:none;padding-right:16px}.link-sub-heading{cursor:default;color:var(--color-gray-likainen-jaa);padding:5px 15px;font-size:90%;font-weight:700}.element-menu{flex-shrink:0;align-items:baseline;height:100%;display:inline-flex}.whole-page-layer{z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0}.whole-page-layer.dark{z-index:1000;background-color:#262626cc}.whole-page-layer.ui-disabled{opacity:.5;background-color:var(--color-gray-valkoinen);z-index:4}.input-button{cursor:pointer;border:none;border-radius:20px;height:36px;padding:0 15px}.input-button:focus{outline:2px solid #000}.input-button:disabled,.input-button:disabled:hover{opacity:.5;cursor:default}.button-cancel{color:var(--color-text);border:1px solid var(--color-text);background-color:var(--color-gray-jaa)}.button-cancel:focus{border:1px solid var(--color-text)}.button-variant{background-color:var(--color-gray-valkoinen);color:var(--color-primary-yon-harmaa);border:1px solid var(--color-gray-kyyhky)}.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%}.delete-from-list-button,.add-to-list-button,.add-to-list-button:focus{border:1px solid var(--color-primary-sahko);background-color:var(--color-gray-valkoinen);width:16px;height:16px;color:var(--color-primary-sahko);padding:0;overflow:hidden}.action-cell-button{border:1px solid var(--color-primary-sahko);height:22px;padding:3px 6px;overflow:hidden}.delete-from-list-button,.delete-from-list-button:focus{color:var(--color-gray-valkoinen);background-color:var(--color-primary-sahko);border:1px solid var(--color-primary-sahko)}.modal{background-color:var(--color-gray-valkoinen);z-index:1004;border-radius:var(--border-form-radius);flex-direction:column;max-width:calc(100% - 100px);max-height:calc(100% - 100px);margin:0 auto;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00000040}.modal-content{overflow-y:auto}.modal-header{background-color:var(--color-primary-sahko);border-radius:var(--border-form-radius) var(--border-form-radius) 0 0;color:var(--color-gray-valkoinen);justify-content:space-between;align-items:center;padding:15px;display:flex}.modal-actions{background-color:var(--color-gray-jaa);border-radius:0 0 var(--border-form-radius) var(--border-form-radius);padding:15px;display:flex;position:sticky;bottom:0}.modal-actions .input-button{margin-left:10px}.modal-action-paging{flex:1;align-items:center;display:flex}.modal-action-paging div{cursor:pointer;-webkit-user-select:none;user-select:none;height:18px;color:var(--color-primary-sahko);background-position-y:bottom;background-repeat:no-repeat;background-size:17px;margin-right:20px;display: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{white-space:nowrap;flex:0}.element-feedback{background-color:var(--color-primary-laventeli);width:40px;height:40px;color:var(--color-primary-yon-harmaa);cursor:pointer;border-radius:20px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin-right:15px;position:relative}.element-feedback:hover{background-color:var(--color-primary-sahko-40)}.element-feedback>.icon-comment-round-black{position:absolute;top:7px;left:7px}.element-link{cursor:pointer;color:var(--color-primary-sahko);align-items:center;display:inline-flex}.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:initial}.element-hover-container{position:relative}.tooltip{background-color:var(--color-primary-yon-harmaa);color:var(--color-gray-valkoinen);opacity:.9;z-index:4;border-radius:5px;min-width:50px;padding:10px;position:absolute}.language-selector-container{flex-direction:column;justify-content:center;display:flex}.language-selector-container .item{color:var(--color-primary-yon-harmaa);margin:.25rem}.language-selector-container .item-active{font-weight:700}.user-element-container{height:100%;display:inline-flex;position:relative}.element-user{background-color:var(--color-primary-laventeli);width:40px;height:40px;color:var(--color-primary-yon-harmaa);cursor:pointer;border:none;border-radius:20px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin-right:15px;display:inline-flex}.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);z-index:20;border-radius:var(--border-form-radius);width:200px;position:absolute;top:50px;right:15px;box-shadow:4px 4px 10px #00000040}.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;align-items:center;margin-bottom:10px;display:flex}.lists-menu-button-item-title{align-items:center;display:flex}.lists-menu-button-item-list-name{color:var(--color-gray-valkoinen);margin-right:10px;font-weight:700;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);height:20px;color:var(--color-primary-yon-harmaa);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{background-color:var(--color-primary-laventeli);box-sizing:border-box;cursor:pointer;border:none;border-radius:20px;align-items:center;height:40px;margin-right:15px;padding:10px 7px 10px 15px;display:flex;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);color:var(--color-primary-sahko);border-radius:20px;margin-left:10px;padding:5px 10px;font-weight:700}.lists-menu-button-list{background-color:var(--color-primary-sininen-savu);z-index:10;border-radius:15px;width:300px;padding:15px;position:absolute;top:60px;right:70px}.all-lists-empty{color:var(--color-gray-valkoinen)}.layout-navigation{background:var(--color-gray-valkoinen);height:69px;display:block}.navigation-container{max-width:var(--width-full);align-items:center;height:70px;margin-left:auto;margin-right:auto;display:flex}.navigation-container>a{align-self:center}.navigation-menu-container{flex-grow:1;align-items:center;margin-right:15px;display:flex}.navigation-menu-search{width:100%;position:relative}.navigation-menu-search .dropdown-container{margin-bottom:2px}.navigation-menu-search .jumptoarea__control{background:var(--color-gray-valkoinen);border:1px solid var(--color-gray-tummempi-jaa)}.navigation-menu-search .jumptoarea__control:hover{border:1px solid var(--color-gray-tummempi-jaa)}.navigation-menu-search .jumptoarea__placeholder,.navigation-menu-search .jumptoarea__single-value,.navigation-menu-search .jumptoarea__input-container{padding-left:25px}.navigation-menu-search .seaDetailPages__placeholder,.navigation-menu-search .seaDetailPages__single-value,.navigation-menu-search .seaDetailPages__input-container,.navigation-menu-search .groundwaterDetailPages__placeholder,.navigation-menu-search .groundwaterDetailPages__single-value,.navigation-menu-search .groundwaterDetailPages__input-container,.navigation-menu-search .surfacewaterBodyDetailPages__placeholder,.navigation-menu-search .surfacewaterBodyDetailPages__single-value,.navigation-menu-search .surfacewaterBodyDetailPages__input-container,.navigation-menu-search .surfacewaterSiteDetailPages__placeholder,.navigation-menu-search .surfacewaterSiteDetailPages__single-value,.navigation-menu-search .surfacewaterSiteDetailPages__input-container{padding-left:28px}.navigation-menu-search .icon{z-index:1;position:absolute;top:11px;left:10px}.frontpage-search-icon{margin-top:4px}.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 .groundwaterDetailPages__indicators,.navigation-menu-search .dropdown-container>div>div .surfacewaterBodyDetailPages__indicators,.navigation-menu-search .dropdown-container>div>div .surfacewaterSiteDetailPages__indicators{display:none}.page-container{max-width:var(--width-full);min-width:var(--width-min);box-sizing:border-box;height:100%;margin-left:auto;margin-right:auto;padding:33px 20px}.page-container.no-margins{margin:0;padding:0;position:relative}.white-background{background-color:var(--color-gray-valkoinen)}