html{--font-display:'Poppins', sans-serif;--font-body:'Source Sans 3', sans-serif}.app-shot-inner{--as-blauw:#1F6E9C;--as-merk:#3399cc;--as-link:#1F6E9C;--as-vlak:#eef1f4;--as-kaart:#ffffff;--as-lijn:#e2e8ed;--as-inkt:#303e48;--as-inkt-zacht:#5c6b76;--as-gedempt:#8a97a1;--as-groen-vlak:#d8f0de;--as-groen-inkt:#1A6835;--as-rood:#C8342B;--as-geel:#f0ad3e;--as-paars:#8E4BA8;--as-radius:9px}.app-shot-inner{--fa-blauw:#3399cc;--fa-top-a:#359bce;--fa-top-b:#4ab7d7;--fa-vlak:#dadee6;--fa-tint:#eff9fd;--fa-inkt:#28272a;--fa-inkt-2:#5c6264;--fa-inkt-3:#8b9296;--fa-lijn:#ececed;--fa-lijn-2:#c1c2c4;--fa-groen:#00BE00;--fa-groen-vlak:#ebf8e9;--fa-groen-inkt:#28aa11;--fa-selectie:#dbeef7}.kgl{background:#fff;border:1px solid rgba(2,77,101,.12);border-radius:8px;box-shadow:0 6px 24px rgba(2,77,101,8%);overflow:hidden;color:#024d65}.kgl__kop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 24px}.kgl__titel{font-weight:700;font-size:16px}.kgl__sluit{font-size:20px;line-height:1;color:#4c6b81}.kgl__body{padding:16px 24px 8px}.kgl__zoek{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:13px;color:#4c6b81}.kgl__loep{position:relative;flex:none;width:12px;height:12px;border:2px solid #4c6b81;border-radius:50%}.kgl__loep::after{content:"";position:absolute;right:-4px;bottom:-4px;width:2px;height:6px;background:#4c6b81;transform:rotate(-45deg)}.kgl__rijen{margin:8px 0 0;padding:0;list-style:none}.kgl__rij{display:grid;grid-template-columns:minmax(0,1fr)auto auto;align-items:start;gap:16px;padding:12px 0;border-top:1px solid #e2e8f0}.kgl__rij:first-child{border-top:0}.kgl__klant{display:grid;gap:1px;font-size:13px;line-height:1.35}.kgl__klant b{font-size:14px;font-weight:600;color:#1f6e9c}.kgl__soort{font-size:13px}.kgl__los{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e2e8f0;border-radius:4px}.kgl__los i{position:relative;width:14px;height:7px;border:2px solid var(--as-geel);border-radius:999px;transform:rotate(-20deg)}.kgl__los i::after{content:"";position:absolute;left:50%;top:-5px;width:2px;height:14px;background:var(--as-geel);transform:rotate(-30deg)}.fng{display:grid;justify-items:center;width:100%}.fng__label{font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.fng__label{color:#024d65}.fng__label--muted{color:#4c6b81}.fng__factuur{display:grid;gap:4px;padding:16px 20px;background:#fff;border:1px solid rgba(2,77,101,.12);border-radius:8px;box-shadow:0 6px 24px rgba(2,77,101,8%);color:#024d65}.fng__titel{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1.2}.fng__ritme{font-size:14px;color:#4c6b81}.fng__stam{width:2px;height:24px;background:#39c}.fng__groep{display:grid;justify-items:center;gap:16px;width:100%;padding:20px 16px;border:2px solid #39c;border-radius:8px;background:#fff}.fng__raster{display:grid;grid-template-columns:repeat(6,36px);gap:20px 12px}@media(min-width:576px){.fng__raster{gap:20px 20px}}.fng__lid{position:relative;display:grid;justify-items:center;gap:3px}.fng__lid::before,.fng__lid::after{content:"";display:block;background:#39c}.fng__lid::before{width:20px;height:20px;border-radius:50%}.fng__lid::after{width:36px;height:18px;border-radius:18px 18px 0 0}.fng__lid--nieuw::before,.fng__lid--nieuw::after{background:#024d65}.fng__lid--weg::before,.fng__lid--weg::after{background:0 0;border:2px dashed rgba(2,77,101,.35)}.fng__teken{position:absolute;right:-6px;top:-6px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid #fff;border-radius:50%;font-size:13px;font-weight:700;line-height:1;color:#fff;background:#024d65}.fng__lid--weg .fng__teken,.fng__teken--weg{background:#fff;border:2px solid rgba(2,77,101,.35);color:#4c6b81}.fng__teken--los{position:static;margin-right:8px}.fng__teken--los.fng__teken--nieuw{border:0}.fng__uitleg{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:14px;font-weight:600;color:#024d65}.fng__uitleg>span{display:inline-flex;align-items:center}.hrc{background:#fff;border:1px solid rgba(2,77,101,.12);border-radius:8px;overflow:hidden;color:#024d65;font-size:13px;line-height:1.35}.hrc__kop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 20px}.hrc__titel{font-weight:700;font-size:16px}.hrc__sluit{font-size:20px;line-height:1;color:#4c6b81}.hrc__body{display:grid;justify-items:start;gap:8px;padding:16px 20px 20px}.hrc__rij{display:flex;align-items:center;gap:8px}.hrc__rij .hrc__label{margin:0 8px 0 0}.hrc__label{margin-top:8px;font-weight:700}.hrc__keuze{position:relative;padding:4px 24px 4px 8px;border:1px solid #e2e8f0;border-radius:4px}.hrc__keuze::after{content:"";position:absolute;right:8px;top:50%;width:5px;height:5px;border-right:2px solid #1f6e9c;border-bottom:2px solid #1f6e9c;transform:translateY(-70%)rotate(45deg)}.hrc__veld{justify-self:stretch;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px}.hrc__optie{display:inline-flex;align-items:center;gap:8px}.hrc__optie::before{content:"";flex:none;width:14px;height:14px;border:1px solid #e2e8f0;border-radius:50%;background:#fff}.hrc__optie--aan::before{border-color:#00be00;background:#00be00}.hrc__optie--duur{margin-top:8px}.hrc__zin{margin:8px 0 0;padding:12px;border-radius:4px;background:#e2e8f0}.hrc__knop{justify-self:end;padding:8px 16px;border-radius:4px;background:#024d65;color:#fff;font-weight:700}.kgr{background:#fff;border:1px solid rgba(2,77,101,.12);border-radius:8px;box-shadow:0 6px 24px rgba(2,77,101,8%);overflow:hidden}.kgr__balk{padding:16px 24px;border-bottom:2px solid #39c}.kgr__titel{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.2;color:#024d65}.kgr__body{padding:20px 24px 24px}.kgr__knoppen{display:flex;gap:12px;margin-bottom:16px}.kgr__knop{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:4px;font-size:18px;font-weight:700;color:#1f6e9c}.kgr__knop svg{width:16px;height:16px}.kgr__rijen{margin:0;padding:0;list-style:none}.kgr__rij{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:start;padding:16px 0;border-top:1px solid #e2e8f0}.kgr__rij:first-child{border-top:0;padding-top:0}.support-content .content .kgr ul.kgr__rijen{margin:0;padding:0;list-style:none;font-size:inherit}.support-content .content .kgr ul.kgr__rijen>li.kgr__rij{position:static;padding:0;border:0}.support-content .content .kgr ul.kgr__rijen>li.kgr__rij::before{content:none;display:none;background:0 0}.support-content .content .kgr ul.kgr__rijen>li.kgr__rij{padding:16px 0;border-top:1px solid #e2e8f0}.support-content .content .kgr ul.kgr__rijen>li.kgr__rij:first-child{border-top:0;padding-top:0}.kgr__klant{min-width:0}.kgr__naam{display:block;font-size:18px;font-weight:700;line-height:1.35;color:#1f6e9c}.kgr__adres{display:block;margin-top:2px;font-size:18px;line-height:1.4;color:#4c6b81}.kgr__soort{font-size:18px;line-height:1.4;color:#3c4c52}.kgr__labels{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.kgr__label{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border:1px solid #e2e8f0;border-radius:999px;font-size:18px;font-weight:700;line-height:1.4;color:#3c4c52;white-space:nowrap}.kgr__label i{flex:none;width:7px;height:7px;border-radius:50%;background:#e5195e}@media(max-width:575px){.kgr__balk{padding:12px 20px}.kgr__titel{font-size:18px}.kgr__body{padding:16px 20px 20px}.kgr__rij{grid-template-columns:1fr;gap:8px}.kgr__labels{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}}