:root{--border-input: #ccc;--fill-grey: #808080;--fill-light-grey: rgb(244 244 244);--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)}@font-face{font-family:"Helvetica W01 Bold";font-weight:bold;font-style:normal;src:url("../fonts/c5749443-93da-4592-b794-42f28d62ef72.woff") format("woff"),url("../fonts/73805f15-38e4-4fb7-8a08-d56bf29b483b.ttf") format("truetype")}@font-face{font-family:"Helvetica W02 Roman";font-weight:normal;font-style:normal;src:url("../fonts/b56b944e-bbe0-4450-a241-de2125d3e682.woff") format("woff"),url("../fonts/7da02f05-ae8b-43a1-aeb9-83b3c0527c06.ttf") format("truetype")}@font-face{font-family:"Helvetica W02 Light";font-weight:normal;font-style:normal;src:url("../fonts/80c34ad2-27c2-4d99-90fa-985fd64ab81a.woff") format("woff")}@font-face{font-family:"Helvetica W02 Light";font-weight:bold;font-style:normal;src:url("../fonts/b56b944e-bbe0-4450-a241-de2125d3e682.woff") format("woff")}@font-face{font-family:"Helvetica W02 Light Obl";font-weight:normal;font-style:italic;src:url("../fonts/848388c9-dc1e-4912-aa30-43fbea5e7815.woff") format("woff")}*{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:"Helvetica W02 Light","Arial","Luxi Sans",sans-serif;font-size:14px;color:#4d4d4d;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:"Helvetica W02 Roman","Arial","Luxi Sans",sans-serif;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}i,em{font-family:"Helvetica W02 Light Obl","Arial","Luxi Sans",sans-serif}b,strong{font-family:"Helvetica W01 Bold","Arial","Luxi Sans",sans-serif;font-weight:normal}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:"Helvetica W01 Bold","Arial","Luxi Sans",sans-serif;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:"Helvetica W02 Light","Arial","Luxi Sans",sans-serif}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-size:12px;background-color:#fff;border:1px solid #ccc;border-radius:5px}input[type=text],input[type=password],input[type=url],input[type=email],input[type=number],textarea{padding:5px 10px}input[type=date]{padding:5px}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]{padding:5px;border:1px solid #ccc;border-radius:5px}.field{position:relative}.field:after{content:"";display:block;height:0;clear:both}.field .label-floatleft{float:left;display:block;padding-top:5px;width:40%}.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:13px;cursor:pointer;border-radius:5px;border:none;color:#fff}.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-next{padding-block:1px 0}.searchbox{display:flex}.searchbox .f-search{border-radius:5px 0 0 5px;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 5px 5px 0}.searchbox .btn-search .mask-icon-zoeken{--icon-size: 16px}.user-profile-form .pioneer-formfield{display:block}.login-form .pioneer-field-errors{font-family:"Helvetica W01 Bold","Arial","Luxi Sans",sans-serif}.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}header{position:relative;height:75px;background:#000 url("images/header-bg.png") repeat-x top left;box-shadow:0 4px 4px rgba(0, 0, 0, 0.4)}.logo{height:inherit;width:30%;padding-top:21px;padding-right:21px;text-align:right;background:#b6bf00}.form-page{min-height:calc(100% - 75px);margin-bottom:-60px;padding-top:12%;background:url("images/login-bg3.jpg") no-repeat top left;background-attachment:fixed;background-size:cover}.form-page.random-image-1{background-image:url("images/login-bg1.jpg")}.form-page.random-image-2{background-image:url("images/login-bg2.jpg")}.form-page.random-image-3{background-image:url("images/login-bg3.jpg")}.form-page.random-image-4{background-image:url("images/login-bg4.jpg")}.form-page.random-image-5{background-image:url("images/login-bg5.jpg")}.form-page.random-image-6{background-image:url("images/login-bg6.jpg")}.form-page::after{display:block;content:"";height:60px}.form-page>div{max-width:560px;margin:0 auto;transform:translateY(-12%);background-color:#fff}.form-page a{color:#4d4d4d}.form-page a:hover{color:#000}footer{height:60px;background:#b6bf00}footer>div{max-width:1100px;margin:0 auto;padding-top:20px;text-align:center}.footer-link{--icon-size: 14px;--icon-fill: #fff;display:inline-flex;gap:8px;align-items:center;margin-left:40px;text-decoration:none;color:#fff;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: #000;color:#000}.login-title{font-family:"Helvetica W01 Bold","Arial","Luxi Sans",sans-serif;font-size:22px}.login-links{list-style-type:none;margin:20px -48px 0;padding:32px 48px 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}input{font-family:"Helvetica W02 Light","Arial","Luxi Sans",sans-serif}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%;padding:10px;font-size:14px;background-color:#f2f2f2;border:none}.formcontrols{text-align:right}.login-form .asteriskField{display:none}.btn{padding:8px 20px;cursor:pointer;font-family:"Helvetica W01 Bold","Arial","Luxi Sans",sans-serif;color:#fff;text-transform:uppercase;background:#b6bf00;transition:background .3s ease-in}.btn:hover{background-color:#939f07}iframe#prime_page{width:0;height:0;position:absolute;top:0;z-index:-1}@media screen and (max-width: 1040px){.form-page::after,footer{height:100px}.form-page{margin-bottom:-100px}footer>div{text-align:left;max-width:80%;margin-left:auto;margin-right:auto}.footer-link{width:45%;margin-left:20px;margin-bottom:15px}}@media screen and (max-width: 840px){.form-page::after,footer{height:200px}.form-page{margin-bottom:-200px}footer>div{max-width:initial;padding-top:30px}.footer-link{display:block;margin-left:auto;margin-right:auto;white-space:nowrap}}.pioneer-formfield{margin-bottom:20px}.form-block{padding:24px 48px 32px;vertical-align:top}.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;font-weight:bold;color:red}form div.pioneer-field-errors{margin-top:8px;margin-left:10px;font-family:Helvetica,sans-serif;color:red}form .pioneer-field-has-error input{border:1px solid red}