@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}@media screen and (max-width:47rem){html{font-size:51.25%}}body{background:#f5f7f9;font-family:Roboto,sans-serif;font-size:2rem;min-height:100vh}.main-title{color:#424c55;font-size:3rem;font-weight:500;width:100%}.login__rightpane{align-items:center;display:flex;height:100vh;justify-content:center;width:72%}@media screen and (max-width:62.5rem){.login__rightpane{align-items:center;height:75vh;width:100%}}.login__rightpane .loginform{color:#000;display:flex;flex-direction:column;gap:5rem;max-width:54rem;padding:2rem;width:100%}.login__rightpane .loginform .loginform__errors{background:red;border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;margin:-3rem 0;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login__rightpane .loginform .loginform__errors .loginform__error{color:#fff}.login__rightpane .loginform .loginform__h2{color:#424c55;font-size:3rem;font-weight:500}.login__rightpane .loginform .loginform__form{display:flex;flex-direction:column;gap:4rem}.login__rightpane .loginform .loginform__form .loginform__form__inputWrapper{display:flex;flex-direction:column;gap:2rem}.login__rightpane .loginform .loginform__form .loginform__form__inputWrapper .loginform__form__inputWrapper__label{color:#49535d;font-size:2rem}.login__rightpane .loginform .loginform__form .loginform__form__inputWrapper .loginform__form__inputWrapper__input{background:#fff;border:1px solid #d9dfe6;border-radius:3px;flex-grow:1;font-size:1.6rem;height:6rem;padding-left:2rem;width:100%}.login__rightpane .loginform .loginform__form .loginform__form__loginOptionsWrapper{align-items:center;display:flex;justify-content:space-between}.login__rightpane .loginform .loginform__form .loginform__form__loginOptionsWrapper .loginOptionsWrapper__inputWrapper{align-items:center;display:flex;flex-direction:row;gap:1.5rem}.login__rightpane .loginform .loginform__form .loginform__form__loginOptionsWrapper .loginOptionsWrapper__inputWrapper .loginOptionsWrapper__inputWrapper__label{color:#7f8a99;font-size:1.6rem}.login__rightpane .loginform .loginform__form .loginform__form__loginOptionsWrapper .loginOptionsWrapper__inputWrapper .loginOptionsWrapper__inputWrapper__input{aspect-ratio:1/1;border:1px solid #d9dfe6;width:2.5rem}.login__rightpane .loginform .loginform__form .loginform__form__loginOptionsWrapper .loginOptionsWrapper__forgotpwd{color:#0057ff;cursor:pointer;font-size:1.6rem}.login__rightpane .loginform .loginform__form .loginform__form__loginOptionsWrapper .loginOptionsWrapper__forgotpwd:hover{text-decoration:underline}.login__rightpane .loginform .loginform__form .loginform__form__loginButton{background:#0057ff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:inherit;font-size:2rem;height:6rem;width:100%}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__label{color:#7f8a99;font-size:1.6rem}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__label--staysignedin{align-items:center;cursor:pointer;display:flex;height:2.5rem;padding-left:35px;position:relative;-webkit-user-select:none;user-select:none}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__label--staysignedin:hover{text-decoration:underline}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__input{border:1px solid #d9dfe6}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__input--staysignedin{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__input:checked+label span{background-color:#0057ff;border-color:#0057ff}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__input:checked+label span .loginOptionsWrapper__inputWrapper__span--icon{display:block}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__span{align-items:center;background-color:#fff;border:1px solid #d9dfe6;border-radius:3px;display:flex;height:2.5rem;justify-content:center;left:0;padding:4px;position:absolute;top:0;width:2.5rem}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__span div{align-items:center;display:flex;justify-content:center}.login__rightpane .loginform .loginform__form .loginOptionsWrapper__inputWrapper__span--icon{fill:#fff;height:-webkit-min-content;height:min-content;width:100%}.forgotPWPopup{align-items:center;background:rgba(66,76,85,.4);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.forgotPWPopup__form{align-items:center;background:#fff;border-radius:3px;display:flex;flex-direction:column;gap:4rem;padding-bottom:5rem;width:55rem}.forgotPWHeader{border-bottom:1px solid #d9dfe6;height:8rem;padding:3rem;width:100%}.forgotPWHeader__title{color:#000;font-size:2rem;font-weight:400}.forgotPWPopup__form__inputWrapper{display:flex;flex-direction:column;gap:2rem}.forgotPWPopup__form__inputWrapper__label{color:#49535d}.forgotPWPopup__form__inputWrapper__input{background:#fff;border:1px solid #d9dfe6;border-radius:3px;font-size:1.6rem;height:6rem;width:50rem}.forgotPWPopup__form__buttonWrapper{width:-webkit-min-content;width:min-content}.forgotPWPopup__form__buttonWrapper__resetButton{background:#24d11b;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:2rem;height:6rem;width:50rem}.forgotPWPopup__form__buttonWrapper__backButton{background:none;border:none;border-radius:3px;color:#49535d;cursor:pointer;font-size:2rem;font-weight:500;height:6rem;width:50rem}.users{padding:5rem}.users__header{align-items:center;display:flex;height:6rem;justify-content:space-between}.users__header__title{color:#424c55;font-weight:400}.users__header__newuserbutton{background:#0057ff;border-radius:.5rem;color:#fff;padding:1rem 2rem;text-decoration:none}table{border-collapse:collapse;border-spacing:0;width:100%}table>thead>tr>th{background-color:#efefef;padding:.5rem;text-align:left}table>tbody>tr>td{border-bottom:1px solid #efefef;padding:1rem .5rem;white-space:nowrap}.actionbuttonswrapper{display:flex;gap:1rem}.edituserbutton{background:#0057ff;border-radius:3px;color:#fff;font-size:2rem;padding:0 1rem;text-decoration:none}.deleteuserbutton{background:none;border:none;color:#0057ff;cursor:pointer;font-size:2rem;-webkit-text-decoration:underline #0057ff;text-decoration:underline #0057ff}.text-center{text-align:center}.homePage{display:grid;grid-template-columns:30rem auto;grid-template-rows:8rem auto;max-width:100vw;min-height:100vh;transition:.5s}@media screen and (max-width:75rem){.homePage{grid-template-columns:100vw;grid-template-rows:8rem auto 8rem}}.header{background:#fff;justify-content:end;padding:2rem}.header,.header>div{align-items:center;display:flex}.header>div{gap:3rem}.header .notifications{align-items:center;aspect-ratio:1/1;background:#f2f6ff;border-radius:50%;cursor:pointer;display:flex;height:3.5rem;justify-content:center;position:relative;width:3.5rem}.header .notifications img{height:2.3rem}.header .notifications div{aspect-ratio:1/1;background:#0057ff;border-radius:50%;position:absolute;right:.6rem;top:.4rem;width:.8rem}.header .account{align-items:center;border-left:1px solid #eceff2;cursor:pointer;display:flex;gap:1.5rem;height:100%;padding-left:3rem}.header .account figure{aspect-ratio:1/1;background:#f2f6ff;border-radius:50%;box-shadow:inset 30px 0 30px -30px rgba(0,4,21,.05);height:3.5rem}.header .account img{border-radius:50%;height:100%;object-fit:cover}.header .account p{color:#7f8a99;font-size:1.6rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.header .account i{color:#7f8a99;font-size:1.1rem}.header .account .account__popup{background:#fff;box-shadow:0 0 2rem #ccc;cursor:default;display:flex;flex-direction:column;opacity:0;padding:2rem;pointer-events:none;position:absolute;top:8rem;transition:.2s ease-in;z-index:999}.header .account .account__popup--isopen{opacity:1;pointer-events:all}.header .account .account__popup:before{background:#fff;content:"";display:block;height:1rem;position:absolute;right:50%;top:0;-webkit-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg);width:1rem;z-index:2}.header .account .account__popup .account__popup__user{font-size:2rem;font-weight:400}.header .account .account__popup .account__popup__btn{background:#0057ff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:1rem;width:100%}.logo{align-items:center;background:#242f4c;display:flex;gap:2rem;padding:2rem 2.5rem}.logo .logo__img{height:100%;width:19.2rem}.logo .logo__img .st5,.logo .logo__img polygon{fill:#fff!important}.logo h1{color:#fff;font-size:2rem;font-weight:400;min-width:15rem;transition:.2s}.logo--display{display:none!important;height:8rem;margin-left:-2rem;padding:1.5rem;width:8rem}.logo--display .logo--display__img{fill:#fff!important;width:6rem}.logo--display .logo--display__img .st5,.logo--display .logo--display__img polygon{fill:#fff!important}@media screen and (max-width:75rem){.logo{display:none}.logo--display{display:flex!important}}.LinkElement{text-decoration:none}.nav{background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1rem;transition:.5s}.nav .notifthingy{align-items:center;background:#e6eeff;border-radius:50%;color:#0057ff;display:flex;font-size:1.4rem;height:2rem;justify-content:center;text-align:center;width:2rem}.nav__list{list-style:none}.nav__support{color:#0057ff;display:flex;font-size:1.6rem;justify-content:end;padding-right:2rem;text-decoration:none;width:100%}.nav__support:hover{text-decoration:underline}.nav__item__wrapper{align-items:center;border-left:3px solid transparent;display:flex;gap:1.5rem;height:4rem;padding:0 2.5rem;transition:.3s ease-in-out;width:100%}.nav__item__wrapper>i{color:#8a93a1;font-size:1.6rem}.nav__item{align-items:center;cursor:pointer;display:flex;height:7rem;text-decoration:none;transition:.2s ease-in-out;width:100%}.nav__item__icon{fill:#8a93a1;border:none;min-width:1.7rem;width:1.7rem}.nav__item__icon .st0{fill:#8a93a1!important}.nav__item__icon>div{display:flex}.nav__item__icon ellipse,.nav__item__icon path{fill:#8a93a1!important}.nav__item__popout{background:#e6eeff;display:flex;flex-direction:column;gap:1rem;list-style:none;max-height:0;overflow:hidden;padding:0 2rem;transition:max-height .4s ease-in}.nav__item__popout--open{max-height:20rem;padding:.5rem 2rem 2rem}.nav__item__popout__item{align-items:center;background:#fff;border-radius:.5rem;display:flex;height:5rem;justify-content:space-between;padding:0 2rem}.nav__item__popout__item__title{color:#8a93a1;font-size:1.6rem;transition:.3s}.nav__item__popout__item__title--selected{color:#0057ff}.nav__item__popout__item__amount{border-radius:4px;font-size:1.2rem;padding:.5rem}.nav__item__popout__item__amountred{background:#fee6e6;color:#f30e0e}.nav__item__popout__item__amountblue{background:#f2f6ff;color:#0057ff}.nav__item__popout__item:hover .nav__item__popout__item__title{color:#0057ff!important}.nav__item:hover{background:#e6eeff}.nav__item:hover label{color:#0057ff}.nav__item:hover .nav__item__icon{fill:#0057ff}.nav__item:hover .nav__item__icon .st0,.nav__item:hover .nav__item__icon ellipse,.nav__item:hover .nav__item__icon path{fill:#0057ff!important}.nav__item:hover .nav__item__wrapper .notifthingy{background:#fff}.nav__item.selected{background:#e6eeff}.nav__item.selected label{color:#0057ff}.nav__item.selected .nav__item__icon{fill:#0057ff}.nav__item.selected .nav__item__icon .st0,.nav__item.selected .nav__item__icon ellipse,.nav__item.selected .nav__item__icon path{fill:#0057ff!important}.nav__item.selected .nav__item__wrapper{border-left:3px solid #0057ff}.nav__item.selected .nav__item__wrapper .notifthingy{background:#0057ff;color:#fff}.nav__item__title{color:#8a93a1;cursor:pointer;font-size:1.6rem;max-width:120px;text-decoration:none;transition:.2s}.section{align-items:center;box-shadow:inset 30px 0 30px -30px rgba(0,4,21,.05);display:flex;flex-direction:column;padding:5rem}@media screen and (max-width:31.25rem){.section{padding:5rem 1.5rem}}.berichtissueswitch{align-items:center;display:none;grid-row:2/3;height:10rem;justify-content:center}@media screen and (max-width:75rem){.berichtissueswitch{display:flex}}.berichtissueswitch__wrapper{align-items:center;border-radius:5rem;display:flex;height:10rem;justify-content:center;padding:2rem;width:60vw}.berichtissueswitch__wrapper__btnwrapper{align-items:center;background:#f5f7f9;border-radius:5rem;box-shadow:inset 0 0 1.5rem rgba(0,4,21,.1);display:flex;height:100%;position:relative;width:100%}.berichtissueswitch__wrapper__btnwrapper__btn{align-items:center;background:none;border:none;color:#414447;cursor:pointer;display:flex;font-family:inherit;font-size:1.8rem;height:100%;justify-content:center;text-decoration:none;width:100%;z-index:700}.berichtissueswitch__wrapper__btnwrapper__selected{background:#fff;border-radius:5rem;height:85%;left:5px;position:absolute;transition:.3s;width:50%}.berichtissueswitch__wrapper__btnwrapper__selected--right{left:auto;right:0}.navfiller{display:none;grid-row:4/5}@media screen and (max-width:75rem){.navfiller{display:block}}.mobilenav{background:#fff;bottom:0;box-shadow:0 0 1.5rem rgba(0,4,21,.05);display:none;height:8rem;justify-content:center;left:0;position:fixed;right:0;width:100vw}@media screen and (max-width:75rem){.mobilenav{display:flex}}.mobilenav__ul{display:flex;list-style:none}.mobilenav__ul__li{align-items:center;display:flex;height:8rem;justify-content:center;position:relative;width:8rem}.mobilenav__ul__li--selected{background:#e6eeff;border-bottom:3px solid #0057ff}.mobilenav__ul__li--selected .mobilenav__ul__li__icon{fill:#0057ff}.mobilenav__ul__li--selected .mobilenav__ul__li__icon .st0,.mobilenav__ul__li--selected .mobilenav__ul__li__icon ellipse,.mobilenav__ul__li--selected .mobilenav__ul__li__icon path{fill:#0057ff!important}.mobilenav__ul__li--selected .mobilenav__ul__li__title{color:#0057ff}.mobilenav__ul__li:hover{background:#e6eeff}.mobilenav__ul__li:hover .mobilenav__ul__li__icon{fill:#0057ff}.mobilenav__ul__li:hover .mobilenav__ul__li__icon .st0,.mobilenav__ul__li:hover .mobilenav__ul__li__icon ellipse,.mobilenav__ul__li:hover .mobilenav__ul__li__icon path{fill:#0057ff!important}.mobilenav__ul__li:hover .mobilenav__ul__li__title{color:#0057ff}.mobilenav__ul__li__icon{fill:#8a93a1;border:none;min-width:2rem;width:2rem}.mobilenav__ul__li__icon .st0,.mobilenav__ul__li__icon ellipse,.mobilenav__ul__li__icon path{fill:#8a93a1!important}.mobilenav__ul__li__icon>div{display:flex}.mobilenav__ul__li__title{bottom:0;color:#8a93a1;display:none;font-size:1.4rem;position:absolute}.menuOpen{grid-template-columns:8rem auto}.menuOpen .nav__item__title{max-width:0}.menuOpen .nav__item__wrapper{gap:0}.menuOpen .nav__item p{opacity:0;width:0}.menuOpen .nav__item__title{opacity:0}.menuOpen .logo h1{min-width:15rem;opacity:0;pointer-events:none}@media screen and (max-width:75rem){.header{justify-content:space-between}.nav{height:100%;left:-30rem;position:absolute;top:8rem;transition:.5s;width:30rem;z-index:999}.nav .nav__item__title{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.logo h1{opacity:0;pointer-events:none;width:0}.menuOpen{grid-template-columns:30rem auto}.menuOpen .nav{left:0}.menuOpen .nav__item__wrapper{gap:1rem}.menuOpen .nav__item p{opacity:1;width:2rem}.menuOpen .nav__item__title{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;opacity:1}.menuOpen .logo h1{opacity:1;position:static}}.usermanagement__notification{background:#24d11b;bottom:1rem;color:#fff;font-size:2rem;height:5rem;justify-content:center;padding:.5rem;position:fixed;right:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.notificationsPopup,.usermanagement__notification{align-items:center;border-radius:.5rem;display:flex}.notificationsPopup{background:#fff;box-shadow:0 0 2rem #e6e6e6;flex-direction:column;height:36.5rem;opacity:0;pointer-events:none;position:absolute;right:4rem;top:7rem;transition:.5s;width:47rem;z-index:999}.notificationsPopup:before{background:#fff;content:"";display:block;height:1rem;position:absolute;right:48%;top:0;-webkit-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg);width:1rem;z-index:2}.notificationsPopup__title{color:#424c55;font-size:2rem;font-weight:400;padding:2rem;width:100%}.notificationWrapper{border-top:1px solid #eceff2;display:flex;flex-direction:column;gap:2rem;padding:2rem;width:100%}.notification{display:flex;gap:2.5rem;width:100%}.notification__img{aspect-ratio:1/1;border-radius:50%;width:3.5rem}.notification__textwrapper__title{color:#49535d;font-size:1.6rem;font-weight:400}.notification__textwrapper__title--bold{font-weight:500}.notification__textwrapper__time{color:#7f8a99;font-size:1.2rem}.notificationsPopup__buttonrapper{align-items:end;display:flex;height:100%}.notificationsPopup__buttonwrapper__button{background:none;border:none;color:#0057ff;cursor:pointer;display:flex;font-size:1.6rem;justify-self:end;padding-bottom:2rem;text-decoration:none}.is-open{opacity:1;pointer-events:all}.notificationsPopup__buttonwrapper__LinkElement{text-decoration:none}.guestlayout{color:#fff;display:flex;font-family:Roboto,sans-serif;min-height:100vh}@media screen and (max-width:62.5rem){.guestlayout{flex-direction:column}}.leftLoginPane{background:#222e44;background-image:url(/static/media/Artwork.96d08053bde2f0600513.webp);background-size:cover;height:100vh;padding:8rem;width:28%}@media screen and (max-width:87.5rem){.leftLoginPane{padding:4rem}}@media screen and (max-width:62.5rem){.leftLoginPane{height:25%;width:100%}}.textWrapper{display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.leftLoginPane__textWrapper__img{fill:#fff!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:27rem;position:absolute;top:0;width:100%}.leftLoginPane__textWrapper__img .st5,.leftLoginPane__textWrapper__img polygon{fill:#fff!important}@media screen and (max-width:62.5rem){.leftLoginPane__textWrapper__img{position:static}}.textWrapper__div{display:flex;flex-direction:column;gap:4rem}@media screen and (max-width:62.5rem){.textWrapper__div{display:none}}.textWrapper__div__h2{font-size:2.5rem;font-weight:400}.textWrapper__div__h1{font-size:5rem;font-weight:500}@media screen and (max-width:62.5rem){.textWrapper__div__h1{font-size:4rem}}.cmsbutton{box-shadow:0 5px 5px 0 rgba(0,4,21,.03);color:#0057ff;cursor:pointer;height:5rem;justify-content:center;max-width:25rem;text-decoration:none}.cmsbutton,.progresscircle{align-items:center;background:#fff;border-radius:4px;display:flex;width:100%}.progresscircle{border-radius:50%;box-shadow:0 5px 5px 0 rgba(0,4,21,.05);flex-direction:column;gap:1rem;max-width:20rem;min-width:18rem;padding:1.5rem}.progresscircle__title{color:#424c55}.progresscircle__circle{align-items:center;aspect-ratio:1/1;background:radial-gradient(closest-side,#fff 79%,transparent 80% 100%),conic-gradient(#0057ff var(--percentage),#d6e0f5 0);border-radius:50%;box-shadow:inset 0 0 1rem rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:center;width:100%}.progresscircle__circle--overtime{background:radial-gradient(closest-side,#fff 79%,transparent 80% 100%),conic-gradient(#ff8400 var(--percentage),#d6e0f5 0)}.progresscircle__circle__title{color:#424c55;font-size:2.6rem;font-weight:500}.progresscircle__circle__subtitle{color:#8a93a1;font-size:1.6rem;font-weight:500}.dashboard{align-items:flex-start;gap:5rem}.documenten__header{display:flex;flex-direction:column;gap:3rem;margin-bottom:5rem;width:100%}.documenten__header__title{line-height:3rem}.documenten__header__form{height:6rem;position:relative;width:100%}.documenten__header__form__input{background:#fff;border:1px solid #d9dfe6;border-radius:3px;color:#7f8a99;flex-grow:1;font-family:inherit;font-size:1.6rem;height:100%;padding-left:2rem;width:100%}.documenten__header__form__input:focus{outline:none}.documenten__header__form__button{aspect-ratio:1/1;background:none;border:none;cursor:pointer;height:100%;position:absolute;right:0}.documenten__header__form__button--icon{color:#8a93a1;font-size:2rem}.documenten__header__wrapper{display:flex;height:5rem;justify-content:space-between;width:100%}@media screen and (max-width:87.5rem){.documenten__header__wrapper{flex-direction:column;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media screen and (max-width:56.25rem){.documenten__header__wrapper{align-items:center}}.documenten__header__filterwrapper{display:flex;gap:1rem}@media screen and (max-width:56.25rem){.documenten__header__filterwrapper{align-items:center;flex-direction:column;width:100%}}.documenten__header__filterwrapper .documenten__header__filterwrapper__doctypefilter{align-items:center;background:#fff;border:none;border-radius:3px;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);color:#0057ff;cursor:pointer;display:flex;font-size:1.6rem;gap:1rem;height:100%;min-height:5rem;padding:0 2rem}.documenten__header__filterwrapper .documenten__header__filterwrapper__doctypefilter--text{text-transform:capitalize}.documenten__header__filterwrapper .documenten__header__filterwrapper__doctypefilter--icon{fill:#0057ff;aspect-ratio:1/1;height:2rem}.documenten__header__filterwrapper .documenten__header__filterwrapper__doctypefilter--selected{background:#0057ff;color:#fff}.documenten__header__filterwrapper .documenten__header__filterwrapper__doctypefilter--selected .documenten__header__filterwrapper__doctypefilter--icon{fill:#fff}@media screen and (max-width:56.25rem){.documenten__header__filterwrapper .documenten__header__filterwrapper__doctypefilter{width:100%}}.documenten__header__filterwrapper__uploadedbyfilter{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:1rem;height:100%;padding-left:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.documenten__header__filterwrapper__uploadedbyfilter--chevron{background:#fff;border-radius:50%;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);color:#8a93a1;font-size:1.1rem;padding:.9rem;transition:.2s ease-in}.documenten__header__filterwrapper__uploadedbyfilter__figurewrapper{aspect-ratio:1/1;background:#fff;border-radius:50%;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);height:5rem;padding:2px;transition:.2s ease-in}.documenten__header__filterwrapper__uploadedbyfilter:hover .documenten__header__filterwrapper__uploadedbyfilter--chevron,.documenten__header__filterwrapper__uploadedbyfilter:hover .documenten__header__filterwrapper__uploadedbyfilter__figurewrapper{-webkit-transform:scale(1.1);transform:scale(1.1)}.documenten__header__filterwrapper__uploadedbyfilter__figure{aspect-ratio:1/1;background:#f2f6ff;background:#fff;border-radius:50%;box-shadow:inset 30px 0 30px -30px rgba(0,4,21,.05);height:100%}.documenten__header__filterwrapper__uploadedbyfilter__figure--img{border-radius:50%;height:100%;object-fit:cover}.documenten__header__filterwrapper__userfilterpopup{background:#fff;border-radius:3px;border-top-left-radius:15%;box-shadow:30px 0 30px -30px rgba(0,4,21,.13);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:2rem;max-height:20rem;padding:2px;position:relative;width:18rem;z-index:999}.userfilterpopup__ul{height:100%;list-style:none;max-height:20rem;overflow:auto;scrollbar-width:thin}.userfilterpopup__ul__li{align-items:center;cursor:pointer;display:flex;gap:1rem;height:5rem}.userfilterpopup__ul__li__figure{aspect-ratio:1/1;background:#f2f6ff;background:#fff;border-radius:50%;box-shadow:inset 30px 0 30px -30px rgba(0,4,21,.05);height:100%}.userfilterpopup__ul__li__figure--img{border-radius:50%;height:100%;object-fit:cover}.userfilterpopup__ul__li__name{color:#424c55;font-size:2rem;font-weight:400}.documenten__titlewrapper{border-top:1px solid #d9dfe6;padding-bottom:2rem;padding-top:4.5rem;width:100%}.documenten__titlewrapper__title{color:#424c55;font-size:2.6rem;font-weight:500;height:2.6rem;width:100%}.documenten__documentwrapper{background:#fff;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);padding:0 3rem;width:100%}.documenten__document{background:#fff;border-bottom:1px solid #eceff2;display:flex;justify-content:space-between;padding:2rem 0;width:100%}.documenten__document:last-child{border-bottom:none}@media screen and (max-width:37.5rem){.documenten__document{flex-direction:column;gap:2rem}}.documenten__document__textwrapper,.documenten__document__textwrapper__div{align-items:center;display:flex;gap:2rem}.documenten__document__textwrapper__div--title{color:#69717e;font-size:1.6rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.documenten__document__textwrapper__div--date{color:#7f8a99;font-size:1.2rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}@media screen and (max-width:43.75rem){.documenten__document__textwrapper__div{align-items:start;flex-direction:column;gap:0}}.documenten__document__textwrapper__figure{aspect-ratio:1/1;background:#f2f6ff;border-radius:50%;box-shadow:inset 30px 0 30px -30px rgba(0,4,21,.05);height:3rem;position:relative}.documenten__document__textwrapper__figure--img{border-radius:50%;height:100%;object-fit:cover}.documenten__document__textwrapper__figure:hover .documenten__document__textwrapper__figure__uploadedby{opacity:1;pointer-events:all}.documenten__document__textwrapper__figure__uploadedby{background:#fff;border-radius:3px;box-shadow:0 0 .5rem #d9d9d9;color:#4b5563;font-size:1.2rem;left:2rem;min-width:-webkit-max-content;min-width:max-content;opacity:0;padding:3px;pointer-events:none;position:absolute;top:-3px;transition:.4s;z-index:999}.documenten__document__linkwrapper{align-items:center;display:flex;gap:1rem}@media screen and (max-width:37.5rem){.documenten__document__linkwrapper{padding-left:1rem}}.documenten__document__linkwrapper__img{fill:#0057ff;aspect-ratio:1/1;height:2rem}.documenten__document__linkwrapper__img>div{height:2rem}.documenten__document__linkwrapper__link{color:#0057ff;font-size:1.6rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.documenten__document__linkwrapper__link:hover{cursor:pointer;text-decoration:underline}.documenten__footer{align-items:center;display:flex;flex-direction:column;gap:2.5rem;padding-top:5rem;width:100%}.documenten__footer__amountshown{color:#69717e;font-size:1.2rem}.documenten__footer__amountprogressbar{background:#fff;height:.4rem;width:20rem}.documenten__footer__amountprogressbar--progress{background:#d9dfe6;height:100%}.documenten__footer .documenten__footer__loadmorebutton{background:#fff;border-radius:3px;color:#0057ff;font-size:1.2rem;font-weight:400;padding:1rem 2.5rem;transition:.3s}.documenten__footer .documenten__footer__loadmorebutton:hover{margin-top:.8rem}.projecten{display:flex;flex-direction:column;gap:5rem;padding-top:4.3rem}.projecten .projecten__header{display:flex;flex-direction:column;gap:3rem;width:100%}.projecten .projecten__header .titleLinksWrapper{display:flex;gap:1rem;width:100%}.projecten .projecten__header .titleLinksWrapper a{color:#7f8a99;transition:.4s}.projecten .projecten__header .titleLinksWrapper a:hover{color:#37f}.projecten .projecten__header .titleLinksWrapper a:first-of-type{border-right:1px solid #dde1e6;padding-right:2rem}@media screen and (max-width:37.5rem){.projecten .projecten__header .titleLinksWrapper{flex-direction:column}}.projecten .status{background:#fff;border-radius:3px;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);width:100%}.projecten .status .status__header{border-bottom:1px solid #eceff2;display:flex;justify-content:space-between}.projecten .status .status__header h3{color:#49535d;font-size:2rem;font-weight:400;padding:3rem}.projecten .status .status__header div{align-items:center;display:flex;gap:3rem;padding:1.5rem}.projecten .status .status__header div .status__header__link{color:#0057ff;cursor:pointer;font-size:1.6rem;text-decoration:underline}.projecten .status .status__header div .status__header__button{border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:400;height:100%;padding:0 3rem}.projectVerloop{display:flex;flex-direction:column;gap:2.5rem;padding:3rem}.projectVerloop .projectVerloop__header{display:flex;gap:1rem}.projectVerloop .projectVerloop__header h3{color:#49535d;font-size:2rem;font-weight:400}.projectVerloop .projectVerloop__header p{color:#24d11b;font-weight:300}.projectVerloop .projectVerloop__header p b{font-weight:500}.projectVerloop .progressBar{border-radius:3px;display:flex;justify-content:space-evenly;width:100%}@media screen and (max-width:100rem){.projectVerloop .progressBar{flex-direction:column}}.progressBar__a{align-items:center;border:1px solid #d9dfe6;border-left:none;color:#7f8a99;display:flex;font-size:1.6rem;height:6rem;justify-content:center;position:relative;text-decoration:none;width:100%}.progressBar__a:first-of-type{border:1px solid #d9dfe6;border-bottom-left-radius:3px;border-left:none!important;border-top-left-radius:3px}.progressBar__a:last-of-type{border-bottom-right-radius:3px;border-top-right-radius:3px}@media screen and (max-width:100rem){.progressBar__a{border:1px solid #d9dfe6;border-top:none}.progressBar__a:first-of-type{border:1px solid #d9dfe6;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.progressBar__a:last-of-type{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top-right-radius:0}}.progressBar__a.is-finished{background:#24d11b;border:none;border-left:1px solid #6ceb66;color:#fff}.progressBar__a.is-finished:before{background:#fff;content:"";display:block;height:10px;position:absolute;top:100%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:10px;z-index:2}@media screen and (max-width:100rem){.progressBar__a.is-finished:before{right:0;-webkit-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg)}}.progressBar__a.is-finished:after{background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 3px 3px 0 rgba(0,4,21,.1);color:#24d11b;content:"100%";display:block;font-weight:500;padding:7px 10px;position:absolute;top:100%;z-index:1}@media screen and (max-width:100rem){.progressBar__a.is-finished:after{right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}}.progressBar__a.is-finished--nopercentage:after,.progressBar__a.is-finished--nopercentage:before{display:none}.progressBar__a.is-finished--overtime{background:#ff8400;border-left:none}.progressBar__a.is-finished--overtime:after{color:#ff8400;content:attr(data-percentage)}.progressBar__a.is-inprogress{background:#eefceb;border:none;border-left:1px solid #a1ee90;color:#24d11b}.progressBar__a.is-inprogress:before{background:#fff;content:"";display:block;height:10px;position:absolute;top:100%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:10px;z-index:2}@media screen and (max-width:100rem){.progressBar__a.is-inprogress:before{right:0;-webkit-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg)}}.progressBar__a.is-inprogress:after{background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 3px 3px 0 rgba(0,4,21,.1);color:#24d11b;content:"Lopend";display:block;font-weight:500;padding:7px 10px;position:absolute;top:100%;z-index:1}@media screen and (max-width:100rem){.progressBar__a.is-inprogress:after{right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}}.progressBar__a.is-inprogress--overtime:after{content:"Lopend " attr(data-percentage)}.is-finished+.progressBar__a.is-inprogress,.is-finished--overtime+.progressBar__a.is-inprogress{border-left:none}.projectVerloop--datum{display:flex;justify-content:space-between}.projectVerloop--datum p{color:#7f8a99;font-size:1.2rem}.projectCoordinatie{border-top:1px solid #eceff2;padding:3rem}.projectCoordinatie .projectCoordinatie__header{display:flex;gap:1rem}.projectCoordinatie .projectCoordinatie__header h3{color:#49535d;font-size:2rem;font-weight:400;padding-bottom:2.5rem}.projectCoordinatie .projectCoordinatie__header p{color:#24d11b;font-weight:300}.projectCoordinatie .projectCoordinatie__header p b{font-weight:500}.projectCoordinatie .projectCoordinatie__progressBar{border-radius:3px;display:flex;height:5rem;width:100%}.projectCoordinatie .projectCoordinatie__progressBar--progress{align-items:center;background:#eefceb;border:1px solid #24d11b;color:#24d11b;display:flex;font-size:1.6rem;height:100%;justify-content:space-between;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:0 2rem}.projectCoordinatie .projectCoordinatie__progressBar--progress b{font-weight:500}.projectCoordinatie .projectCoordinatie__progressBar--progress-left{border:1px solid #d9dfe6;border-left:none;height:100%}.akkoordNodig{display:flex;gap:1rem;min-width:30rem}.akkoordNodig__p{align-items:center;background:#fee6e6;border-radius:3px;color:#f30e0e;display:flex;font-size:1.6rem;height:100%;justify-content:center;min-height:4rem;width:100%}.akkoordNodig.is-open{opacity:1;pointer-events:all}@media screen and (max-width:31.25rem){.akkoordNodig{padding-bottom:2rem}}.btn{align-items:center;-webkit-appearance:none;background:#0057ff;border:none;border-radius:3px;box-shadow:0 2px 10px 0 rgba(0,51,96,.15);color:var(--primary-btn-bg-color);color:#fff;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:calc(14.25926px + .18519vw);font-weight:400;height:auto;justify-content:center;outline:none;padding:13px 30px;text-decoration:none;-webkit-transform:translateY(0);transform:translateY(0);transition:.3s ease-in}.btn:hover{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}.btn--projectdetails{background:#0057ff;border-radius:3px;color:#fff;height:100%;min-height:4rem;width:100%}.btn--projectdetails,.btn--retrysignature{font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:400;padding:0}.btn--retrysignature{background:none;box-shadow:none;color:#0057ff;position:absolute;right:2rem;text-decoration:underline;top:2rem}.btn--bluewhite{align-items:center;background:#fff;border:none;border-bottom:2px solid transparent;border-radius:3px;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);color:#0057ff;cursor:pointer;display:flex;font-size:1.6rem;gap:1rem;height:100%;min-height:5rem;padding:0 2rem;text-transform:capitalize}.btn--bluewhite>div{fill:#0057ff;aspect-ratio:1/1;height:2rem}.btn--bluewhite--selected{border-color:#0057ff}.btn--greenwhite{background:#fff;border:none;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);color:#24d11b;cursor:pointer;display:flex;font-size:1.6rem;font-weight:400;gap:1.4rem;min-height:5rem;padding:0 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn--greenwhite>div{fill:#24d11b;aspect-ratio:1/1;height:2rem;z-index:999}.btn--greenwhite>div .st0{fill:#24d11b!important}.btn--greywhite{background:#fff;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);color:#8a93a1;font-family:inherit;font-size:1.6rem;height:4rem;padding:0 1.5rem}.btn--greywhite:hover{color:#0057ff}.fa-file-pdf{color:#424c55}.fa-file-powerpoint{color:#f5632d}.fa-file-word{color:#0057ff}.fa-file-excel{color:#017338}.link{background:none;border:none;color:#0057ff;-webkit-text-decoration:underline #0057ff;text-decoration:underline #0057ff;transition:.1s ease-in}.link:hover{margin-top:-.2rem}.SignaturePopup{align-items:center;background:rgba(66,76,85,.4);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.5s;width:100%;z-index:100}.SignaturePopup .clickablebackground{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:900}.SignaturePopup__form{align-items:center;background:#fff;border-radius:3px;display:flex;flex-direction:column;width:55rem;z-index:999}.SignaturePopup__form__header{border-bottom:1px solid #d9dfe6;display:flex;justify-content:space-between;padding:3rem 3rem 3.5rem;width:100%}.SignaturePopup__form__header--h1{color:#49535d;font-size:2rem;font-weight:400}.SignaturePopup__form__inputWrapper{align-items:center;display:flex;flex-direction:column;padding:0 3rem;width:100%}.SignaturePopup__form__inputWrapper>div{position:relative;width:100%}.SignaturePopup__form__inputWrapper--label{color:#7f8a99;padding:3rem}.SignaturePopup__form__inputWrapper--input{background:#fff;border:2px dashed #0057ff;border-radius:3px;font-size:1.6rem;height:19rem;margin-bottom:1rem;width:100%}.SignaturePopup__form__inputWrapper .SignaturePopup__form__inputWrapper__buttonwrapper{display:flex;justify-content:space-between}.SignaturePopup__form__buttonWrapper{align-items:center;display:flex;flex-direction:column;width:-webkit-min-content;width:min-content}.SignaturePopup__form__buttonWrapper--submit{background:#24d11b;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:2rem;height:6rem;width:50rem}.SignaturePopup__form__buttonWrapper--back{background:none;border:none;border-radius:3px;color:#49535d;cursor:pointer;font-size:2rem;font-weight:500;height:6rem;width:50rem}.SignaturePopup__form__buttonWrapper--bottomText{color:#7f8a99;font-size:1.2rem;padding:3rem 0}.SignaturePopup.is-open{opacity:1;pointer-events:all}.savesignature{align-items:center;display:flex;gap:.5rem;left:2rem;position:absolute;top:2rem;z-index:999}.savesignature__label{color:#0057ff;font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:400}.showsignaturepathdata{left:5rem;position:absolute;top:5rem}.goedgekeurdDoor{align-items:center;background:#eefceb;border-radius:3px;color:#24d11b;display:flex;font-size:1.6rem;height:100%;justify-content:center;min-height:4rem;min-width:30rem;padding:0 1rem}.goedgekeurdDoor span{padding-right:1rem}@media screen and (max-width:31.25rem){.goedgekeurdDoor{margin-bottom:2rem}}.urenBalk{align-items:center;background:#f5f7f9;border-radius:3px;color:#7f8a99;display:flex;font-size:1.6rem;height:100%;justify-content:space-between;min-height:4rem;padding:0 1rem;width:100%}.urenBalk__info{display:flex;gap:1rem}.urenBalk__info--date{align-items:center;display:flex;font-size:1.2rem}.urenBalk__hours--red{color:#f30e0e;font-weight:400}.projectDetails__detail__info--meerwerk h2{color:#69717e;font-size:2rem;font-weight:400;padding:1.5rem 0 2rem}.projectDetails__detail__info--meerwerk .meerwerk__designwrapper{grid-gap:1rem;border-bottom:1px solid #eceff2;display:grid;gap:1rem;grid-template-rows:4rem 4rem 4rem;margin-bottom:1.5rem;padding-bottom:3rem}.projectDetails__detail__info--meerwerk .meerwerk__techniekwrapper{grid-gap:1rem;display:grid;gap:1rem;grid-template-rows:4rem}.totaalmeerwerk{border-top:1px solid #eceff2;padding:3rem}.totaalmeerwerk__h3{color:#49535d;font-size:2rem;font-weight:400;padding-bottom:2.5rem}.totaalmeerwerk__wrapper{display:flex;gap:1rem;height:5rem}.totaalmeerwerk__wrapper__bar{align-items:center;background:#f2f6ff;border:1px solid #0057ff;color:#0057ff;display:flex;font-size:1.6rem;gap:.4rem;padding-left:1.5rem;width:100%}.totaalmeerwerk__wrapper__bar--bold{font-weight:500}.totaalmeerwerk__wrapper__button{font-size:1.6rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.projectDetailsTitle{border-bottom:1px solid #eceff2;display:flex;font-size:2rem;justify-content:space-between;padding:3rem}.projectDetailsTitle .projectDetailsTitle__title{color:#49535d;font-weight:400;text-transform:capitalize}.projectDetailsTitle>i{color:#b4c0d3;cursor:pointer;width:1.4rem}.projectDetailsTitle .fa-plus{display:none}.projectDetailsTitle--isclosed{border:none}.projectDetailsTitle--isclosed .fa-minus{display:none}.projectDetailsTitle--isclosed .fa-plus{display:block}.projectDetails{display:flex;flex-direction:column;gap:1rem;width:100%}.projectDetails--h2{color:#424c55;font-size:3rem;font-weight:500;padding-bottom:2rem;width:100%}.projectDetails__detail{background:#fff;border-radius:3px;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);width:100%}.projectDetails__detail__akkoordwrapper{grid-template-columns:auto 30rem}@media screen and (max-width:62.5em){.projectDetails__detail__akkoordwrapper{display:flex!important;flex-direction:column}}.projectDetails__detail__info{display:flex;flex-direction:column;gap:1rem;max-height:110rem;padding:3rem;transition:max-height .25s ease-in}.projectDetails__detail__info__wrapper{display:flex;gap:1rem}.projectDetails__detail__info--isclosed{max-height:0;overflow:hidden;padding:0 3rem;transition:max-height .25s ease-out}.projectDetails__detail__info--design{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:auto 30rem;grid-template-rows:4rem 4rem;width:100%}.projectDetails__detail__info--bouwwebsite{display:flex;flex-direction:column;gap:1rem}.projectDetails__detail__info--bouwwebsite .urenBalk{height:4rem}.projectDetails__detail--offerte{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:0}.offerteondertekenen__header{align-items:center;display:flex;gap:3rem;padding-bottom:3.5rem;width:100%}.offerteondertekenen__header__backbutton{background:#0057ff;border-radius:3px;color:#fff;font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:400;height:5rem;padding:0 1.8rem}.offerteondertekenen__header__title{color:#424c55;font-size:3rem;font-weight:500}.offerteondertekenen__section{background:#fff;border-radius:3px}.offerteondertekenen__wrapper{display:flex;gap:4rem;width:100%}@media screen and (max-width:87.5rem){.offerteondertekenen__wrapper{flex-direction:column-reverse}}@media screen and (max-width:47rem){.offerteondertekenen__wrapper{flex-direction:row}}@media screen and (max-width:37.5rem){.offerteondertekenen__wrapper{flex-direction:column-reverse}}.offerteondertekenen__wrapper__section{background:#fff;border-radius:3px}.offerteondertekenen__section__header{border-bottom:1px solid #eceff2;display:flex;justify-content:space-between;padding:3rem}.offerteondertekenen__section__header__title{color:#49535d;font-size:2rem;font-weight:400}.offerteondertekenen__section__header__a{color:#0057ff;font-size:1.6rem;text-decoration:underline}.offerteondertekenen__pdfsection{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:107rem;width:100%}.offerteondertekenen__pdfsection__pdf{display:flex;justify-content:center;padding:6rem}.offerteondertekenen__pdfsection__pdf__figure{align-items:center;border-radius:6px;box-shadow:0 2px 30px 0 rgba(0,20,83,.15);display:flex;height:53rem;justify-content:center;max-height:53rem;overflow:hidden;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.offerteondertekenen__pdfsection__pdf__figure__img{height:100%}.offerteondertekenen__pdfsection__pdf__figure__download{align-items:center;aspect-ratio:1/1;background:#0057ff;border-radius:50%;display:flex;height:12rem;justify-content:center;position:absolute;width:12rem}.offerteondertekenen__pdfsection__pdf__figure__download__icon{width:5rem}.offerteondertekenen__sidebar{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:41rem;width:100%}.offerteondertekenen__sidebar__header{border-bottom:1px solid #eceff2;display:flex;justify-content:space-between;padding:3rem}.offerteondertekenen__sidebar__header__title{color:#49535d;font-size:2rem;font-weight:400}.offerteondertekenen__sidebar__header__checkmark{align-items:center;background:#23d11b;border-radius:50%;color:#fff;display:flex;font-size:1.6rem;height:3.4rem;justify-content:center;padding:0 .8rem}.offerteondertekenen__sidebar__inputwrapper{display:flex;flex-direction:column;gap:1rem;padding:3rem}.offerteondertekenen__sidebar__inputwrapper__label{color:#49535d;font-size:2rem;font-weight:400;padding-bottom:1rem}.offerteondertekenen__sidebar__inputwrapper__input{border:1px solid #d9dfe6;color:#7f8a99;font-size:1.6rem;height:6rem;padding-left:1rem}.offerteondertekenen__sidebar__inputwrapper__button{background:#24d11b;border-radius:3px;color:#fff;font-family:Roboto,sans-serif;font-size:2rem;font-weight:400;height:6rem;width:100%}.offerteondertekenen__sidebar__date{color:#7f8a99;font-size:1.2rem;padding-bottom:3rem;text-align:center;width:100%}.react-pdf__Document{padding:5rem}.react-pdf__Page__annotations,.react-pdf__Page__textContent{display:none}.react-pdf__Page{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.react-pdf__Page__canvas{box-shadow:0 0 2rem #b3b3b3;height:100%!important;width:100%!important}.offertepdf__nav{display:flex;justify-content:space-between;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:50%}.offertepdf__nav__button{align-items:center;aspect-ratio:1/1;background:#0072fe;border:none;border-radius:50%;box-shadow:0 2px 10px 0 rgba(0,51,96,.15);cursor:pointer;display:flex;pointer-events:all;position:relative;width:14rem}.offertepdf__nav__button:first-child{margin-left:-9rem}.offertepdf__nav__button:last-child{margin-right:-9rem}.offertepdf__nav__button i{color:#fff;font-size:3rem;position:absolute}.offertepdf__nav__button i.right{left:2rem}.offertepdf__nav__button i.left{right:2rem}.issues{padding:5rem}.issues__header,.issues__title{padding-bottom:2rem}.issues__header{border-bottom:1px solid #dae0e7;display:flex;justify-content:space-between;margin-bottom:5rem}@media screen and (max-width:50rem){.issues__header{flex-direction:column;gap:1rem}}.issues__header__filterwrapper{display:flex;gap:1rem}@media screen and (max-width:28.125rem){.issues__header__filterwrapper{flex-direction:column}}.issues__header__buttonwrapper{align-items:center;display:flex;gap:2rem}@media screen and (max-width:50rem){.issues__header__buttonwrapper{flex-direction:row-reverse;justify-content:start}}.issues__header__buttonwrapper__archive{background:none;border:none;color:#0057ff;cursor:pointer;font-family:Roboto,sans-serif;font-size:calc(14.25926px + .18519vw)}.issues__header__buttonwrapper__archive:hover{text-decoration:underline}.issues__issuewrapper{background:#fff;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);padding:0 3rem;width:100%}.issues__issue{background:#fff;border-bottom:1px solid #eceff2;display:flex;justify-content:space-between;padding:1.5rem 0;width:100%}.issues__issue:last-child{border-bottom:none}@media screen and (max-width:37.5rem){.issues__issue{flex-direction:column;gap:2rem}}.issues__issue__textwrapper,.issues__issue__textwrapper__div{align-items:center;display:flex;gap:2rem}.issues__issue__textwrapper__div{cursor:pointer}.issues__issue__textwrapper__div:hover .issues__issue__textwrapper__div--title{text-decoration:underline}.issues__issue__textwrapper__div--title{color:#69717e;font-size:1.6rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.issues__issue__textwrapper__div--date{color:#7f8a99;font-size:1.2rem}@media screen and (max-width:43.75rem){.issues__issue__textwrapper__div{align-items:start;flex-direction:column;gap:0}}.issues__issue__btnwrapper__userwrapper{align-items:center;cursor:pointer;display:flex}.issues__issue__btnwrapper__userwrapper__chevron{color:#424c55;font-size:1.4rem;padding-right:1rem}.issues__issue__btnwrapper__userwrapper__figure{aspect-ratio:1/1;background:#f2f6ff;border-radius:50%;box-shadow:inset 30px 0 30px -30px rgba(0,4,21,.05);height:3rem;position:relative;width:1.8rem}.issues__issue__btnwrapper__userwrapper__figure--img{aspect-ratio:1/1;border-radius:50%;height:100%;object-fit:cover}.issues__issue__btnwrapper__userwrapper__figure:hover .issues__issue__btnwrapper__userwrapper__figure__by{opacity:1;pointer-events:all}.issues__issue__btnwrapper__userwrapper__figure__by{background:#fff;border-radius:3px;box-shadow:0 0 .5rem #d9d9d9;color:#4b5563;font-size:1.2rem;left:2rem;min-width:-webkit-max-content;min-width:max-content;opacity:0;padding:3px;pointer-events:none;position:absolute;top:-3px;transition:.4s;z-index:999}.issues__issue__btnwrapper{display:flex;gap:1.5rem}@media screen and (max-width:37.5rem){.issues__issue__btnwrapper{padding-left:1rem}}.issues__issue__btnwrapper__status{align-items:center;background:#7f8a99;border-radius:5rem;color:#fff;display:flex;font-size:1.8rem;height:100%;padding:0 2rem;position:relative}.issues__issue__btnwrapper__btn{background:none;border:none;color:#0057ff;cursor:pointer;font-size:2.2rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.issues__footer{align-items:center;display:flex;flex-direction:column;gap:2.5rem;padding-top:5rem;width:100%}.issues__footer__amountshown{color:#69717e;font-size:1.2rem}.issues__footer__amountprogressbar{background:#fff;height:.4rem;overflow:hidden;width:20rem}.issues__footer__amountprogressbar--progress{background:#d9dfe6;height:100%}.issues__footer .issues__footer__loadmorebutton{background:#fff;border-radius:3px;color:#0057ff;font-size:1.2rem;font-weight:400;padding:1rem 2.5rem;transition:.3s}.issues__footer .issues__footer__loadmorebutton:hover{margin-top:.8rem}.issue__btnwrapper__status__popup{background:#fff;border-radius:1rem;box-shadow:0 0 2rem #e6e6e6;display:flex;flex-direction:column;gap:1rem;left:0;padding:1rem;position:absolute;top:0;width:auto;z-index:999}.issue__btnwrapper__status__popup__btn{align-items:center;background:#7f8a99;border:none;border-radius:5rem;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:3rem;padding:0 2rem}.issue__btnwrapper__status__popup__btn--bussy,.issue__btnwrapper__status__popup__btn--complete,.issue__btnwrapper__status__popup__btn--unread{background:#7f8a99}.selectedissue{background:rgba(0,0,0,.1);display:flex;height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:900}.selectedissue__left{cursor:pointer;height:100vh;width:55vw}@media screen and (max-width:75rem){.selectedissue__left{width:35vw}}@media screen and (max-width:36.5rem){.selectedissue__left{width:0}}.selectedissue__right{background:#fff;box-shadow:0 0 2rem rgba(0,0,0,.2);display:flex;flex-direction:column;height:100vh;width:45vw}@media screen and (max-width:75rem){.selectedissue__right{width:65vw}}@media screen and (max-width:36.5rem){.selectedissue__right{width:100vw}}.selectedissue__right__header{border-bottom:1px solid #eceff2;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2.5rem 5rem}.selectedissue__right__header__nav{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.selectedissue__right__header__nav>div{align-items:center;display:flex;gap:1rem}.selectedissue__right__header__nav__close{color:#424c55;cursor:pointer;font-size:2.2rem}.selectedissue__right__header__nav__btn{background:none;border:none;color:#0057ff;cursor:pointer;font-size:2.8rem}.selectedissue__right__header__nav__status{align-items:center;background:#7f8a99;border-radius:5rem;color:#fff;display:flex;font-size:2rem;height:100%;padding:.2rem 2.2rem;position:relative}.selectedissue__right__header__nav__status__popup{background:#fff;border-radius:1rem;box-shadow:0 0 2rem #e6e6e6;display:flex;flex-direction:column;gap:1rem;left:0;padding:1rem;position:absolute;top:0;width:auto;z-index:999}.selectedissue__right__header__nav__status__popup__btn{align-items:center;background:#7f8a99;border:none;border-radius:5rem;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:3rem;padding:0 2rem}.selectedissue__right__header__nav__status__popup__btn--bussy,.selectedissue__right__header__nav__status__popup__btn--complete,.selectedissue__right__header__nav__status__popup__btn--unread{background:#7f8a99}.selectedissue__right__header__wrapper{align-items:center;color:#424c55;display:flex;justify-content:space-between;padding-top:1rem}.selectedissue__right__header__wrapper__title{font-size:3rem;font-weight:500}.selectedissue__right__header__wrapper__chevron{cursor:pointer}.selectedissue__right__header__descriptionwrapper{max-height:0;overflow:hidden;padding-top:1rem;pointer-events:none;transition:max-height .2s ease-in}.selectedissue__right__header__descriptionwrapper--open{max-height:20rem;opacity:1;pointer-events:all}.selectedissue__right__header__descriptionwrapper__description{color:#47494d;font-size:1.8rem;opacity:1}.selectedissue__right__chat{background:#f5f7f9;display:flex;flex-direction:column;gap:2rem;height:100%;overflow-y:scroll;padding:2rem 3rem;width:100%}.selectedissue__right__chat__message{background:#fff;border-radius:6px;box-shadow:0 0 1.5rem rgba(0,0,0,.1);max-width:80%;min-width:40%;position:relative;z-index:9}.selectedissue__right__chat__message--right{align-self:flex-end;border-top-right-radius:0}.selectedissue__right__chat__message--right:before{border-color:transparent transparent transparent #fff;border-style:solid;border-width:1.5rem 0 1.5rem 1.5rem;content:"";height:0;position:absolute;right:-1.5rem;top:0;width:0}.selectedissue__right__chat__message--left{align-self:flex-start;border-top-left-radius:0}.selectedissue__right__chat__message--left:before{border-color:transparent #fff transparent transparent;border-style:solid;border-width:1.5rem 1.5rem 1.5rem 0;content:"";height:0;left:-1.5rem;position:absolute;top:0;width:0}.selectedissue__right__chat__message--big{min-width:60%}.selectedissue__right__chat__message__header{align-items:center;border-bottom:1px solid #d9dadb;display:flex;justify-content:space-between;padding:1rem}.selectedissue__right__chat__message__header__userwrapper{align-items:center;display:flex;gap:2rem}.selectedissue__right__chat__message__header__userwrapper__figure{aspect-ratio:1/1;background:#f2f6ff;border-radius:50%;box-shadow:inset 30px 0 30px -30px rgba(0,4,21,.05);height:3rem;position:relative;width:1.8rem}.selectedissue__right__chat__message__header__userwrapper__figure img{aspect-ratio:1/1;border-radius:50%;height:100%;object-fit:cover}.selectedissue__right__chat__message__header__userwrapper__by{color:#63666b}.selectedissue__right__chat__message__header__date{color:#69717e;font-size:1.6rem}.selectedissue__right__chat__message__content{display:flex;flex-direction:column;padding:2rem}.selectedissue__right__chat__message__content__opened{color:#424c55;font-size:2rem;font-weight:400}.selectedissue__right__chat__message__content__title{color:#424c55;font-size:3rem;padding-bottom:1rem}.selectedissue__right__chat__message__content__text{color:#69717e;font-size:1.8rem}.selectedissue__right__chatbar{display:flex;gap:1.5rem;height:8rem;padding:1.5rem}.selectedissue__right__chatbar__input{background:#fff;border:1px solid #d9dfe6;border-radius:3px;font-size:2rem;padding-left:2rem;width:100%}.selectedissue__right__chatbar__input:focus{outline:none}.selectedissue__right__chatbar__button{aspect-ratio:1/1;background:none;border:none;color:#424c55;cursor:pointer;height:100%}.selectedissue__right__chatbar__button--send{background:#0057ff;border:none;border-radius:50%;color:#fff}.createissuepopup{background:rgba(0,0,0,.1);display:flex;height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:900}.createissuepopup__left{cursor:pointer;height:100vh;width:55vw}@media screen and (max-width:75rem){.createissuepopup__left{width:35vw}}@media screen and (max-width:36.5rem){.createissuepopup__left{width:0}}.createissuepopup__right{background:#f5f7f9;box-shadow:0 0 2rem rgba(0,0,0,.2);display:flex;flex-direction:column;height:100vh;width:45vw}@media screen and (max-width:75rem){.createissuepopup__right{width:65vw}}@media screen and (max-width:36.5rem){.createissuepopup__right{width:100vw}}.createissuepopup__right__header{align-items:center;display:flex;justify-content:space-between;padding:5rem}.createissuepopup__right__header__title{color:#424c55;font-size:3rem;font-weight:500}.createissuepopup__right__header__close{color:#424c55;cursor:pointer;font-size:2.2rem}.createissuepopup__right__form{display:flex;flex-direction:column;gap:3rem;padding:5rem}.createissuepopup__right__form__inputwrapper{display:flex;flex-direction:column;gap:.5rem}.createissuepopup__right__form__inputwrapper__input{background:#fff;border:1px solid #d9dfe6;border-radius:3px;font-size:2rem;height:6rem;padding-left:2rem;width:60%}.createissuepopup__right__form__inputwrapper__input:focus{outline:none}.createissuepopup__right__form__textareawrapper{display:flex;flex-direction:column;gap:.5rem}.createissuepopup__right__form__textareawrapper__textarea{background:#fff;border:1px solid #d9dfe6;border-radius:3px;font-family:inherit;font-size:1.6rem;height:12rem;padding:1rem;resize:none;width:100%}.createissuepopup__right__form__textareawrapper__textarea:focus{outline:none}.createissuepopup__right__form__button{background:#0057ff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:2rem;height:6rem;width:60%}.berichten{padding:5rem}.berichten__header,.berichten__title{padding-bottom:2rem}.berichten__header{border-bottom:1px solid #dae0e7;display:flex;justify-content:space-between;margin-bottom:5rem}.berichten__header__filterwrapper{display:flex;gap:1rem}.berichten__header__archivebutton{background:none;border:none;color:#0057ff;cursor:pointer;font-family:Roboto,sans-serif;font-size:calc(14.25926px + .18519vw)}.berichten__header__archivebutton:hover{text-decoration:underline}.berichten__berichtwrapper{background:#fff;box-shadow:0 5px 5px 0 rgba(0,4,21,.03);padding:0 3rem;width:100%}.berichten__bericht{background:#fff;border-bottom:1px solid #eceff2;display:flex;justify-content:space-between;padding:1.5rem 0;width:100%}.berichten__bericht:last-child{border-bottom:none}@media screen and (max-width:37.5rem){.berichten__bericht{flex-direction:column;gap:2rem}}.berichten__bericht__textwrapper{align-items:center;cursor:pointer;display:flex;gap:2rem}.berichten__bericht__textwrapper:hover .berichten__bericht__textwrapper__div--title{text-decoration:underline}.berichten__bericht__textwrapper__div{align-items:center;display:flex;gap:2rem}.berichten__bericht__textwrapper__div--title{color:#69717e;font-size:1.6rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.berichten__bericht__textwrapper__div--date{color:#7f8a99;font-size:1.2rem}.berichten__bericht__textwrapper__div--important{color:red;font-size:2.2rem}@media screen and (max-width:43.75rem){.berichten__bericht__textwrapper__div{align-items:start;flex-direction:column;gap:0}}.berichten__bericht__textwrapper__figure{aspect-ratio:1/1;background:#f2f6ff;border-radius:50%;box-shadow:inset 30px 0 30px -30px rgba(0,4,21,.05);height:3rem;position:relative}.berichten__bericht__textwrapper__figure--img{border-radius:50%;height:100%;object-fit:cover}.berichten__bericht__textwrapper__figure:hover .berichten__bericht__textwrapper__figure__uploadedby{opacity:1;pointer-events:all}.berichten__bericht__textwrapper__figure__uploadedby{background:#fff;border-radius:3px;box-shadow:0 0 .5rem #d9d9d9;color:#4b5563;font-size:1.2rem;left:2rem;min-width:-webkit-max-content;min-width:max-content;opacity:0;padding:3px;pointer-events:none;position:absolute;top:-3px;transition:.4s;z-index:999}.berichten__bericht__btnwrapper{display:flex;gap:1.5rem}@media screen and (max-width:37.5rem){.berichten__bericht__btnwrapper{padding-left:1rem}}.berichten__bericht__btnwrapper__btn{background:none;border:none;color:#0057ff;cursor:pointer;font-size:2.2rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.berichten__footer{align-items:center;display:flex;flex-direction:column;gap:2.5rem;padding-top:5rem;width:100%}.berichten__footer__amountshown{color:#69717e;font-size:1.2rem}.berichten__footer__amountprogressbar{background:#fff;height:.4rem;width:20rem}.berichten__footer__amountprogressbar--progress{background:#d9dfe6;height:100%}.berichten__footer .berichten__footer__loadmorebutton{background:#fff;border-radius:3px;color:#0057ff;font-size:1.2rem;font-weight:400;padding:1rem 2.5rem;transition:.3s}.berichten__footer .berichten__footer__loadmorebutton:hover{margin-top:.8rem}.addberichtbutton{border:1px solid #0057ff;border-radius:8px;box-shadow:0 0 2rem #f2f2f2;color:#0057ff;cursor:pointer;font-family:inherit;font-size:1.8rem;padding:1.5rem 4rem;right:5rem}.addberichtbutton,.addberichtpopup{background:#fff;bottom:5rem;position:absolute}.addberichtpopup{box-shadow:0 0 2rem #e6e6e6;height:80rem;left:5rem;padding:3rem;width:50rem;z-index:999}.addberichtpopup h3{color:#4b5563;font-size:2.6rem;font-weight:500;margin-bottom:2rem}.addberichtpopup form{display:flex;flex-direction:column;gap:2rem}.addberichtpopup form div{display:flex;flex-direction:column;gap:1rem}.addberichtpopup form div input{height:3rem}.addberichtpopup form div input:focus{outline:none}.addberichtpopup form button{background:#fff;border:none;border-radius:3px;box-shadow:0 0 2rem #e6e6e6;color:#0057ff;cursor:pointer;font-family:inherit;font-size:1.6rem;font-weight:400;padding:1rem 2.5rem;transition:.3s}.addberichtpopup form button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.selectedbericht{background:rgba(0,0,0,.1);display:flex;height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:900}.selectedbericht__left{height:100vh;width:55vw}@media screen and (max-width:75rem){.selectedbericht__left{width:35vw}}@media screen and (max-width:36.5rem){.selectedbericht__left{width:0}}.selectedbericht__right{background:#fff;box-shadow:0 0 2rem rgba(0,0,0,.2);height:100vh;padding:5rem;width:45vw}@media screen and (max-width:75rem){.selectedbericht__right{width:65vw}}@media screen and (max-width:36.5rem){.selectedbericht__right{width:100vw}}.selectedbericht__right__header{border-bottom:1px solid #eceff2;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.selectedbericht__right__header__nav{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.selectedbericht__right__header__nav>div{align-items:center;display:flex;gap:1rem}.selectedbericht__right__header__nav__close{color:#424c55;cursor:pointer;font-size:2.2rem}.selectedbericht__right__header__nav__btn{background:none;border:none;cursor:pointer}.selectedbericht__right__header__nav__btn--icon{color:#0057ff;font-size:2.8rem}.selectedbericht__right__header__title{color:#424c55;font-size:3rem;font-weight:500}.selectedbericht__right__content{display:flex;flex-direction:column;gap:2rem;padding-top:3rem}.selectedbericht__right__content__details,.selectedbericht__right__content__nodetails{color:#69717e;font-size:1.6rem}.selectedbericht__right__content__text{color:#69717e;font-size:1.8rem}.selectedbericht__right__content__link{color:#0057ff;text-decoration:none}.selectedbericht__right__content__link:hover{text-decoration:underline}.overview{height:100%;padding:10rem;width:100%}.overview__header{border-bottom:1px solid #e6e9ed;display:flex;justify-content:space-between;padding-bottom:.5rem}.overview__header__title{color:#424c55;font-size:3rem;font-weight:500}.overview__header__user{align-items:center;display:flex;gap:1rem}.overview__header__user__name{color:#424c55;font-size:1.6rem}.overview__header__user__figure{aspect-ratio:1/1;background:#e6e9ed;border-radius:50%;box-shadow:0 0 1rem rgba(0,0,0,.1);overflow:hidden;width:30px}.overview__header__user__figure__img{box-shadow:inset 0 0 1rem rgba(0,0,0,.2);height:100%;object-fit:cover;width:100%}.overview__projects{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fill,minmax(28rem,38rem));justify-content:flex-start;padding:3rem 0}.overview__projects__project{border-radius:5px;box-shadow:0 0 1rem rgba(0,0,0,.1);height:30rem;overflow:hidden;text-decoration:none;transition:all .2s ease-in-out}.overview__projects__project:hover{box-shadow:0 0 1rem rgba(0,0,0,.2);-webkit-transform:scale(1.02);transform:scale(1.02)}.overview__projects__project:hover .overview__projects__project__info__title{text-decoration:underline}.overview__projects__project__banner{background:#e6e9ed;height:75%;overflow:hidden;position:relative}.overview__projects__project__banner__dropdown{align-items:center;background:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;position:absolute;top:-100%;transition:all .3s ease-in-out;width:100%}.overview__projects__project__banner:hover .overview__projects__project__banner__dropdown{top:0}.overview__projects__project__banner__dropdown__link{background:none;border:3px solid #49535d;border-radius:5px;color:#fff;font-size:1.6rem;font-size:1.8rem;font-weight:500;font-weight:inherit;padding:1rem 2rem;text-decoration:none;transition:all .3s ease-in-out}.overview__projects__project__banner__figure__img{height:100%;object-fit:cover;width:100%}.overview__projects__project__info{background:#fff;height:25%;padding:1rem}.overview__projects__project__info__title{color:#49535d;font-size:1.8rem;font-weight:500}.overview__projects__project__info__date{color:#49535d;font-size:1.4rem;font-weight:400}
/*# sourceMappingURL=main.af4c817f.css.map*/