@charset "UTF-8";  body, html { overflow-y: auto }  .h1, .h2, .h3, .h4, .h5, .h6, .h7, .label, h1, h2, h3, h4, h5, h6, h7, label, legend { margin-bottom: 0 }  body { font-family: "Open Sans",sans-serif; font-weight: 400; display: flex; flex-flow: column nowrap; background-color: #dedede; color: #454545; background-size: cover; background-repeat: no-repeat; background-image: url(/Content/UX/Cloudia/background.jpg) }  .content-title, .content-title h2, .h1, .h2, h1, h2, legend { font-weight: 600 }  .h1, .h2, .h4, .h5, .h6, .h7, h1, h2, h4, h5, h6, h7 { color: #333 }  body, html { height: 100%; margin: 0 }  .h1, h1 { font-size: 2rem }  .h2, h2 { font-size: 1.7rem }  .h3, .modal-header .modal-title, h3 { color: #333; font-size: 1.4rem; font-weight: 600 }  .h4, h4 { font-size: 1.2rem }  .h5, h5 { font-size: 1.1rem }  .h6, h6 { font-size: 1rem }  .a, .button, .font-1rem, .label, .p, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, a, a:not([href]), a:not([href]):not([tabindex]), button, label, legend, p { font-size: 1rem }  .p, p { white-space: pre-line }  .nav-link.dropdown-toggle, a:not([href]).nav-link.dropdown-toggle, legend { white-space: normal }  .a, .nav-item--active .nav-item__icon, a, a:not([href]), a:not([href]):not([tabindex]) { color: #1d6cb2 }  .a:hover, a:hover, a:not([href]):hover, a:not([href]):not([tabindex]):hover { text-decoration: none; color: #0fb6ee; cursor: pointer }  .a.error, .kohderyhma-otsikko__puutteet, a.error, a.error:not([href]), a.error:not([href]):not([tabindex]) { color: #d60000 }  .a.error:hover, a.error:hover, a.error:not([href]):hover, a.error:not([href]):not([tabindex]):hover { text-decoration: none; color: #d60000; cursor: pointer }  .color-red, .color-red a:not([href]):not([tabindex]), a.color-red a:not([href]) { color: #c90000 }  .color-red a:not([href]):not([tabindex]):hover, a.color-red a:not([href]):hover { color: #e00000 }  .color-red a:not([href]):not([tabindex]):active, a.color-red a:not([href]):active { color: #ad0000 }  input[type=checkbox]:checked + input[type=hidden] + label:before, input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before { color: #1d6cb2; display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant: normal; font-weight: 900 }  a.disabled-link, a.disabled-link:not([href]), a.disabled-link:not([href]):not([tabindex]) { color: grey; cursor: default }  a.disabled-link:hover, a.disabled-link:not([href]):hover, a.disabled-link:not([href]):not([tabindex]):hover { text-decoration: none; color: grey }  input[type=checkbox], input[type=radio] { display: inline-block; position: absolute; opacity: 0 }  input[type=checkbox] + label, input[type=radio] + label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }  .notification, .spinner-backdrop { transform: translate(-50%,-50%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default }  input[type=checkbox] + input[type=hidden] + label:before, input[type=checkbox] + label:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 400; content: "\f0c8"; font-size: 1.2em }  input[type=checkbox]:checked + input[type=hidden] + label:before, input[type=checkbox]:checked + label:before { content: "\f14a" }  input[type=checkbox].trade-secret + input[type=hidden] + label:before, input[type=checkbox].trade-secret + label:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f09c" }  input[type=checkbox].trade-secret:checked + input[type=hidden] + label:before, input[type=checkbox].trade-secret:checked + label:before, input[type=checkbox].trade-secret:checked:disabled + input[type=hidden] + label:before, input[type=checkbox].trade-secret:checked:disabled + label:before { content: "\f023"; color: #454545 }  input[type=radio] + label:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 400; content: "\f111"; font-size: 1.2em }  input[type=radio]:checked + label:before { content: "\f192" }  input[type=checkbox] + input[type=hidden] + label:not(:empty):before, input[type=checkbox] + label:not(:empty):before, input[type=radio] + label:not(:empty):before { padding-right: 4px }  input[type=email], input[type=number], input[type=password], input[type=text], select, textarea { width: 100%; border-radius: 4px; padding: 4px 8px; border: 1px solid #e0e0e0; min-width: 1px; background-color: #fff }  .crit-table--inverse-set-color .criteria-set:nth-of-type(2n), input:disabled, select:disabled, textarea:disabled { background-color: #f5f5f5 }  input:disabled :hover, select:disabled :hover, textarea:disabled :hover { cursor: initial }  input[type=checkbox]:disabled + input[type=hidden] + label:before, input[type=checkbox]:disabled + label:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f0c8"; color: #b0b0b0 }  input[type=checkbox]:checked:disabled + input[type=hidden] + label:before, input[type=checkbox]:checked:disabled + label:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f14a"; color: #b0b0b0 }  input[type=checkbox].trade-secret:disabled + input[type=hidden] + label:before, input[type=checkbox].trade-secret:disabled + label:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f09c"; color: #454545 }  input[type=radio]:checked:disabled + label:before, input[type=radio]:disabled + label:before { color: #b0b0b0 }  .content--center { display: flex; align-items: center; justify-content: space-around }  .btn:focus, .button:focus, .file-upload input[type=file]:focus + div, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, button:focus, input[type=button]:focus, input[type=checkbox]:focus + input[type=hidden] + label::before, input[type=checkbox]:focus + label::before, input[type=radio]:focus + label::before, input[type=submit]:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px }  .button, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { display: inline-block }  textarea { height: 7rem }  legend { display: block; width: 100%; max-width: 100%; padding: 0; line-height: inherit; color: inherit }  .dropdown-menu { padding: 4px }  .dropdown-toggle, .min-width-0 { min-width: 0 }  .dropdown-toggle::after { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f078"; border: 0; vertical-align: top }  .dropdown-toggle.bootbox-close-button::after, .dropdown-toggle.button-icon::after, .dropdown-toggle.navbar-dark__icon::after, .modal-header .dropdown-toggle.close::after, .select2-container--default .select2-selection--multiple .dropdown-toggle.select2-selection__choice__remove::after { content: none }  .dropdown-item { border-radius: 2px; color: #454545 }  .dropdown-item:hover { background-color: #0fb6ee; color: #fff }  .dropdown-item.disabled, .dropdown-item.disabled:hover, .dropdown-item:disabled, .dropdown-item:disabled:hover { color: #c2c2c5 }  .content-wrapper { position: relative; flex: 1 0 auto }  .notification, .spinner, .spinner-backdrop { position: fixed; top: 50%; left: 50% }  .content-wrapper .content-wrapper__background { background: url(/Content/UX/Cloudia/tp-header.jpg) center/cover no-repeat #000; height: 750px; width: 100%; position: absolute }  .content { margin: 0 25px; flex: 1 0 auto }  .content-title { font-size: 1.5rem; color: #333; margin-bottom: 20px; margin-top: 0; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end }  .content-title h2 { font-size: 1.6rem; word-break: break-word }  .content-title__texts { line-height: 1.3; width: 100% }  .content-title__hierarchy { font-size: .75rem; margin-bottom: -.3rem; color: #454545; margin-top: .2rem }  .content-title__hierarchy .fal, .content-title__hierarchy .far, .content-title__hierarchy .fas { font-size: .65rem; color: #1d6cb2 }  .content-title__type-and-status { font-size: .9rem; color: #5e5e5e }  .content-title__actions { display: flex; flex-flow: row nowrap; align-items: flex-end }  .content-title__actions > :not(:first-child) { margin-left: 25px }  .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important }  .selectable, input[type=email], input[type=number], input[type=password], input[type=text], select, textarea { transition: box-shadow 180ms,border 180ms }  .selectable:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus { outline: 0; box-shadow: 0 0 4px 0 #1d6cb2 }  .flexing-in-flex-ie-fix { flex: 1 1 0%; min-width: 0 }  .warning-icon { font-size: 1.6rem; color: #ffdc84 }  .footer, .footer__link { color: #c2c2c5; font-size: .8rem }  .footer { background-color: #242424; text-align: center; margin-top: 0 }  .footer__logo img { height: 125px; width: auto }  .footer__links { padding: 5px 0 15px }  .footer__link { padding-right: 15px; padding-left: 15px }  .footer__terms-of-use { color: #93939a; font-size: .75rem; margin: 0 5px 20px }  .footer__terms-of-use .footer__link { color: #93939a; font-size: .75rem; padding-right: 0; padding-left: 0 }  @media only screen and (min-width:1921px) { .h7, h7, html { font-size: 1.125rem }  .content { margin: 0 65px }  .content-title__hierarchy, .footer__terms-of-use, .footer__terms-of-use .footer__link { font-size: .7rem }  .content-title__hierarchy .fal, .content-title__hierarchy .far, .content-title__hierarchy .fas { font-size: .6rem; color: #1d6cb2 } }  .footer__terms-of-use .footer__link:hover { color: #0fb6ee }  .footer-shadow { background: linear-gradient(to top,rgba(0,0,0,.2),rgba(0,0,0,.02),transparent); margin-top: 50px; flex: 0 0 50px }  .small-font { font-size: .8rem }  .notification__icon, .notification__title { font-size: 1.5rem; text-shadow: 0 0 2px rgba(0,0,0,.5) }  .error { color: #d60000; font-weight: 700 }  .error:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant: normal; font-weight: 900; content: "\f06a"; display: none }  .error:not(:empty):before { display: inline-block; margin-right: 5px }  .notification { display: flex; opacity: 0; max-width: 600px; border-radius: 8px; padding: 15px 20px; z-index: 999999; background-color: #1d6cb2; box-shadow: 2px 2px 5px #888; color: #fff; user-select: none; transition: opacity .25s; pointer-events: none }  .column, .column-buttons .button, .column-buttons .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .column-buttons button, .form-prev-next-btn, .mobile-menu-toggler, .mobile-menu-toggler:focus, .select2-container--default .select2-selection--multiple .column-buttons .select2-selection__choice__remove { box-shadow: 0 0 7px 0 rgba(0,0,0,.25) }  @media only screen and (max-width:1200px) { body, html { overflow-x: hidden }  .h1, h1 { font-size: 1.8rem }  .h2, h2 { font-size: 1.5rem }  .h3, h3 { font-size: 1.2rem }  .h4, h4 { font-size: 1.1rem }  .h5, h5 { font-size: 1rem }  .content-wrapper .content-wrapper__background { background-position: left }  .content { margin: 0 0 10px }  .content-title { align-items: center; margin: 0 15px 15px }  .content-title h2 { display: flex; align-items: center; justify-content: space-between; font-size: 1.4rem }  .content-title__type-and-status { font-size: .8rem }  .content-title__actions { flex-flow: row wrap }  .footer-shadow { background: linear-gradient(to top,rgba(0,0,0,.15),rgba(0,0,0,.03),transparent); margin-top: 0; flex: 0 0 15px }  .notification { padding: 10px 15px } }  @media only screen and (max-width:768px) { .notification { width: 75% } }  .button--positive, .notification--positive, input[type=submit].button--positive { background-color: #00844a }  .button--negative, .notification--negative, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, input[type=submit].button--negative { background-color: #c90000 }  .notification--show, .notification-show .notification, .parsley-errors-list.filled, .tooltip.show { opacity: 1 }  .notification__icon { width: 32px; margin-right: 20px; text-align: center }  .notification__content { font-size: 1rem; text-shadow: 0 0 2px rgba(0,0,0,.5) }  .max-width-800 { max-width: 800px }  .spinner-backdrop { width: 110%; height: 110%; z-index: 99999; background-color: rgba(0,0,0,.5); user-select: none; opacity: 0 }  .spinner-backdrop--show { opacity: 1; transition: opacity .15s ease-out }  .spinner-dot:first-child, .spinner-dot:first-child:before { animation-delay: -1.2s }  .spinner-dot:nth-child(2), .spinner-dot:nth-child(2):before { animation-delay: -1.1s }  .spinner-dot:nth-child(3), .spinner-dot:nth-child(3):before { animation-delay: -1s }  .spinner-dot:nth-child(4), .spinner-dot:nth-child(4):before { animation-delay: -.9s }  .spinner-dot:nth-child(5), .spinner-dot:nth-child(5):before { animation-delay: -.8s }  .spinner-dot:nth-child(6), .spinner-dot:nth-child(6):before { animation-delay: -.7s }  @keyframes spinner { 100% { transform: rotate(360deg) } }  @keyframes spinner-dot { 100%,80% { transform: rotate(360deg) } }  @keyframes spinner-dot-before { 50% { transform: scale(.8) }  0%,100% { transform: scale(.3) } }  .spinner { width: 4rem; height: 4rem; margin-top: -2rem; margin-left: -2rem; animation: 2.7s linear infinite both spinner; transition: opacity .1s ease-in-out }  .content--narrow, .wrapper { margin-left: auto; margin-right: auto }  .spinner-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: 2s ease-in-out infinite both spinner-dot }  .spinner-dot:before { content: ""; display: block; width: 25%; height: 25%; background-color: #fff; border-radius: 100%; animation: 2s ease-in-out infinite both spinner-dot-before }  .external-link:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f08e"; margin-right: .4rem }  .breadcrumb-item:last-of-type, .global-search-1 .global-search-result__hit-label, .global-search-2 .global-search-result__hit-label, .global-search-2 .global-search-result__type, .global-search-3 .global-search-result__type, .hide-toggler, .label-xl-aria { font-weight: 600 }  .icon-on-input { position: absolute; right: .75rem; top: .5rem }  .max-width-1250 { max-width: 1250px }  .content--narrow { width: 100%; max-width: 1500px; padding: 0 25px }  .navbar-dark-wrapper { background-color: #242424; display: flex; justify-content: center }  .navbar-dark--narrow { max-width: 1400px; width: 100%; padding: 0 25px }  .font-size-big { font-size: 1.2rem }  body.using-mouse :focus, body.using-mouse input[type=checkbox]:focus + input[type=hidden] + label::before, body.using-mouse input[type=checkbox]:focus + label::before, body.using-mouse input[type=radio]:focus + label::before { outline: 0 }  .wrapper { max-width: 1500px }  .error-span, .parsley-errors-list { margin: 2px 0 3px; padding: 0; list-style-type: none; font-size: .9em; line-height: .9em }  input.parsley-success, select.parsley-success, textarea.parsley-success { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6 }  input.parsley-error, select.parsley-error, textarea.parsley-error { color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7 }  .parsley-errors-list { opacity: 0; color: #b94a48; transition: .3s ease-in; -o-transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in }  .error-span { color: #b94a48 }  .cloudia-suite__dropdown:before, .hide-toggler-icon:before { font-weight: 900; font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant: normal }  .mobile-menu-toggler { width: 50px; height: 50px; min-width: 50px; min-height: 50px; padding: 5px; border-radius: 0; background-color: #fff; color: inherit; font-size: 24px; display: none; margin-left: 5px }  .hide-toggler { color: #333; font-size: 1.2rem; display: flex; justify-content: space-between; align-items: baseline; width: 100%; text-align: initial; padding: initial; min-width: 0; transition: initial; background-color: transparent }  .hide-toggler:focus, .hide-toggler:hover { background-color: transparent; color: #1d6cb2 }  .hide-toggler-icon:before { display: inline-block; content: "\f054"; -webkit-transition: transform .25s ease-out; -moz-transition: transform .25s ease-out; transition: transform .25s ease-out }  .hide-toggler-icon--show:not(.hide-toggler-icon--epic-tree):before { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); transform: rotateZ(90deg) }  .hide-toggler--epic-tree { font-size: inherit; font-weight: inherit; width: 1.6rem }  .hide-toggler-icon--epic-tree:before { content: "\f067" }  .hide-toggler-icon--show.hide-toggler-icon--epic-tree:before { content: "\f068" }  .hide-toggler--not-clickable:focus, .hide-toggler--not-clickable:hover { cursor: default; color: initial }  .front-page-logo { text-align: center; border: 1px solid #c7c7c9; padding: 20px; background-color: #fff; margin-bottom: 10px; display: none }  .checkbox-label { display: flex; margin-bottom: 7px }  .info-text { font-size: .9rem; font-weight: 400; font-style: italic }  .sent-comment { font-size: 1rem; font-weight: 400; margin: 5px 5px 15px; background-color: #fff; border-radius: 10px; padding: 10px; color: #454545 }  @media only screen and (max-width:1200px) { .content--narrow, .navbar-dark--narrow { padding: 0 }  .mobile-menu-toggler { display: inline-block }  .mobile-side-padding-0 { padding-left: 0; padding-right: 0 }  .front-page-logo { display: block }  .sent-comment { margin: 5px 0 } }  .navbar-dark { background-color: #242424; font-size: .9rem; flex-flow: row nowrap; align-items: end; padding: 10px 25px; align-items: center }  @media only screen and (max-width:1200px) { .navbar-dark { padding: 5px 10px } }  .navbar-dark button { font-size: .9rem; font-weight: 300 }  .navbar-dark a, .navbar-dark a:not([href]), .navbar-dark button:not(.dropdown-item) { font-size: 1rem; color: #fff }  .navbar-dark a:hover, .navbar-dark a:not([href]):hover, .navbar-dark button:not(.dropdown-item):hover { color: #0fb6ee }  .chart-legend__color-and-number, .cloudia-suite, .global-search-1 .global-search-result__title { display: flex; align-items: center }  .cloudia-suite__logo { display: inline-block; font-size: 1.4rem; padding-right: 40px; white-space: nowrap }  .cloudia-suite__logo span:first-of-type { color: #fff }  .cloudia-suite__logo span:last-of-type { color: #0fb6ee }  .cloudia-suite__link, a:not([href]).cloudia-suite__link { padding: 2px 0; color: #c2c2c5 }  @media only screen and (max-width:1400px) { .cloudia-suite { align-items: baseline }  .cloudia-suite__logo { padding-right: 10px }  .cloudia-suite__link, a:not([href]).cloudia-suite__link { display: none } }  .cloudia-suite__link:not(:first-of-type), a:not([href]).cloudia-suite__link:not(:first-of-type) { margin-left: 20px }  .cloudia-suite__link--active, a:not([href]).cloudia-suite__link--active { color: #0fb6ee; border-bottom: 1px solid #0fb6ee; margin-top: 1px }  .cloudia-suite__link--inactive, a:not([href]).cloudia-suite__link--inactive { color: gray }  .cloudia-suite__link--inactive:hover, a:not([href]).cloudia-suite__link--inactive:hover { color: gray; cursor: default }  .cloudia-suite__dropdown { padding: 6px 8px; background-color: transparent; color: #c2c2c5; text-align: left }  .cloudia-suite__dropdown:after, .language-dropdown::after, .nav-link:hover, .nav-link:hover:after, .user-dropdown:after, a:not([href]).nav-link:hover, a:not([href]).nav-link:hover:after { color: #0fb6ee }  .cloudia-suite__dropdown:active, .cloudia-suite__dropdown:hover, .language-dropdown:hover { background-color: transparent; color: #0fb6ee }  .cloudia-suite__dropdown:before { content: "\f35d"; display: none }  .navbar-dark__right { display: flex; align-items: center; flex-flow: row wrap-reverse; justify-content: flex-end }  .navbar-dark__icon { background-color: transparent; color: #454545; font-size: 1.2rem !important; padding: 0 4px !important; margin-left: 10px; position: relative }  .kohderyhma-otsikko .hide-toggler:not(.hide-toggler--not-clickable):hover, .navbar-dark__icon:hover, .new-tp-btn:hover { color: #0fb6ee; background-color: transparent }  .navbar-dark__icon:active, .new-tp-btn:active { color: #1d6cb2; background-color: transparent }  .navbar-dark__icon--highlight, .navbar-toggler:hover, .navbar-yellow-fp-wrapper .navbar-yellow a:active, .navbar-yellow-fp-wrapper .navbar-yellow a:focus, .navbar-yellow-fp-wrapper .navbar-yellow a:hover { color: #fff }  .navbar-dark__red-dot { position: absolute; top: -6px; right: -10px; width: 20px; height: 20px; background-color: #c90000; border-radius: 100%; font-size: .75rem; color: #fff; z-index: 10; display: flex; align-items: center; justify-content: center }  .login__input, .nav-item { position: relative }  .cloudia-support-link { padding: 2px 0; color: #c2c2c5; text-shadow: #000 0 0 2px; font-weight: 300 }  .language-dropdown { color: #c2c2c5; background-color: transparent; padding: 6px 8px }  .user-dropdown, .user-dropdown:hover { color: #fff; background-color: transparent }  .language-dropdown:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant: normal; font-weight: 400; content: "\f57d"; display: none }  .breadcrumb-item + .breadcrumb-item::before, .user-dropdown:before { font-weight: 900; font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant: normal }  .user-dropdown { padding: 6px 8px 6px 12px }  .login-icon-button:active, .login-icon-button:hover, .user-dropdown:active { background-color: transparent }  .user-dropdown:before { content: "\f007"; display: none }  .navbar-group:not(:last-child) { margin-right: 20px }  .navbar-white { background-color: #fff; align-items: stretch; padding: 0 25px; flex-wrap: nowrap }  @media only screen and (min-width:1921px) { .navbar-dark { padding: 10px 65px }  .navbar-white { padding: 0 65px } }  .product-name { color: #1d6cb2; font-size: 2rem; padding: 0; display: flex; align-items: center; margin-right: 25px }  .product-name img { max-width: 208px; max-height: 60px }  .navbar-nav { flex-wrap: wrap; flex-direction: row; height: 5.8rem }  .nav-item .nav-link { padding-left: 25px !important; padding-right: 25px !important }  @media only screen and (max-width:1200px) { .cloudia-suite { flex-flow: column nowrap }  .cloudia-suite__logo span:first-of-type { color: #0fb6ee }  .product-name { padding: 20px 0 }  .navbar-nav { flex-wrap: nowrap; height: auto }  .nav-item .nav-link { padding: 0 !important; margin: 0 !important; font-size: .8rem; display: block }  .nav-item { min-width: 0; max-width: unset }  .nav-item .dropdown-item { text-align: center; white-space: normal }  .nav-item .dropdown-menu { margin: 0 16px; border: 0; padding: 0 } }  @media only screen and (max-width:1200px) and (max-width:400px) { .nav-item .nav-link { font-size: .7rem } }  .nav-link, a:not([href]).nav-link { color: #454545; display: flex; align-items: center; justify-content: center; padding: 0; text-transform: uppercase; text-align: center }  .nav-item--active .nav-link { color: #333; font-weight: 600 }  .breadcrumb a:hover, .login-icon-button::after, .nav-item--active .nav-link:hover { color: #0fb6ee }  .navbar-collapse { align-items: stretch }  .navbar-toggler { color: #454545; border: 0; height: 40px; width: 40px; margin: 10px 0; padding: 0; line-height: 25px }  .column__block, .column__header, .column__scrollable-content { border-bottom: 1px solid #c7c7c9 }  .navbar-toggler:active, .navbar-toggler:focus { background-color: #fff; color: initial }  .navbar-shadow { background: linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.02),transparent); height: 25px; flex: 0 0 25px }  .breadcrumb-wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start }  .breadcrumb { background-color: inherit; padding: 0; margin: 0 0 25px }  .breadcrumb .breadcrumb-item, .breadcrumb a { font-size: 1.1rem; color: #454545 }  .breadcrumb-item + .breadcrumb-item { padding: 0 }  .breadcrumb-item + .breadcrumb-item::before { content: "\f054"; display: inline-block; padding-left: 15px; padding-right: 15px; color: #0fb6ee }  .login-wrapper { display: flex; flex-flow: row wrap; align-items: center }  .login { display: flex; font-size: .9rem }  .login-icon-button { font-size: 1.2rem; background-color: transparent }  .column-wrapper--no-stretch, .login__inputs { display: block }  .login__input { display: flex; justify-content: flex-end; padding: 4px 4px 4px 0; align-items: center }  .login__input label { font-size: .9rem; padding-right: 4px }  .login__input input { width: 200px }  .login__input #password { padding-right: 2rem }  .login__container { display: flex; align-items: flex-start; padding: 2px 0 4px 4px }  .login__buttons { display: flex; flex-direction: column; gap: 8px }  .login__links { display: flex; flex-direction: column; gap: 4px; padding-left: 20px }  .login__lostpw { padding-top: 4px }  .font-size-08-rem, .login__lostpw a { font-size: .8rem }  .login__show-pw { position: absolute; right: 5px }  .critical-note { padding: 5px 25px; display: flex; flex-flow: row nowrap; justify-content: space-between; background-color: #c90000; align-items: center; color: #fff }  .critical-note__text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 250px) }  a.tarjouspalvelu-link > h1 { font-size: 1.6rem; color: #fff; font-weight: 400 }  a.tarjouspalvelu-link > h1:active, a.tarjouspalvelu-link > h1:hover { color: #0fb6ee; cursor: pointer }  @media only screen and (max-width:576px) { .notification { width: 85% }  .navbar-group { margin-top: 0 }  a.tarjouspalvelu-link > h1 { font-size: 1.2rem } }  .navbar-dark-fp-wrapper { background-color: #242424 }  .navbar-dark-fp-wrapper .navbar-dark { max-width: 1500px; margin-left: auto; margin-right: auto; padding: 10px 25px }  .navbar-white-fp-wrapper { background-color: #fff }  .navbar-white-fp-wrapper .navbar-white { max-width: 1500px; margin-left: auto; margin-right: auto; padding: 0 25px }  .navbar-yellow-fp-wrapper { background-color: #ff923f }  .navbar-yellow-fp-wrapper .navbar-yellow { max-width: 1500px; margin-left: auto; margin-right: auto; padding: 0 25px; color: #fff }  .navbar-light-blue-fp-wrapper { background-color: #def0f7 }  .navbar-light-blue-fp-wrapper .navbar-light-blue { max-width: 1500px; margin-left: auto; margin-right: auto; padding: 0 25px; color: #000 }  .column__header-actions > :not(:first-child), .column__row--multiple-elements > :not(:first-child) { margin-left: 10px }  .navbar-light-blue-fp-wrapper .navbar-light-blue a:active, .navbar-light-blue-fp-wrapper .navbar-light-blue a:focus, .navbar-light-blue-fp-wrapper .navbar-light-blue a:hover { color: #000 }  .navbar-dark button.navbar-toggler { font-size: 1.8rem; padding: 0 }  .navbar-dark button.navbar-toggler:active, .navbar-dark button.navbar-toggler:focus, .navbar-dark button.navbar-toggler:hover { background: 0 0 }  #CloudiaNavi { width: 100%; display: flex; justify-content: space-between }  .nav-item__icon { display: none; font-size: 1.7rem }  .column-wrapper { padding: 0 12px; transition: flex .25s,width .25s,max-width .25s; display: flex; flex-direction: column }  .column-wrapper--no-stretch .column:last-of-type { height: auto }  .column { background-color: #fafafe; border-radius: 0; padding: 0; flex-grow: 0; transition: none }  .column:not(:last-of-type) { margin-bottom: 25px }  .column:last-of-type { flex-grow: 1; height: 100% }  .column:last-of-type > .column__block:last-of-type::after { content: ""; display: inline-block; width: calc(100% - 50px); height: 1px; background: linear-gradient(90deg,rgba(0,0,0,0) 0,#c7c7c9 50%,rgba(0,0,0,0) 100%); position: absolute; bottom: -1px; left: 25px }  .column--chrome-fix { transform: translateZ(0) }  .column__scrollable-content { overflow-y: auto; max-height: 100vh }  @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .column-wrapper { min-width: 1px }  .column__scrollable-content { max-height: calc(100vh - 225px) } }  .column__header { position: relative; padding: 25px; display: flex; flex-wrap: wrap; align-items: initial; justify-content: space-between; color: #333; font-weight: 600; text-transform: none; font-size: 1.4rem }  .column__header-actions { position: absolute; right: 25px; display: flex; flex-flow: row nowrap }  .column__header-note { display: table-cell; text-align: right; width: 30%; vertical-align: top; font-size: 1rem; font-weight: 400 }  .column__block { padding: 25px; display: flex; flex-wrap: wrap; align-items: initial; position: relative }  .column__block:last-of-type { border-bottom: 0 }  @media only screen and (max-width:1200px) { .navbar-nav { align-items: center; justify-content: space-between; width: 100%; order: 1 }  .navbar-cloudia-logo { justify-content: center }  .login-wrapper { width: 100%; padding: 10px 0; display: none; order: 2 }  .login, .nav-item__icon { display: block }  .login__input { display: block; text-align: end; padding: 4px 0 }  .login__buttons { text-align: right }  .login__lostpw { padding-top: 8px }  .navbar-dark-fp-wrapper .navbar-dark { padding: 5px 10px }  .navbar-light-blue-fp-wrapper .navbar-light-blue, .navbar-white-fp-wrapper .navbar-white, .navbar-yellow-fp-wrapper .navbar-yellow { padding: 0 10px }  .nav-item:first-of-type > .nav-link { justify-content: flex-start }  .nav-item:last-of-type > .nav-link { justify-content: flex-end }  #CloudiaNavi { flex-wrap: wrap; padding: 5px 0 }  .column-wrapper { padding-top: 25px; display: block }  .column-wrapper:first-of-type { padding-top: 0 }  .column:not(:last-of-type) { margin-bottom: 15px }  .column:last-of-type { height: auto }  .column:last-of-type > .column__block:last-of-type::after { left: 10px; width: calc(100% - 20px) }  .column__scrollable-content { max-height: none }  .column__header { padding: 15px 10px }  .column__header-actions { right: 10px }  .column__block { display: block; padding: 15px } }  .column__block--contains-sub-columns { padding: 0 }  .column__block--centered-h-v { justify-content: center; align-items: center }  .column__sub-column { flex: 1 1 300px }  .column__row, .global-search-3 .global-search-result-hit { display: flex; flex-wrap: wrap; align-items: initial; width: 100% }  .column__row:not(:last-child), .margin-bottom-15 { margin-bottom: 15px }  .column__row--multiple-elements { flex-wrap: nowrap; align-items: baseline }  @media only screen and (max-width:576px) { .column__row--multiple-elements { display: block }  .column__row--multiple-elements > :not(:first-child) { margin-left: 0; margin-top: 5px } }  .column__row--multiple-elements-spread { flex-wrap: nowrap; align-items: baseline }  .column-buttons > div > button:not(:first-of-type), .column__row--multiple-elements-spread > :not(:first-child) { margin-left: 25px }  @media only screen and (max-width:576px) { .column__row--multiple-elements-spread { display: block }  .column__row--multiple-elements-spread > :not(:first-child) { margin-left: 0; margin-top: 5px } }  .column__row--search > :not(:first-child), .column__row--search > div > :not(:first-child) { margin-left: 10px }  .column__row--search { flex-wrap: nowrap; align-items: flex-end }  .column__row--search > div { display: flex; flex-wrap: nowrap; align-items: center }  .column__row--tight:not(:last-child) { margin-bottom: 5px }  .column__row--spread:not(:last-child) { margin-bottom: 25px }  .column__label { flex: 1 0 175px; padding-right: 25px; color: #333; word-break: break-word; font-weight: 600 }  @media only screen and (max-width:1400px) { .column__label { flex: 1 0 auto; width: 100%; padding-right: 0 }  .column__label--input { padding-right: 0; margin-bottom: 15px } }  .column__label--flexible { flex: 1 0 40% }  @media only screen and (min-width:1400px) { .cloudia-suite__dropdown { display: none }  .column__label--flexible + .column__input { flex: 5 0 60% } }  .column__label--block { flex: 1 0 100%; width: 100%; padding-right: 0 }  .column__input, .global-search-3 .global-search-result-hit__value { flex: 5 0 65%; align-items: baseline; word-break: break-word }  @media only screen and (max-width:1400px) { .column__input { flex: 1 0 auto; width: 100% }  .quick-preview-wrapper { position: absolute; right: .8rem } }  .column__input--multiple-elements, .column__label--multiple-elements, .front-image-carousel .carousel-item-next, .front-image-carousel .carousel-item-prev, .front-image-carousel .carousel-item.active { display: flex }  .column__input--multiple-elements > :not(:first-child), .column__label--multiple-elements > :not(:first-child), .margin-left-10 { margin-left: 10px }  .column-buttons { display: flex; width: 100%; justify-content: space-between; align-items: baseline; flex-flow: row wrap }  .column-buttons:not(margin-top-0) > *, .global-search-1 .global-search-result:not(:first-of-type), .global-search-3 .global-search-result:not(:first-of-type), .margin-top-25 { margin-top: 25px }  @media only screen and (max-width:1200px) { .column__row:not(:last-child) { margin-bottom: 7px }  .column__row:not(.column__row--multiple-elements) { display: block }  .column__row--search > :not(:first-child) { margin-left: 0; margin-top: 5px }  .column-buttons { padding: 0 10px; justify-content: space-around }  .column-buttons > div:not(.save-button-wrapper) { display: flex; justify-content: space-between }  .column-buttons > div { width: 100% }  .column-buttons:not(margin-top-0) > * { margin-top: 15px }  .column-buttons > div > button:not(:first-of-type) { margin-left: 10px } }  .column-buttons--centered { justify-content: center }  .column__box, .horizontal-infographics__1-2-chart, .horizontal-infographics__1-3-chart, .horizontal-infographics__1-4-chart, .infographic { width: 100%; background-color: #fff; border: 1px solid #c7c7c9 }  .column__box--active { background-color: #c8dee9 }  .form-prev-next-btn, .form-prev-next-btn:active, .form-prev-next-btn:hover { background-color: #fafafe; color: #454545 }  .column__box-header { padding: 25px; border-bottom: 1px solid #c7c7c9; display: flex; align-items: center }  .column__box-header :not(:first-child) { margin-left: 5px }  .column__splitter:not(:last-child) { margin-bottom: 15px; border-bottom: 1px solid #c7c7c9 }  .column__sub-column--guides { flex: 0 0 270px }  .column--maintenance { padding: 50px 100px }  .search-wrapper { min-width: 400px; max-width: 500px; display: block }  #front-search .form-control, .global-search-3 .form-control, .quick-preview-wrapper .column:last-of-type, .search-wrapper .column:last-of-type { height: auto }  .search-filter { border-radius: 4px; background-color: #fff; border: 1px solid #e0e0e0; padding: 5px 7px 7px }  .search-filter:not(:first-of-type) { margin-top: 12px }  .search-filter__header { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; font-size: 1.1rem; color: #333; margin-right: -7px }  .search-filter__item-button, .search-filter__item-button:active, .search-filter__item-button:hover { color: #454545; background-color: #fff }  .search-filter__items { display: flex; width: 100%; flex-wrap: wrap }  .search-filter__item { display: flex; flex-flow: row nowrap; border-radius: 4px; background-color: #e1ecf4; padding: 2px 7px; align-items: center; justify-content: space-between; margin-top: 7px; margin-right: 7px }  .search-filter__item > div { padding: 5px }  .search-filter__item--link { background-color: transparent }  .search-filter__item--metadata { display: block; width: 100%; padding: 7px }  #front-search .search-filter, .column__resize-button, .search-filter__item--metadata > div { padding: 0 }  .search-filter__item-button { display: flex; align-items: center; flex-wrap: nowrap; width: 100%; border: 1px solid #e0e0e0; text-align: left }  .search-filter__item-button::after { border: 0 !important }  .search-filter__item-toggle { padding: 7px 15px }  .quick-preview-wrapper { padding-left: 12px; padding-right: 12px; width: 375px; transition: width .25s,height .25s,padding .25s,margin .25s,opacity .25s linear .25s }  .quick-preview-wrapper .column { width: 351px }  .quick-preview-wrapper:not(.hidden-content--show), .quick-preview-wrapper:not(.hidden-content--show) .column { width: 0; transition: width .25s linear .25s,height .25s linear .25s,padding .25s linear .25s,margin .25s linear .25s,opacity .25s }  .quick-preview-wrapper:not(.hidden-content--show) { padding: 0; height: 0 }  .quick-preview-wrapper:not(.hidden-content--show) .column { opacity: 0; margin: 0 }  .quick-preview-wrapper .column__block { max-width: 375px; overflow: hidden }  .quick-preview { position: fixed; max-height: calc(100vh - 3em); display: flex; flex-direction: column; overflow: hidden; transition: width .25s,padding .25s,margin .25s,opacity .25s linear .25s }  .sidebar, .sidebar__items { transition: .5s ease-in-out }  #front-search .dropdown-icon-after, .file-upload, .front-header, .list__sub-row-group .list__row .list__column:first-child, .search-filter__item-sub-items .search-filter__item-toggle, .search-input { position: relative }  .global-search-1 .global-search-result__title a, .global-search-3 .global-search-result__title { font-size: 1.4rem; font-weight: 600 }  .global-search-1 .global-search-result__type { font-weight: 600; margin-left: 5px }  .global-search-1 .global-search-result__hit, .global-search-2 .global-search-result__hit, .global-search-3 .global-search-result__bold { font-weight: 600; color: #242424 }  .global-search-1 .global-search-result__hits { line-height: 1.2 }  .global-search-2 .global-search-result__title { font-size: 1.4rem; font-weight: 600; color: #1d6cb2 }  .global-search-2 .list__row { border: 0 }  .global-search-2 .list__column { padding: 20px 0; vertical-align: top }  .color-blue, .epic-fancytree span.fancytree-expander, .global-search-2 .list__column a, .kohderyhma-otsikko__lisatiedot { color: #1d6cb2 }  .global-search-3 .global-search-result { border: 1px solid #c7c7c9; background-color: #fff; padding: 25px }  .global-search-3 .global-search-result__title i { font-size: 1.2rem }  .global-search-3 .global-search-result-hit__label { font-weight: 600; flex: 1 0 100px; padding-right: 10px; word-break: break-word }  .global-search-3 .global-search__filter-label { font-weight: 600; color: #1d6cb2 }  .global-search-3 .btn-outline-secondary { min-width: auto; padding: 5px 15px }  .search-filter--global-search, .search-filter--global-search:not(:first-of-type) { margin-top: 0 }  .search-filter--global-search .search-filter__header { margin-right: 0 }  .search-filter--global-search .search-filter__item-toggle { padding: 2px 5px }  .search-filter--global-search .row { margin-top: -15px }  .search-filter__item-sub-items { overflow: hidden; padding-left: 20px }  .search-filter__item-sub-items .search-filter__item-toggle::before { content: ""; position: absolute; left: -8px; border-top: 1px solid #c7c7c9; top: .9rem; width: 8px; height: 0 }  .search-filter__item-sub-items .search-filter__item-toggle::after { content: ""; position: absolute; left: -8px; border-left: 1px solid #c7c7c9; height: 2rem; width: 0; top: -1.1rem }  .search-filter__item-group { padding-top: 15px }  .search-input { width: 100% }  .search-input:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f002"; position: absolute; left: 8px; top: 5px; z-index: 9 }  .search-input input { padding-left: 30px }  .list, .tp-list { display: table; width: 100%; table-layout: fixed; border-collapse: collapse }  .list__header { display: table-row; border-bottom: 1px solid #979797; color: #333; font-weight: 600; background-color: unset; text-transform: none; font-size: 1.1rem; height: 2.5rem }  .list__header--light { background-color: #fafafa; height: 40px; border-top: 1px solid #c7c7c9; border-bottom: 1px solid #c7c7c9 }  .list__sub-row-group { display: table-row-group }  .list__sub-row-group .list__row .list__column:first-child::before { content: ""; display: inline-block; width: 5px; height: 50px; background: #1d6cb2; position: absolute; top: 0; left: 0 }  .list__row { display: table-row; height: 50px; background-color: #fefefe; border-bottom: 1px solid #dbdcde; font-size: .9rem }  .list-row-faker:nth-of-type(odd), .list__row:nth-of-type(odd), .tp-list__row:nth-of-type(odd), a.tp-list__row:nth-of-type(odd), a:not([href]).tp-list__row:nth-of-type(odd), a:not([href]):not([tabindex]).tp-list__row:nth-of-type(odd) { background-color: #eeeff4 }  .list__row:hover { background-color: #e8ecfe }  .list__row.list__row--active { background-color: #c8dee9 }  .list__row--ignore-odd-coloring:nth-of-type(odd) { background-color: #fefefe }  .list__row--light, .list__row--light:nth-of-type(odd) { background-color: transparent }  .list-group:hover, .list-row-faker:hover, .list__row--light:hover, .tp-list__row:hover, a.tp-list__row:hover, a:not([href]).tp-list__row:hover, a:not([href]):not([tabindex]).tp-list__row:hover { background-color: #e8ecfe }  .list__row--column__block, .list__row--column__block:hover, .list__row--column__block:nth-of-type(odd), .list__row--no-border-no-background:hover, .list__row--no-border-no-background:nth-of-type(odd) { background-color: transparent }  .list__row--flex { display: flex; width: 100%; flex-flow: row nowrap; white-space: nowrap; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; padding: 4px 8px; height: auto; align-items: center }  .list__row--flex > :not(:first-child) { margin-left: 6px }  .list__row--column__block { font-size: 1rem; border-bottom: 1px solid #c7c7c9 }  .list__row--no-border-no-background { border: 0; background-color: transparent }  .list-row-faker { background-color: #fefefe; border-bottom: 1px solid #dbdcde; font-size: .9rem }  .list-row-faker.list__row--active { background-color: #c8dee9 }  .list-row-faker__action-row { padding: 0 8px 4px; white-space: nowrap }  .list__row--suma-rank-list .list__column { padding: 25px 8px 0; font-size: 1rem }  .list__row--suma-rank-list .list__column:first-of-type { padding: 25px 8px 0 25px }  .list__row--suma-rank-list .list__column:last-of-type { padding: 25px 25px 0 8px }  .list__row--suma-rank-list .h3 { font-size: 1.6rem; color: #1d6cb2 }  .list__row--suma-rank-list .h5 { font-size: 1.2rem; color: #1d6cb2 }  .list__column--sorted-asc:after, .list__column--sorted-desc:after { color: #454545; display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant: normal; font-weight: 900 }  .list__row--suma-rank-list:hover { background-color: initial }  .bootbox .modal-body, .error-modal .modal-body, .list__row--no-borders { border: 0 }  .list-row--clickable:hover, .list__row--clickable:hover { cursor: pointer }  .list__column { display: table-cell; white-space: nowrap; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; padding: 4px 8px }  .list__column a { font-size: inherit; color: inherit }  .list__column a:hover { color: #0fb6ee }  .list__column--allow-multiple-rows { overflow: hidden; text-overflow: initial; white-space: normal; word-wrap: break-word }  .list__column--column__block { padding: 25px }  .list__column--column__label { padding: 25px; width: 225px; color: #1d6cb2 }  .list__column--horizontal-stack-bar { width: 8rem; padding-right: 1rem }  .list__column--sortable:hover { cursor: pointer }  .list__column--sorted-asc:after { content: "\f062" }  .list__column--sorted-desc:after { content: "\f063" }  .list__column--check { text-align: center; width: 40px; font-size: .9rem }  .list__column--icon { text-align: center; width: 34px; padding-left: 0; padding-right: 0 }  .list__column--menu { width: 3.125rem; text-align: center; overflow: visible; text-overflow: clip }  .list__dropdown-item-icon:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; position: absolute; left: .9em }  .rows-per-page { display: flex; flex-flow: row nowrap; align-items: center }  .rows-per-page__select { width: auto; min-width: auto; margin-left: 5px }  .pagination-wrapper { width: 100%; display: flex; justify-content: flex-end; align-items: center }  .pagination { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 10px 0 }  .pagination__link { padding: 6px 12px; border: 1px solid #dbdcde; margin-left: -1px }  .pagination__link--active, .pagination__link:hover { background-color: #1d6cb2; color: #fff; border: 1px solid #1d6cb2 }  .pagination__link--previous, .pagination__page:first-of-type .pagination__link { border-top-left-radius: 4px; border-bottom-left-radius: 4px }  .pagination__link--next, .pagination__page:last-of-type .pagination__link { border-top-right-radius: 4px; border-bottom-right-radius: 4px }  .pagination__link--first { border-radius: 4px; margin-right: 5px }  .pagination__link--last { border-radius: 4px; margin-left: 5px }  .pagination__page { margin: 10px 0 }  .font-size-09-rem, .list .dropdown-item { font-size: .9rem }  .list__column-small-text-top { font-size: .7rem; overflow: hidden; text-overflow: ellipsis; margin-bottom: -.2rem }  .list__column-small-text-top .fal, .list__column-small-text-top .far, .list__column-small-text-top .fas { font-size: .45rem; color: #1d6cb2 }  .list__column--2-rows { padding: 10px 8px }  a.list__row, a:not([href]).list__row, a:not([href]):not([tabindex]).list__row { color: inherit; font-size: .9rem }  .tp-list__header { display: table-row; height: 50px; font-weight: 600; background-color: #454545; color: #fff }  .tp-list__header .fa-sort { color: #0fb6ee }  .tp-list__header .tp-list__column--clickable:hover { cursor: pointer; color: #0fb6ee }  .tp-list__header .tp-list__column:not(:last-child) { border-right: 2px solid #fafafe }  .tp-list__header .tp-list__column { color: #fff }  .tp-list__row, a.tp-list__row, a:not([href]).tp-list__row, a:not([href]):not([tabindex]).tp-list__row { display: table-row; height: 50px; background-color: #fefefe; border-bottom: 1px solid #dbdcde; font-size: .9rem; color: #454545 }  .tp-list__row.list__row--active, a.tp-list__row.list__row--active, a:not([href]).tp-list__row.list__row--active, a:not([href]):not([tabindex]).tp-list__row.list__row--active { background-color: #c8dee9 }  .tp-list__column { display: table-cell; vertical-align: middle; padding: 12px 10px; overflow: hidden; text-overflow: initial; white-space: normal; word-wrap: break-word }  .tp-list__column a:not(.dropdown-item) { font-size: inherit; color: inherit }  .tp-list__column a:not(.dropdown-item):hover { color: #0fb6ee }  .tooltip-inner, .tp-list__column--sorted { background-color: #1d6cb2; color: #fff }  .tp-list__column--sorted .fa-sort, .tp-list__column--sorted:hover { color: #fff }  .tp-list__column--hy { font-weight: 600 }  .tp-list__timezone-info { font-size: .8rem; margin-top: -4px }  .tp-list__column--menu { width: 60px; text-align: center; overflow: visible; text-overflow: clip }  .front-image-carousel { margin-bottom: 50px }  .front-image-carousel .carousel-indicators { margin: 0; bottom: -30px }  .front-image-carousel .carousel-indicators li, .infographic-carousel .carousel-indicators li { width: auto; height: auto; background-color: transparent; text-indent: 0; border: 0; margin-right: 10px; margin-left: 10px; display: inline-block }  .front-image-carousel .carousel-indicators li:before, .infographic-carousel .carousel-indicators li:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 400; content: "\f111" }  .front-image-carousel .carousel-indicators li.active:before, .infographic-carousel .carousel-indicators li.active:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f111" }  .front-image-carousel .carousel-item { max-height: 450px; padding: 0; width: 101%; margin-right: -101%; align-items: center }  .front-image-carousel .carousel-inner { border-radius: 8px }  .front-image-carousel .carousel-caption { display: inline-block !important; text-shadow: #000 1px 1px 2px; padding: 0 }  .front-image-carousel .carousel__footer, .front-image-carousel .carousel__header { background-color: #242424; text-align: center; padding: 10px; position: absolute; width: 100% }  .front-image-carousel img { margin-top: calc(1.4rem + 18px); margin-bottom: 44px }  .front-image-carousel .carousel__header { color: #0fb6ee; top: 0; font-size: 1.4rem }  .front-image-carousel .carousel__footer { bottom: 0; color: #fff; font-weight: 300; font-size: 1rem }  #front-search .dropdown-icon-after::after, .bootbox-close-button::after, .modal-header .close::after, .sidebar__icon--toggler:before { font-weight: 900; display: inline-block; font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant: normal }  .front-image-carousel .carousel__button, .front-image-carousel a.carousel__button { background-color: #0fb6ee; margin-top: 8px; margin-bottom: 8px; border-radius: 0; text-transform: uppercase; display: inline-block }  .infographic-carousel { margin-bottom: 25px; width: 100%; border: 1px solid #c7c7c9 }  .infographic-carousel .infographic { height: 125px; padding: 10px 20px; border: 0 }  .sidebar, .sidebar__toggler { border-radius: 0; color: #333 }  .infographic-carousel .carousel-indicators { margin: 0; bottom: -35px }  .horizontal-infographics--hankorg { padding: 5px; height: 125px; justify-content: center }  .horizontal-infographics--hankorg img { margin-bottom: 8px; max-width: 208px; max-height: 60px }  #front-search .input-group-append .btn { min-width: 0; padding: 5px 15px }  #front-search .search-filter__items, #front-search .select2-container--default .select2-selection--multiple .select2-selection__rendered, .padding-5 { padding: 5px }  #front-search .search-filter__item, #front-search .select2-selection__choice { margin-top: 5px !important; margin-right: 5px !important; margin-bottom: 5px !important }  #front-search .select2-container--default .select2-search--inline .select2-search__field { margin-top: 7px; padding-left: 7px }  #front-search .select2-container--default .select2-selection--multiple:after { content: "\f078" }  #front-search .search-filter__items:hover, .file-upload input[type=file]:hover, .icon-and-text:hover { cursor: pointer }  #front-search .placeholder-text { color: #757575; margin-top: 7px; margin-bottom: 7px; margin-left: 5px }  #front-search .dropdown-icon-after::after { content: "\f078"; position: absolute; right: 9px; top: 12px }  .front-header { height: 25rem; min-height: 25rem; width: 100% }  .front-header .content-title { position: absolute; bottom: 0 }  .front-header .content-title h2 { color: #fff; text-shadow: 0 0 6px #000 }  .front-header__content { height: 100%; width: 100%; max-width: 1500px; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: space-around; padding: 0 25px }  .front-header__content h2 { color: #fff; font-size: 4rem; text-shadow: 0 0 4px #000,0 0 6px #000 }  .front-header__content p { color: #fff; font-size: 1.3rem; text-shadow: 0 0 4px #000,0 0 6px #000; margin-bottom: 0; margin-top: -1rem }  .new-tp-btn { font-size: 1.4rem; color: #fff; background-color: transparent; display: flex; align-items: center; text-shadow: 0 0 10px #000,0 0 6px #000; margin-top: 45px; margin-bottom: -75px }  .new-tp-btn i { color: #0fb6ee; font-size: 1.8rem; margin-right: 10px }  .layout-with-sidebar { display: flex; flex-flow: row nowrap; align-items: flex-start }  .layout-with-sidebar__sidebar { flex-grow: 0 }  .layout-with-sidebar__content { padding-left: 25px; flex-grow: 1 }  .sidebar { box-shadow: 0 0 7px 0 rgba(0,0,0,.25); overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }  .margin-bottom-20, .modal__input, .sidebar__back { margin-bottom: 20px }  .sidebar__back + .sidebar__toggler { border-top-left-radius: 8px; border-top-right-radius: 8px }  .sidebar__back, .sidebar__item, .sidebar__toggler { display: flex; align-items: center; flex-flow: row nowrap; text-transform: uppercase; background-color: #fafafe; padding: 5px 0; position: relative; width: 100%; min-width: 0; border-radius: 0; color: #333; text-align: initial }  .active.sidebar__back, .active.sidebar__toggler, .sidebar__back:hover, .sidebar__item.active, .sidebar__item:hover, .sidebar__toggler:hover { color: #fff; background-color: #0fb6ee }  .sidebar__back::after, .sidebar__item::after, .sidebar__toggler::after { content: ""; display: inline-block; width: 100%; height: 1px; background: linear-gradient(90deg,transparent 0,#c7c7c9 50%,transparent 100%); position: absolute; bottom: 0; right: 0; opacity: .5 }  .sidebar__item--active { border-left: 15px solid #0fb6ee }  .sidebar__item--active .sidebar__icon { margin-left: -15px }  .sidebar__item--disabled * { opacity: .4 }  .default-cursor, .default-cursor:hover, .epic-fancytree span.fancytree-title:hover, .sidebar__item--disabled:hover { cursor: default }  .sidebar__toggler { width: 100%; min-width: 0; text-align: initial; padding: 2.5px 0 }  .sidebar__toggler::after { height: 0 }  .sidebar__icon { text-align: center; width: 75px; min-width: 75px; padding: 15px 0; font-size: 1.4rem }  .sidebar__text { font-size: 1rem; max-width: 325px; width: max-content; transition: .5s ease-in-out,opacity .5s .25s,height .5s,color; overflow: hidden; text-overflow: ellipsis; display: block; max-height: 4.5rem; line-height: 1.5rem; padding: 0 25px 0 0; white-space: normal }  @media only screen and (max-width:1600px) { .cloudia-suite__link:not(:first-of-type), a:not([href]).cloudia-suite__link:not(:first-of-type) { margin-left: 10px }  .navbar-group:not(:last-child) { margin-right: 10px }  .column__row--search > div > :not(:first-child) { margin-left: 0 }  .column__row--search > div { flex-wrap: wrap }  .column-wrapper--news { flex: 0 0 100%; max-width: 100%; padding-top: 25px }  .column-wrapper--home-chart { flex: 0 0 33.333333%; max-width: 33.333333% }  .infographic-carousel .infographic { height: auto }  .sidebar__text { max-width: 20vw; padding: 0 15px 0 0 } }  @media only screen and (max-width:1400px) { .quick-preview { box-shadow: rgba(0,0,0,.5) 0 0 12px 0 }  .list__header { font-size: 1rem }  .front-image-carousel .carousel__footer { font-size: .9rem }  .horizontal-infographics--hankorg { height: 150px }  .sidebar__text { max-width: 12vw }  .xxl-only { display: none !important } }  .modal-body:not(:last-child), .sidebar__splitter, .underline { border-bottom: 1px solid #c7c7c9 }  .padding-top-bottom-25, .sidebar__icon--toggler { padding: 25px 0 }  .sidebar__icon--toggler:before { content: "\f137" }  .modal-content { border-radius: 10px; border: 0 }  .modal-body { padding: 20px }  .modal-footer { border: 0; padding: 20px }  @media only screen and (max-width:400px) { a.tarjouspalvelu-link > h1 { font-size: 1rem }  .modal-footer button { min-width: 100px } }  .modal-footer .right { order: 999999; margin-left: .5rem; margin-right: 0 }  .modal-header { padding: 20px; border-bottom: 1px solid #c7c7c9; align-items: center }  .modal-header .close { background-color: transparent; margin: 0 }  .modal-header .close span { display: none }  .modal-header .close::after { content: "\f00d" }  .modal__label { color: #333; margin-bottom: 4px }  .epic-fancytree .fancytree-container:last-of-type, .epic-tree:last-of-type, .modal__input:last-child, .ryhma-laatikko:last-of-type { margin-bottom: 0 }  .bootbox-close-button { background-color: transparent; margin: 0; visibility: hidden }  .bootbox-close-button::after { content: "\f00d"; visibility: visible }  .file-upload { width: 100%; min-height: 175px; border: 4px dashed #eeeff4; border-radius: 4px; padding: 8px }  .file-upload input[type=file] { opacity: 0; left: 0; top: 0; width: 100%; height: 100%; position: absolute; z-index: 1 }  .file-upload:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 300; content: "\f093"; font-size: 100px; right: 10px; color: #eeeff4; position: absolute; bottom: -15px; z-index: 1 }  .file-focus { left: 0; top: 0; width: 100%; height: 100%; position: absolute; z-index: 0 }  .file-upload--mini { min-height: 0 }  .file-upload--mini:before { content: none }  .file-upload__info { text-align: center; font-size: 1.3rem; color: #1d6cb2 }  .file-upload__info-ie { text-align: center; font-size: 1.3rem; color: #1d6cb2; display: none }  .file-upload__filelist-wrapper { position: relative }  .file-upload__selected-files { text-align: center; margin-top: 10px; margin-bottom: 5px; color: #1d6cb2 }  .file-upload__filelist { display: flex; align-items: stretch; flex-flow: row wrap }  .file-upload__file { width: 100px; margin: 10px; position: relative }  .file-upload__file-icon { text-align: center; font-size: 2.2rem }  .file-upload__file-name { font-size: .8rem; word-break: break-all; text-align: center; text-shadow: 0 0 3px #fff }  .items-next-to-container, .marketing-modal, .tabs__headers { display: flex; flex-flow: row nowrap }  .marketing-modal__text { width: 70%; padding-right: 10px }  .marketing-modal__image, .width-30 { width: 30% }  .marketing-modal__image img { width: 100%; height: auto }  .error-modal__icon { text-align: center; margin: 25px 0 }  .error-modal__icon i { font-size: 5rem; color: #ff5151 }  .error-modal__title { text-align: center; margin-bottom: 15px; font-size: 1.8rem; color: #1d6cb2; line-height: 1.2 }  .error-modal__guid, .error-modal__info { font-size: 1.2rem; color: #1d6cb2; line-height: 1.2; text-align: center }  .error-modal__info { margin-bottom: 25px }  .error-modal__additional-info { text-align: center; margin-bottom: 5px }  .termsofuse-scroll-area { overflow: auto; border: 1px solid; margin: 5px }  .termsofuse-heading { font-size: 2rem; padding: 5px 15px; margin-top: 15px }  .termsofuse-article-container { padding: 5px 15px }  .margin-bottom-10, .termsofuse-article-container > div { margin-bottom: 10px }  .btn, .button, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, button, input[type=button], input[type=submit] { cursor: pointer; font-family: "Open Sans",sans-serif; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; padding: 5px 10px; min-width: 150px; transition: none; background-color: #1d6cb2; color: #fff }  .btn:hover, .button:hover, .icon-and-text:hover > button, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, button:hover, input[type=button]:hover, input[type=submit]:hover { color: #fff; background-color: #3d8bcc }  .btn:active, .button:active, .icon-and-text:active > button, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active, button:active, input[type=button]:active, input[type=submit]:active { color: #fff; background-color: #1b62a0 }  .btn:disabled:not(.hide-toggler), .button--negative:disabled, .button--positive:disabled, .button:disabled:not(.hide-toggler), .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled:not(.hide-toggler), button:disabled:not(.hide-toggler), input[type=button]:disabled:not(.hide-toggler), input[type=submit].button--negative:disabled, input[type=submit].button--positive:disabled, input[type=submit]:disabled:not(.hide-toggler) { color: rgba(255,255,255,.6) }  .btn:disabled:not(.hide-toggler):active, .btn:disabled:not(.hide-toggler):focus, .btn:disabled:not(.hide-toggler):hover, .button:disabled:not(.hide-toggler):active, .button:disabled:not(.hide-toggler):focus, .button:disabled:not(.hide-toggler):hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled:not(.hide-toggler):active, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled:not(.hide-toggler):focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled:not(.hide-toggler):hover, button:disabled:not(.hide-toggler):active, button:disabled:not(.hide-toggler):focus, button:disabled:not(.hide-toggler):hover, input[type=button]:disabled:not(.hide-toggler):active, input[type=button]:disabled:not(.hide-toggler):focus, input[type=button]:disabled:not(.hide-toggler):hover, input[type=submit]:disabled:not(.hide-toggler):active, input[type=submit]:disabled:not(.hide-toggler):focus, input[type=submit]:disabled:not(.hide-toggler):hover { background-color: #1d6cb2; cursor: default }  .button--positive:hover, input[type=submit].button--positive:hover { color: #fff; background-color: #00a859 }  .button--positive:active, input[type=submit].button--positive:active { color: #fff; background-color: #006333 }  .button--positive:disabled:active, .button--positive:disabled:focus, .button--positive:disabled:hover, input[type=submit].button--positive:disabled:active, input[type=submit].button--positive:disabled:focus, input[type=submit].button--positive:disabled:hover { background-color: #00844a; cursor: default }  .button--negative:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, input[type=submit].button--negative:hover { color: #fff; background-color: #e00000 }  .button--negative:active, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active, input[type=submit].button--negative:active { color: #fff; background-color: #ad0000 }  .button--negative:disabled:active, .button--negative:disabled:focus, .button--negative:disabled:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled:active, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:disabled:hover, input[type=submit].button--negative:disabled:active, input[type=submit].button--negative:disabled:focus, input[type=submit].button--negative:disabled:hover { background-color: #c90000; cursor: default }  .button--transparent, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #454545; background-color: transparent; font-size: 1rem }  .button--transparent:active, .button--transparent:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #454545; background-color: transparent }  .button--negative-transparent { color: #454545; background-color: transparent; font-size: 1rem }  .button--negative-transparent:hover { color: #e00000; background-color: transparent }  .button--negative-transparent:active { color: #ad0000; background-color: transparent }  .button--neutral-transparent { color: #1d6cb2; background-color: transparent; font-size: 1rem }  .button--neutral-transparent:hover { color: #3d8bcc; background-color: transparent }  .button--neutral-transparent:active { color: #1b62a0; background-color: transparent }  .bootbox-close-button, .button-icon, .modal-header .close, .navbar-dark__icon, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { min-width: 2.125rem; padding: 5px }  .button-circle-icon { border-radius: 1.5625rem; width: 1.5625rem; height: 1.5625rem; padding: .125rem; font-size: .875rem; min-width: 1.5625rem }  .icon-and-text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1rem; font-weight: 400; color: #454545; text-align: initial; padding: 0; min-width: 0; transition: none; background-color: transparent }  .icon-and-text:hover > span:not(.button) { text-decoration: underline }  .icon-and-text:hover > .button--negative, .select2-container--default .select2-selection--multiple .icon-and-text:hover > .select2-selection__choice__remove { color: #fff; background-color: #e00000 }  .icon-and-text:hover > .button--positive { color: #fff; background-color: #00a859 }  .icon-and-text:active > .button--negative, .select2-container--default .select2-selection--multiple .icon-and-text:active > .select2-selection__choice__remove { color: #fff; background-color: #ad0000 }  .icon-and-text:active > .button--positive { color: #fff; background-color: #006333 }  .icon-and-text:focus, .icon-and-text:hover { background-color: transparent; color: #454545 }  .icon-and-text .button, .icon-and-text .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .icon-and-text .select2-selection__choice__remove, a[rel=popover] { display: inline-block }  .column__resize-button .fa-stack { height: 28px }  .column__resize-button--active .column__resize-button-square { font-weight: 900 }  .column__resize-button--active .column__resize-button-icon { color: #fff }  .button-medium-with-icon { min-width: 175px }  .button--floating-save { position: fixed; right: 60px; bottom: 40px; border-radius: 40px; height: 75px; width: 75px; min-width: 75px; font-size: 1.6rem }  .button-floating-save { position: fixed; right: 55px; bottom: 35px; border-radius: 70px; min-width: 70px; font-size: 1.4rem; background-color: #00844a; margin-left: 0 !important; box-shadow: 0 0 2px 1px rgba(0,0,0,.5) !important; transition: bottom .5s ease-in-out,font-size .5s ease-in-out,margin .5s ease-in-out; display: flex; align-items: center; padding: 10px 15px; z-index: 9 }  @media only screen and (min-width:1921px) { .critical-note { padding: 5px 65px }  .column__input { flex: 8 0 65% }  .quick-preview-wrapper { width: 500px }  .quick-preview-wrapper .column { width: 488px }  .quick-preview-wrapper .column__block { max-width: 500px }  .list__column-small-text-top { font-size: .6rem }  .bootbox-close-button, .button-icon, .modal-header .close, .navbar-dark__icon, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { min-width: 2.3125rem }  .column__resize-button .fa-stack { height: 32px }  .button-floating-save { right: 65px; bottom: 45px; border-radius: 80px; min-width: 80px; padding: 10px 20px } }  @media only screen and (max-width:1200px) { .column-wrapper--home-chart { max-width: 100%; flex: 0 0 100% }  .column__splitter:not(:last-child) { margin-bottom: 7px }  .search-wrapper { max-width: none }  .marketing-modal__text, .quick-preview-wrapper .column, .quick-preview-wrapper:not(.hidden-content--show) { width: 100% }  .quick-preview-wrapper:not(.hidden-content--show) .column { max-height: 0; width: 100% }  .quick-preview-wrapper .column__block, .sidebar__text { max-width: 100% }  .quick-preview-wrapper { width: 100%; max-width: 100%; padding-top: 25px; position: initial; right: unset }  .quick-preview { position: static !important; max-height: none; margin-right: 0 }  .column__resize-button, .marketing-modal__image, .sidebar__toggler, .tp-list__header { display: none }  .tp-list__row, a.tp-list__row, a:not([href]).tp-list__row, a:not([href]):not([tabindex]).tp-list__row { display: flex; flex-direction: column; height: auto; padding: 10px }  .tp-list__column { padding: 4px 0 }  .tp-list__column--hy { order: 2; color: #454545; font-weight: initial }  .tp-list__column--name { order: 1; font-size: 1.1rem; color: #1d6cb2 }  .list__column--kayttaja-menu { width: 100%; text-align: right; height: 0; padding: 0 }  .front-image-carousel .carousel-item { max-height: 350px }  .front-header { height: auto; min-height: 0 }  .front-header .content-title { position: relative }  .front-header__content { padding: 10px 15px; align-items: flex-start }  .front-header__content h2, .front-header__content p { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden }  .new-tp-btn { margin: 0 }  .layout-with-sidebar { flex-flow: column; align-items: stretch }  .layout-with-sidebar__content { padding-top: 0; padding-left: 0 }  .sidebar__items { max-height: 1500px }  .sidebar__icon--toggler:before { content: "\f0c9" }  .sidebar.sidebar--show-mobile { margin-bottom: 15px }  .sidebar:not(.sidebar--show-mobile) .sidebar__text { padding: 0 15px 0 0; opacity: 1; max-width: 100%; opacity: 0; transition: .5s ease-in-out,opacity .5s,height .25s .5s; max-height: 1.5rem }  .sidebar:not(.sidebar--show-mobile) .sidebar__items { max-height: 0 }  .modal-body, .modal-footer { padding: 10px }  .button-floating-save { right: 15px; bottom: 15px; min-width: 50px; min-height: 50px; justify-content: space-around }  .button-floating-save > i { margin-right: 0 } }  .button-floating-save:hover { background-color: #00a859 }  .button-floating-save:active { background-color: #006333 }  .button-floating-save--hidden { bottom: -100px }  .button-floating-save__info, .font-1_2rem, .kokonaishankinnan-pisterivi a { font-size: 1.2rem }  .chart { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center }  .chart__graphic { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; width: 100% }  @media only screen and (max-width:1200px) { .button-floating-save__info { font-size: 0 }  .save-button-wrapper { display: flex; justify-content: space-around }  #EdellinenButton { margin-right: auto }  #SeuraavaButton { margin-left: auto }  .chart__graphic { -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px } }  @media only screen and (max-width:576px) { .column__row--search { display: block }  .column__row--search > :not(:first-child) { margin-left: 0; margin-top: 5px }  .search-wrapper { min-width: 100% }  .chart__graphic { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } }  .chart__legends { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; width: 100% }  .chart-legend { padding: 0 5px; font-size: .9rem }  .chart__title, .chart__total { padding-right: 20px; text-align: center }  .chart-legend:not(:first-of-type), .margin-top-10 { margin-top: 10px }  .chart-legend__color-and-number.hidden { text-decoration: line-through }  .chart-legend__color { border-radius: 5px; display: inline-block; height: 1.4rem; margin-right: 10px; width: 1.4rem }  .chart-legend__number { color: #1d6cb2; font-size: 1.4rem }  .chart__title { width: 100%; color: #1d6cb2; font-size: 1.2rem; font-weight: 600; text-transform: uppercase }  .chart__total { width: 100%; display: flex; align-items: center; justify-content: center; line-height: 1 }  .chart__total-number { color: #1d6cb2; font-size: 1.4rem; margin-right: 5px }  .tabs { display: flex; flex-flow: column; width: 100% }  .tabs__header { display: flex; flex-flow: row wrap; justify-content: flex-start; border: 1px solid #c7c7c9; border-bottom: 0; background: #eeeff4; flex: 1; align-items: center; padding: 9px 5px 12px; position: relative; align-content: center; color: #333; text-align: initial; border-radius: 0 }  .tabs__header:hover { cursor: pointer; color: #0fb6ee; background-color: #fff }  .tabs__header:hover * { color: #0fb6ee }  .tabs__header--limit-width { max-width: 200px }  .tabs__header--active { background-color: #fff; border-bottom: 0 }  .tabs__header--active::after { content: ""; display: inline-block; width: 100%; height: 10px; background: #0fb6ee; position: absolute; bottom: 0; left: 0 }  .tabs__header-icon { color: #454545; font-size: 1.2rem; padding-right: 10px; padding-left: 5px; white-space: nowrap }  .tabs__header-text { font-size: .9rem; word-break: break-word; flex: 1 1 50% }  .tabs__tab-contents { border: 5px solid #c7c7c9; background-color: #fff }  .tabs__tab-content { display: none; -webkit-animation: 1s fadeEffect; animation: 1s fadeEffect }  .tabs__tab-content--show { display: block }  @-webkit-keyframes fadeEffect { from { opacity: 0 }  to { opacity: 1 } }  @keyframes fadeEffect { from { opacity: 0 }  to { opacity: 1 } }  .infographic { padding: 20px; display: flex; align-items: center }  .infographic--wrap { flex-wrap: wrap }  .infographic--selectable { position: relative; border: 0 }  .infographic--selectable :hover { cursor: pointer }  .infographic--selectable input[type=checkbox] + label:after, .infographic--selectable input[type=radio] + label:after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: " "; border: 1px solid #c7c7c9 }  .infographic--selectable input[type=checkbox]:checked + label:after, .infographic--selectable input[type=radio]:checked + label:after { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: " "; border: 2px solid #1d6cb2 }  .infographic--vertical { flex-flow: column nowrap }  .infographic--vertical .infographic__icon { margin: 0 0 5px }  .infographic--vertical .infographic__number:not(:last-child), .margin-bottom-5 { margin-bottom: 5px }  .infographic--vertical .infographic__number, .infographic--vertical .infographic__text { text-align: center }  .infographic--with-hidden-content { display: block }  .infographic__hidden-content-toggler { display: flex; width: 100%; justify-content: space-between; align-items: center }  .clickable:hover, .infographic__hidden-content-toggler:hover { cursor: pointer }  .infographic__hidden-content-toggler .hide-toggler-icon { font-size: 1.2rem; color: #1d6cb2 }  .infographic__icon { color: #c7c7c9; font-size: 2.4rem; margin-right: 15px; max-width: 33%; word-wrap: break-word }  .horizontal-infographics__number, .infographic__number { color: #1d6cb2; font-size: 1.8rem; line-height: 1 }  .infographic__text { word-wrap: break-word; word-break: break-word; text-align: initial }  .horizontal-infographics { display: flex; flex-flow: row wrap; width: 100%; justify-content: space-evenly }  .horizontal-infographics--centered { justify-content: center }  .horizontal-infographics--centered .infographic:not(:first-child), .margin-left-25 { margin-left: 25px }  .horizontal-infographics--fill-width { justify-content: space-between }  .horizontal-infographics__1-2-chart { padding: 7px; text-align: center; flex: 1 1 49%; max-width: 49%; position: relative }  .horizontal-infographics__1-3-chart { padding: 7px; text-align: center; flex: 1 1 32%; max-width: 32%; position: relative }  .horizontal-infographics__1-4-chart { padding: 7px; text-align: center; flex: 1 1 24%; max-width: 24%; position: relative }  .horizontal-infographics__infographics, .padding-0, .select2-container--default .select2-results__group { padding: 0 }  .bootstrap-datetimepicker-widget .table td, .bootstrap-datetimepicker-widget .table th, .bootstrap-datetimepicker-widget .table thead th, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after, .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, .bootstrap-datetimepicker-widget.dropdown-menu.top:after, .bootstrap-datetimepicker-widget.dropdown-menu.top:before, .horizontal-infographics__infographics > * { border: 0 }  .epic-tree li::before, .horizontal-infographics__infographics > :not(:first-child) { border-top: 1px solid #c7c7c9 }  .horizontal-infographics__footer { padding: 10px 0 }  .horizontal-infographics__footer button:not(.button-icon):not(.navbar-dark__icon):not(.bootbox-close-button) { min-width: 1px; padding: 5px 15px }  .horizontal-stack-bar { display: table; width: 100%; height: .9rem }  .horizontal-stack-bar__part { background-color: #dedede; display: table-cell }  .infographic--guide, .infographic-carousel .infographic--guide { padding: 10px 20px; width: 100%; margin: 0; color: inherit }  .infographic--guide .infographic__icon, .infographic-carousel .infographic--guide .infographic__icon { font-size: 4rem; margin-bottom: 0 }  .infographic--guide .infographic__text, .infographic-carousel .infographic--guide .infographic__text { font-size: 1.4rem; color: inherit }  .infographic--guide:hover, .infographic-carousel .infographic--guide:hover { color: #0fb6ee }  .infographic--guide:hover .infographic__icon, .infographic-carousel .infographic--guide:hover .infographic__icon { color: #beefff }  .epic-tree, .epic-tree li, .epic-tree ul { position: relative; width: 100%; font-size: 1.1rem }  .epic-tree ul { list-style: none; padding-left: 32px }  .epic-fancytree .fancytree-container li::after, .epic-fancytree .fancytree-container li::before, .epic-tree li::after, .epic-tree li::before { content: ""; position: absolute; left: -12px }  .epic-tree li::before { top: 2rem; width: 12px; height: 0 }  .epic-tree li::after { border-left: 1px solid #c7c7c9; height: 100%; width: 0; top: 0 }  .epic-fancytree .fancytree-container ul > li:last-child::after, .epic-tree ul > li:last-child::after { height: 2rem }  .epic-tree li { padding-top: .45rem }  .epic-tree__item { background-color: #fff; border: 1px solid #c7c7c9; padding: 8px }  .epic-tree__title-row { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center }  .epic-fancytree, .epic-tree__title, .width-100 { width: 100% }  .epic-fancytree span.fancytree-icon:before, .epic-tree__title:before { color: #c2c2c5; font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; margin-right: 5px }  .epic-fancytree .fancytree-container, .epic-tree { list-style: none; padding: 0; margin-bottom: .45rem }  .epic-fancytree .fancytree-container li, .epic-fancytree .fancytree-container > li:first-of-type, .epic-tree > li:first-of-type, .padding-top-0 { padding-top: 0 }  .epic-fancytree .fancytree-container > li::before, .epic-tree > li::before { border: 0; width: 0; position: relative }  .epic-fancytree .fancytree-container > li::after, .epic-tree > li::after { border-left: 0; position: relative; height: auto }  .epic-fancytree li > .fancytree-node > span.fancytree-icon:before, .epic-tree--shape-icons > li > .epic-tree__item > .epic-tree__title-row > .epic-tree__title:before { content: "\f0e8" }  .epic-fancytree li > ul > li > .fancytree-node > span.fancytree-icon:before, .epic-tree--shape-icons > li > ul > li > .epic-tree__item > .epic-tree__title-row > .epic-tree__title:before { content: "\f0c8" }  .epic-fancytree li > ul > li > ul > li > .fancytree-node > span.fancytree-icon:before, .epic-tree--shape-icons > li > ul > li > ul > li > .epic-tree__item > .epic-tree__title-row > .epic-tree__title:before { content: "\f306" }  .epic-fancytree li > ul > li > ul > li > ul > li > .fancytree-node > span.fancytree-icon:before, .epic-tree--shape-icons > li > ul > li > ul > li > ul > li > .epic-tree__item > .epic-tree__title-row > .epic-tree__title:before { content: "\f312" }  .epic-fancytree li > ul > li > ul > li > ul > li > ul > li > .fancytree-node > span.fancytree-icon:before, .epic-tree--shape-icons > li > ul > li > ul > li > ul > li > ul > li > .epic-tree__item > .epic-tree__title-row > .epic-tree__title:before { content: "\f111" }  .epic-fancytree .fancytree-container, .epic-fancytree .fancytree-container li, .epic-fancytree .fancytree-container ul { position: relative; width: 100%; font-size: 1.1rem; border: 0; background-color: initial; outline: 0 }  .epic-fancytree .fancytree-container ul { list-style: none; padding: 0 0 0 32px }  .epic-fancytree .fancytree-container li::before { border-top: 1px solid #c7c7c9; top: 1.5rem; width: 12px; height: 0 }  .epic-fancytree .fancytree-container li::after { border-left: 1px solid #c7c7c9; height: calc(100% + .45rem); width: 0; top: -.45rem }  .epic-fancytree .fancytree-node { background-color: #fff; border: 1px solid #c7c7c9; padding: 8px; font-weight: initial; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: baseline; margin-top: .45rem }  .epic-fancytree .fancytree-node.fancytree-exp-c .fancytree-expander:before, .epic-fancytree .fancytree-node.fancytree-exp-cl .fancytree-expander:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f054" }  .epic-fancytree .fancytree-node.fancytree-exp-e .fancytree-expander:before, .epic-fancytree .fancytree-node.fancytree-exp-el .fancytree-expander:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f078" }  .epic-fancytree .fancytree-plain.fancytree-container span.fancytree-node { margin-top: .45rem; margin-bottom: 0; white-space: normal }  .epic-fancytree span.fancytree-title { width: 100%; color: #454545; font-family: "Open Sans",sans-serif }  .epic-fancytree span.fancytree-title a { font-size: inherit }  .epic-fancytree span.fancytree-expander, .epic-fancytree span.fancytree-icon { width: 1.6rem; text-align: left; height: auto }  .epic-fancytree .ui-fancytree span.fancytree-active span.fancytree-title, .epic-fancytree .ui-fancytree span.fancytree-focused span.fancytree-title { background-color: initial; color: #454545; outline: 0 }  .epic-fancytree span.fancytree-node.fancytree-drag-source { outline: #C7C7C9 dotted 4px }  .epic-fancytree span.fancytree-node.fancytree-drop-accept { outline: #1D6CB2 dotted 4px }  .epic-fancytree span.fancytree-node.fancytree-drop-reject { outline: #C90000 dotted 4px }  .epic-fancytree span.trashcan { border: 1px solid #f5c6cb; background-color: #f8d7da; color: #721c24; padding: 1px 3px }  .fancytree__suma-subrow { display: flex; flex-flow: row wrap; position: relative; margin-top: .4rem; overflow: hidden }  .fancytree__suma-subrow div { position: relative; padding-right: 1rem; width: 20%; min-width: 200px }  .fancytree__suma-subrow button { max-width: 100%; padding: 4px 6px 4px 12px; text-align: left; overflow: hidden; text-overflow: ellipsis; font-size: .9rem }  .fancytree__suma-subrow button::before { content: ""; position: absolute; left: 0; border-top: 1px solid #c7c7c9; top: .9rem; width: 8px; height: 0 }  .fancytree__suma-subrow button::after { content: ""; position: absolute; left: 0; border-left: 1px solid #c7c7c9; height: 1.8rem; width: 0; top: -.85rem }  .fancytree-selected span.fancytree-title { background-color: #00844a !important; color: #fff !important; border: 0 !important }  .luettelo-container, .tietue-container { background-color: rgba(36,36,36,.05); padding: 15px }  .horizontal-infographics-hankorg-wrapper { width: 33.3333%; padding: 8px }  @media only screen and (max-width:992px) { .column__input--multiple-elements, .column__label--multiple-elements { display: block }  .column__input--multiple-elements > :not(:first-child), .column__label--multiple-elements > :not(:first-child) { margin-left: 0; margin-top: 5px }  .column--maintenance { padding: 25px 10px }  .new-tp-btn { font-size: 1.4rem }  .new-tp-btn i { font-size: 1.6rem; margin-right: 5px }  .horizontal-infographics-hankorg-wrapper { width: 50% } }  @media only screen and (max-width:768px) { .notification__icon { margin-right: 15px }  .notification__title { font-size: 1.4rem }  .cloudia-suite__dropdown { visibility: hidden; color: #fff; width: 34px; font-size: 1.2rem !important; margin-right: 10px }  .cloudia-suite__dropdown:before, .language-dropdown:before, .user-dropdown:before { display: inline-block; visibility: visible }  .cloudia-support-link { display: none }  .language-dropdown { color: #fff; visibility: hidden; width: 34px; font-size: 1.2rem !important }  .language-dropdown:hover, .user-dropdown:hover { color: #0fb6ee; background-color: transparent }  .language-dropdown:active, .user-dropdown:active { color: #1d6cb2; background-color: transparent }  .user-dropdown { visibility: hidden; width: 34px; font-size: 1.2rem !important }  .navbar-white { padding: 0 15px }  .navbar-shadow { height: 15px; flex: 0 0 15px }  .breadcrumb { margin: 0 10px 15px }  .breadcrumb-item + .breadcrumb-item::before { padding-left: 6px; padding-right: 6px }  .sidebar { border-radius: 0 }  .horizontal-infographics-hankorg-wrapper { width: 100% } }  .crit-table__row-group, .criteria-set, .criteria-set--tietue { position: relative }  .price-formula { font-size: .8rem; font-style: italic }  .kohderyhma-otsikko { display: flex; padding-left: 15px; flex-wrap: nowrap; align-items: center; border-bottom: 0; background-color: #fff; transition: background-color .2s ease-in-out; word-break: break-word }  .crit-table, .crit-table__row { display: table; width: 100%; table-layout: fixed; border-collapse: collapse }  .color-tp-dark, .kohderyhma-otsikko .button--en-tarjoa { color: #333 }  .kohderyhma-otsikko .hide-toggler { font-size: 1.3rem }  .color-green, .kohderyhma-otsikko__kunnossa { color: #00844a }  .kohderyhma-otsikko--auki { background-color: #242424 }  .kohderyhma-otsikko--auki .kohderyhma-otsikko__puutteet { color: #ff4242 }  .bootstrap-datetimepicker-widget .fa-chevron-down, .bootstrap-datetimepicker-widget .fa-chevron-left, .bootstrap-datetimepicker-widget .fa-chevron-right, .bootstrap-datetimepicker-widget .fa-chevron-up, .color-cloudia-lightblue, .kohderyhma-otsikko--auki .kohderyhma-otsikko__lisatiedot { color: #0fb6ee }  .kohderyhma-otsikko--auki .kohderyhma-otsikko__kunnossa { color: #00c780 }  .carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5, .carousel p, .color-white, .color-white:active, .color-white:focus, .color-white:hover, .kohderyhma-otsikko--auki .button--en-tarjoa, .kohderyhma-otsikko--auki .hide-toggler, .white { color: #fff }  .kohderyhma-otsikko--auki .button--en-tarjoa:active, .kohderyhma-otsikko--auki .hide-toggler:active { color: #fff; background-color: transparent }  .ryhma-laatikko { overflow: hidden; margin-bottom: 10px; padding: 15px }  .crit-table__row > div { padding: 5px; vertical-align: top }  .ryhma-laatikko__alaotsikko { font-size: 1.1em; color: #fff }  .ryhma-laatikko__alaotsikko .crit-table__row { border-bottom: 0; background-color: #515151 }  .ryhma-laatikko__alaotsikko .crit-table__row:first-of-type { border-top: 0 }  .ryhma-laatikko__alaotsikko .crit-table__row > div { padding: 10px 5px; vertical-align: middle; border-left-color: rgba(255,255,255,.35) }  @media only screen and (max-width:1200px) { .chart__legends { -ms-flex: initial; flex: initial; width: auto; max-width: none }  .tabs::after, .tabs::before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; position: absolute; top: 2px; z-index: 5 }  .tabs { position: relative }  .tabs::before { content: "\f053"; left: 4px }  .tabs::after { content: "\f054"; right: 4px }  .tabs__headers { overflow-x: scroll }  .criteria-label-aria { font-weight: 600 }  .criteria-label { display: none }  .kohderyhma-otsikko { padding: 10px 10px 10px 5px }  .ryhma-laatikko { padding: 0 }  .crit-table__row > div { padding: 0 5px }  .crit-table__row > div:first-of-type { padding-top: 5px !important }  .crit-table__row > div:last-of-type { padding-bottom: 5px !important }  .ryhma-laatikko__alaotsikko .crit-table__row { table-layout: auto }  .ryhma-laatikko__alaotsikko .crit-table__row > div:first-of-type { padding-top: initial !important }  .ryhma-laatikko__alaotsikko .crit-table__row > div:last-of-type { padding-bottom: initial !important }  .ryhma-laatikko__alaotsikko .crit-table__row .crit-table__col--tarjoatko { width: 2.4rem !important; display: table-cell } }  @media only screen and (max-width:1200px) and (max-width:1200px) { .ryhma-laatikko__alaotsikko .crit-table__row .crit-table__col--tarjoatko { width: auto !important; padding: 0 !important } }  .ryhma-laatikko__alaotsikko--en-tarjoa .crit-table__row { background-color: #5e5e5e }  .crit-table { word-break: break-word }  .crit-table__row-group--hidden, .hidden-content:not(.hidden-content--show) [tabindex]:not([disabled]), .hidden-content:not(.hidden-content--show) a, .hidden-content:not(.hidden-content--show) button, .hidden-content:not(.hidden-content--show) input, .hidden-content:not(.hidden-content--show) select, .hidden-content:not(.hidden-content--show) textarea, .tooltip.bs-tooltip-bottom .arrow:before, .tooltip.bs-tooltip-left .arrow:before, .tooltip.bs-tooltip-right .arrow:before, .tooltip.bs-tooltip-top .arrow:before { display: none }  .crit-table__col--label { display: table-cell; width: 25%; min-width: 200px }  @media only screen and (max-width:1200px) { .ryhma-laatikko__alaotsikko .crit-table__row .crit-table__col--ryhma-selite { display: table-cell; width: 100% !important; border-left: 0 !important; font-size: 1.2rem; padding: 10px 5px }  .crit-table__col--label { display: block; width: 100% !important } }  .crit-table__col--input { display: table-cell; width: 75% !important }  @media only screen and (max-width:1200px) { .crit-table__col--input { display: block; width: 100% !important } }  .crit-table__col { display: table-cell; border-left: 1px solid rgba(255,255,255,.7) }  @media only screen and (max-width:1200px) { .crit-table__col { display: block; width: 100% !important; border-left: 0 } }  .crit-table__col--clarification, .espd-tasmennys { background-color: #c8dee9 }  .crit-table__col--error { background-color: rgba(255,0,0,.05) }  .crit-table__col:last-of-type { border-bottom: 0 }  .crit-table__col--tarjoatko { width: 2.4rem; text-align: center; padding: 5px 0 !important; border-left: 0 }  @media only screen and (max-width:1200px) { .crit-table__col--tarjoatko { padding: 0 5px !important; text-align: initial }  .crit-table__col--ryhma-selite { font-weight: 600; font-size: 1.1rem } }  .crit-table__col--tarjoatko .liiksal-input-wrapper, .pistelaskenta-kaava, .text-center { text-align: center }  .crit-table__col--ryhma-selite { width: 40%; white-space: normal; word-break: break-word }  .crit-table__col--ryhma-selite-KelpVaat, .width-35 { width: 35% }  .crit-table__col--ryhma-arvo, .width-40 { width: 40% }  .crit-table__col--ryhma-arvo-KelpVaat, .width-45 { width: 45% }  .crit-table__unit:not(:empty) { margin-left: 4px; display: flex; align-items: center }  .crit-table__col--ryhma-min-max-pist { width: 130px; text-align: center }  @media only screen and (min-width:1921px) { .crit-table__col--ryhma-min-max-pist { width: 150px } }  @media only screen and (max-width:1200px) { .crit-table__col--ryhma-min-max-pist { width: auto; text-align: initial } }  .crit-table__col--ryhma-pistlasktap, .width-20 { width: 20% }  @media only screen and (max-width:1600px) { .tabs__header { display: block; text-align: center }  .crit-table__col--ryhma-pistlasktap { width: 125px } }  .criteria-set__outline, .criteria-set__yes-no-outline { width: 100%; pointer-events: none; z-index: 5; height: 100% }  .laskentatapa-linkki:hover { cursor: pointer; text-decoration: underline }  .pistelaskenta-kaava td { padding: 2px }  .criteria-set { background-color: #f5f5f5 }  .crit-table--inverse-set-color .criteria-set, .criteria-set:nth-of-type(2n) { background-color: #e9e9e9 }  .criteria-set__outline { border: 2px solid #c7c7c9; border-top: 0; position: absolute }  .criteria-set__yes-no-outline { border: 2px dashed #c7c7c9; border-top: 1px dashed #fff; position: absolute }  .criteria-set--additional-set-start { border-top: 2px dashed #c7c7c9 }  .tietue-button-container { position: absolute; right: .35rem; top: .25rem }  .button--en-tarjoa { color: #fff; background-color: transparent; font-size: 1rem }  @media only screen and (max-width:1200px) { .crit-table__col--ryhma-pistlasktap { width: auto }  .crit-table__col--xl-only { display: none }  .button--en-tarjoa { font-size: 1.2rem } }  .button--en-tarjoa:active, .button--en-tarjoa:hover { color: #0fb6ee; background-color: transparent }  .crit-table__row--valiotsikko { background-color: #515151; color: #fff }  .crit-table__row--valiotsikko > div { border-left-color: rgba(255,255,255,.35) }  .kokonaishankinnan-pisterivi { padding: 5px; font-size: 1.2rem }  @media only screen and (min-width:1921px) { .kokonaishankinnan-pisterivi, .kokonaishankinnan-pisterivi a { font-size: 1.1rem } }  .crit-table__col--yhteispisteet-title, .width-60 { width: 60% }  .crit-table__numeric-value-unit-row { display: flex; flex-wrap: wrap; align-items: initial; position: relative }  .crit-table__numeric-value { flex: 5 0 125px }  .crit-table__numeric-value-unit { flex: 1 0 50%; word-break: break-word }  .comment-wrapper { width: 100%; display: flex; margin-bottom: 5px }  .width-5 { width: 5% }  .width-10 { width: 10% }  .width-15 { width: 15% }  .width-25 { width: 25% }  .width-50 { width: 50% }  .width-55 { width: 55% }  .width-65 { width: 65% }  .width-70 { width: 70% }  .width-75 { width: 75% }  .width-80 { width: 80% }  .width-85 { width: 85% }  .width-90 { width: 90% }  .width-95 { width: 95% }  .height-100 { height: 100% }  .hidden-content { width: 100%; transition: margin .25s,border .25s,padding .25s,background-color .25s,height .25s }  .hidden-content > * { transition: font-size .25s,margin .25s,border .25s,padding .25s,height .25s,background-color .25s,opacity .5s .25s }  .hidden-content:not(.hidden-content--show) { transition: margin .5s .25s,border .5s .25s,height .5s .25s,padding .5s .25s,background-color .5s .25s }  .hidden-content:not(.hidden-content--show) * { transition: opacity .25s,font-size .5s .25s,margin .5s .25s,border .5s .25s,height .5s .25s,padding .5s .25s,background-color .5s .25s }  .hidden-content:not(.hidden-content--show) .form-control, .hidden-content:not(.hidden-content--show) .list__header, .hidden-content:not(.hidden-content--show) .list__row, .hidden-content:not(.hidden-content--show) .select2-container .select2-selection--multiple, .hidden-content:not(.hidden-content--show) .select2-container--default .select2-selection--multiple .select2-selection__rendered, .hidden-content:not(.hidden-content--show) img, .hidden-content:not(.hidden-content--show) textarea { min-height: 0; height: 0 }  .hidden-content:not(.hidden-content--show), .hidden-content:not(.hidden-content--show) textarea { height: 0 !important }  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before, .select2-container--default .select2-selection--multiple:after { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant: normal; font-weight: 900; display: inline-block }  .hidden-content--instant, .hidden-content--instant:not(.hidden-content--show), .hidden-content--instant:not(.hidden-content--show) *, .hidden-content--instant > * { transition: none }  .color-persiangreen { color: #00a9ab }  .color-lightred { color: #ff5151 }  .color-default, .color-font-default { color: #454545 }  .color-yellow { color: #ff923f }  .color-lightgray { color: #c7c7c9 }  .nowrap { white-space: nowrap }  .text-overflow-ellipsis { overflow: hidden; text-overflow: ellipsis }  .text--red-bold { color: #c90000; font-weight: 600 }  .underline--thick { border-bottom-width: 6px }  .underline--green { border-bottom-color: #00844a }  .underline--yellow { border-bottom-color: #ff923f }  .underline--red { border-bottom-color: #c90000 }  .underline-only-last { border-bottom: 0 }  .border-bottom-1, .underline-only-last:last-of-type { border-bottom: 1px solid #c7c7c9 }  .color-darkgray { color: #242424 }  .margin-0 { margin: 0 }  .margin-left-15 { margin-left: 15px }  .margin-10 { margin: 10px }  .margin-top-15 { margin-top: 15px }  .margin-top-20 { margin-top: 20px }  .items-next-to-container > :not(:last-child), .margin-right-5 { margin-right: 5px }  .margin-right-10 { margin-right: 10px }  .margin-right-15 { margin-right: 15px }  .margin-right-25 { margin-right: 25px }  .margin-15-0 { margin: 15px 0 }  .padding-bottom-23 { padding-bottom: 23px }  .padding-left-5 { padding-left: 5px }  .padding-left-25 { padding-left: 25px }  .padding-right-25 { padding-right: 25px }  .padding-top-bottom-5 { padding: 5px 0 }  .padding-top-bottom-0 { padding-top: 0; padding-bottom: 0 }  .overflow-visible { overflow: visible }  .vertical-top { vertical-align: top }  @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .front-image-carousel .carousel-item-next, .front-image-carousel .carousel-item-prev, .front-image-carousel .carousel-item.active { display: block }  .file-upload__info { display: none }  .file-upload__info-ie { display: block }  .infographic__icon, .infographic__text { word-break: break-all }  .ie-flex-col-fix { flex: 0 0 auto } }  .row { margin-right: -27px; margin-left: -27px }  .btn-group, .btn-group-vertical { vertical-align: unset }  .datepicker-button { margin-left: 0; margin-right: -1px }  .datepicker-button .input-group-text { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important }  .bootstrap-datetimepicker-widget { font-weight: 300; font-size: .9rem }  .bootstrap-datetimepicker-widget.dropdown-menu { width: 16rem; margin: 5px 0; box-shadow: 0 0 7px 0 rgba(0,0,0,.25) }  .bootstrap-datetimepicker-widget table td.day, .bootstrap-datetimepicker-widget table th { height: 25px; line-height: 25px; width: 25px }  .bootstrap-datetimepicker-widget table thead tr th, .text-bold { font-weight: 600 }  .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #1d6cb2 }  .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #1d6cb2 }  .bootstrap-datetimepicker-widget .btn { min-width: 0; background-color: transparent }  .bootstrap-datetimepicker-widget .btn:hover { background-color: none }  .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none }  .dropdown-menu--with-icons { border: 0; box-shadow: 0 2px 8px 0 rgba(0,0,0,.16) }  .dropdown-menu--with-icons .dropdown-item { padding: .4rem .4rem .4rem 2.2rem }  .margin-top-0 { margin-top: 0 !important }  .margin-bottom-0 { margin-bottom: 0 !important }  .select2-selection__choice { display: flex !important; flex-flow: row nowrap !important; white-space: normal !important; border-radius: 4px !important; background-color: #e1ecf4 !important; padding: 2px 2px 2px 7px !important; align-items: center !important; justify-content: space-between !important; margin-top: 7px !important; margin-right: 7px !important; border: 0 !important }  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { order: 2; font-size: 0 }  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before { content: "\f00d"; color: #454545; font-size: 1rem }  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover:before { color: #e00000 }  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active:before { color: #ad0000 }  .select2-container--default .select2-selection--multiple { border: 1px solid #e0e0e0; min-height: 53px }  .hidden-content:not(.hidden-content--show), .hidden-content:not(.hidden-content--show) * { font-size: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background-color: transparent !important }  .select2-container--default .select2-selection--multiple:after { content: "\f054"; position: absolute; right: 10px; top: 15px }  .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #c7c7c9 }  .padding-10 { padding: 10px }  .margin-top-5 { margin-top: 5px }  .margin-top-bottom-5 { margin-top: 5px; margin-bottom: 5px }  .margin-bottom-25 { margin-bottom: 25px !important }  .before-regular::before { font-weight: 500 }  .before-light::before { font-weight: 300 }  .fa, .fab, .fal, .far, .fas { line-height: 1.5 }  .margin-left-right-20 { margin-left: 20px; margin-right: 20px }  .font-5rem { font-size: 5rem }  .max-width-350 { max-width: 350px }  .font-075-rem { font-size: .75rem }  .width-10-rem { width: 10rem }  .width-12-rem { width: 12rem }  .width-13-rem { width: 13rem }  .width-14-rem { width: 14rem }  .width-18-rem { width: 18rem }  .width-22_5 { width: 22.5% }  .hidden-content:not(.hidden-content--show) * { opacity: 0 !important }  .color-cloudia-blue { color: #1d6cb2; font-weight: 600 }  .big-blue-icon { color: #1d6cb2; font-size: 3.6rem }  .big-dark-text { font-size: 1.6rem; color: #333 }  @media only screen and (max-width:1200px) { .xl-only { display: none !important }  .xl-width-13-rem { width: 13rem }  .xl-order-3 { order: 3 }  .width-xl-100 { width: 100% }  .text-align-right-xl { text-align: right }  .flex-xl-column { flex-flow: column } }  .rows-per-page { display: flex; flex-flow: row nowrap; align-items: center; margin: 10px 0 }  .color-inherit, .color-inherit:hover { color: inherit }  .v-align-top { vertical-align: top !important }  @media only screen and (min-width:1200px) { .criteria-label-aria, .label-xl-aria, .sr-and-mobile-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden }  .nav-item:not(:last-of-type)::after { color: #1d6cb2; content: ""; display: inline-block; height: calc(100% - 25px); width: 1px; background: linear-gradient(0deg,rgba(0,0,0,0) 0,#c7c7c9 50%,rgba(0,0,0,0) 100%); position: absolute; bottom: 12.5px; right: 0; opacity: 40% }  .nav-item:first-of-type .nav-link { padding-left: 1.5rem !important }  .nav-link, a:not([href]).nav-link { height: 100% }  .navbar-white-fp-wrapper .nav-item:first-of-type .nav-link { padding-left: 0 !important }  .sidebar__icon--toggler { padding: 22.5px 0 }  .sidebar.sidebar--hide-texts .sidebar__text { padding: 15px 0; max-width: 0; opacity: 0; transition: .5s ease-in-out,opacity .5s,height .25s .5s; max-height: 1.5rem }  .sidebar.sidebar--hide-texts .sidebar__icon--toggler:before { font-family: "Font Awesome 5 Pro"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-variant: normal; font-weight: 900; content: "\f138" }  .kokonaishankinnan-pisterivi { display: flex }  .crit-table__col--yhteispisteet-title { text-align: right }  .margin-top-xl-20 { margin-top: 20px }  .margin-top-xl-30 { margin-top: 30px }  .mobile-only { display: none }  #KommenttiVastausSivunSisalto .crit-table__col { width: 325px } }  .select2-container--default .select2-results__group .my_select2_optgroup { padding: 6px; display: block }  .select2-container--default .select2-results__group .my_select2_optgroup:hover { background-color: #5897fb; color: #fff; cursor: pointer }  .select2-container--default .select2-results > .select2-results__options { max-height: 15rem }