*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;box-sizing:border-box;margin:0;outline:none;padding:0;-webkit-user-select:none;user-select:none}:root{touch-action:pan-x pan-y}#root,:root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e0eaf5;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:32px}h2{font-size:24px}.loading-indicator{background-color:#fff;color:#0d2137}.loading-indicator,.reload-button{font-size:26px;height:64px;line-height:64px;position:absolute;right:0;text-align:center;top:0;width:64px;z-index:900}.reload-button{color:#0d213733}.error-message{background-color:#fff;bottom:26px;bottom:0;color:#8d1c1c;left:340px;max-width:calc(100% - 340px);min-height:64px;padding:24px;position:absolute;text-align:left;z-index:900}.scroll-container{height:100%;overflow-x:hidden;overflow-y:auto}.confirm-box__actions button{background-color:#ff823b;border:0;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:1px;line-height:44px;padding:0 40px;text-transform:uppercase}.confirm-box__actions button[role=cancellable-button]{background-color:#e0eaf5;color:#2e77ae}.menupanel{background-color:#0d2137;box-shadow:0 0 40px #0d213766;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-width:340px;transition:margin-left .2s}.menupanel.collapsed{margin-left:-275px}.menupanel .header{align-items:center;background-color:#20537a;color:#fff;display:block;font-size:20px;height:64px;justify-content:space-between}.menupanel .header h2{display:inline-block;font-size:20px;margin-left:20px;overflow:hidden;text-overflow:ellipsis;vertical-align:-6px;white-space:nowrap;width:calc(100% - 104px)}.menupanel .back-button{align-items:center;background-color:#0003;color:#fff;cursor:pointer;display:inline-block;height:64px;line-height:24px;padding:20px;text-align:center;width:64px}.menupanel .back-button h4{display:none;margin-left:16px}.menupanel .menubar-footer{background-color:#00000080;color:#fff;display:flex;font-size:12px;justify-content:space-between;line-height:30px;padding:0 24px}.search{background-color:#0003;border-bottom:1px solid #00000080;padding:24px}.search label{color:#fff;display:block;font-size:11px;letter-spacing:1px;line-height:12px;opacity:.5;text-transform:uppercase}.search .inputWithButton{margin-top:8px;position:relative;width:100%}.search input{border:0;border-radius:5px;font-size:16px;line-height:30px;outline:0;padding:5px 10px;width:100%}.search button{background:#ff823b;border:none;border-radius:0 5px 5px 0;color:#fff;font-size:24px;height:100%;position:absolute;right:0;width:40px}.addressoverview{background-color:#e0eaf5;display:flex;height:100%;width:100%}.addressoverview .completedpanel .completed-header{align-items:center;background-color:#2e77ae;color:#fff;cursor:pointer;display:flex;height:54px;justify-content:space-between;padding:0 24px}.addressoverview .expanded{height:100%}.addressoverview .your-location-marker{background-color:#2e77ae;border-radius:50%;height:800px;width:800px}.addressoverview .location-marker{background-color:#0d2137;border-radius:50%;height:800px;width:800px}.addressoverview .location-marker.incomplete{background-color:#0d213780}.addressoverview .location-marker.completed{background-color:#c6c3c4;border:2px solid #0d2137;overflow:hidden;position:relative}.addressoverview .location-marker.completed:after{background-color:#c6c3c4;border-top:2px solid #0d2137;bottom:0;content:"";display:block;height:calc(50% - 1px);left:0;position:absolute;width:20px}.addressoverview .location-marker.completed.hwaCorrect{background-color:#2ff}.addressoverview .location-marker.completed.dwaCorrect:after{background-color:#5cff28}.addressoverview .location-marker.completed.hwaIncorrect{background-color:#fc00ff}.addressoverview .location-marker.completed.dwaIncorrect:after{background-color:#fc0007}.addressoverview .location-marker.completed.dwaNoConclusion:after,.addressoverview .location-marker.completed.hwaNoConclusion{background-color:#ffff0b}.addressoverview .location-marker.completed.selected,.addressoverview .location-marker.completed.selected:after{background-color:#ff823b;border-color:#ff823b}.addressoverview .location-marker.selected{background-color:#ff823b;z-index:9999!important}.addressoverview canvas{height:100%;width:100%;z-index:99999!important}.addressoverview .leaflet-container{height:100vh;width:100%;z-index:1}.addressoverview .buttoncontainer{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;position:absolute;right:24px;row-gap:8px}.darkbutton{background-color:#0d2137;border:none;border-radius:5px;color:#fff;cursor:pointer;height:44px;padding:0 24px;position:relative;text-transform:uppercase;z-index:999}.darkbutton.primary{background-color:#2e77ae}.darkbutton label{cursor:pointer;margin-right:12px}.address-scroll{direction:rtl;height:100%;overflow-y:auto}.address-scroll::-webkit-scrollbar{width:2px}.address-scroll::-webkit-scrollbar-track{background:#2e77ae}.address-scroll::-webkit-scrollbar-thumb{background:#fff}.address-scroll::-webkit-scrollbar-thumb:hover{background:#555}.address-scroll h4{background-color:#00000080;color:#ffffff80;direction:ltr;line-height:26px;padding:0 26px;text-transform:uppercase}.address-scroll.collapsed{height:0}.address-scroll .address-list{direction:ltr}.address-scroll .address-list .address-item{align-items:center;border-bottom:1px solid #fff3;color:#fff;cursor:pointer;display:flex;height:54px;justify-content:space-between;padding:0 24px}.address-scroll .address-list .address-item:last-of-type{border-bottom:0}.address-scroll .address-list .address-item.selected{background-color:#ff823b}.address-scroll .address-list .address-item.selected h3{font-weight:700}.address-scroll .address-list .address-item.completed{color:#ffffff80}.buttonwithicon{align-items:center;background:#ff823b;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:24px;font-size:12px;justify-content:center;letter-spacing:1px;padding:8px;text-transform:uppercase}.buttonwithicon label{cursor:pointer;padding-right:16px}.measurement-item{border-bottom:1px solid #ffffff80}.measurement-item .measureitem-header{grid-column-gap:10px;align-items:center;color:#fff;column-gap:10px;cursor:pointer;display:grid;font-size:18px;grid-template-columns:54px 1fr 12px;height:54px;justify-content:space-between;letter-spacing:1px;padding:0 24px 0 0;position:relative;text-transform:capitalize;width:100%}.measurement-item .measureitem-header span{display:flex;justify-content:center}.measurement-item .measureitem-icon{filter:invert(1);height:54px;line-height:54px;padding:16px;width:54px}.measurement-item .measureitem-conclusion{background-color:#387a02;border-radius:10px;bottom:5px;font-size:10px;height:20px;left:34px;line-height:10px;padding:5px;position:absolute;text-align:center;width:20px}.measurement-item .measureitem-conclusion.incorrect{background-color:#df0000}.measurement-item .measureitem-conclusion.none{background-color:#20537a}.measurement-item .measureitem-content{align-items:center;color:#fff;display:none;margin-top:10px;padding:0 12px 12px}.measurement-item .measureitem-content .result{padding-left:16px;width:120px}.measurement-item .measureitem-content h6{letter-spacing:1px;opacity:.5;text-transform:uppercase}.measurement-item .measureitem-content h5{font-size:14px}.measurement-item .measureitem-content.expanded{display:flex}.measurement-item .measurement-details{background-color:#20537a;color:#fff;left:340px;padding:20px 24px;position:absolute;z-index:1000}.measurement-item .measurement-details .bar{background-color:#ffffff80;border-radius:5px;display:inline-block;height:12px}.measurement-item .measurement-details .bar.highlight{background-color:#fff}.locationoverview{background-color:#e0eaf5;display:flex;height:100%;width:100%}.locationoverview .drag-action-hint{background-color:#e0eaf5;border-radius:10px;padding:26px;position:absolute;right:0;right:calc(50% - 220px);text-align:center;top:0;top:26px;width:440px;z-index:900}.locationoverview .measurement-scroll{direction:rtl;height:100%;overflow-y:auto}.locationoverview .measurement-scroll::-webkit-scrollbar{width:2px}.locationoverview .measurement-scroll::-webkit-scrollbar-track{background:#2e77ae}.locationoverview .measurement-scroll::-webkit-scrollbar-thumb{background:#fff}.locationoverview .measurement-scroll::-webkit-scrollbar-thumb:hover{background:#555}.locationoverview .measurement-scroll .measurement-list{direction:ltr}.locationoverview .leaflet-container{height:100vh;width:100%;z-index:1}.locationoverview .mapcontainer{height:100%;position:relative;width:100%}.locationoverview .mapcontainer .nav-button-container{align-items:flex-start;bottom:24px;display:flex;flex-direction:column;left:24px;position:absolute;row-gap:8px;z-index:999}.locationoverview .mapcontainer .nav-button-container .button{background-color:#0d2137;border:0;border-radius:5px;color:#fff;cursor:pointer;line-height:44px;margin-bottom:8px;outline:0;padding:0 24px;text-align:center;text-transform:uppercase}.locationoverview .mapcontainer .photo-button-container{position:absolute;right:24px;top:24px;z-index:999}.locationoverview .mapcontainer .photo-button-container .button{background-color:#0d2137;border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:44px;margin-left:8px;outline:0;position:relative;text-align:center;width:44px}.locationoverview .mapcontainer .photo-button-container .button .badge{align-items:center;background-color:#df0000;border-radius:50%;display:flex;font-size:14px;height:20px;justify-content:center;left:-5px;position:absolute;top:-5px;width:20px}.locationoverview .measurement-menu{animation:fadeIn .6s;-webkit-animation:fadeIn .6s;-moz-animation:fadeIn .6s;-o-animation:fadeIn .6s;-ms-animation:fadeIn .6s;background-color:#2e77ae;bottom:24px;color:#fff;position:absolute;right:24px;transform-origin:100% 100%;z-index:999}.locationoverview .measurement-menu .menu-header{font-size:20px;padding:16px 16px 0 0;position:relative;right:0;text-align:right}.locationoverview .measurement-menu .menu-header h5{float:left;font-size:14px;line-height:24px;margin-left:24px;opacity:.5}.locationoverview .measurement-menu .menu-content{max-height:270px;overflow:scroll;padding:0 8px 8px;width:100%}.locationoverview .measurement-menu .menu-content .button-grid{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.locationoverview .measurement-menu .menu-content .button-grid .button-container{align-items:center;display:flex;flex-direction:column;padding:16px}.locationoverview .measurement-menu .menu-content .button-grid .button-container .measurement-button{align-items:center;background-color:#e0eaf5;border-radius:8px;color:#0d2137;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:8px;padding:10px;width:48px}.locationoverview .measurement-menu .menu-content .button-grid .button-container .measurement-button img{max-height:32px;max-width:32px}.locationoverview .measurement-menu .menu-content .button-grid .button-container .measurement-button.selected{background-color:#ff823b;color:#e0eaf5}.locationoverview .measurement-menu .menu-content .button-grid .button-container .measurement-button.selected img{filter:invert(1)}.locationoverview .measurement-menu .menu-footer{background-color:#0d2137;padding:24px}.locationoverview .measurement-menu .menu-footer .start-measurement-button{background-color:#ff823b;border-radius:10px;cursor:pointer;font-weight:700;line-height:44px;padding:0 24px;text-align:center;text-transform:uppercase;width:160px;width:100%}.locationoverview .measurement-menu .menu-footer .start-measurement-button.disabled{background-color:#8a8a8a;color:#555;cursor:not-allowed}.locationoverview .new-measurement-marker{align-items:center;animation:fadeIn .6s;-webkit-animation:fadeIn .6s;-moz-animation:fadeIn .6s;-o-animation:fadeIn .6s;-ms-animation:fadeIn .6s;background-color:#ff823b;border-radius:24px;color:#e0eaf5;display:flex;font-size:18px;height:32px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.locationoverview .measurement-marker{border-radius:50%;filter:invert(1) brightness(.2);font-size:20px;height:32px!important;line-height:20px;margin-left:-16px!important;margin-top:-16px!important;padding:9px 0;text-align:center;width:32px!important}.locationoverview .measurement-marker img{height:18px}.locationoverview .measurement-marker.selected{background-color:#ffffff80}.locationoverview .measurement-marker.incorrect{color:#df0000;filter:invert(1) sepia(1) saturate(100) brightness(.4) hue-rotate(-70deg)}.locationoverview .measurement-marker.correct{color:#00df00;filter:invert(1) sepia(1) saturate(100) brightness(.4) hue-rotate(-280deg)}.locationoverview .measurement-marker.none{filter:invert(1) sepia(1) brightness(.5)}.locationoverview .measurement-marker.new{background-color:#0003}.locationoverview .measurement-marker.new img{height:18px}.remarks{background-color:#0003;border-bottom:1px solid #00000080;padding:24px}.remarks label{color:#fff;display:block;font-size:11px;letter-spacing:1px;line-height:12px;opacity:.5;text-transform:uppercase}.remarks hr{border:0;border-bottom:1px solid #0000004d;margin:4px 0}.remarks textarea{border:0;border-radius:5px;cursor:pointer;font-size:14px;height:104px;margin-top:8px;outline:0;padding:8px;resize:none;width:100%}.remarks textarea::-webkit-scrollbar{display:none}.remarks .inputWithButton{position:absolute;width:100%}.remarks .inputWithButton button{bottom:7px;position:absolute;right:4px}.remarks .inputcontainer{background-color:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.remarks .inputcontainer textarea{border-radius:10px;font-size:21px;height:100%;padding:16px;resize:none;width:100%}.remarks .static-remarks{background-color:#ffffff1a;color:#fff;font-size:12px;margin-top:8px;padding:8px}.address-close-bg{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:1000}.address-close-container{background-color:#20537a;color:#fff;display:flex;flex-direction:column;font-size:20px;height:100%;justify-content:space-between;overflow-y:auto;width:600px}.address-close-container .buttons{padding:25px;position:relative}.address-close-container span{font-size:12px;margin-left:16px;text-transform:uppercase}.close-btn-container{position:absolute;right:16px;top:16px}.conclusion-checkbox{margin:12px 0}.conclusion-checkbox.disabled{color:#555;cursor:not-allowed}.save-inspection-button{background-color:#ff823b;cursor:pointer;font-size:16px;font-weight:700;line-height:44px;padding:0 24px;text-align:center;text-transform:uppercase;width:160px;width:100%}.save-inspection-button.disabled{background-color:#8a8a8a;color:#555;cursor:not-allowed}.correct{display:flex;gap:12px;padding:8px 0}.correct button.dark-button{border-radius:8px}.correct button.dark-button svg{margin-right:12px;padding-left:0;width:24px}.correct button.dark-button.left.selected{background-color:#8d1c1c}.correct button.dark-button.right.selected{background-color:#387a02}.correct button.dark-button.default.selected{background-color:#0003}button.dark-button{align-items:center;background-color:#0d2137;border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:44px;line-height:44px;outline:0;padding:0 24px;text-transform:uppercase}button.dark-button.bold{font-weight:700}button.dark-button.selected{background-color:#20537a}button.dark-button svg{font-size:20px;padding-left:16px}.spaced{margin-left:36px}.two-buttons{display:flex;gap:2px}.projectoverview{background-color:#e0eaf5;display:flex;height:100%;width:100%}.projectoverview .container{display:flex;justify-content:center;width:100%}.projectoverview .container .projects{padding:64px 40px 40px;width:100%}.projectoverview .container .projects h1{color:#20537a}.projectoverview .container .projects .project-list{margin-top:24px}.projectoverview .container .projects .project-list h3{color:#0d2137;font-size:12px;line-height:24px;text-transform:uppercase}.projectoverview .container .projects .project-list .project{background-color:#20537a;border-radius:10px;color:#fff;cursor:pointer;display:grid;grid-template-columns:4fr 1fr 40px;grid-template-rows:1fr 2fr;margin-bottom:16px;padding:20px;width:100%}.projectoverview .container .projects .project-list .project.upcoming{opacity:.2}.projectoverview .container .projects .project-list .project h4{align-self:center;font-size:20px}.projectoverview .container .projects .project-list .project h5{align-self:center;font-size:16px}.projectoverview .container .projects .project-list .project h6{align-self:flex-end;font-size:11px;letter-spacing:1px;opacity:.5;text-transform:uppercase}.projectoverview .container .projects .project-list .project .chevron-right{align-self:center;font-size:16px;grid-column-end:3;grid-column-start:3;grid-row-end:span 2;grid-row-start:1;justify-self:center}.projectoverview .footer-right{bottom:24px;position:absolute;right:24px;text-decoration:none}.no-project-found{background-color:#20537a;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin-bottom:16px;opacity:.2;padding:20px;width:100%}.sensor-state{color:#fff;margin-left:20px}.connect-button-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:10px 20px}.connect-button{padding:8px}.login{background-color:#0d2137;height:100%;width:100%}.login .error-alert{background-color:#8d1c1c;border-radius:5px;color:#fff;top:24px}.login .error-alert,.login .login-form{left:calc(50% - 200px);padding:24px;position:absolute;width:400px}.login .login-form{background-color:#20537a;border-radius:10px;height:216px;text-align:center;top:calc(50% - 100px)}.login .login-form h1{color:#fff;font-size:48px;left:0;position:absolute;text-align:center;top:-80px;width:100%}.login .login-form label{color:#fff;display:block;font-weight:300;line-height:30px;text-align:left;width:100%}.login .login-form input{border:0;border-radius:5px;font-size:16px;line-height:34px;margin-bottom:20px;outline:0;padding:5px 10px;width:100%}.login .login-form .no-link{text-decoration:none}.login .login-form button{background-color:#ff823b;border:0;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;letter-spacing:1px;line-height:44px;margin-top:20px;padding:0 40px;text-transform:uppercase;width:220px}.login .login-form button:disabled{background:#e0eaf5;color:#0d2137;opacity:.5}.login .login-form button.long-text{font-size:11px;padding:0 20px}.login .login-form button.dark-button{background-color:#0003;font-size:11px;justify-content:center;margin:12px auto;padding:0 20px;text-decoration:none}.login button.password-toggle{background-color:#ccc;line-height:36px;margin-top:0;padding:0 10px;position:absolute;right:28px;top:152px;width:auto}.version-number{color:#fff3;position:absolute;right:0;top:-40px}.measurementoverview{background-color:#e0eaf5;display:flex;height:100%;width:100%}.measurementoverview .remark-button{background-color:#ff823b;border:0;border-radius:50px;color:#fff;cursor:pointer;font-weight:700;margin:24px;outline:0;padding:24px;text-align:center}.measurementoverview .measurementcontainer{height:100%;position:relative;width:100%}.measurementoverview .measurementcontainer h1{background-color:#2e77ae;color:#fff;font-size:24px;line-height:64px;padding:0 24px}.measurementoverview .measurementcontainer h1 img{filter:invert(1);height:20px;margin-right:16px;vertical-align:-2px}.measurementoverview .measurementcontainer h1 svg{margin-right:16px}.measurementoverview .measurementcontainer .scroll-container{height:calc(100% - 64px);padding-top:24px}.measurementoverview .measurementcontainer .snapshot-container{display:flex;gap:16px;justify-content:flex-end;padding:24px}.measurementoverview .measurementcontainer .controls{gap:56px;padding-left:120px}.measurementoverview .measurementcontainer .button-container{font-size:20px;padding:8px 0}.measurementoverview .measurementcontainer .button-container span{font-size:12px;opacity:.5;text-transform:uppercase}.measurementoverview .measurementcontainer .button-container .buttons{display:flex;gap:16px;padding:8px 0}.measurementoverview .measurementcontainer .correct{display:flex;gap:12px;padding:8px 0}.measurementoverview .measurementcontainer .correct button.dark-button{border-radius:8px}.measurementoverview .measurementcontainer .correct button.dark-button svg{margin-left:0;margin-right:12px;width:24px}.measurementoverview .measurementcontainer .correct button.dark-button.left.selected{background-color:#8d1c1c}.measurementoverview .measurementcontainer .correct button.dark-button.right.selected{background-color:#387a02}.measurementoverview .measurementcontainer .save-container{float:right;padding:24px}.measurementoverview .measurementcontainer button.dark-button{align-items:center;background-color:#0d2137;border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:44px;line-height:44px;outline:0;padding:0 24px;text-transform:uppercase}.measurementoverview .measurementcontainer button.dark-button.bold{font-weight:700}.measurementoverview .measurementcontainer button.dark-button.connected,.measurementoverview .measurementcontainer button.dark-button.selected{background-color:#20537a}.measurementoverview .measurementcontainer button.dark-button.loading{opacity:.5}.measurementoverview .measurementcontainer button.dark-button.icon-only svg{margin-left:0}.measurementoverview .measurementcontainer button.dark-button svg{font-size:20px;height:20px;line-height:20px;margin-left:16px;padding:0}.bar-container{align-items:center;color:#0d2137;display:flex;gap:24px;padding:8px 24px}.bar-container h2{font-size:18px;text-align:right;width:80px}.bar-container .bar-background{background-color:#ffffff80;border-radius:12px;overflow:hidden;width:100%}.bar-container .bar-background.active{background-color:#2e77ae33}.bar-container .bar-background .bar-fill{background-color:#ff823b;height:24px;transition:width .5s}.bar-container.DWA .bar-fill{background-color:#8d1c1c}.bar-container.HWA .bar-fill{background-color:#20537a}.conclusion-checkbox{display:block}.conclusion-checkbox svg{margin-right:12px}.sidebar-spacer{height:100%}.sensitivity-slider{position:relative}.sensitivity-slider .slider{-webkit-appearance:none;appearance:none;background:#20537a33;height:24px;outline:none;transition:opacity .2s;width:100%}.sensitivity-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#20537a;border-radius:12px;cursor:pointer;height:16px;width:16px;z-index:10}.sensitivity-slider:after{content:"Recorder gevoeligheid";font-size:10px;line-height:24px;opacity:.5;pointer-events:none;position:absolute;right:24px;text-transform:uppercase;top:0;touch-action:none;z-index:0}.attachments{background-color:#e0eaf5;display:flex;height:100%;width:100%}.attachments .container{display:flex;justify-content:center;width:100%}.attachments .container img{height:100%;object-fit:contain;width:100%}.attachments .attachments-list .attachment-item{align-items:center;border-bottom:1px solid #fff3;color:#fff;cursor:pointer;display:flex;height:54px;justify-content:space-between;padding:0 24px}.attachments .attachments-list .attachment-item:last-of-type{border-bottom:0}.attachments .attachments-list .attachment-item.selected{background-color:#ff823b}.attachments .attachments-list .attachment-item.selected h3{font-weight:700}
/*# sourceMappingURL=main.a139ec63.css.map*/