:root{--border-input: #ccc;--fill-grey: #808080;--fill-light-grey: rgb(244 244 244);--fill-menuitem: var(--fill-light-grey);--fill-bd-submenu-top: #fff;--fill-bd-dashboard-item-top: #fafafa;--fill-bd-dashboard-item-bottom: #e3e3e3;--fill-bd-filter-top: #b9c41e;--fill-bd-filter-bottom: #8f9b07;--fill-bd-input: #ccc;--bg-input: #fff;--bg-btn: #222;--bg-btn-reset: #8a8b94;--bg-btn-reset-hover: #8a8b94;--bg-filter-2: #f7fbdf;--bg-rightpanel: #e6e6e6;--font-main: "Atkinson Hyperlegible Next", "Inter", sans-serif;--font-mainsize: 15px;--font-numbers: Inter, sans-serif;--font-base-weight: 400;--font-btn-size: 13px;--font-input-size: 12px;--font-form-fields: system-ui;--icon-size: 22px;--icon-fill: #4d4d4d;--icons-menu-size: 28px;--w-period-menuitem: 96px;--bd-w-panel-toolbox: 330px;--height-topbar: 42px;--scrollheight-min-topbar: calc(100vh - var(--height-topbar));--scrollheight-min-topbar-title: calc(100vh - var(--height-topbar) - 50px);--bg-dashboard-title: #b6bf00;--c-dashboard-title: #fff;--c-btn-text: #fff;--c-btn-reset-text: var(--c-btn-text);--radius-btn: 5px;--radius-input: 5px;--padding-input: 5px 10px;--weight-btn-text: normal}@font-face{font-family:"Atkinson Hyperlegible Next";font-weight:100 900;font-display:swap;font-style:normal;src:url("../fonts/AtkinsonHyperlegibleNext-VariableFont_wght.ttf") format("truetype")}@font-face{font-family:"Atkinson Hyperlegible Next";font-weight:100 900;font-display:swap;font-style:italic;src:url("../fonts/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf") format("truetype")}@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;font-style:normal;src:url("../fonts/Inter-VariableFont-wght.ttf") format("truetype")}@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;font-style:italic;src:url("../fonts/Inter-Italic-VariableFont-wght.ttf") format("truetype")}*{box-sizing:border-box}html{height:100%;margin:0;padding:0;color:#4d4d4d;background-color:#fff}body{height:100%;padding:0;margin:0;font-family:var(--font-main);font-size:var(--font-mainsize);font-weight:400;font-variant:normal;color:#4d4d4d;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:normal}h1 form,h2 form,h3 form,h4 form,h5 form,h6 form{display:inline}h1{font-size:28px}h2{font-size:23px}h3{font-size:20px}h4,h5,h6{font-size:16px;margin-bottom:5px}p{margin:14px 0}table{border-collapse:collapse;border-spacing:0}th,td{vertical-align:top;padding:0}th{text-align:left}code,pre{font-family:monospace,Consolas,Courier New}:is(input,th,td).numeric{text-align:right}.hidden,.icon.hidden{display:none !important}.visualwrapper{height:100%;padding:0;margin:0}.footer{position:absolute;bottom:0}.svg-hidden{visibility:hidden !important}svg[class^=icon-]{fill:currentColor}[class*=mask-icon-]{display:inline-block;width:var(--icon-size);height:var(--icon-size);background-color:var(--icon-fill);vertical-align:top}.icon-plus{font-family:var(--font-main);font-size:20px}.messages-overlay{position:absolute;top:0;left:0;z-index:99999;width:100%;height:100%;background:rgba(64, 64, 64, 0.5)}.messages-box .commands .btn:is(:hover,.default){background:linear-gradient(to bottom, #58595f 0%, #58595f 50%, #4b4c53 51%, #4b4c53 100%)}.message:is(.info,.success,.error,.warning)::before{position:absolute;top:0;left:0;display:block;content:"";width:55px;height:100%;box-shadow:inset -5px 0 8px -7px rgba(0, 0, 0, 0.5);border-radius:4px 0 0 4px}.message:is(.info,.success)::before{background:#f0f0f0}.message:is(.error,.warning)::before{background:url("images/icon-messagewarning.png") no-repeat 16px 50px #f0f0f0}.messages-box{position:fixed;top:70px;left:0;right:0;width:405px;min-height:150px;margin:0 auto;padding:10px 20px;background-color:#fff;border-radius:4px;box-shadow:1px 0 6px 0 #4d4d4d}.messages-box .commands{margin:10px 0;text-align:right}.messages-box .commands .btn{cursor:pointer}.messages-box .message{margin:40px 20px 20px 0;padding-left:65px}.messages-box .close{float:right;display:block;overflow:hidden;height:25px;width:25px;margin-right:-5px;border:none;background:#fff;cursor:pointer}.messages-box .close .mask-icon-verwijderen{--icon-size: 27px;--icon-fill: #8a8b94}.messages-box h4{margin:10px 0}.messages-box code,.messages-box pre{display:block;margin:10px 0;padding:5px;background-color:#fafafa;border:1px solid #ccc}input{font-family:var(--font-main)}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;margin:0}input[type=text],input[type=password],input[type=url],input[type=email],input[type=number],input[type=date],textarea{font-family:var(--font-form-fields);font-size:var(--font-input-size);background-color:var(--bg-input);border:1px solid var(--fill-bd-input);border-radius:var(--radius-input)}input[type=text],input[type=password],input[type=url],input[type=email],input[type=number],input[type=date],textarea{padding:var(--padding-input)}input[type=url],input[type=email],input[type=text],input[type=password],textarea{width:200px}textarea{height:100px}.panel-detail :is(input[type=url],input[type=email],input[type=text],input[type=password],textarea){width:100%}:is(input[type=url],input[type=email],input[type=text],input[type=password]).field-date{width:114px;margin:0}:is(input[type=url],input[type=email],input[type=text],input[type=password],.btn-trash):focus,select{outline:0;border-color:rgba(82, 168, 236, 0.8);transition:border linear .2s,box-shadow linear .2s}.controls-column button[type=submit],.btn-trash{margin:0;padding:0;font-size:22px;color:#4d4d4d;background:transparent;border:0;cursor:pointer}.btn-trash .mask-icon-trash-bin-open{--icon-size: 16px}.btn-trash:focus{outline:1px dotted rgba(82, 168, 236, 0.8)}select,.upload-form [type=file]{font-family:var(--font-form-fields);padding:var(--padding-input);background:var(--bg-input);border:1px solid #ccc;border-radius:var(--radius-input)}.field{position:relative}.field:after{content:"";display:block;height:0;clear:both}.field .label-floatleft{float:left;display:block;padding-top:5px;width:45%}.field .label-floatleft i{white-space:nowrap}.field input.field{width:60%;margin-top:0 !important}.form-default label{display:block;padding-bottom:.5em}.form-default .alert-block,.form-default .control-group{padding-bottom:.75em}.form-default .formcontrols{margin-top:1em}.form-block .field{margin:7px 0}.activate-page .form-block .field{margin:0}.form-block label{display:block;padding-bottom:4px}.v-alert .error :is(input[type=text],input[type=email],input[type=password]){border-color:#f4791f}.errortext,.warnings,.help-inline,.errorlist{color:#bd0012}.errortext,.warnings{display:block}.help-inline{margin-left:10px}.help-inline strong{font-weight:normal}.errorlist [class*=mask-icon-]{--icon-fill: #bd0012}.v-label .field input[type=text]{width:60%;margin-top:0 !important}.btn-right{float:right;margin-left:10px}.btn{padding:5px 10px;font-size:var(--font-btn-size);font-weight:var(--weight-btn-text);cursor:pointer;border-radius:var(--radius-btn);border:none;background:var(--bg-btn);color:var(--c-btn-text)}.messages-box .btn{background:linear-gradient(to bottom, rgb(191, 192, 196) 0%, rgb(191, 192, 196) 50%, rgb(177, 178, 185) 51%, rgb(177, 178, 185) 100%)}.messages-box .btn:focus{background:linear-gradient(to bottom, #58595f 0%, #58595f 50%, #4b4c53 51%, #4b4c53 100%);outline:0;border-color:rgba(82, 168, 236, 0.8);transition:border linear .2s,box-shadow linear .2s}.btn:disabled{background:linear-gradient(to bottom, rgb(191, 192, 196) 0%, rgb(191, 192, 196) 50%, rgb(177, 178, 185) 51%, rgb(177, 178, 185) 100%)}.btn[type=reset]{--bg-btn: var(--bg-btn-reset);--c-btn-text: var(--c-btn-reset-text)}.btn[type=reset]:hover{background:var(--bg-btn-reset-hover)}.btn-next{padding-block:1px 0}.searchbox{display:flex}.searchbox .f-search{border-radius:var(--radius-input) 0 0 var(--radius-input);width:147px;height:27px}.searchbox .btn-search{overflow:hidden;height:27px;width:30px;padding:0;margin-left:-2px;text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:0 var(--radius-input) var(--radius-input) 0}.searchbox .btn-search .mask-icon-zoeken{--icon-size: 16px}.user-profile-form .pioneer-formfield{display:block}.text-page .pioneer-field-has-error input{border-color:#f4791f}.text-page .pioneer-field-errors .pioneer-error,.upload-form .pioneer-field-errors .pioneer-error{margin-top:2px;margin-left:10px;color:#bd0012}.user-profile-form .pioneer-label{padding-bottom:5px}.user-profile-form .pioneer-formfield{margin-bottom:10px}.user-profile-form .formcontrols{margin-top:1em}:is(.upload-form,.new-api-key) .form-inline{display:flex;flex-wrap:wrap}:is(.upload-form,.new-api-key) .form-inline .formcontrols{flex-grow:2}.new-api-key .form-inline .pioneer-formfield{width:365px}.new-api-key .form-inline .formcontrols{margin-top:0}.new-api-key .form-inline .pioneer-label{flex:1 0 150px;max-width:150px}.upload-form .pioneer-formfield{display:block;margin-bottom:8px}.upload-form .pioneer-field{flex-direction:column}.upload-form .pioneer-label{display:none}.upload-form [type=file]{width:180px;margin-right:10px}.upload-form .pioneer-field-has-error select,.upload-form .pioneer-field-has-error input{border-color:red}.upload-form .formcontrols{margin-top:2px}@media screen and (max-width: 1072px){.upload-form .form-inline{flex-direction:column}}@media screen and (max-width: 1140px){.upload-form .formcontrols{flex-basis:100%}}@media screen and (min-width: 1072px){.upload-form [type=file]{margin-left:10px}}.mask-icon-A1{-webkit-mask-image:url(../svg-icons/A1.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/A1.svg);mask-size:var(--icon-size) auto}.mask-icon-ADA{-webkit-mask-image:url(../svg-icons/ADA.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/ADA.svg);mask-size:var(--icon-size) auto}.mask-icon-P4{-webkit-mask-image:url(../svg-icons/P4.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/P4.svg);mask-size:var(--icon-size) auto}.mask-icon-aansluitingen{-webkit-mask-image:url(../svg-icons/aansluitingen.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/aansluitingen.svg);mask-size:var(--icon-size) auto}.mask-icon-add-new-label{-webkit-mask-image:url(../svg-icons/add-new-label.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/add-new-label.svg);mask-size:var(--icon-size) auto}.mask-icon-alert-add{-webkit-mask-image:url(../svg-icons/alert-add.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/alert-add.svg);mask-size:var(--icon-size) auto}.mask-icon-alert-follow{-webkit-mask-image:url(../svg-icons/alert-follow.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/alert-follow.svg);mask-size:var(--icon-size) auto}.mask-icon-alert{-webkit-mask-image:url(../svg-icons/alert.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/alert.svg);mask-size:var(--icon-size) auto}.mask-icon-all{-webkit-mask-image:url(../svg-icons/all.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/all.svg);mask-size:var(--icon-size) auto}.mask-icon-api{-webkit-mask-image:url(../svg-icons/api.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/api.svg);mask-size:var(--icon-size) auto}.mask-icon-bedrijf{-webkit-mask-image:url(../svg-icons/bedrijf.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/bedrijf.svg);mask-size:var(--icon-size) auto}.mask-icon-berichten-2{-webkit-mask-image:url(../svg-icons/berichten-2.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/berichten-2.svg);mask-size:var(--icon-size) auto}.mask-icon-berichten{-webkit-mask-image:url(../svg-icons/berichten.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/berichten.svg);mask-size:var(--icon-size) auto}.mask-icon-bespaartips{-webkit-mask-image:url(../svg-icons/bespaartips.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/bespaartips.svg);mask-size:var(--icon-size) auto}.mask-icon-besparen{-webkit-mask-image:url(../svg-icons/besparen.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/besparen.svg);mask-size:var(--icon-size) auto}.mask-icon-bijwerken{-webkit-mask-image:url(../svg-icons/bijwerken.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/bijwerken.svg);mask-size:var(--icon-size) auto}.mask-icon-bpm{-webkit-mask-image:url(../svg-icons/bpm.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/bpm.svg);mask-size:var(--icon-size) auto}.mask-icon-clock{-webkit-mask-image:url(../svg-icons/clock.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/clock.svg);mask-size:var(--icon-size) auto}.mask-icon-company{-webkit-mask-image:url(../svg-icons/company.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/company.svg);mask-size:var(--icon-size) auto}.mask-icon-dalers{-webkit-mask-image:url(../svg-icons/dalers.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/dalers.svg);mask-size:var(--icon-size) auto}.mask-icon-dashboard{-webkit-mask-image:url(../svg-icons/dashboard.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/dashboard.svg);mask-size:var(--icon-size) auto}.mask-icon-datum{-webkit-mask-image:url(../svg-icons/datum.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/datum.svg);mask-size:var(--icon-size) auto}.mask-icon-defaults{-webkit-mask-image:url(../svg-icons/defaults.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/defaults.svg);mask-size:var(--icon-size) auto}.mask-icon-download{-webkit-mask-image:url(../svg-icons/download.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/download.svg);mask-size:var(--icon-size) auto}.mask-icon-elektriciteit{-webkit-mask-image:url(../svg-icons/elektriciteit.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/elektriciteit.svg);mask-size:var(--icon-size) auto}.mask-icon-energieverslag-custom{-webkit-mask-image:url(../svg-icons/energieverslag-custom.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/energieverslag-custom.svg);mask-size:var(--icon-size) auto}.mask-icon-energieverslag-toevoegen{-webkit-mask-image:url(../svg-icons/energieverslag-toevoegen.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/energieverslag-toevoegen.svg);mask-size:var(--icon-size) auto}.mask-icon-energieverslag{-webkit-mask-image:url(../svg-icons/energieverslag.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/energieverslag.svg);mask-size:var(--icon-size) auto}.mask-icon-enter{-webkit-mask-image:url(../svg-icons/enter.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/enter.svg);mask-size:var(--icon-size) auto}.mask-icon-envelope{-webkit-mask-image:url(../svg-icons/envelope.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/envelope.svg);mask-size:var(--icon-size) auto}.mask-icon-explode-label{-webkit-mask-image:url(../svg-icons/explode-label.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/explode-label.svg);mask-size:var(--icon-size) auto}.mask-icon-export{-webkit-mask-image:url(../svg-icons/export.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/export.svg);mask-size:var(--icon-size) auto}.mask-icon-extra{-webkit-mask-image:url(../svg-icons/extra.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/extra.svg);mask-size:var(--icon-size) auto}.mask-icon-favoriet{-webkit-mask-image:url(../svg-icons/favoriet.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/favoriet.svg);mask-size:var(--icon-size) auto}.mask-icon-file{-webkit-mask-image:url(../svg-icons/file.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/file.svg);mask-size:var(--icon-size) auto}.mask-icon-gas{-webkit-mask-image:url(../svg-icons/gas.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/gas.svg);mask-size:var(--icon-size) auto}.mask-icon-gebruiker{-webkit-mask-image:url(../svg-icons/gebruiker.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/gebruiker.svg);mask-size:var(--icon-size) auto}.mask-icon-gebruikers{-webkit-mask-image:url(../svg-icons/gebruikers.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/gebruikers.svg);mask-size:var(--icon-size) auto}.mask-icon-globale{-webkit-mask-image:url(../svg-icons/globale.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/globale.svg);mask-size:var(--icon-size) auto}.mask-icon-go-left{-webkit-mask-image:url(../svg-icons/go-left.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/go-left.svg);mask-size:var(--icon-size) auto}.mask-icon-go-right{-webkit-mask-image:url(../svg-icons/go-right.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/go-right.svg);mask-size:var(--icon-size) auto}.mask-icon-grid{-webkit-mask-image:url(../svg-icons/grid.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/grid.svg);mask-size:var(--icon-size) auto}.mask-icon-grootverbruik{-webkit-mask-image:url(../svg-icons/grootverbruik.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/grootverbruik.svg);mask-size:var(--icon-size) auto}.mask-icon-has-note{-webkit-mask-image:url(../svg-icons/has-note.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/has-note.svg);mask-size:var(--icon-size) auto}.mask-icon-help{-webkit-mask-image:url(../svg-icons/help.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/help.svg);mask-size:var(--icon-size) auto}.mask-icon-hoofdmeter{-webkit-mask-image:url(../svg-icons/hoofdmeter.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/hoofdmeter.svg);mask-size:var(--icon-size) auto}.mask-icon-instellingen-2{-webkit-mask-image:url(../svg-icons/instellingen-2.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/instellingen-2.svg);mask-size:var(--icon-size) auto}.mask-icon-instellingen{-webkit-mask-image:url(../svg-icons/instellingen.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/instellingen.svg);mask-size:var(--icon-size) auto}.mask-icon-ketting{-webkit-mask-image:url(../svg-icons/ketting.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/ketting.svg);mask-size:var(--icon-size) auto}.mask-icon-klantkeuze{-webkit-mask-image:url(../svg-icons/klantkeuze.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/klantkeuze.svg);mask-size:var(--icon-size) auto}.mask-icon-kleinverbruik{-webkit-mask-image:url(../svg-icons/kleinverbruik.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/kleinverbruik.svg);mask-size:var(--icon-size) auto}.mask-icon-label{-webkit-mask-image:url(../svg-icons/label.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/label.svg);mask-size:var(--icon-size) auto}.mask-icon-labels{-webkit-mask-image:url(../svg-icons/labels.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/labels.svg);mask-size:var(--icon-size) auto}.mask-icon-locatie{-webkit-mask-image:url(../svg-icons/locatie.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/locatie.svg);mask-size:var(--icon-size) auto}.mask-icon-login{-webkit-mask-image:url(../svg-icons/login.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/login.svg);mask-size:var(--icon-size) auto}.mask-icon-logout{-webkit-mask-image:url(../svg-icons/logout.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/logout.svg);mask-size:var(--icon-size) auto}.mask-icon-message-read{-webkit-mask-image:url(../svg-icons/message-read.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/message-read.svg);mask-size:var(--icon-size) auto}.mask-icon-message-unread{-webkit-mask-image:url(../svg-icons/message-unread.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/message-unread.svg);mask-size:var(--icon-size) auto}.mask-icon-meter{-webkit-mask-image:url(../svg-icons/meter.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/meter.svg);mask-size:var(--icon-size) auto}.mask-icon-neartimemetering{-webkit-mask-image:url(../svg-icons/neartimemetering.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/neartimemetering.svg);mask-size:var(--icon-size) auto}.mask-icon-paper-plane{-webkit-mask-image:url(../svg-icons/paper-plane.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/paper-plane.svg);mask-size:var(--icon-size) auto}.mask-icon-phone{-webkit-mask-image:url(../svg-icons/phone.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/phone.svg);mask-size:var(--icon-size) auto}.mask-icon-pijl-links-dubbel{-webkit-mask-image:url(../svg-icons/pijl-links-dubbel.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/pijl-links-dubbel.svg);mask-size:var(--icon-size) auto}.mask-icon-pijl-links{-webkit-mask-image:url(../svg-icons/pijl-links.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/pijl-links.svg);mask-size:var(--icon-size) auto}.mask-icon-pijl-rechts-dubbel{-webkit-mask-image:url(../svg-icons/pijl-rechts-dubbel.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/pijl-rechts-dubbel.svg);mask-size:var(--icon-size) auto}.mask-icon-pijl-rechts{-webkit-mask-image:url(../svg-icons/pijl-rechts.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/pijl-rechts.svg);mask-size:var(--icon-size) auto}.mask-icon-pin-los{-webkit-mask-image:url(../svg-icons/pin-los.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/pin-los.svg);mask-size:var(--icon-size) auto}.mask-icon-pin-vast{-webkit-mask-image:url(../svg-icons/pin-vast.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/pin-vast.svg);mask-size:var(--icon-size) auto}.mask-icon-primairaansluitpunt{-webkit-mask-image:url(../svg-icons/primairaansluitpunt.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/primairaansluitpunt.svg);mask-size:var(--icon-size) auto}.mask-icon-rapport01{-webkit-mask-image:url(../svg-icons/rapport01.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/rapport01.svg);mask-size:var(--icon-size) auto}.mask-icon-rapportage-toevoegen{-webkit-mask-image:url(../svg-icons/rapportage-toevoegen.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/rapportage-toevoegen.svg);mask-size:var(--icon-size) auto}.mask-icon-rapportage{-webkit-mask-image:url(../svg-icons/rapportage.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/rapportage.svg);mask-size:var(--icon-size) auto}.mask-icon-secundairaansluitpunt{-webkit-mask-image:url(../svg-icons/secundairaansluitpunt.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/secundairaansluitpunt.svg);mask-size:var(--icon-size) auto}.mask-icon-sleutel{-webkit-mask-image:url(../svg-icons/sleutel.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/sleutel.svg);mask-size:var(--icon-size) auto}.mask-icon-stijgers{-webkit-mask-image:url(../svg-icons/stijgers.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/stijgers.svg);mask-size:var(--icon-size) auto}.mask-icon-system-health{-webkit-mask-image:url(../svg-icons/system-health.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/system-health.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-dag{-webkit-mask-image:url(../svg-icons/tabel-dag.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-dag.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-dot{-webkit-mask-image:url(../svg-icons/tabel-dot.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-dot.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-graph-ascending{-webkit-mask-image:url(../svg-icons/tabel-graph-ascending.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-graph-ascending.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-graph-compare1{-webkit-mask-image:url(../svg-icons/tabel-graph-compare1.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-graph-compare1.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-graph-compare2{-webkit-mask-image:url(../svg-icons/tabel-graph-compare2.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-graph-compare2.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-graph{-webkit-mask-image:url(../svg-icons/tabel-graph.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-graph.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-jaar{-webkit-mask-image:url(../svg-icons/tabel-jaar.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-jaar.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-kwartier{-webkit-mask-image:url(../svg-icons/tabel-kwartier.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-kwartier.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-maand{-webkit-mask-image:url(../svg-icons/tabel-maand.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-maand.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-uur{-webkit-mask-image:url(../svg-icons/tabel-uur.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-uur.svg);mask-size:var(--icon-size) auto}.mask-icon-tabel-week{-webkit-mask-image:url(../svg-icons/tabel-week.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tabel-week.svg);mask-size:var(--icon-size) auto}.mask-icon-tm{-webkit-mask-image:url(../svg-icons/tm.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tm.svg);mask-size:var(--icon-size) auto}.mask-icon-trash-bin-open{-webkit-mask-image:url(../svg-icons/trash-bin-open.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/trash-bin-open.svg);mask-size:var(--icon-size) auto}.mask-icon-trechter{-webkit-mask-image:url(../svg-icons/trechter.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/trechter.svg);mask-size:var(--icon-size) auto}.mask-icon-tussenmeter{-webkit-mask-image:url(../svg-icons/tussenmeter.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/tussenmeter.svg);mask-size:var(--icon-size) auto}.mask-icon-uitgenodigd-1{-webkit-mask-image:url(../svg-icons/uitgenodigd-1.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/uitgenodigd-1.svg);mask-size:var(--icon-size) auto}.mask-icon-uitgenodigd-2{-webkit-mask-image:url(../svg-icons/uitgenodigd-2.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/uitgenodigd-2.svg);mask-size:var(--icon-size) auto}.mask-icon-upload-stop{-webkit-mask-image:url(../svg-icons/upload-stop.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/upload-stop.svg);mask-size:var(--icon-size) auto}.mask-icon-upload-warning{-webkit-mask-image:url(../svg-icons/upload-warning.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/upload-warning.svg);mask-size:var(--icon-size) auto}.mask-icon-verwijderen{-webkit-mask-image:url(../svg-icons/verwijderen.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/verwijderen.svg);mask-size:var(--icon-size) auto}.mask-icon-virtueelaansluitpunt{-webkit-mask-image:url(../svg-icons/virtueelaansluitpunt.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/virtueelaansluitpunt.svg);mask-size:var(--icon-size) auto}.mask-icon-volume{-webkit-mask-image:url(../svg-icons/volume.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/volume.svg);mask-size:var(--icon-size) auto}.mask-icon-warmte{-webkit-mask-image:url(../svg-icons/warmte.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/warmte.svg);mask-size:var(--icon-size) auto}.mask-icon-warning{-webkit-mask-image:url(../svg-icons/warning.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/warning.svg);mask-size:var(--icon-size) auto}.mask-icon-water{-webkit-mask-image:url(../svg-icons/water.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/water.svg);mask-size:var(--icon-size) auto}.mask-icon-weer{-webkit-mask-image:url(../svg-icons/weer.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/weer.svg);mask-size:var(--icon-size) auto}.mask-icon-wijzigen{-webkit-mask-image:url(../svg-icons/wijzigen.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/wijzigen.svg);mask-size:var(--icon-size) auto}.mask-icon-zoeken{-webkit-mask-image:url(../svg-icons/zoeken.svg);-webkit-mask-size:var(--icon-size) auto;mask-image:url(../svg-icons/zoeken.svg);mask-size:var(--icon-size) auto}:root{--c-primary: #d4de00;--c-primary-10plus: #bcc500;--c-primary-20plus: #959c00;--c-secondary: #356C62;--c-dark-grey: #686b71;--c-light-grey: hsl(40 16% 89%);--c-text: #000;--c-link: var(--c-secondary);--c-btn-text: #000;--bg-btn: var(--c-primary);--bg-btn-hover: var(--c-primary-10plus);--fill-bd-input: var(--c-light-grey);--bg-input: #fff;--radius-btn: 0;--radius-input: 2px;--padding-input: 8px 6px;--weight-btn-text: 400;--font-mainsize: 15px;--font-btn-size: var(--font-mainsize);--font-input-size: 14px}html{background-color:var(--c-light-grey)}.page-public .visualwrapper{display:flex;min-height:100vh;flex-direction:column}header{position:relative;height:75px;flex-shrink:0;background-color:#fff}.logo{height:inherit;width:30%;padding-top:21px;padding-right:21px;text-align:right;background:var(--c-primary)}.form-page{flex-grow:1;width:100%;max-width:1600px;margin-inline:auto;background:linear-gradient(to right, rgba(0, 0, 0, 0.7) 0, rgba(231, 56, 39, 0) 100%),url(images/zonnepanelen.webp);background-repeat:no-repeat,no-repeat;background-position:top left,top center;background-size:100% 440px,100% 440px}.portal-title{padding:5rem 2rem 5rem 10vw;font-size:72px;line-height:68px;letter-spacing:-2px;color:#fff}a{color:var(--c-link);font-weight:500}a:hover{color:#000}footer{flex-shrink:0;height:60px}footer>div{max-width:1100px;margin:0 auto;padding-top:20px;text-align:center}.footer-link{--icon-size: 14px;--icon-fill: var(--c-secondary);display:inline-flex;gap:8px;align-items:center;margin-left:40px;text-decoration:none;transition:color .3s ease-in}.footer-link [class^=mask-icon]{flex:0 0 var(--icon-size);transition:background-color .3s ease-in}.footer-link:hover{--icon-fill: var(--c-text);color:var(--c-text)}.login-title{font-size:36px;line-height:40px;margin-top:0}.login-links{list-style-type:none;margin:20px -40px 0;padding:40px 40px 0;border-top:1px solid rgba(77, 77, 77, 0.2)}.login-links li{margin-bottom:10px}.login-links li:last-child{margin-top:20px}.contact-text,.demo-response-text{line-height:1.3em}.contact-text a,.demo-response-text a{color:#4d4d4d}.contact-text a:hover,.demo-response-text a:hover{color:#000}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;margin:0}input[type=text],input[type=password],input[type=url],input[type=email]{width:100%}.formcontrols{text-align:right}.login-form .asteriskField{display:none}.btn{padding:10px 25px}.btn:hover{--bg-btn: var(--bg-btn-hover)}iframe#prime_page{width:0;height:0;position:absolute;top:0;z-index:-1}.pioneer-formfield{margin-bottom:10px}.form-block{max-width:600px;margin:40px auto 0;padding:40px;background-color:#fff}.form-block .pioneer-label{flex:3 0 50px;margin-bottom:4px;padding-top:9px;padding-bottom:.5em}.form-block .pioneer-label label{padding-bottom:0}.pioneer-errors{margin-bottom:20px;color:red}form{max-width:600px}form div.pioneer-field-errors{margin-top:8px;margin-left:10px;color:red}form .pioneer-field-has-error input{border:1px solid red}form .pioneer-field-errors,form .pioneer-help-text{font-size:var(--font-mainsize)}