/* Administratie Triggerz. Kleuren uit de huisstijl: near-black, cream, mint. */
:root{
  --ink:#0A0A0A; --ink2:#1C1C1A; --cream:#F5F1EB; --paper:#FBF9F5; --line:#E4DED3; --muted:#7A746B;
  --mint:#7DEDD3; --mint-d:#1F8F75; --late:#C2412D; --late-bg:#FBE9E4; --wait:#8A6A12; --wait-bg:#F7EFD6;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font:14px/1.5 Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);font-feature-settings:"tnum" 1}
h1,h2,h3,.num,.brand,.brand-l{font-family:Manrope,Inter,sans-serif}
a{color:inherit}
.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.app>main{min-width:0;padding:28px 36px 60px;max-width:1280px}
.los main{max-width:520px;margin:0 auto;padding:60px 16px}

/* zijbalk */
.side{background:var(--ink);color:#CFC9BF;padding:22px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow-y:auto}
.brand{display:flex;align-items:center;gap:10px;color:var(--cream);font-weight:800;font-size:15px;padding:0 8px;text-decoration:none}
.brand i,.brand-l i{width:26px;height:26px;border-radius:7px;background:var(--mint);display:grid;place-items:center;color:var(--ink);font-style:normal;font-size:13px;font-weight:800}
.side small{display:block;padding:0 10px;margin:14px 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6F6A62}
.side nav a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:9px;color:#CFC9BF;text-decoration:none}
.side nav a:hover{background:var(--ink2);color:var(--cream)}
.side nav a.on{background:var(--cream);color:var(--ink);font-weight:600}
.side nav a b{font-weight:600;font-size:11px;background:#2A2A27;color:var(--mint);padding:1px 7px;border-radius:20px}
.side nav a.on b{background:var(--ink)}
.side .foot{margin-top:auto;padding:12px 10px;border-top:1px solid #222;font-size:12px;color:#8E887E}
.side .foot a{color:#CFC9BF}

/* koppen en knoppen */
.top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.top h1{font-size:28px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.top h1.neg{color:var(--late)} .top h1.pos{color:var(--mint-d)}
.top p{color:var(--muted)} .top p a{color:var(--muted)}
.btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.btns.rechts{justify-content:flex-end;margin-top:18px}
.btns form{display:inline}
.btn{display:inline-block;border:1px solid var(--ink);background:var(--ink);color:var(--cream);padding:9px 15px;border-radius:999px;font:600 13px Inter,sans-serif;cursor:pointer;text-decoration:none;line-height:1.3}
.btn:hover{background:#2A2A27}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:#ECE7DF}
.btn.klein{padding:6px 12px;font-size:12px}
.btn.puls{box-shadow:0 0 0 4px var(--mint)}
.link{background:none;border:0;padding:0;font:600 13px Inter,sans-serif;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.link.rood{color:var(--late)}
.melding{padding:12px 16px;border-radius:12px;margin-bottom:18px;background:#DDF6EF;color:#0F5A49;font-weight:500}
.melding.fout{background:var(--late-bg);color:var(--late)}

/* panelen */
.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;margin-bottom:18px}
.grid.omgekeerd{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}
.zij{display:flex;flex-direction:column;gap:18px;min-width:0}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}
.panel.tabel{padding:14px 14px 6px;overflow-x:auto}
.panel h2{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.panel h2:not(:first-child){margin-top:22px}
.muted{color:var(--muted)} .klein{font-size:12px}
.big{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1}
.big span{font-size:24px;color:var(--muted);font-weight:700}
.big.klein{font-size:30px;margin-bottom:6px}
.split{display:flex;gap:28px;margin-top:12px;flex-wrap:wrap}
.split div{font-size:13px;color:var(--muted)}
.split strong{display:block;font:700 17px Manrope,sans-serif;color:var(--ink)}

/* grafiek zonder inline styles: hoogte via klassen h0-h20 */
.chart{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:150px;margin-top:22px;align-items:end}
.chart .maand{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:2px;height:100%;align-items:end}
.chart i{display:block;border-radius:3px 3px 0 0;min-height:2px}
.chart i.o{background:var(--ink)} .chart i.k{background:var(--mint)}
.chart .toekomst i{opacity:.25}
.chart span{grid-column:1/3;text-align:center;font-size:11px;color:var(--muted)}
.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:8px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.legend .lo{background:var(--ink)} .legend .lk{background:var(--mint)}

.btw{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.btw h2{color:#8E887E} .btw .big span{color:#8E887E}
.btw .meta{display:flex;justify-content:space-between;gap:10px;margin-top:18px;font-size:13px;color:#B9B3A9}
.track{height:6px;background:#2A2A27;border-radius:6px;margin-top:10px;overflow:hidden}
.track i{display:block;height:100%;background:var(--mint)}
.btw table{width:100%;margin-top:18px;border-collapse:collapse;font-size:13px}
.btw td{padding:6px 0;border-top:1px solid #222;color:#CFC9BF}
.btw td:last-child{text-align:right;color:var(--cream)}

.todo{list-style:none}
.todo li{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.todo li:first-child{border-top:0}
.todo .n{font-weight:800;font-size:20px;min-width:44px}
.todo .t strong{display:block;font-weight:600}
.todo .t span{color:var(--muted);font-size:13px}
.todo a{font-weight:600;text-underline-offset:3px;white-space:nowrap}

/* tabellen */
table.list{width:100%;border-collapse:collapse}
.list th{font-size:12px;font-weight:600;color:var(--muted);text-align:left;padding:0 10px 10px}
.list td{padding:12px 10px;border-top:1px solid var(--line);vertical-align:middle}
.list tr.klik{cursor:pointer}
.list tr.klik:hover td{background:#F3EFE8}
.list tr.uit td{opacity:.5}
.list tr.open-regel td:first-child{font-weight:600}
.list .r{text-align:right}
.list td.r,.list td:first-child{white-space:nowrap}
.list .who strong{display:block;font-weight:600;white-space:normal}
.list .who span{font-size:12px;color:var(--muted);display:block;white-space:normal}
.list .oms{white-space:normal}
td.neg{color:var(--late)} td.pos{color:var(--mint-d)}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;font-family:Inter,sans-serif;letter-spacing:0}
.tag.late{background:var(--late-bg);color:var(--late)}
.tag.open{background:var(--wait-bg);color:var(--wait)}
.tag.paid{background:#DDF6EF;color:var(--mint-d)}
.tag.draft{background:#ECE7DF;color:var(--muted)}
.inc{font-size:12px;color:var(--mint-d);font-weight:600}
.act{font-weight:600;font-size:13px;text-underline-offset:3px}

.balk-filter{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.balk-filter .filters{margin:0}
.filters a{padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:13px;text-decoration:none}
.filters a.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.filters a b{font-weight:600;margin-left:4px;color:var(--muted)}
.filters a.on b{color:var(--mint)}
.zoek{display:flex;gap:8px}
.zoek input,.zoek select{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:13px Inter,sans-serif}
.zoek input{min-width:220px}
.sumbar{display:flex;gap:34px;flex-wrap:wrap;padding:16px 22px;margin-bottom:16px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.sumbar div{font-size:12px;color:var(--muted)}
.sumbar strong{display:block;font:800 22px Manrope,sans-serif;color:var(--ink)}
.sumbar .lt strong{color:var(--late)}
.sumbar .gekozen a{color:var(--ink);font-weight:700}

/* formulieren */
.form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:12px}
.form input,.form select,.form textarea,.regels-edit input,.regels-edit select,.regels-edit textarea,.inline-form input{font:14px Inter,sans-serif;color:var(--ink);padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;width:100%}
.form input:focus,.form select:focus,.form textarea:focus,.regels-edit :focus{outline:2px solid var(--mint);border-color:var(--mint-d)}
.form textarea{resize:vertical}
.form input[type=color]{padding:2px;height:40px}
.form label.vink{flex-direction:row;align-items:center;gap:8px;font-weight:500;color:var(--ink)}
.form label.vink input{width:auto}
.velden{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
.velden .breed{grid-column:span 2}
.n{text-align:right}
input.kort{width:70px!important;display:inline-block}
.inline-form{display:flex;gap:8px;margin-top:10px}
.inline-form input{width:auto}
form.inline{display:inline}

.regels-edit{width:100%;border-collapse:collapse;margin:8px 0}
.regels-edit th{font-size:12px;font-weight:600;color:var(--muted);text-align:left;padding:0 6px 6px}
.regels-edit td{padding:4px 6px;vertical-align:top}
.regels-edit td:nth-child(1){width:44%}
.regels-edit td:nth-child(2){width:80px}
.regels-edit td:nth-child(3){width:120px}
.regels-edit .regeltotaal{padding-top:13px;white-space:nowrap;font-weight:600}
.x{background:none;border:0;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;padding:8px}
.x:hover{color:var(--late)}
.regel-knoppen{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.regel-knoppen select{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--paper)}
.totalen{margin:14px 0 18px auto;max-width:320px}
.totalen div{display:flex;justify-content:space-between;padding:4px 0;color:var(--muted)}
.totalen strong{color:var(--ink)}
.totalen .eind{border-top:1.5px solid var(--ink);margin-top:6px;padding-top:8px;font-size:17px;color:var(--ink);font-weight:700}

.factuur-kop{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:18px}
.lbl{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.tijdlijn{list-style:none;font-size:13px}
.tijdlijn li{padding:6px 0;border-top:1px solid var(--line)}
.tijdlijn li:first-child{border-top:0}
.acties{display:flex;gap:16px;flex-wrap:wrap}
.gegevens dl,.trans{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;font-size:13px}
.gegevens dt,.trans dt{color:var(--muted)}
.voorstel.sterk{border-color:var(--mint-d);box-shadow:0 0 0 3px #DDF6EF}
.leeg{text-align:center;padding:80px 16px}
.dropzone{display:block;border:1.5px dashed var(--line);border-radius:12px;padding:18px;text-align:center;cursor:pointer;color:var(--muted);font-size:13px;margin:6px 0 12px;background:#fff}
.dropzone.over,.dropzone:hover{border-color:var(--mint-d);color:var(--ink);background:#F2FBF8}
.dropzone input{display:none}
.bon{display:flex;align-items:center;gap:10px;margin:4px 0}
.rood-tekst{color:var(--late);font-weight:600}
.grid.twee{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.list.rapport tr.groep td{font-weight:700;background:#F3EFE8}
.list tr.som td{font-weight:700;border-top:2px solid var(--ink)}
.stappen{padding-left:18px;margin-bottom:16px;font-size:13px}
.stappen li{margin:4px 0}
.inline-label{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted)}
.balk-filter input[type=date]{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:13px Inter,sans-serif}
.stip{width:10px;height:10px;border-radius:50%;display:inline-block;margin:0 4px 0 2px;align-self:start;margin-top:6px}
.stip.rood{background:var(--late)} .stip.oranje{background:#D99A1E} .stip.info{background:#C9C2B6}
.panel.taken.rood{border-color:#E9B8AE} .panel.taken.oranje{border-color:#EBD7A6}
.los.breed main{max-width:760px}
.offerte-publiek .regels-toon td{vertical-align:top}
.offerte-publiek .akkoord{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.afwijzen{margin-top:14px;font-size:13px}
.afwijzen summary{cursor:pointer;color:var(--muted)}
.memo td:nth-child(1){width:34%}
.memo td:nth-child(2),.memo td:nth-child(3){width:110px}

/* inloggen */
.login{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:32px}
.brand-l{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:26px}
.login h1{font-size:26px;font-weight:800;margin-bottom:6px}
.login .sub{color:var(--muted);margin-bottom:20px}
.login .btn{width:100%;padding:12px;margin-top:6px}
.qr{display:flex;justify-content:center;margin:12px 0;background:#fff;border-radius:12px;padding:12px}
.login code{font-size:15px;letter-spacing:.06em}
.betaal a{color:var(--mint-d)}

@media (max-width:1100px){.grid,.grid.omgekeerd{grid-template-columns:minmax(0,1fr)}.velden{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .app{grid-template-columns:1fr}
  .side{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto;padding:10px 16px;gap:4px}
  .side nav{display:flex;gap:2px}
  .side small,.side .foot{display:none}
  .side nav a{white-space:nowrap}
  .app>main{padding:20px 16px 40px}
  .big{font-size:34px}
  .hide-m{display:none}
  .velden{grid-template-columns:1fr}.velden .breed{grid-column:auto}
  .zoek input{min-width:0;width:100%}
  .regels-edit thead{display:none}
  .regels-edit tr{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:4px;border-bottom:1px solid var(--line);padding:6px 0}
  .regels-edit td:nth-child(1){grid-column:1/-1;width:auto}
  .regels-edit td:nth-child(2),.regels-edit td:nth-child(3){width:auto}
}

/* Groei */
.grafiek{width:100%;height:auto;display:block;margin:6px 0 4px}
.grafiek .raster{stroke:#ECE7DF;stroke-width:1}
.grafiek .as{font:11px Inter,sans-serif;fill:#8C857B}
.grafiek rect.dit{fill:#0A0A0A} .grafiek rect.vorig{fill:#D9D3C8} .grafiek rect.leeg{fill:#ECE7DF}
.grafiek .doel{stroke:#1F8F75;stroke-width:2;stroke-dasharray:6 5;fill:none}
.grafiek .doel-t{font:600 11px Inter,sans-serif;fill:#1F8F75}
.grafiek polyline.dit{fill:none;stroke:#0A0A0A;stroke-width:3;stroke-linejoin:round}
.grafiek polyline.vorig{fill:none;stroke:#C9C2B6;stroke-width:2;stroke-dasharray:4 4}
.grafiek .punt{fill:#7DEDD3;stroke:#0A0A0A;stroke-width:2}
.legend .lv{background:#D9D3C8} .legend .ld{background:#1F8F75}
.uitleg{font-size:13.5px;line-height:1.65;color:#4A463F;margin-top:10px}
.uitleg strong{color:var(--ink)}
.doel-kop{display:flex;gap:40px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.voortgang{position:relative;height:14px;background:#ECE7DF;border-radius:8px;overflow:hidden}
.voortgang b{position:absolute;left:0;top:0;bottom:0;background:#BDEFE2}
.voortgang i{position:absolute;left:0;top:0;bottom:0;background:var(--ink);z-index:1}
.verdeling{table-layout:fixed}
.verdeling td{padding:7px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.verdeling td:first-child{width:38%}
.verdeling td.r{width:104px}
.verdeling td.r.muted{width:44px}
.balk-cel{width:auto}
.balkje{display:block;height:8px;background:var(--ink);border-radius:4px;min-width:2px}
.kansen li{grid-template-columns:auto 1fr auto auto}
.kans-soort{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mint-d);min-width:84px}
.kans-bedrag{font:800 15px Manrope,sans-serif;text-align:right;white-space:nowrap}
.kans-bedrag small{display:block;font:500 11px Inter,sans-serif;color:var(--muted)}
@media (max-width:860px){.kansen li{grid-template-columns:1fr auto}.kans-soort{grid-column:1/-1}}

/* Werklijst en meldingen met knoppen */
.melding-acties{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.melding-acties .btn{white-space:nowrap}

/* Uren: snelle invoer */
.titel-sub{font-size:15px;font-weight:500;font-family:Inter,sans-serif}
.snel-uren{display:flex;gap:10px;margin-bottom:10px}
.snel-uren input{flex:1;font:16px Inter,sans-serif;padding:14px 18px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;min-width:0}
.snel-uren input:focus{outline:3px solid var(--mint)}
.snel-tips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 11px;font:12px Inter,sans-serif;cursor:pointer;color:var(--ink)}
.chip:hover{border-color:var(--ink)}

/* Uren: weekagenda (Google Agenda-stijl). Kwartier = 12px, van 07:00 tot 21:00. */
.agenda-wrap{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:8px}
.agenda{display:grid;grid-template-columns:52px repeat(7,minmax(118px,1fr));min-width:900px}
.agenda-kop{height:58px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:sticky;top:0;background:var(--paper);z-index:2}
.agenda-kop span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.agenda-kop strong{font:700 20px Manrope,sans-serif;line-height:1}
.agenda-kop em{font-style:normal;font-size:11px;color:var(--mint-d);font-weight:600;min-height:13px}
.vandaag .agenda-kop strong{background:var(--ink);color:var(--cream);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:16px}
.agenda-tijden .uur{height:48px;font-size:11px;color:var(--muted);text-align:right;padding-right:8px;transform:translateY(-7px)}
.agenda-dag{border-left:1px solid var(--line)}
.agenda-dag.weekend{background:#F7F4EE}
.agenda-veld{position:relative;height:672px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#ECE7DF 47px,#ECE7DF 48px)}
.blok{position:absolute;left:4px;right:4px;border-radius:7px;padding:4px 7px;overflow:hidden;text-decoration:none;color:var(--ink);border-left:3px solid rgba(0,0,0,.35);font-size:12px;line-height:1.3;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.blok:hover{filter:brightness(.96);z-index:3}
.blok strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blok span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3A3732}
.blok small{display:block;font-size:11px;color:#5A564F}
.blok.k0{background:#CDEFE6}.blok.k1{background:#DCE6FA}.blok.k2{background:#FBE3CF}.blok.k3{background:#E9DDF7}.blok.k4{background:#F8D9DF}.blok.k5{background:#DDF0CF}.blok.k6{background:#F6EDBE}.blok.k7{background:#D6EEF5}
.blok.ki,.blok.intern{background:repeating-linear-gradient(135deg,#EFEBE4 0,#EFEBE4 6px,#E6E1D8 6px,#E6E1D8 12px)}
.blok.gefactureerd{opacity:.6}
.uren-som{margin-top:14px}

/* AutoRent: koersveld alleen bij facturen in vreemde valuta. */
.verborgen { display: none !important; }
.chart i.h0{height:0%}.chart i.h1{height:5%}.chart i.h2{height:10%}.chart i.h3{height:15%}.chart i.h4{height:20%}.chart i.h5{height:25%}.chart i.h6{height:30%}.chart i.h7{height:35%}.chart i.h8{height:40%}.chart i.h9{height:45%}.chart i.h10{height:50%}.chart i.h11{height:55%}.chart i.h12{height:60%}.chart i.h13{height:65%}.chart i.h14{height:70%}.chart i.h15{height:75%}.chart i.h16{height:80%}.chart i.h17{height:85%}.chart i.h18{height:90%}.chart i.h19{height:95%}.chart i.h20{height:100%}
.track i.w0,.voortgang i.w0,.voortgang b.w0,.balkje.b0{width:0%}.track i.w5,.voortgang i.w5,.voortgang b.w5,.balkje.b5{width:5%}.track i.w10,.voortgang i.w10,.voortgang b.w10,.balkje.b10{width:10%}.track i.w15,.voortgang i.w15,.voortgang b.w15,.balkje.b15{width:15%}.track i.w20,.voortgang i.w20,.voortgang b.w20,.balkje.b20{width:20%}.track i.w25,.voortgang i.w25,.voortgang b.w25,.balkje.b25{width:25%}.track i.w30,.voortgang i.w30,.voortgang b.w30,.balkje.b30{width:30%}.track i.w35,.voortgang i.w35,.voortgang b.w35,.balkje.b35{width:35%}.track i.w40,.voortgang i.w40,.voortgang b.w40,.balkje.b40{width:40%}.track i.w45,.voortgang i.w45,.voortgang b.w45,.balkje.b45{width:45%}.track i.w50,.voortgang i.w50,.voortgang b.w50,.balkje.b50{width:50%}.track i.w55,.voortgang i.w55,.voortgang b.w55,.balkje.b55{width:55%}.track i.w60,.voortgang i.w60,.voortgang b.w60,.balkje.b60{width:60%}.track i.w65,.voortgang i.w65,.voortgang b.w65,.balkje.b65{width:65%}.track i.w70,.voortgang i.w70,.voortgang b.w70,.balkje.b70{width:70%}.track i.w75,.voortgang i.w75,.voortgang b.w75,.balkje.b75{width:75%}.track i.w80,.voortgang i.w80,.voortgang b.w80,.balkje.b80{width:80%}.track i.w85,.voortgang i.w85,.voortgang b.w85,.balkje.b85{width:85%}.track i.w90,.voortgang i.w90,.voortgang b.w90,.balkje.b90{width:90%}.track i.w95,.voortgang i.w95,.voortgang b.w95,.balkje.b95{width:95%}.track i.w100,.voortgang i.w100,.voortgang b.w100,.balkje.b100{width:100%}
.blok.t0{top:0px}.blok.t1{top:12px}.blok.t2{top:24px}.blok.t3{top:36px}.blok.t4{top:48px}.blok.t5{top:60px}.blok.t6{top:72px}.blok.t7{top:84px}.blok.t8{top:96px}.blok.t9{top:108px}.blok.t10{top:120px}.blok.t11{top:132px}.blok.t12{top:144px}.blok.t13{top:156px}.blok.t14{top:168px}.blok.t15{top:180px}.blok.t16{top:192px}.blok.t17{top:204px}.blok.t18{top:216px}.blok.t19{top:228px}.blok.t20{top:240px}.blok.t21{top:252px}.blok.t22{top:264px}.blok.t23{top:276px}.blok.t24{top:288px}.blok.t25{top:300px}.blok.t26{top:312px}.blok.t27{top:324px}.blok.t28{top:336px}.blok.t29{top:348px}.blok.t30{top:360px}.blok.t31{top:372px}.blok.t32{top:384px}.blok.t33{top:396px}.blok.t34{top:408px}.blok.t35{top:420px}.blok.t36{top:432px}.blok.t37{top:444px}.blok.t38{top:456px}.blok.t39{top:468px}.blok.t40{top:480px}.blok.t41{top:492px}.blok.t42{top:504px}.blok.t43{top:516px}.blok.t44{top:528px}.blok.t45{top:540px}.blok.t46{top:552px}.blok.t47{top:564px}.blok.t48{top:576px}.blok.t49{top:588px}.blok.t50{top:600px}.blok.t51{top:612px}.blok.t52{top:624px}.blok.t53{top:636px}.blok.t54{top:648px}.blok.t55{top:660px}.blok.t56{top:672px}.blok.d1{height:10px}.blok.d2{height:22px}.blok.d3{height:34px}.blok.d4{height:46px}.blok.d5{height:58px}.blok.d6{height:70px}.blok.d7{height:82px}.blok.d8{height:94px}.blok.d9{height:106px}.blok.d10{height:118px}.blok.d11{height:130px}.blok.d12{height:142px}.blok.d13{height:154px}.blok.d14{height:166px}.blok.d15{height:178px}.blok.d16{height:190px}.blok.d17{height:202px}.blok.d18{height:214px}.blok.d19{height:226px}.blok.d20{height:238px}.blok.d21{height:250px}.blok.d22{height:262px}.blok.d23{height:274px}.blok.d24{height:286px}.blok.d25{height:298px}.blok.d26{height:310px}.blok.d27{height:322px}.blok.d28{height:334px}.blok.d29{height:346px}.blok.d30{height:358px}.blok.d31{height:370px}.blok.d32{height:382px}.blok.d33{height:394px}.blok.d34{height:406px}.blok.d35{height:418px}.blok.d36{height:430px}.blok.d37{height:442px}.blok.d38{height:454px}.blok.d39{height:466px}.blok.d40{height:478px}.blok.d41{height:490px}.blok.d42{height:502px}.blok.d43{height:514px}.blok.d44{height:526px}.blok.d45{height:538px}.blok.d46{height:550px}.blok.d47{height:562px}.blok.d48{height:574px}.blok.d49{height:586px}.blok.d50{height:598px}.blok.d51{height:610px}.blok.d52{height:622px}.blok.d53{height:634px}.blok.d54{height:646px}.blok.d55{height:658px}.blok.d56{height:670px}