html,body{width:100%;height:100%;background-color:var(--layout-color-bg)}#container{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden}#container #sidebar{display:flex;flex-direction:column;max-width:var(--layout-sidebar-width);width:var(--layout-sidebar-maxwidth);background:var(--layout-sidebar-color-bg);border-right:1px solid var(--layout-sidebar-color-border);z-index:900}body.sidebarclosed #container #sidebar{max-width:var(--layout-topbar-height)}#container #sidebar #menuheader{display:flex;flex-direction:row;width:100%;height:var(--layout-topbar-height);border-bottom:1px solid var(--layout-sidebar-color-border)}#container #sidebar #menuheader #menutoggle{width:var(--layout-topbar-height);height:var(--layout-topbar-height);background-size:20px 20px;background-position:25px 25px;background-repeat:no-repeat;cursor:pointer}body.sidebaropen #container #sidebar #menuheader #menutoggle{background-image:var(--menutoggle-icon-open)}body.sidebarclosed #container #sidebar #menuheader #menutoggle{background-image:var(--menutoggle-icon-closed)}#container #sidebar #menuheader #logo{line-height:var(--layout-topbar-height);color:var(--text-logo-color);font-family:var(--text-logo-font);font-size:var(--text-logo-size);font-weight:var(--text-logo-weight)}body.sidebarclosed #container #sidebar #menuheader #logo{display:none}#container #sidebar #menu{width:var(--layout-sidebar-width);flex-grow:1;display:flex;flex-direction:column;padding-bottom:10px;overflow-x:hidden;overflow-y:auto}body.sidebarclosed #container #sidebar #menu{max-width:var(--layout-topbar-height)}#container #sidebar #menu .menuitem{display:flex;align-items:center;width:var(--layout-sidebar-width);min-height:var(--layout-menuitem-height);line-height:var(--layout-menuitem-height);text-decoration:none;color:var(--layout-sidebar-color);font-size:var(--layout-sidebar-size);font-weight:var(--layout-sidebar-weight);overflow:hidden;margin-top:4px;margin-bottom:4px}#container #sidebar #menu .menuitem.active{background-color:var(--layout-menuitem-active-color-bg);color:var(--layout-menuitem-active-color-fg)}#container #sidebar #menu .menuitem:hover,#container #sidebar #menu .menuitem:hover .icon{background-color:var(--layout-menuitem-hover-color-bg);color:var(--layout-menuitem-hover-color-fg)}#container #sidebar #menu .menuitem.active:hover,#container #sidebar #menu .menuitem.active:hover .icon{background-color:var(--layout-menuitem-active-hover-color-bg);color:var(--layout-menuitem-active-hover-color-fg)}#container #sidebar #menu .menuitem .icon{width:var(--layout-menuitem-height);height:var(--layout-menuitem-height);background-size:20px 20px;background-position:25px calc(var(--layout-menuitem-height) - 10px));background-repeat:no-repeat;margin-left:calc((var(--layout-topbar-height) - var(--layout-menuitem-height)) / 2);margin-right:calc((var(--layout-topbar-height) - var(--layout-menuitem-height)) / 2)}#container #sidebar #menu .menuitem .bubble{background-color:var(--layout-menuitem-bubble-color-bg);color:var(--layout-menuitem-bubble-color-fg);border-radius:50%;text-align:center;margin-left:10px;margin-right:20px;width:22px;height:22px;line-height:22px;font-size:14px;font-weight:400}body.sidebarclosed #container #sidebar #menu .menuitem .bubble{margin-top:-14px;margin-left:2px;position:static;left:40px;width:18px;height:18px;line-height:18px;font-size:13px}#container #sidebar #menu .menuitem:hover{width:300px}#container #sidebar #menu .menuitem .text{line-height:16px}@media (min-width:1200px){body.sidebarclosed #container #sidebar #menu .menuitem:hover{z-index:100000000;overflow:visible;background-color:#fff0}body.sidebarclosed #container #sidebar #menu .menuitem:hover .text{position:absolute;margin-left:6px;line-height:30px;height:30px;padding-left:8px;padding-right:8px;background-color:var(--layout-sidebar-color);color:var(--layout-sidebar-color-bg);left:var(--layout-topbar-height)}}#container #sidebar #menu .menuitem.menuitem-customicon .icon{background-size:cover;background-position:center center;border-radius:50%;margin-left:calc((var(--layout-topbar-height) - var(--layout-menuitem-height)) / 2);margin-right:calc((var(--layout-topbar-height) - var(--layout-menuitem-height)) / 2);width:var(--layout-menuitem-height)}#container #sidebar #menu .menuitem-overzicht .icon{background-image:var(--menu-overzicht-icon)}#container #sidebar #menu .menuitem-overzicht:hover .icon{background-image:var(--menu-overzicht-icon-hover)}#container #sidebar #menu .menuitem-overzicht.active .icon{background-image:var(--menu-overzicht-icon-active)}#container #sidebar #menu .menuitem-kennisbank .icon{background-image:var(--menu-kennisbank-icon)}#container #sidebar #menu .menuitem-kennisbank:hover .icon{background-image:var(--menu-kennisbank-icon-hover)}#container #sidebar #menu .menuitem-kennisbank.active .icon{background-image:var(--menu-kennisbank-icon-active)}#container #sidebar #menu .menuitem-training .icon{background-image:var(--menu-training-icon)}#container #sidebar #menu .menuitem-training:hover .icon{background-image:var(--menu-training-icon-hover)}#container #sidebar #menu .menuitem-training.active .icon{background-image:var(--menu-training-icon-active)}#container #sidebar #menu .menuitem-reisaanmelding .icon{background-image:var(--menu-reisaanmelding-icon)}#container #sidebar #menu .menuitem-reisaanmelding:hover .icon{background-image:var(--menu-reisaanmelding-icon-hover)}#container #sidebar #menu .menuitem-reisaanmelding.active .icon{background-image:var(--menu-reisaanmelding-icon-active)}#container #sidebar #menu .menuitem-reisvoorbereiding .icon{background-image:var(--menu-reisvoorbereiding-icon)}#container #sidebar #menu .menuitem-reisvoorbereiding:hover .icon{background-image:var(--menu-reisvoorbereiding-icon-hover)}#container #sidebar #menu .menuitem-reisvoorbereiding.active .icon{background-image:var(--menu-reisvoorbereiding-icon-active)}#container #sidebar #menu .menuitem-reisactueel .icon{background-image:var(--menu-reisactueel-icon)}#container #sidebar #menu .menuitem-reisactueel:hover .icon{background-image:var(--menu-reisactueel-icon-hover)}#container #sidebar #menu .menuitem-reisactueel.active .icon{background-image:var(--menu-reisactueel-icon-active)}#container #sidebar #menu .menuitem-reisafronding .icon{background-image:var(--menu-reisafronding-icon)}#container #sidebar #menu .menuitem-reisafronding:hover .icon{background-image:var(--menu-reisafronding-icon-hover)}#container #sidebar #menu .menuitem-reisafronding.active .icon{background-image:var(--menu-reisafronding-icon-active)}#container #sidebar #menu .menuitem-reisverleden .icon{background-image:var(--menu-reisverleden-icon)}#container #sidebar #menu .menuitem-reisverleden:hover .icon{background-image:var(--menu-reisverleden-icon-hover)}#container #sidebar #menu .menuitem-reisverleden.active .icon{background-image:var(--menu-reisverleden-icon-active)}#container #sidebar #menu .menuitem-aanmelden .icon{background-image:var(--menu-aanmelden-icon)}#container #sidebar #menu .menuitem-aanmelden:hover .icon{background-image:var(--menu-aanmelden-icon-hover)}#container #sidebar #menu .menuitem-aanmelden.active .icon{background-image:var(--menu-aanmelden-icon-active)}#container #sidebar #menu .menuitem-declaraties .icon{background-image:var(--menu-declaraties-icon)}#container #sidebar #menu .menuitem-declaraties:hover .icon{background-image:var(--menu-declaraties-icon-hover)}#container #sidebar #menu .menuitem-declaraties.active .icon{background-image:var(--menu-declaraties-icon-active)}#container #sidebar #menu .menuitem-contact .icon{background-image:var(--menu-contact-icon)}#container #sidebar #menu .menuitem-contact:hover .icon{background-image:var(--menu-contact-icon-hover)}#container #sidebar #menu .menuitem-contact.active .icon{background-image:var(--menu-contact-icon-active)}#container #sidebar #menu .menuitem-email .icon{background-image:var(--menu-email-icon)}#container #sidebar #menu .menuitem-email:hover .icon{background-image:var(--menu-email-icon-hover)}#container #sidebar #menu .menuitem-email.active .icon{background-image:var(--menu-email-icon-active)}#container #sidebar #menu .menuitem-wallester .icon{background-image:var(--menu-wallester-icon)}#container #sidebar #menu .menuitem-wallester:hover .icon{background-image:var(--menu-wallester-icon-hover)}#container #sidebar #menu .menuitem-wallester.active .icon{background-image:var(--menu-wallester-icon-active)}#container #sidebar #menu .menuitem-instellingen .icon{background-image:var(--menu-instellingen-icon)}#container #sidebar #menu .menuitem-instellingen:hover .icon{background-image:var(--menu-instellingen-icon-hover)}#container #sidebar #menu .menuitem-instellingen.active .icon{background-image:var(--menu-instellingen-icon-active)}#container #sidebar #menu .menuitem-profiel .icon{background-image:var(--menu-profiel-icon)}#container #sidebar #menu .menuitem-profiel:hover .icon{background-image:var(--menu-profiel-icon-hover)}#container #sidebar #menu .menuitem-profiel.active .icon{background-image:var(--menu-profiel-icon-active)}#container #sidebar #menu .spacer{flex-grow:1}#container #main{display:flex;flex-direction:column;flex-grow:1;max-width:100vw}#container #main #topbar{width:100%;background:var(--layout-topbar-color-bg);color:var(--layout-topbar-color-fg);height:var(--layout-topbar-height);min-height:var(--layout-topbar-height);display:flex;flex-direction:column}#container #main #topbar #heading{flex-grow:1;padding-left:40px;display:flex;flex-direction:column;justify-content:center}#container #main #topbar #heading h1{font-weight:300;font-size:25px;margin:0;padding:0}#container #main #topbar #heading .tabs{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;container-type:scroll-state}@container scroll-state(scrollable:left){.tabs::before{position:absolute;top:0;width:10px;content:' ';background-image:url(/gui/__icon/angle-left/solid/white/);background-repeat:no-repeat;background-position:left center;background-size:10px 10px;background-color:var(--layout-topbar-color-bg);height:var(--layout-topbar-height);pointer-events:none}}@container scroll-state(scrollable:right){.tabs::after{position:absolute;top:0;right:0;width:10px;content:' ';background-image:url(/gui/__icon/angle-right/solid/white/);background-repeat:no-repeat;background-position:right center;background-size:10px 10px;background-color:var(--layout-topbar-color-bg);height:var(--layout-topbar-height);pointer-events:none}}#container #main #topbar #heading .tabs>span{height:calc(var(--layout-topbar-height) - 20px);line-height:calc(var(--layout-topbar-height) - 20px);color:#fff;padding-right:15px;white-space:nowrap}#container #main #topbar #heading .tabs>a{height:calc(var(--layout-topbar-height) - 20px);line-height:calc(var(--layout-topbar-height) - 20px);color:#fff;text-decoration:none;padding-left:15px;padding-right:15px;white-space:nowrap}#container #main #topbar #heading .tabs>a.active{border-bottom:2px solid #fff;font-weight:500}#container #main #content{width:100%;background-color:var(--layout-content-color-bg);flex-grow:1;overflow-y:scroll;padding:20px;display:flex;flex-direction:column;gap:var(--layout-content-window-padding)}#container #main #content.align-center{align-items:center}#container #main #content.fullscreen{padding:0}#container #main #content .window h1{color:var(--text-heading1-color);font-family:var(--text-heading1-font);font-size:var(--text-heading1-size);font-weight:var(--text-heading1-weight);line-height:var(--text-heading1-lineheight);margin-bottom:.8em}#container #main #content .window h1:last-child{margin-bottom:0}#container #main #content .window h2{color:var(--text-heading2-color);font-family:var(--text-heading2-font);font-size:var(--text-heading2-size);font-weight:var(--text-heading2-weight);line-height:var(--text-heading2-lineheight);margin-bottom:.8em}#container #main #content .window h3{color:var(--text-heading3-color);font-family:var(--text-heading3-font);font-size:var(--text-heading3-size);font-weight:var(--text-heading3-weight);line-height:var(--text-heading3-lineheight)}#container #main #content .window h4{color:var(--text-heading4-color);font-family:var(--text-heading4-font);font-size:var(--text-heading4-size);font-weight:var(--text-heading4-weight);line-height:var(--text-heading4-lineheight);padding-top:.5em;padding-bottom:.5em}#container #main #content .window p{margin-bottom:1.4em}#container #main #content .window p:last-child{margin-bottom:0}#container #main #content .window em{color:var(--layout-color);font-style:normal}#container #main #content .window div.columns-2,#container #main #content .window div.setting{margin-bottom:2em}#container #main #content .window div.setting:last-child{display:flex}#container #main #content .window div.columns-2>div:first-child h2,#container #main #content .window div.setting>div:first-child h2{padding:0;margin:0}#container #main #content .window div.columns-2>div:last-child,#container #main #content .window div.setting>div:last-child{display:flex;flex-wrap:wrap;height:min-content}#container #main #content .window div.setting>div:last-child{justify-content:right}#container #main #content .window p.small{font-size:.9em;line-height:1em;opacity:.9;font-style:italic}#container #main #content .locked{display:block;border:1px solid var(--layout-sidebar-color-border);background-color:var(--layout-content-color-bg);background-image:var(--icon-locked);background-repeat:no-repeat;background-position:center center;background-size:auto 80%;height:80px;line-height:80px;font-style:italic;font-weight:500;text-align:center}body .form .form_tabs{border-bottom:1px solid rgb(127 127 127 / .3);background:none}body .form .form_tabs_tab{line-height:16px;height:27px;padding-left:16px;padding-right:16px;background-color:#009fe3;color:#fff;border:1px solid rgb(127 127 127 / .3);border-top-left-radius:0;border-top-right-radius:0;margin-right:0;white-space:nowrap}body .form .form_tabs_tab.active{border:1px solid rgb(127 127 127 / .3);border-bottom:0 none;background-color:#0bbbef;color:#fff}body .form [data-role="tabcontent"]{background-color:var(--modal-color-bg)}body .form [data-role="tabcontent"],body .form .form_buttons{padding:0;padding-top:15px}.form .input_datetime{background-position:180px 4px!important}.formfield_input_textarea{min-height:23px!important}#container #main #content .window.filters div.setting{flex-wrap:wrap;gap:0;flex-direction:column}#container #main #content .window.filters div.setting label{height:32px;line-height:32px}#container #main #content .window ol{margin-left:30px}#container #main #content .window li{padding-left:10px}#container #main #content .window li+li{margin-top:6px}#container #main #content .window ul{list-style:none}#container #main #content .window ul li{padding-left:18px;background-image:var(--icon-bullet);background-size:6px 6px;background-repeat:no-repeat;background-position:4px 9px;line-height:var(--text-paragraph-lineheight)}#container #main #content .window ul:not(:last-child){margin-bottom:.8em}#content[data-template="account/profiel"] .formfield>.formfield_title{font-style:italic;line-height:1.1em;padding-top:4px;padding-bottom:4px}@media (min-width:550px){#content[data-template="account/profiel"] .formfield{display:flex;gap:40px}#content[data-template="account/profiel"] .formfield>*{width:50%}}#container #main #content .window .opmerkingen{display:flex;flex-direction:column;gap:10px}#container #main #content .window .opmerkingen .opmerking{display:block;border:1px solid var(--layout-sidebar-color-border);background-color:var(--layout-content-color-bg);padding:6px 10px;flex-grow:1}.opmerkingen .opmerking_door,#container #main #content .window .opmerkingen .opmerking_door{color:var(--layout-color);font-weight:500}.opmerkingen .opmerking_datum::before,#container #main #content .window .opmerkingen .opmerking_datum::before{content:' - '}.opmerkingen .opmerking_datum,#container #main #content .window .opmerkingen .opmerking_datum{font-weight:500}.window.underconstruction{background-image:var(--icon-construction);background-size:auto 40px;padding-left:80px;background-repeat:no-repeat;background-position:20px center}body .featherlight .featherlight-content{background-color:var(--modal-color-bg)}