body,html{min-height:100vh}body{display:flex;flex-direction:column}.App{box-sizing:border-box;margin:0 auto;min-height:100vh;text-align:left}.App,.App .container{display:flex;flex-direction:column;width:100%}.App .container{flex-grow:1;height:100%}.App .wrapper{display:block;min-height:200px;padding:0 30px;position:relative}.App .loader{margin:80px auto;position:relative;width:80px}.App a:hover{color:#ee5a00}.App p{font-size:16px;margin-bottom:20px;text-align:left}.App p.main{font-size:18px}.App hr{margin:15px 0}.App h1{font-size:3.4rem}.right{float:right!important}.left{float:left!important}.text-left{text-align:left!important}.top-margin-5{margin-top:5px!important}.top-margin-10,.top-margin-15{margin-top:10px!important}.top-margin-15{margin-top:15px!important}.top-margin-20{margin-top:20px!important}.top-margin-30{margin-top:30px!important}.top-margin-40{margin-top:40px!important}.bottom-margin-5{margin-bottom:5px!important}.bottom-margin-10{margin-bottom:10px!important}.bottom-margin-15{margin-bottom:15px!important}.bottom-margin-20{margin-bottom:20px!important}.bottom-margin-30{margin-bottom:30px!important}.bottom-margin-40{margin-bottom:40px!important}.right-margin-15{margin-right:15px!important}.right-margin-30{margin-right:30px!important}.left-margin-20{margin-left:20px!important}.left-margin-30{margin-left:30px!important}.left-margin-50{margin-left:50px!important}.App .border-right{border-right:1px solid #dcdcdc}.App .gray{color:#a7a7a7!important}.orange{color:#ee5a00!important}.App .red{color:#d00000}.App .text-center{text-align:center!important}.App .icon-large{display:block;font-size:90px;margin:60px auto 30px;text-align:center}.App .icon-extra-large{display:block;font-size:130px;margin:90px auto 0;text-align:center}.App .icon-medium{display:block;font-size:48px!important;height:48px;text-align:left;width:48px}.App .circled-icon{border:1.5px solid #ee5a00;border-radius:50%;display:block;height:48px;padding:10px 11px 10px 9px;width:48px}.App .circled-medium-orange{display:block;height:28px;text-align:left;width:28px}.App .circled-medium-orange path{fill:#ee5a00!important}.App .hover:hover{color:#ee5a00;cursor:pointer}.App .tile-with-icon{-ms-overflow-style:none;background:#fff;background-position:50%;background-size:cover;border-radius:4px;box-shadow:0 0 2px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.36);margin-bottom:40px;overflow:hidden;padding-left:35px;position:relative}.App .tile-icon{left:10px;position:absolute;top:20px}.App .tile-content{margin:20px 15px}.App .tile-content h2{font-size:22px;margin:-.4rem 0}.App .sidebar-wrapper{background-color:rgba(0,0,0,.3);height:100vh;left:0;position:fixed;top:95px;width:100%;z-index:300}.App .hidden{display:none}.App .info-row{font-size:14px;overflow:auto;padding:7px 0;position:relative}.App .info-col1{margin-right:20px;min-width:160px}.App .info-col1,.App .info-col2{float:left;position:relative}.App .dot{background-color:#ee5a00;border-radius:50%;display:inline-block;height:10px;margin-bottom:1px;margin-right:10px;width:10px}.App .ds-row{margin-left:0;margin-right:0}.App .ds-col{padding-left:0;padding-right:0}.button-row{flex-grow:1;width:100%}.button-center{margin:0 auto!important}.button-center,.button-right{display:block!important;position:relative}.button-right{float:right}.button-left{display:block!important;float:left;position:relative}.dropzone{outline:none!important;outline-width:0!important}.font-large{font-size:18px!important}.font-weight-medium{font-weight:500}.button-row-custom{display:block!important;overflow:auto;padding:20px 0 10px!important;position:relative;width:100%}@keyframes skip-to-content{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.skip-to-content{background-color:#fff;color:#323232;left:50%;padding:1em;position:absolute;transform:translateX(-50%) translateY(-100%);z-index:999}.skip-to-content:focus{animation-duration:1s;animation-name:skip-to-content;animation-timing-function:ease-in-out;transform:translateX(-50%) translateY(0)}@media only screen and (max-width:679px){.button-left,.button-right{float:none;margin:.8rem auto}}@media only screen and (max-width:799px){.App .border-right{border:none}}.Footer{background-color:#fff;border-top:1px solid #dcdcdc;max-width:2400px;padding:30px;width:100%}.Footer,.Footer .footer-wrapper{margin:0 auto;overflow:visible;position:relative}.Footer .footer-wrapper{max-width:1280px;padding:0 30px}.Footer .OP-action{color:#737373;font-size:16px}.Footer .OP-action:hover{color:#ee5a00}.Footer .footer-links{overflow:auto;position:relative;width:100%}.Footer .col{float:left;position:relative;width:33%}.Footer .center-col,.Footer .col{overflow:visible;white-space:nowrap}.Footer .center-col{display:inline-block;left:49%;margin-left:-24%;position:absolute}.Footer .right-col{float:right}.Footer .footer-row{height:24px;margin:10px 0;position:relative}.Footer .copyright{display:block;float:none;font-size:14px;height:50px;position:relative}.Footer .copyright-text{color:#8f8f8f}@media only screen and (max-width:799px){.Footer{padding-bottom:60px}}@media only screen and (max-width:991px){.Footer{margin-top:30px}.Footer .col{float:none;white-space:normal;width:100%}.Footer .center-col{display:block;left:0;margin-left:0;margin-top:40px;position:relative;white-space:normal;width:100%}.Footer .right-col{float:left;margin-top:20px}.Footer .copyright{margin-top:20px}}@media only screen and (max-width:1040px){.footer-wrapper{padding:0!important}}.Header{align-items:center;border-bottom:1px solid rgba(0,0,0,.15);display:flex;padding:0 1.6rem}.Header .op-logo.with-separator{border-right:1px solid #dcdcdc}.Header .navbar{box-sizing:border-box;display:flex;height:96px;justify-content:space-between;width:100%}.Header .navbar a{align-items:center;background-image:none;display:flex;height:100%;justify-content:center}.Header .nav-logo{float:left;padding:15px;position:relative}.Header .nav-logo:focus{outline:1px dotted #323232}.Header .op-logo+.op-logo-service-name{margin-bottom:0}.Header .nav-items{display:flex;font-size:18px!important;position:relative}.Header .nav-menu-logo{display:none}.Header .nav-item{align-items:center;display:flex;text-align:center}.Header .nav-item:focus{outline:1px dotted #323232}.Header .nav-item a{background-image:none;font-weight:300;height:100%;padding:0 2.4rem;text-align:center}.Header .nav-item:hover{color:#ee5a00;cursor:pointer}.Header .nav-active{border-bottom:3px solid #ff6a10;font-weight:600!important;height:100%;text-align:center}.Header .nav-language{border-left:1px solid #dcdcdc;float:left;margin-left:30px;padding:37px 30px;position:relative}.Header .nav-lang{float:left;padding:0 10px;position:relative}.Header .nav-lang:focus{outline:1px dotted #323232}.Header .nav-lang>span{background-image:none}.Header .nav-lang.lang-border{border-left:1px solid #000}.Header .nav-lang.lang-inactive{color:#ee5a00}.Header .nav-lang.lang-inactive:hover{cursor:pointer}.Header .nav-expander-wrapper{display:flex;height:100%;margin-right:-1.6rem;position:relative}.Header .nav-expander-wrapper>div{left:0;top:0}.Header .nav-expander-wrapper .opux-v6__ds-expander__content{position:relative;z-index:100}.Header .nav-expander{border:none;border-left:1px solid #dcdcdc;box-sizing:border-box;float:left;height:96px;position:absolute;width:280px}.Header .nav-expander:focus{outline:1px dotted #323232}.nav-expander .ds-expander__header{box-sizing:border-box!important;height:96px!important;overflow:hidden;padding:24px 0 24px 30px!important}.nav-expander .ds-expander__header:hover .ds-circled-icon path{fill:#f15c00}.nav-expander .ds-expander__content{box-shadow:0 8px 16px 0 rgba(0,0,0,.12)}.nav-expander .ds-expander__header-action{margin-right:15px!important}.nav-expander .ds-expander__content>div{padding:0!important}.Header .expander-link{border-bottom:1px solid #dcdcdc;box-sizing:border-box;font-size:18px;height:60px;padding:20px 20px 20px 30px;text-align:left}.Header .expander-link a{background-image:none;font-weight:300;justify-content:flex-start}.Header .expander-link-role{box-shadow:inset 0 8px 8px -4px rgba(0,0,0,.12)}.Header .expander-link-normal:hover{color:#ee5a00!important}.Header .expander-link:hover{cursor:pointer}.Header .expander-link-logout{background-color:#fff;border-bottom:1px solid #dcdcdc;box-sizing:border-box;font-size:16px;height:90px;padding:20px 20px 20px 30px;position:relative;text-align:center;width:280px}.Header .expander-link-logout:focus{outline:1px dotted #323232}.Header .expander-link-active{font-weight:600}.Header .expander-link-logout:hover .opux-icon{color:#ee5a00!important}.Header .expander-link-logout:hover{color:#ee5a00!important;cursor:pointer;text-align:left}.Header .expander-link-hover:hover{color:#ee5a00!important;cursor:pointer;text-align:left}.Header .nav-logout{font-size:18px;height:48px;line-height:48px;margin-left:15px}.Header .logout-header-text{display:inline-block;float:left;font-size:18px!important;height:48px;line-height:48px;margin-left:10px;margin-right:5px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:135px}.Header .nav-wrapper{background-color:#fff;display:flex;flex-direction:column;position:relative}.Header .nav-expander-hr{margin:1px 0 1px 30px}.Header .nav-mobile-wrapper{background-color:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:-8px 8px 16px 0 rgba(0,0,0,.12);height:100%;position:absolute;right:0;top:0;width:276px}.Header .nav-fi{padding-left:0}.expiry-modal{max-width:600px!important}.animate-right{animation:animateright .4s}@keyframes animateright{0%{opacity:0;right:-300px}to{opacity:1;right:0}}@media only screen and (max-width:1220px){.Header .nav-items{display:none}.Header .nav-logo{padding-left:10px}.Header .nav-menu-logo{display:inline-flex}.Header .nav-expander-hr{margin:0}.Header .expander-link-role{box-shadow:inset 0 3px 6px -3px rgba(0,0,0,.36)}}.ds-modal__overlay{bottom:0!important;left:0!important;overflow-y:auto!important;position:fixed!important;right:0!important;top:0!important}.ds-modal{border-top:5px solid #ee5a00;margin:50px auto!important;max-height:none!important;padding-top:40px!important;z-index:1000}.ds-modal__body{margin-bottom:0!important;max-height:none!important;padding:0 30px 30px!important}.ds-modal--open{overflow-y:hidden!important;overflow:hidden!important}.ds-modal--large{height:auto!important;max-width:760px!important;width:100%!important}.ds-combobox:hover{cursor:pointer}.ds-combobox__portal{z-index:1000!important}.ds-info-box{z-index:2000!important}.opux-infobox-icon{color:#323232!important;margin-top:0!important}.opux-infobox{z-index:1000!important}.opux-input-checkbox{margin-right:0!important}.OP-modal{overflow-y:auto!important}.OP-modal-inner{max-width:760px!important;width:100%!important}.OP-modal-body{max-height:none!important}.OP-table{margin-top:15px!important}.OP-table th{font-size:14px!important}.OP-table tr:nth-child(2n){background:#fbfbfb}.OP-table td,th{border-left:1px solid rgba(0,0,0,.2)!important;border-right:1px solid rgba(0,0,0,.2)!important}.OP-table td{vertical-align:middle!important}.OP-btn-row{margin-top:35px!important}.opux-row{margin:0!important;width:100%}a.OP-li-body{color:#323232}.expander-wrapper{overflow:visible;position:relative;width:100%}.expander-wrapper p{margin-bottom:20px}.expander-checkbox{left:0;outline:none!important;overflow:visible;position:absolute;top:11px}.expander-checkbox:focus{outline:none!important}.ds-checkbox:focus{outline:none!important}.no-bottom-border,.no-bottom-border .ds-expander__content{border-bottom:none!important}.expander-title{float:left;line-height:40px;margin-left:40px;overflow:auto;position:relative}.expander-title h3{font-size:1.7rem!important;margin:0!important}.opux-v6__ds-expander-content,.opux-v6__ds-expander__content--indented.opux-v6__ds-expander__content--embedded{box-shadow:0 0 .3rem 0 rgba(0,0,0,.28),0 .4rem .6rem 0 rgba(0,0,0,.2)}.opux-v6__ds-expander-content>div,.opux-v6__ds-expander__content--indented.opux-v6__ds-expander__content--embedded>div{padding:0}.opux-v6__ds-combobox__portal{z-index:1000}.opux-v6__ds-date-picker .opux-v6__ds-input-behavior--disabled{text-decoration:none}div[data-floating-ui-portal]{position:absolute;z-index:1000}b{font-weight:600}[class$=Modal] h3{font-size:2.4rem}[class$=Modal] h4{font-size:2rem}.opux-v6__ds-modal__body{padding-bottom:.4rem!important}.ComingSoon{flex:1 0 auto;margin:0 auto;max-width:760px;padding:80px 30px 50px;text-align:center}.ComingSoon p{margin:20px 0 40px}@media only screen and (max-width:575px){.ComingSoon{padding:40px 30px 30px;text-align:center!important}}.Company{flex:1 0 auto;margin:80px auto 60px;max-width:460px;padding:0 30px;position:relative;text-align:center;width:100%}.Company .heading{font-size:3.4rem}.width-600{max-width:600px!important}@media only screen and (max-width:679px){.Company{margin-top:40px;width:auto}}.Company h1{font-size:22px;line-height:22px;text-align:left}.Company h2{margin-bottom:30px;text-align:left}.Company p{line-height:16px}.Company .role-wrapper{border-radius:4px;box-shadow:0 0 2px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.36)}.Company .role-row{box-sizing:border-box;font-size:16px;height:40px;line-height:40px;overflow:hidden;position:relative;width:100%}.Company .role-row.header{font-size:26px;height:60px;line-height:60px;padding-left:20px;text-align:left}.Company .role-row:hover{color:#ee5a00;cursor:pointer}.Company .role-row.border-bottom{border-bottom:1px solid rgba(0,0,0,.15)}.Company .role-row:focus{outline:1px dotted #323232}.Company .company-name{padding-left:20px;text-align:left;width:200px}.Company .company-name,.Company .company-y-tunnus{float:left;position:relative}.Company .arrow{color:#969696;font-size:20px;position:absolute;right:15px;top:10px}.Company .button-abort{margin-right:20px}.Company .icon-error{display:block;font-size:80px;margin:60px auto 30px;text-align:center}.Company .company-selection{padding:1px;position:relative}.Company .role-button-row{margin-top:30px;overflow:auto;position:relative}.Company .opux-input-radio{float:left;margin-bottom:15px}.Company .opux-btn{margin-left:0}.Company .ds-option__label:before{margin-top:-.2rem!important}.Contact{flex:1 0 auto;margin:0 auto;max-width:650px}.Contact .ds-action{display:block;margin-top:5px}.Error{flex:1 0 auto;margin:0 auto;max-width:760px;padding:80px 30px 50px;text-align:center}.Error p{margin:20px 0 40px}@media only screen and (max-width:575px){.Error{padding:40px 30px 30px;text-align:center!important}}.ContractHistory{display:block}.ContractHistory,.ContractHistory .history-event,.ContractHistory .history-row{overflow:auto;position:relative}.ContractHistory .history-topic{float:left;margin:3px 0;width:200px}.ContractHistory .history-content{float:left;margin:3px 0}.ContractHistory .history-loading{display:block;height:50px;margin:20px auto;position:relative;width:50px}.Home{align-items:stretch;display:flex;flex:1 0 auto;margin:0 auto;max-width:1280px;position:relative;width:100%}.Home h2{font-size:30px;margin:0;padding-top:5px}.Home .email-alert h4{font-weight:500}.Home .email-alert p{font-size:17px;margin-top:10px!important}.Home .list-products{display:block;overflow:auto;padding-bottom:30px;position:relative}.Home .product{box-sizing:border-box;display:block;height:60px;padding:6px;position:relative}.Home .product-name{color:#ee5a00}.Home .product-description{display:block;font-size:18px;left:68px;position:relative;position:absolute;top:50%;transform:translateY(-50%);width:75%}.Home .button-fixed{display:block;position:absolute;right:30px;top:0}@media only screen and (max-width:1552px){.Home .button-fixed{top:0}}@media only screen and (max-width:679px){.Home .button-fixed{margin:0 0 30px;position:relative;right:auto;top:auto}}.Home .contract-wrapper{margin:0 auto 30px;max-width:460px;position:relative;text-align:center!important}.Home .contract-wrapper h2{margin:0!important}.Home .contract-wrapper p{font-size:20px;margin:15px 0;text-align:center}.Home .contract-ready{margin:100px 0 35px}.Home .contract-close{position:absolute;right:10px;top:30px;z-index:100}.Home .info-close{position:absolute;right:10px;top:-10px}.Home .button-right{float:right;margin-left:30px}.Home .message{font-size:26px!important;margin-top:0!important}.Home .abort-message{padding-top:120px!important}.Home .OP-modal-body{position:relative!important}.Home .expander-subtopic{height:20px;line-height:20px;position:absolute;right:200px;top:-70px}.Home .developer-link{display:inline-block}.Home .loading{margin:20px auto}.Home .mobile-mask{display:none}.Home .error-wrapper{margin-bottom:50px;margin-top:50px}.Home .error-button{display:inline-block;margin:0 auto;overflow:auto}.Home .create-error{margin:0 0 30px}.Home .row-filler{align-items:stretch;width:100%}.Home .custom-tabs .ds-tabs__nav{margin-left:0!important;margin-right:0!important}@media only screen and (max-width:990px){.Home .mobile-mask{background-color:rgba(0,0,0,.3);bottom:-30px;display:block;left:0;position:absolute;right:0;top:0;z-index:99}}.AdditionalInfo{height:100%}.AdditionalInfo .wrapper{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;box-shadow:-8px 0 8px -8px rgba(0,0,0,.24),8px 0 8px -8px rgba(0,0,0,.24);height:100%;padding-top:40px}.AdditionalInfo .animate{animation:animateContract .4s}@media only screen and (max-width:990px){.AdditionalInfo .wrapper{background-color:#fff;border-left:0;border-right:0;box-shadow:0 8px 8px -8px rgba(0,0,0,.24),inset 0 3px 6px -3px rgba(0,0,0,.36)!important;height:auto;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:100}.AdditionalInfo .animate{animation:animateContractMobile .4s}}.AdditionalInfo .info-close{right:30px;top:30px}.AdditionalInfo .additional-info-row{margin:0;overflow:hidden;position:relative}.AdditionalInfo .additional-info-col,.AdditionalInfo .additional-info-col1,.AdditionalInfo .additional-info-col2{padding:0!important}.AdditionalInfo .additional-info-col2{display:flex;justify-content:flex-end}.AdditionalInfo .col-frozen{align-items:center;display:flex;min-width:100px;width:100px}.AdditionalInfo .contract-title{word-wrap:break-word;margin-right:60px;max-width:85%}.AdditionalInfo .additional-info-topic{display:block;position:relative}.AdditionalInfo .additional-info-box{display:block;text-shadow:none}.AdditionalInfo hr{margin:10px 0}.AdditionalInfo .info-topics{margin:3px 0;width:200px}.AdditionalInfo .info-content{margin:3px 0}.AdditionalInfo .keys-row{align-items:center;padding:.4rem 0}.AdditionalInfo .keys-topic{display:flex;white-space:nowrap}.AdditionalInfo .keys-action-wrapper{display:flex}.AdditionalInfo .keys-action{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end}.AdditionalInfo .keys-notification{padding:0 1.2rem;white-space:nowrap}.AdditionalInfo .keys-info-box{display:block;position:relative;text-shadow:none}.AdditionalInfo .keys-alert{overflow:visible;padding-top:10px}.AdditionalInfo .keys-alert-body{font-size:17px}.AdditionalInfo .contract-buttons{align-items:flex-end;display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;justify-content:flex-end;row-gap:.8rem}.AdditionalInfo .contract-buttons>div{display:flex;justify-content:flex-end}@media only screen and (max-width:530px){.AdditionalInfo .keys-action-wrapper{min-width:auto;width:100%}}.AdditionalInfo .key-icon{color:#0889dc!important;font-size:16px!important;font-weight:700!important;line-height:14px!important;margin-right:0!important;margin-top:-2px!important}.AdditionalInfo .key-text{font-weight:500}.AdditionalInfo .key-expires,.AdditionalInfo .key-text{display:block;font-size:14px;line-height:14px;padding-top:5px;position:relative}.AdditionalInfo .pricing{margin-top:20px}.AdditionalInfo .additional-info-log{padding-bottom:30px}.AdditionalInfo .check-icon{color:#00ac32!important}.AdditionalInfo .product-title{font-size:16px;margin:20px 0 10px}.AdditionalInfo .product-subtitle{font-size:14px;font-weight:500;margin:10px 0 5px}.AdditionalInfo .product-subtitle-pricing{font-size:14px;font-weight:500;margin:15px 0 5px}.AdditionalInfo .product-account-list{font-size:14px}.AdditionalInfo .product-iban{height:24px;line-height:24px}.AdditionalInfo .package-description{font-size:16px}.AdditionalInfo .history-wrapper{display:block;overflow:visible;position:relative}.AdditionalInfo .history-loading{display:block;height:20px;left:130px;margin-left:20px;position:absolute;top:0;width:20px}@media only screen and (max-width:1340px){.AdditionalInfo .wrapper{border-right:0;box-shadow:-8px 0 8px -8px rgba(0,0,0,.24)}}@media only screen and (max-width:400px){.AdditionalInfo .mobile-heading{margin-top:20px}}.AdditionalInfo .ds-list-item{margin-bottom:0!important}.ContractHandledModal h2.contract-header{margin:25px 0 30px}.ContractHandledModal h3{margin:15px 0}.ContractHandledModal p.font-large{font-size:18px}.ContractHandledModal .contract-name{margin-bottom:35px;overflow:auto;position:relative}.ContractHandledModal .contract-text{float:left;height:44px;line-height:44px;margin-right:30px;position:relative}.ContractHandledModal .contract-input{overflow:hidden;padding:2px;position:relative}.ContractHandledModal .info-row{overflow:auto;padding:3px 0;position:relative}.ContractHandledModal .info-col1{float:left;margin-right:20px;min-width:160px;position:relative}.ContractHandledModal .info-col2{float:left;position:relative}.ContractHandledModal .product-title{line-height:19px}.ContractHandledModal .products-radio{margin:20px 0 0 30px}.ContractHandledModal .additional-billing{margin-left:30px}.ContractHandledModal .package-error{overflow:auto;position:relative}.ContractHandledModal .contract-hr{margin:20px 0}.ContractHandledModal .opux-input-radio label:before{margin-top:10px}.ContractHandledModal input[type=radio]:checked~label:after{margin-top:10px}.ContractHandledModal .error-wrapper{margin-bottom:150px}.ContractHandledModal .create-error{margin:0 0 60px}.ContractHandledModal .modify-error-wrapper{overflow:auto;position:relative}.ContractHandledModal .modify-error{float:right;position:relative}.ContractHandledModal .billing-account{display:"flex";justify-content:"space-between"}.ContractHandledModal .opux-input-checkbox label{font-size:14px;padding-top:0!important}.ContractHandledModal .company-check{height:62px;overflow:visible;position:relative}.ContractHandledModal .company-id{width:200px!important}.ContractHandledModal .company-check-button{margin-left:20px;margin-top:20px}.ContractModal h2.contract-header{margin:25px 0 30px}.ContractModal h2{font-size:2.4rem;margin:15px 0}.ContractModal h3{font-size:2.1rem}.ContractModal p.font-large{font-size:18px}.ContractModal .contract-name{margin-bottom:35px;overflow:auto;position:relative}.ContractModal .contract-text{float:left;height:44px;line-height:44px;margin-right:30px;position:relative}.ContractModal .contract-input{overflow:hidden;padding:2px;position:relative}.ContractModal .info-row{overflow:auto;padding:3px 0;position:relative}.ContractModal .info-col1{margin-right:20px;min-width:160px}.ContractModal .info-col1,.ContractModal .info-col2{float:left;position:relative}.ContractModal .product-title{line-height:19px}.ContractModal .expander-title h2{font-size:1.9rem;margin:0}.ContractModal .products-radio{margin:20px 0 0 30px}.ContractModal .additional-billing{margin-left:30px}.ContractModal .package-error{overflow:auto;position:relative}.ContractModal .contract-hr{margin:20px 0}.ContractModal .opux-input-radio label:before{margin-top:10px}.ContractModal input[type=radio]:checked~label:after{margin-top:10px}.ContractModal .error-wrapper{margin-bottom:150px}.ContractModal .create-error{margin:0 0 60px}.ContractModal .modify-error-wrapper{overflow:auto;position:relative}.ContractModal .modify-error{float:right;position:relative}.ContractModal .billing-account{display:"flex";justify-content:"space-between"}.ContractModal .opux-input-checkbox label{font-size:14px;padding-top:0!important}.OP-rich-select .OP-rich-select__control,.OP-rich-select .OP-rich-select__menu,.OP-rich-select .OP-rich-select__option{cursor:pointer!important}.OP-modal-body{overflow:visible!important}@media only screen and (max-width:611px){.OP-modal-body{margin-bottom:30px}}.ds-option__label:before{margin-top:4px!important}.pricing-name{font-size:2.7rem}.StepsSliderHandled .slider-topics{display:block;font-size:12px;font-weight:500;margin-top:40px;overflow:auto;position:relative}.StepsSliderHandled .slider-color{color:#d45100}.StepsSliderHandled .slider-topic1{float:left;position:relative;width:14%}.StepsSliderHandled .slider-topic2,.StepsSliderHandled .slider-topic3,.StepsSliderHandled .slider-topic4{float:left;position:relative;text-align:center;width:24%}.StepsSliderHandled .slider-topic5{float:right;position:relative;text-align:right;width:14%}.StepsSliderHandled .slider-steps{display:block;height:50px;margin-bottom:35px;max-width:840px;overflow:hidden;position:relative}.StepsSliderHandled .slider-step{float:left;height:50px;position:absolute;text-align:center;width:36px;z-index:1}.StepsSliderHandled .sl-step1{left:0}.StepsSliderHandled .sl-step2{bottom:0;left:0;margin:auto;right:50%;top:0}.StepsSliderHandled .sl-step3{bottom:0;left:0;margin:auto;right:0;top:0}.StepsSliderHandled .sl-step4{bottom:0;left:48%;margin:auto;right:0;top:0}.StepsSliderHandled .sl-step5{right:0}.StepsSliderHandled .slider-hr-step{float:left;height:50px;position:relative;text-align:center;width:25%}.StepsSliderHandled .slider-hr{border-color:rgba(0,0,0,.15);border-width:2px 0 0;margin:24px 0}.StepsSliderHandled .slider-hr-active{background-color:#d45100;border:1px solid #d45100}.StepsSliderHandled .circled-number{background:#fff;border:2px solid #bebebe;border-radius:50%;color:#323232;font-size:16px;height:36px;line-height:20px;margin:7px 0;padding:7px;text-align:center;width:36px}.StepsSliderHandled .circled-active{border:2px solid #d45100}.StepsSliderHandled .checkmark{color:#00ac32;font-size:26px!important;left:5px;position:absolute;top:14px}.StepsSliderHandled .ds-icon path{fill:#00ac32}.StepsSlider{margin:3.6rem 0}.StepsSlider .slider-topics{display:block;font-size:12px;font-weight:500;margin-top:40px;overflow:auto;position:relative}.StepsSlider .slider-color{color:#d45100}.StepsSlider .slider-topic1{float:left;position:relative;width:16%}.StepsSlider .slider-topic2{float:left;position:relative;text-align:center;width:34%}.StepsSlider .slider-topic3{float:left;position:relative;text-align:center;width:33%}.StepsSlider .slider-topic4{float:right;position:relative;text-align:right;width:17%}.StepsSlider .slider-steps{display:block;height:50px;margin-bottom:35px;max-width:840px;overflow:hidden;position:relative}.StepsSlider .slider-step{float:left;height:50px;position:absolute;text-align:center;width:36px;z-index:1}.StepsSlider .sl-step1{left:0}.StepsSlider .sl-step2{bottom:0;left:0;margin:auto;right:33.3%;top:0}.StepsSlider .sl-step3{bottom:0;left:33.3%;margin:auto;right:0;top:0}.StepsSlider .sl-step4{right:0}.StepsSlider .slider-hr-step{float:left;height:50px;position:relative;text-align:center;width:33.3%}.StepsSlider .slider-hr{border-color:rgba(0,0,0,.15);border-width:2px 0 0;margin:24px 0}.StepsSlider .slider-hr-active{background-color:#d45100;border:1px solid #d45100}.StepsSlider .circled-number{background:#fff;border:2px solid #bebebe;border-radius:50%;color:#323232;font-size:16px;height:36px;line-height:20px;margin:7px 0;padding:7px;text-align:center;width:36px}.StepsSlider .circled-active{border:2px solid #d45100}.StepsSlider .checkmark{color:#00ac32;font-size:26px!important;left:5px;position:absolute;top:14px}.StepsSlider .ds-icon path{fill:#00ac32}.ContractSelectionModal .select-tile{-ms-overflow-style:none;background:#fff;border-radius:4px;box-shadow:0 0 2px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.36);box-sizing:border-box;margin-bottom:20px;overflow:hidden;padding:10px 20px;position:relative}.ContractSelectionModal .select-tile:hover{background-color:#f0f0f0;cursor:pointer!important}.ContractSelectionModal .select-tile p{font-size:15px!important}.ContractSelectionModal .ds-option__label{color:#323232!important;font-weight:300!important}.ExistingContract{width:100%}.ExistingContract,.ExistingContract .contract-row{display:flex;flex-grow:1;justify-content:space-between}.ExistingContract .contract-row{align-items:center;transition:height .2s ease}.ExistingContract .contract-row:hover{background-color:#f5f5f5;cursor:pointer}.ExistingContract .contract-row:hover .contract-title{color:#ee5a00!important}.ExistingContract .contract-row:hover .arrow-icon{color:#ee5a00!important}.ExistingContract .contract-row:focus{outline:none}.ExistingContract .contract-row:focus .contract-title{color:#ee5a00!important}.contract-bg-color{background-color:#f5f5f5}.ExistingContract .arrow-icon path{fill:#ee5a00!important}.ExistingContract .contract-title{display:block;flex:1 1 60%;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.ExistingContract .contract-description{align-items:center;display:flex;flex:1 1 40%;font-size:14px;font-weight:500;position:relative;white-space:nowrap}.ExistingContract .contract-type-icon{float:right;font-size:14px;font-weight:500;position:relative;width:24px}.ExistingContract .expander-subtitle{color:#a7a7a7;height:20px}.ExistingContract .expander-initialize,.ExistingContract .expander-subtitle{display:inline-block;min-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ExistingContract .expander-initialize{color:#323232;font-size:14px;font-weight:500;line-height:21px;margin-left:30px!important}.ExistingContract .initialize-text{display:block;float:left;font-size:14px;line-height:24px}.ExistingContract .icon-wrapper{display:block;float:left;margin-right:5px;width:24px}.ExistingContract .expander-icon{color:#0889dc!important;display:block;font-size:16px!important;font-weight:700!important;margin-right:0!important}.ExistingContract .expander-icon-frozen{color:#6e6e6e!important;display:block;font-size:18px!important;font-weight:700!important;margin-right:0!important}.ExistingContract .arrow-icon{display:block}.ExistingContract .font-gray{color:#969696}.ExistingContract .font-orange{color:#ee5a00}@media only screen and (max-width:1199px){.ExistingContract .contract-title{width:50%!important}}@media only screen and (max-width:991px){.ExistingContract .contract-title{width:35%!important}}@media only screen and (max-width:799px){.ExistingContract .contract-title{width:60%!important}}@media only screen and (max-width:650px){.ExistingContract .contract-title{width:40%!important}}@media only screen and (max-width:480px){.ExistingContract .expander-date,.ExistingContract .initialize-text{display:none}}.FreezeModal{margin:0 10px}.ModifyContractNameModal .name-wrapper{overflow:visible;position:relative}.MTLSCertificateModal .certificate{word-wrap:break-word;font-size:13px;margin-right:120px!important;white-space:pre}.MTLSCertificateModal .tile-with-icon{-ms-overflow-style:none;background:#fff;background-position:50%;background-size:cover;border-radius:4px;box-shadow:0 0 2px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.36);margin-bottom:20px;overflow:hidden;padding-left:35px;position:relative}.MTLSCertificateModal .tile-icon{left:15px;position:absolute;top:15px}.MTLSCertificateModal .tile-content{margin:20px 15px 20px 30px}.MTLSCertificateModal .modal-loader{height:40px;margin:30px auto;position:relative;width:40px}.MTLSCertificateModal .download-icon{font-size:20px}.MTLSCertificateModal .certificate-row{overflow:auto;position:relative}.MTLSCertificateModal .certificate-row-update{margin-bottom:10px;overflow:auto;position:relative}.MTLSCertificateModal .certificate-description{float:left;margin-right:20px;position:relative;width:65%}.MTLSCertificateModal .certificate-textfield{vertical-align:baseline}.MTLSCertificateModal .certificate-actions{border:inherit;display:flex;flex-direction:row-reverse;margin:auto;padding:11px;position:relative}.MTLSCertificateModal .certificate-download-button,.MTLSCertificateModal .certificate-remove-button{position:relative}.MTLSCertificateModal .change{max-width:198px;width:100%}.MTLSCertificateModal .delete-info-table{margin-top:30px}.MTLSCertificateModal .delete-info-cell-label{font-size:medium;padding:10px 30px 5px 150px;text-align:right}.MTLSCertificateModal .delete-info-cell-infotext{font-size:large;padding:10px 0 0;text-align:left}@media only screen and (max-width:720px){.MTLSCertificateModal .certificate-description{width:55%}}@media only screen and (max-width:679px){.MTLSCertificateModal .certificate{margin-right:0!important}.MTLSCertificateModal .certificate-description{float:none;width:100%}.MTLSCertificateModal .certificate-button{float:none;margin:30px 0 20px;width:100%}}.dropzone-container{border:.3rem dotted #8f8f8f;border-radius:.4rem;cursor:pointer;display:flex;flex-direction:column;padding:1.6rem}.csr,.dropzone-content{align-items:center;display:flex}.csr{background-color:#dcdcdc;border:.1rem solid #bebebe;border-radius:.4rem;padding:.4rem}.filename{flex-grow:1}.file-remove{align-items:center;display:flex}.OAuthModal .copy-button{float:right;height:32px;margin:0;padding:0!important}.OAuthModal .tile-with-icon{-ms-overflow-style:none;background:#fff;background-position:50%;background-size:cover;border-radius:4px;box-shadow:0 0 2px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.36);margin-bottom:20px;overflow:hidden;padding-left:35px;position:relative}.OAuthModal .tile-icon{left:15px;position:absolute;top:15px}.OAuthModal .tile-content{margin:20px 15px 20px 30px}.OAuthModal .modal-loader{height:40px;margin:30px auto;position:relative;width:40px}.OAuthModal .oauth-row{display:block;font-size:16px;line-height:28px;margin-top:0;overflow:auto;position:relative;width:100%}.OAuthModal .oauth-description{float:left;margin-right:20px;position:relative;width:55%}.OAuthModal .oauth-title{margin-bottom:15px;margin-right:30px;overflow:hidden;width:20%}.OAuthModal .oauth-credentials,.OAuthModal .oauth-title{box-sizing:border-box;display:block;float:left;position:relative}.OAuthModal .oauth-credentials{overflow:visible;width:75%}.OAuthModal .oauth-key{word-wrap:break-word;box-sizing:border-box;display:block;float:left;font-size:16px;line-height:30px;margin-right:30px;min-height:40px;overflow:auto;position:relative;width:68%}.OAuthModal .oauth-button{display:block;float:right;position:relative;width:120px}.OAuthModal .oauth-update-button{display:block;float:right;margin-top:10px;position:relative}.OAuthModal .checkmark{color:#00ac32;font-size:26px!important;line-height:14px}@media only screen and (max-width:700px){.OAuthModal .oauth-credentials,.OAuthModal .oauth-description{float:none;width:100%}.OAuthModal .oauth-update-button{margin-bottom:30px;overflow:visible;width:100%}.OAuthModal .oauth-update-button:focus{border:none}.OAuthModal .oauth-title{font-weight:500;width:100%}.OAuthModal .oauth-key{width:65%}.OAuthModal .client-secret-row{margin-top:20px!important}}@media only screen and (max-width:480px){.OAuthModal .oauth-key{float:none;width:100%}.OAuthModal .oauth-button{float:none;margin-top:20px;width:100%}}.product-info-list li{margin-bottom:.4rem!important;padding:0}.ShowMessage .wrapper{padding-bottom:60px}.ShowMessage .close-button{background-color:transparent;border-style:none;padding:0}.ShowMessage .close-button:focus{outline:1px dotted #323232}@media only screen and (max-width:990px){.ShowMessage .wrapper{background-color:#fff;border-left:0;border-right:0;box-shadow:0 8px 8px -8px rgba(0,0,0,.24),inset 0 3px 6px -3px rgba(0,0,0,.36)!important;height:auto;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:100}.ShowMessage .animate{animation:animateContractMobile .4s}}.ShowMessage .ready{margin:100px 0 35px}.ShowMessage .message-wrapper{margin:0 auto 30px;max-width:460px;position:relative;text-align:center!important}.ShowMessage .message-wrapper h2{margin:0!important}.ShowMessage .message-wrapper p{font-size:20px;margin:15px 0;text-align:center}.ShowMessage .message-close{position:absolute;right:20px;top:30px}.ShowMessage .message{font-size:26px!important;margin-top:0!important}.ShowMessage .abort-message{padding-top:120px!important}.ShowMessage .error-alert{position:relative;top:100px}.ShowMessage .auth-request,.ShowMessage .error-alert p{font-size:16px!important}.SigningCertificateModal .certificate{word-wrap:break-word;font-size:13px;margin-right:120px!important}.SigningCertificateModal .copy-button{float:right;height:32px;margin:0;padding:0!important}.SigningCertificateModal .keys-row{display:block;font-size:16px;line-height:40px;overflow:auto;position:relative}.SigningCertificateModal .keys-col1{width:80px}.SigningCertificateModal .keys-col1,.SigningCertificateModal .keys-col2{display:block;float:left;height:40px;line-height:40px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.SigningCertificateModal .keys-col2{font-size:16px;width:26%}.SigningCertificateModal .keys-col3{display:block;float:left;font-size:16px;height:40px;line-height:40px;margin-right:40px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.SigningCertificateModal .keys-col4{box-sizing:border-box;display:block;float:right;height:40px;padding-top:4px;position:relative;width:120px}.SigningCertificateModal .copy-infobox{display:block;position:absolute;right:125px;top:-16px}.SigningCertificateModal .tile-with-icon{-ms-overflow-style:none;background:#fff;background-position:50%;background-size:cover;border-radius:4px;box-shadow:0 0 2px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.36);margin-bottom:20px;overflow:hidden;padding-left:35px;position:relative}.SigningCertificateModal .tile-icon{left:15px;position:absolute;top:15px}.SigningCertificateModal .tile-content{margin:20px 15px 20px 30px}.SigningCertificateModal .modal-loader{height:40px;margin:30px auto;position:relative;width:40px}.SigningCertificateModal .remove-icon{font-size:20px;margin-left:5px;padding:5px}.SigningCertificateModal .remove-icon:hover{background-color:#fff}.SigningCertificateModal .download-icon{font-size:20px}.SigningCertificateModal .certificate-row{overflow:auto;position:relative}.SigningCertificateModal .certificate-row-update{margin-bottom:10px;overflow:auto;position:relative}.SigningCertificateModal .certificate-description{float:left;margin-right:20px;position:relative;width:65%}.SigningCertificateModal .certificate-actions{display:flex;flex-direction:row-reverse;position:relative}.SigningCertificateModal .certificate-download-button,.SigningCertificateModal .certificate-remove-button{position:relative}.SigningCertificateModal .signing-row{margin-bottom:10px;overflow:auto;position:relative}.SigningCertificateModal .signing-description{float:left;margin-right:20px;position:relative;width:70%}.SigningCertificateModal .signing-button{float:right;margin-top:0;position:relative}.SigningCertificateModal .checkmark{color:#00ac32;font-size:26px!important;line-height:14px}.SigningCertificateModal .delete-info-table{margin-top:30px}.SigningCertificateModal .delete-info-cell-label{font-size:medium;padding:10px 30px 5px 150px;text-align:right}.SigningCertificateModal .delete-info-cell-infotext{font-size:large;padding:10px 0 0;text-align:left}@media only screen and (max-width:720px){.SigningCertificateModal .signing-description{width:55%}.SigningCertificateModal .keys-col3{float:none;width:100%}}@media only screen and (max-width:679px){.SigningCertificateModal .signing-description{float:none;width:100%}.SigningCertificateModal .signing-button{float:none;margin:20px 0;width:100%}.SigningCertificateModal .keys-col2{width:40%}.SigningCertificateModal .keys-col4{float:left}}.UserCreateModal .auth-title{word-wrap:break-word;margin-right:60px;max-width:85%}.UserCreateModal .opux-btn.opux-btn-icon:before{color:#ee5a00}.UserCreateModal .auth-row{margin-bottom:10px}.UserCreateModal .auth-role-wrapper,.UserCreateModal .auth-wrapper{overflow:visible;position:relative}.UserCreateModal .OP-btn-row{margin-top:0!important}.UserCreateModal .opux-v6__ds-input-behavior--disabled{text-decoration:none!important}.UserCreateModal .label-col{align-items:center;display:flex}.Identify{align-items:stretch;display:flex;flex:1 0 auto;margin:0 auto;max-width:1280px;position:relative;width:100%}.Identify .identify-wrapper{flex:1 0 auto;margin:40px;position:relative}.Identify .error-wrapper{display:block;margin:0 auto;position:relative;width:220px}.Identify img{margin-left:10px;max-width:100%}.Identify .identify-info{padding:20px 20px 0;position:relative}.Identify .identify-info-row{align-items:stretch;display:flex;margin-bottom:30px;position:relative;width:100%}.Identify .first-row{margin-top:90px}@media only screen and (max-width:991px){.Identify .first-row{margin-top:0}}.Identify .identify-info-icon{display:block;float:left;height:30px;position:relative;width:30px}.Identify .identify-info-description{display:block;flex:1 1;float:left;font-size:18px;margin:0 0 0 35px;min-height:30px;position:relative;text-align:left}.Identify .identify-loader{align-items:center;display:flex;margin:60px auto;overflow:visible;position:relative;width:60px}.Identify .identify-grid{background-color:#fff;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;display:flex;flex-direction:row;flex-wrap:wrap}.Identify .identify-cell{border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;flex:0 1 33.33%}.Identify .identify-cell-wrapper{padding:2.4rem}.Identify .identify-cell-wrapper:hover{cursor:pointer;outline:1px auto #ee5a00}@media only screen and (max-width:660px){.Identify .identify-cell{flex:0 1 50%}}.Identify .identify-logo{align-items:center;display:flex;height:50px;justify-content:center}.Identify .identify-logo img{max-height:50px;max-width:100px}.Identify .identify-provider{color:#323232;font-size:1.5rem;font-weight:300;text-align:center}.Identify .identify-error{margin-top:80px;position:relative}.Identify .identify-error h2{font-size:28px}.LoginFailed{flex:1 0 auto;margin:0 auto;max-width:760px;padding:80px 30px 50px;text-align:center;width:100%}.LoginFailed p{margin:20px 0 40px}@media only screen and (max-width:575px){.LoginFailed{padding:40px 30px 30px;text-align:center!important}}.NotFound{flex:1 0 auto;padding-top:100px;text-align:center}.Notifications{flex:1 0 auto;margin:0 auto;max-width:650px;width:100%}.Notifications .email-list{border-top:.1rem solid #dcdcdc;display:flex;flex-direction:column;margin:30px 0 40px;position:relative;top:-.1rem;word-break:break-word}.Notifications .email-row{align-items:center;display:flex;flex-direction:row}.Notifications .email{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Notifications .icon:hover{cursor:pointer}.Notifications .icon .ds-icon path{fill:#737373!important}.Notifications .icon:hover .ds-icon path{fill:#f15c00!important}.Notifications .alert-wrapper{margin-top:40px;position:relative;width:100%}.Notifications .alert-button-wrapper{margin:20px 46px 0 0;padding-right:46px;position:relative;width:100%}.Notifications .alert-button{margin:0 auto;position:relative;width:160px}@media only screen and (max-width:679px){.Notifications .alert-button{margin:0 auto;position:relative;width:248px}}.email-removed{word-wrap:break-word;font-weight:500}.input-row{display:flex;flex-direction:row;height:40px;margin-top:30px}.input-title{font-size:15px;font-weight:500;line-height:40px;padding-right:30px;width:160px}.input-element{height:40px;width:100%}.ServiceBreak{flex:1 0 auto;margin:0 auto;max-width:760px;padding:80px 30px 50px;text-align:center}.ServiceBreak p{margin:20px 0 40px}.ServiceBreak .duration{font-weight:500}@media only screen and (max-width:575px){.ServiceBreak{padding:40px 30px 30px;text-align:center!important}}.search .opux-v6__ds-form-row__label{flex:0 0 auto;text-align:left}.search .opux-v6__ds-form-row__item{flex:1 1 auto;max-width:100%}.ServiceProviderInfo{height:100%;width:100%}.ServiceProviderInfo .opux-v6__ds-list-item{margin-bottom:0}.ServiceProviderInfo .wrapper{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;box-shadow:-8px 0 8px -8px rgba(0,0,0,.24),8px 0 8px -8px rgba(0,0,0,.24);height:100%;padding-top:40px;width:100%}.ServiceProviderInfo .animate{animation:animateContract .4s}.ServiceProviderInfo h2{font-size:30px;font-weight:300;margin:0}.ServiceProviderInfo h3{font-size:16px;font-weight:500}.ServiceProviderInfo .contract-buttons{column-gap:1.2rem;display:flex;flex-grow:1;justify-content:flex-end}@media only screen and (max-width:990px){.ServiceProviderInfo .wrapper{background-color:#fff;border-left:0;border-right:0;box-shadow:0 8px 8px -8px rgba(0,0,0,.24),inset 0 3px 6px -3px rgba(0,0,0,.36)!important;height:auto;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:100}.ServiceProviderInfo .animate{animation:animateContractMobile .4s}}.ServiceProviderInfo .info-close{position:absolute;right:30px;top:30px}.ServiceProviderInfo .company-info{display:inline-block;width:140px}.ServiceProviderInfo .additional-info-row{margin:0;overflow:hidden;position:relative}.ServiceProviderInfo .additional-info-col,.ServiceProviderInfo .additional-info-col1,.ServiceProviderInfo .additional-info-col2{padding:0!important}.ServiceProviderInfo .additional-info-col2{display:flex;justify-content:flex-end}.ServiceProviderInfo .col-frozen{align-items:center;display:flex}.ServiceProviderInfo .contract-title{word-wrap:break-word;margin-right:60px;max-width:85%}.ServiceProviderInfo .additional-info-topic{display:block}.ServiceProviderInfo .additional-info-box{display:block;text-shadow:none}.ServiceProviderInfo .ds-list-item{margin-bottom:0!important}.ServiceProviderInfo hr{margin:10px 0}.ServiceProviderInfo .info-content{margin:3px 0}.ServiceProviderInfo .keys-row{align-items:center;padding:.4rem}.ServiceProviderInfo .keys-topic{align-items:center;display:flex;white-space:nowrap}.ServiceProviderInfo .keys-action-wrapper{display:flex}.ServiceProviderInfo .keys-action{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end}.ServiceProviderInfo .keys-notification{align-items:center;padding:0 1.2rem;white-space:nowrap}.ServiceProviderInfo .keys-info-box{display:block}.ServiceProviderInfo .keys-alert{overflow:visible;padding-top:10px}.ServiceProviderInfo .keys-alert-body{font-size:17px}@media only screen and (max-width:530px){.ServiceProviderInfo .keys-action-wrapper{min-width:auto;width:100%}}.ServiceProviderInfo .key-icon{color:#0889dc!important;font-size:16px!important;font-weight:700!important;line-height:14px!important;margin-right:0!important;margin-top:-2px!important}.ServiceProviderInfo .key-text{font-weight:500}.ServiceProviderInfo .key-expires,.ServiceProviderInfo .key-text{display:block;font-size:14px;line-height:14px;padding-top:5px;position:relative}.ServiceProviderInfo .pricing{margin-top:20px}.ServiceProviderInfo .additional-info-log{margin-top:-20px;padding-bottom:30px}.ServiceProviderInfo .check-icon{color:#00ac32!important}.ServiceProviderInfo .product-title{font-size:16px;margin:20px 0 10px}.ServiceProviderInfo .product-subtitle{font-size:14px;font-weight:500;margin:10px 0 5px}.ServiceProviderInfo .product-subtitle-pricing{font-size:14px;font-weight:500;margin:15px 0 5px}.ServiceProviderInfo .product-account-list{font-size:14px}.ServiceProviderInfo .product-iban{height:24px;line-height:24px}.ServiceProviderInfo .package-description{font-size:16px}.ServiceProviderInfo .history-loading{height:30px;margin-left:20px;position:relative;width:30px}.ServiceProviderInfo .price{font-weight:500}.ServiceProviderInfo .attachments{display:flex;flex-direction:column}@media only screen and (max-width:1340px){.ServiceProviderInfo .wrapper{border-right:0;box-shadow:-8px 0 8px -8px rgba(0,0,0,.24)}}@media only screen and (max-width:400px){.ServiceProviderInfo .additional-info-col1,.ServiceProviderInfo .additional-info-col2{width:100%}.ServiceProviderInfo .mobile-heading{margin-top:20px}}.opux-input-segmented input{right:0;top:0}.opux-input-segmented .opux-segment-left:focus+label{outline:2px dashed blue!important}.ServiceProviderRegisterModal .auth-title{word-wrap:break-word;margin-right:60px;max-width:85%}.ServiceProviderRegisterModal .opux-btn.opux-btn-icon:before{color:#ee5a00}.ServiceProviderRegisterModal .auth-row{font-size:18px;line-height:35px;margin-bottom:10px;overflow:auto;position:relative}.ServiceProviderRegisterModal .auth-col1{float:left;height:44px;line-height:44px;margin:0 10px;min-width:110px;position:relative;text-align:left}.ServiceProviderRegisterModal .auth-col2{box-sizing:border-box;float:left;margin:0 10px;min-width:110px;overflow:auto;padding:2px;position:relative;text-align:left}.ServiceProviderRegisterModal .auth-col3{float:left;margin:2px 0 2px 10px;overflow:auto;padding:2px;position:relative}.ServiceProviderRegisterModal .price{font-weight:500}.ServiceProviderRegisterModal .person-title{width:180px}.ServiceProviderRegisterModal .person-input{max-width:300px;width:100%}.ServiceProviderRegisterModal .service-hr{margin:20px 0!important}.ServiceProviderRegisterModal .summary-hr{margin:0 0 15px}.ds-option__label:before{margin-top:0!important}@media only screen and (max-width:1182px){.ServiceProviderRegisterModal .auth-col3{float:left;margin:10px 0 2px 140px;overflow:auto;position:relative}}@media only screen and (max-width:991px){.ServiceProviderRegisterModal .auth-col3{float:left;margin:2px 0 2px 10px;overflow:auto;position:relative}}@media only screen and (max-width:679px){.ServiceProviderRegisterModal .service-wrapper{margin:0 10px}}@media only screen and (max-width:590px){.ServiceProviderRegisterModal .auth-col3{float:left;margin:10px 0 2px 140px;overflow:auto;position:relative}}.ServiceProviderRegisterModal .auth-role-wrapper{overflow:visible;position:relative}.ServiceProviderRegisterModal .opux-date-picker button{float:left}.ServiceProviderRegisterModal .auth-wrapper{overflow:visible;position:relative}.ServiceProviderRegisterModal .OP-btn-row{margin-top:0!important}.ServiceProviderRegisterModal .opux-v6__ds-input-behavior--disabled{text-decoration:none!important}.ServiceProviders{align-items:stretch;display:flex;flex:1 0 auto;margin:0 auto;max-width:1280px;position:relative;width:100%}.ServiceProviders h2{font-size:30px;padding-top:5px}.ServiceProviders li{color:#323232!important;font-size:16px!important;margin-bottom:10px!important}.ServiceProviders .ds-tab{margin-bottom:0!important}.ServiceProviders .button-fixed{display:block;position:absolute;right:30px;top:0}.ServiceProviders .service-tile{-ms-overflow-style:none;background:#fff;border-radius:4px;box-shadow:0 0 2px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.36);margin-bottom:40px;overflow:hidden;padding-left:20px;padding-right:20px;position:relative}.ServiceProviders .service-tile-title{font-size:20px;font-weight:500}.ServiceProviders .row{overflow:auto;position:relative}.ServiceProviders .col-left{float:left;overflow:auto;width:50px}.ServiceProviders .col-right{margin-left:50px;overflow:auto}.ServiceProviders .col-left-tile{float:left;overflow:auto;width:35px}.ServiceProviders .col-right-tile{margin-left:0;overflow:auto}.ServiceProviders .number-circle{border:2px solid #a7a7a7;border-radius:50%;height:32px;line-height:16px;padding:6px 6px 5px 7px;text-align:center;width:32px}.ServiceProviders .number-active{border-color:#d45100!important}.ServiceProviders .orange-icon .ds-icon path{fill:#f15c00!important}@media only screen and (max-width:1552px){.ServiceProviders .button-fixed{top:0}}@media only screen and (max-width:611px){.ServiceProviders .button-fixed{margin:0 0 30px;position:relative;right:auto;top:auto}}.ServiceProviders .loading{margin:20px auto}.ServiceProviders .mobile-mask{display:none}.ServiceProviders .error-wrapper{margin-bottom:50px;margin-top:50px}.ServiceProviders .error-button{display:inline-block;margin:0 auto;overflow:auto}.ServiceProviders .create-error{margin:0 0 30px}.ServiceProviders .row-filler{align-items:stretch;width:100%}.ServiceProviders .custom-tabs .ds-tabs__nav{margin-left:0!important;margin-right:0!important}.ServiceProviders .sp-alert{margin:40px 0}.ServiceProviders .sp-alert .ds-alert__body{font-size:17px!important}@media only screen and (max-width:990px){.ServiceProviders .mobile-mask{background-color:rgba(0,0,0,.3);bottom:-30px;display:block;left:0;position:absolute;right:0;top:0;z-index:99}}@media only screen and (max-width:799px){.ServiceProviders .sp-alert{margin-top:0}}.SessionExpired{margin:60px auto 100px;max-width:600px;position:relative;width:100%}.SnartTillganglig{flex:1 0 auto;margin:0 auto;max-width:760px;padding:80px 30px 50px;text-align:center}.SnartTillganglig p{margin:20px 0 40px}@media only screen and (max-width:575px){.SnartTillganglig{padding:40px 30px 30px;text-align:center!important}}.SuomiFI{flex:1 0 auto;margin:0 auto;max-width:650px}.SuomiFI h1{font-size:32px;font-weight:300}.SuomiFI h2{font-size:24px}.SuomiFI .bullet{margin-left:40px}.SuomiFI ul{list-style:disc none outside!important}.SuomiFI ol,.SuomiFI ul{margin-left:50px}.SuomiFI li{margin-top:20px}@media only screen and (max-width:560px){.SuomiFI ol,.SuomiFI ul{margin-left:30px}}.User .auth-row{align-items:center;display:flex;justify-content:space-between;position:relative;transition:height .2s ease;width:100%}.User .auth-row:hover{cursor:pointer}.User .auth-row:hover .auth-title{color:#ee5a00!important}.User .auth-row:hover .arrow-icon{color:#ee5a00!important}.User .auth-row:focus{outline:none}.User .auth-row:focus .auth-title{color:#ee5a00!important}.User .auth-row.first{border-bottom:1px solid rgba(0,0,0,.15);border-top:none}.User .auth-row.second{border-top:none}.User .auth-title{display:block;float:left}.User .auth-description,.User .auth-title{flex:1 1;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.User .auth-description{font-size:14px;font-weight:500;padding-left:30px}.User .auth-combined-description{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.User .role-description{line-height:18px;overflow:auto}.User .font-gray{color:#969696}.User .font-orange{color:#ee5a00}.user-bg-color{background-color:#f5f5f5}.User .expander-subtitle{color:#a7a7a7}.User .expander-initialize,.User .expander-subtitle{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.User .expander-initialize{color:#323232;font-size:14px;font-weight:500;margin-left:30px!important}.User .expander-icon{color:#0889dc!important;font-size:16px!important}.User .expander-icon,.User .expander-icon-frozen{font-weight:700!important;line-height:20px!important;margin-right:0!important}.User .expander-icon-frozen{color:#6e6e6e!important;font-size:18px!important}@media only screen and (max-width:1190px){.User .auth-title{width:180px!important}}@media only screen and (max-width:1020px){.User .auth-title{width:140px!important}}@media only screen and (max-width:869px){.User .auth-description{max-width:163px!important}}@media only screen and (max-width:670px){.User .auth-title{width:40%!important}}@media only screen and (max-width:480px){.User .expander-date,.User .initialize-text{display:none}}.UserEdit{height:100%}.UserEdit .wrapper{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;box-shadow:-8px 0 8px -8px rgba(0,0,0,.24),8px 0 8px -8px rgba(0,0,0,.24);height:100%;padding-top:40px}.UserEdit .animate{animation:animateContract .4s}@media only screen and (max-width:990px){.UserEdit .wrapper{background-color:#fff;border-left:0;border-right:0;box-shadow:0 8px 8px -8px rgba(0,0,0,.24),inset 0 3px 6px -3px rgba(0,0,0,.36)!important;height:auto;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:100}.UserEdit .animate{animation:animateContractMobile .4s}}.UserEdit .info-close{position:absolute;right:30px;top:30px}@media only screen and (max-width:1340px){.UserEdit .wrapper{border-right:0;box-shadow:-8px 0 8px -8px rgba(0,0,0,.24)}}.UserEdit .auth-title{word-wrap:break-word;margin-right:60px;max-width:85%}.UserEdit .opux-btn.opux-btn-icon:before{color:#ee5a00}.UserEdit .auth-row{font-size:18px;line-height:35px;margin-bottom:10px;overflow:auto;position:relative}.UserEdit .auth-col1,.UserEdit .auth-col2{float:left;margin:2px 10px;min-width:110px;position:relative;text-align:left}.UserEdit .auth-col3{float:left;margin:2px 2px 2px 10px;overflow:visible;position:relative}@media only screen and (max-width:1182px){.UserEdit .auth-col3{margin:10px 2px 2px 140px}}@media only screen and (max-width:991px){.UserEdit .auth-col3{margin:2px 2px 2px 10px}}@media only screen and (max-width:590px){.UserEdit .auth-col3{margin:10px 2px 2px 140px}}.UserEdit .auth-role-wrapper,.UserEdit .auth-wrapper{overflow:visible;position:relative}.UserEdit .date-picker{overflow:visible;width:170px}.UserEdit .opux-date-picker button{float:left}.UserEdit .opux-v6__ds-input-behavior--disabled{text-decoration:none!important}.UserInfo{height:100%}.UserInfo .wrapper{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;box-shadow:-8px 0 8px -8px rgba(0,0,0,.24),8px 0 8px -8px rgba(0,0,0,.24);height:100%;padding-top:40px}.UserInfo .animate{animation:animateContract .4s}@keyframes animateContract{0%{opacity:0;right:-50%}to{opacity:1;right:0}}@keyframes animateContractMobile{0%{left:100%;opacity:0}to{left:0;opacity:1}}@media only screen and (max-width:990px){.UserInfo .wrapper{background-color:#fff;border-left:0;border-right:0;box-shadow:0 8px 8px -8px rgba(0,0,0,.24),inset 0 3px 6px -3px rgba(0,0,0,.36)!important;height:auto;left:0;overflow:auto;position:absolute;top:0;width:100%;z-index:100}.UserInfo .animate{animation:animateContractMobile .4s}}@media only screen and (max-width:1340px){.UserInfo .wrapper{border-right:0;box-shadow:-8px 0 8px -8px rgba(0,0,0,.24)}}.UserInfo .info-close{position:absolute;right:30px;top:30px}@media only screen and (max-width:587px){.UserInfo .remove-button{margin-top:10px}}.UserInfo .auth-title{word-wrap:break-word;margin-right:60px;max-width:85%}.UserInfo .opux-btn.opux-btn-icon:before{color:#ee5a00}.UserInfo .auth-row{font-size:16px;margin-bottom:10px;overflow:auto;position:relative}.UserInfo .auth-col1,.UserInfo .auth-col2{float:left;margin:0 20px;min-width:60px;position:relative;text-align:left}.UserInfo .auth-role-wrapper{position:relative}.UserInfo .user-name{word-wrap:break-word;margin-right:60px;max-width:85%}.UserInfo .OP-alert p{font-size:16px!important;line-height:24px!important;margin-bottom:10px!important}.Users{align-items:stretch;display:flex;flex:1 0 auto;margin:0 auto;max-width:1280px;position:relative;width:100%}.Users h2{font-size:30px;padding-top:5px}.Users .button-fixed{display:block;position:absolute;right:30px;top:0}@media only screen and (max-width:1552px){.Users .button-fixed{top:0}}@media only screen and (max-width:920px){.right-column{padding-left:0!important;padding-right:0!important}}@media only screen and (max-width:611px){.Users .button-fixed{margin:0 0 30px;position:relative;right:auto;top:auto}}.Users .loading{margin:20px auto}.Users .mobile-mask{display:none}.Users .error-wrapper{margin-bottom:50px;margin-top:50px}.Users .error-button{display:inline-block;margin:0 auto;overflow:auto}.Users .create-error{margin:0 0 30px}.Users .row-filler{align-items:stretch;width:100%}@media only screen and (max-width:990px){.Users .mobile-mask{background-color:rgba(0,0,0,.3);bottom:-30px;display:block;left:0;position:absolute;right:0;top:0;z-index:99}}
/*# sourceMappingURL=main.86629fbb.css.map*/