<div id="header" class="main clearfix">
<nav class="navbar navbar-expand-xl navbar-light d-flex align-items-start">
<button class="navbar-toggler js-toggleMenu" type="button" aria-controls="navbarToggleMobileMenu" aria-label="Toggle navigation">
<svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="22" height="2" rx="1" fill="black" />
<rect y="6" width="22" height="2" rx="1" fill="black" />
<rect y="12" width="22" height="2" rx="1" fill="black" />
</svg>
</button>
<a href="index.html" class="navbar-brand"><img src="../../img/logos/logo-portaal.svg" alt="logo"></a>
<div class="component navigation navigation-title navbar-nav flex-column js-navigation">
<div class="component-content">
<nav>
<ul class="clearfix">
<li class="level1 item0 odd first rel-level1">
<div class="navigation-title field-navigationtitle">
<a class="-active" title="Overzicht" href="/">Overzicht</a>
</div>
</li>
<li class="level1 item1 even rel-level1">
<div class="navigation-title field-navigationtitle">
<a class="" title="Bestellingen" href="/">Bestellingen</a>
</div>
</li>
<li class="level1 item2 odd rel-level1">
<div class="navigation-title field-navigationtitle">
<a class="" title="Woningen" href="/">Woningen</a>
</div>
</li>
<li class="level1 item3 even rel-level1">
<div class="navigation-title field-navigationtitle">
<a class="" title="Bewoners" href="/">Bewoners</a>
</div>
</li>
</ul>
</nav>
</div>
</div>
</nav>
</div>
<div id="content" class="main clearfix">
<div class="component contentHeader o-contentHeader -splitOnMobile d-flex align-items-center">
<div class="component-content">
<div class="row no-gutters w-100 h-100">
<div class="o-contentHeader__left col col-md-6 d-flex align-items-center position-static">
<div class="d-flex align-items-center">
<a href="index.html" class="o-contentHeader__logoAction mr-2 mr-md-3 -action">
<img src="../../img/logos/logo-portaal.svg" alt="logo">
<div class="a-circle -button -hover -border"><i class="icon-arrow-round-left"></i></div>
</a>
<div class="d-flex flex-column justify-content-center">
<h1 class="o-contentHeader__title d-flex align-items-center">
<span class="o-contentHeader__titleText">Elkien B.V.</span>
<span class="ml-2 mb-1 ml-lg-3 d-flex align-items-center"><span class="badge rounded-pill bg-orange user-select cursor-pointer -right" tabindex="0" data-toggle="popover" data-container="body" data-placement="bottom" data-trigger="click" data-html="true" title="" data-popover-group="open_close_order_menu" data-custom-class="-menu">Open<i class="icon-arrow-down"></i></span>
<div class="popover-content">
<div class='m-popoverMenu'>
<div class='dropdown-item active'>Open</div>
<div class='dropdown-item'>Gesloten</div>
</div>
</div>
</span>
</h1>
<small class="text-muted">De Klamp Leeuwarden</small>
</div>
</div>
</div>
<div class="o-contentHeader__right col col-md-6 d-flex align-items-center justify-content-between justify-content-md-end">
<div class="m-taskMonitor d-flex justify-content-start justify-content-md-end align-items-center">
<div class="m-taskMonitor__tasks d-flex align-items-center">
<div class="progress-wrap">
<div class="a-statusCircle -large -progress" data-toggle="popover" data-html="true" data-trigger="hover" data-content="<div class=' d-inline-block'>Bestelling</div>" data-placement="bottom">
<div class="a-statusCircle__progress">
<svg class="a-statusCircle__svg -list" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="27" cy="27" r="25" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M52 27C52 40.8071 40.8071 52 27 52C13.1929 52 2 40.8071 2 27C2 13.1929 13.1929 2 27 2C40.8071 2 52 13.1929 52 27Z" fill="none" stroke="#69D2C2" stroke-width="4" pathLength="100" stroke-dasharray="25, 100" stroke-linecap="round" />
</svg>
</div>
<span class="d-flex align-items-center justify-content-center">16/64</span>
</div>
</div>
<div class="ml-2 ml-md-3">
<div class="progress-wrap">
<div class="a-statusCircle -large -progress" data-toggle="popover" data-html="true" data-trigger="hover" data-content="<div class=' d-inline-block'>Slagingskans</div>" data-placement="bottom">
<div class="a-statusCircle__progress">
<svg class="a-statusCircle__svg -list" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="27" cy="27" r="25" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M52 27C52 40.8071 40.8071 52 27 52C13.1929 52 2 40.8071 2 27C2 13.1929 13.1929 2 27 2C40.8071 2 52 13.1929 52 27Z" fill="none" stroke="#69D2C2" stroke-width="4" pathLength="100" stroke-dasharray="80, 100" stroke-linecap="round" />
</svg>
</div>
<span class="d-flex align-items-center justify-content-center">80%</span>
</div>
</div>
</div>
</div>
</div>
<div class="ml-2 ml-md-4 d-flex align-items-center justify-content-end">
<button type="button" class="btn btn-outline-dark -icon -iconLeft" data-toggle="popover" data-html="true" data-trigger="hover" data-content="<div class=' d-inline-block'>Voorontwerp Elkien V1</div>" data-placement="bottom">
<i class="icon-edit-alt"></i>
Configuratie wijzigen
</button>
</div>
</div>
</div>
</div>
</div>
<div class="content js-content -paddingBottom">
<div class="component utilityBar o-utilityBar">
<div class="o-utilityBar__parts d-flex flex-column flex-lg-row h-100 justify-content-xl-between align-items-lg-center">
<div class="o-utilityBar__first pr-xl-3">
<ul class="nav nav-tabs m-tabs position-relative">
<li class="nav-item active" role="presentation">
<a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Overzicht</a>
</li>
<li class="nav-item" role="presentation">
<a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Taken</a>
</li>
<li class="nav-item" role="presentation">
<a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Woningen</a>
</li>
<li class="nav-item" role="presentation">
<a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Planning</a>
</li>
<li class="nav-item" role="presentation">
<a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Agenda</a>
</li>
<li class="nav-item" role="presentation">
<a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Facturen</a>
</li>
<li class="nav-item" role="presentation">
<a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Contracten</a>
</li>
<li class="nav-item" role="presentation">
<a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Documenten</a>
</li>
<li class="nav-item" role="presentation">
<a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Team</a>
</li>
<div class="nav-line"></div>
</ul>
</div>
</div>
</div>
<div class="o-blockList">
<div class="o-blockList__group">
<div class="d-flex justify-content-between">
<div class="d-flex">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks95955" role="button" aria-expanded="true" aria-controls="collapseTasks95955">
<div class="mr-2">
<div class="a-circle -avatar -hover -border -pointer cursor-default">
<i class="icon-arrow-right-filled"></i>
</div>
</div>
<h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
Bestelling
</h3>
<span class="font-weight-normal text-muted">(0/3)</span>
</div>
<div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
<i class="icon-calendar"></i>
<span class="ml-1 font-weight-normal line-height-1">3</span>
</div>
</div>
<div class="a-circleLink d-flex align-items-center cursor-pointer">
<div class="a-circle -avatar -hover -border -pointer cursor-default">
<i class="icon-refresh"></i>
</div>
<span class="ml-2 d-none d-xs-block">Takenlijst verversen</span>
</div>
</div>
<div class="o-blockList__items collapse show" id="collapseTasks95955">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks65181" aria-expanded="false" aria-controls="subtasks65181">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-success -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-success">Vandaag</span>
</div>
</div>
<div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="<small class='d-block text-center'><strong>Marcella Vonk</strong><br><span class='text-muted'>Accountmanager</span></small>">
MV
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -disabled">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks5013" aria-expanded="false" aria-controls="subtasks5013">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-danger -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks39426" aria-expanded="false" aria-controls="subtasks39426">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
<path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-blue"></div>
<div class="a-dotTag__text">Appartementen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks40647" aria-expanded="false" aria-controls="subtasks40647">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M20.5 4.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
<path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
<path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
<path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
<path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
<path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
<path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</strong>
</div>
</div>
</div>
<div class="m-block__bottom w-100 collapse" id="subtasks40647">
<div class="m-block__bottomContent">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks2540" aria-expanded="false" aria-controls="subtasks2540">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Primaire configuratie wijzigen
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks50537" aria-expanded="false" aria-controls="subtasks50537">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Verkavelingstekening
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks45700" aria-expanded="false" aria-controls="subtasks45700">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Gevelontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks84493" aria-expanded="false" aria-controls="subtasks84493">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Controleer voorontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks76716" aria-expanded="false" aria-controls="subtasks76716">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Adviesgesprek welstand
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks17116" aria-expanded="false" aria-controls="subtasks17116">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-purple"></div>
<div class="a-dotTag__text">Grondgebonden woningen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
<div class="o-blockList__group">
<div class="d-flex justify-content-between">
<div class="d-flex">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks87987" role="button" aria-expanded="true" aria-controls="collapseTasks87987">
<div class="mr-2">
<div class="a-circle -avatar -hover -border -pointer cursor-default">
<i class="icon-arrow-right-filled"></i>
</div>
</div>
<h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
Offerte
</h3>
<span class="font-weight-normal text-muted">(0/3)</span>
</div>
<div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
<i class="icon-calendar"></i>
<span class="ml-1 font-weight-normal line-height-1">3</span>
</div>
</div>
</div>
<div class="o-blockList__items collapse show" id="collapseTasks87987">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks48340" aria-expanded="false" aria-controls="subtasks48340">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-success -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-success">Vandaag</span>
</div>
</div>
<div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="<small class='d-block text-center'><strong>Marcella Vonk</strong><br><span class='text-muted'>Accountmanager</span></small>">
MV
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -disabled">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks65041" aria-expanded="false" aria-controls="subtasks65041">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-danger -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks29425" aria-expanded="false" aria-controls="subtasks29425">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
<path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-blue"></div>
<div class="a-dotTag__text">Appartementen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks75033" aria-expanded="false" aria-controls="subtasks75033">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M20.5 4.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
<path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
<path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
<path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
<path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
<path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
<path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</strong>
</div>
</div>
</div>
<div class="m-block__bottom w-100 collapse" id="subtasks75033">
<div class="m-block__bottomContent">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks25323" aria-expanded="false" aria-controls="subtasks25323">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Primaire configuratie wijzigen
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks40715" aria-expanded="false" aria-controls="subtasks40715">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Verkavelingstekening
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks83630" aria-expanded="false" aria-controls="subtasks83630">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Gevelontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks89276" aria-expanded="false" aria-controls="subtasks89276">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Controleer voorontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks65728" aria-expanded="false" aria-controls="subtasks65728">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Adviesgesprek welstand
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks19180" aria-expanded="false" aria-controls="subtasks19180">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-purple"></div>
<div class="a-dotTag__text">Grondgebonden woningen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
<div class="o-blockList__group">
<div class="d-flex justify-content-between">
<div class="d-flex">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks61531" role="button" aria-expanded="true" aria-controls="collapseTasks61531">
<div class="mr-2">
<div class="a-circle -avatar -hover -border -pointer cursor-default">
<i class="icon-arrow-right-filled"></i>
</div>
</div>
<h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
Bevestiging bestelling
</h3>
<span class="font-weight-normal text-muted">(0/3)</span>
</div>
<div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
<i class="icon-calendar"></i>
<span class="ml-1 font-weight-normal line-height-1">3</span>
</div>
</div>
</div>
<div class="o-blockList__items collapse show" id="collapseTasks61531">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks97265" aria-expanded="false" aria-controls="subtasks97265">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-success -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-success">Vandaag</span>
</div>
</div>
<div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="<small class='d-block text-center'><strong>Marcella Vonk</strong><br><span class='text-muted'>Accountmanager</span></small>">
MV
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -disabled">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks85580" aria-expanded="false" aria-controls="subtasks85580">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-danger -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks6607" aria-expanded="false" aria-controls="subtasks6607">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
<path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-blue"></div>
<div class="a-dotTag__text">Appartementen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks96071" aria-expanded="false" aria-controls="subtasks96071">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M20.5 4.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
<path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
<path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
<path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
<path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
<path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
<path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</strong>
</div>
</div>
</div>
<div class="m-block__bottom w-100 collapse" id="subtasks96071">
<div class="m-block__bottomContent">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks50109" aria-expanded="false" aria-controls="subtasks50109">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Primaire configuratie wijzigen
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks87853" aria-expanded="false" aria-controls="subtasks87853">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Verkavelingstekening
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks95704" aria-expanded="false" aria-controls="subtasks95704">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Gevelontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks95988" aria-expanded="false" aria-controls="subtasks95988">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Controleer voorontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks66844" aria-expanded="false" aria-controls="subtasks66844">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Adviesgesprek welstand
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks85344" aria-expanded="false" aria-controls="subtasks85344">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-purple"></div>
<div class="a-dotTag__text">Grondgebonden woningen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
<div class="o-blockList__group">
<div class="d-flex justify-content-between">
<div class="d-flex">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks68186" role="button" aria-expanded="true" aria-controls="collapseTasks68186">
<div class="mr-2">
<div class="a-circle -avatar -hover -border -pointer cursor-default">
<i class="icon-arrow-right-filled"></i>
</div>
</div>
<h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
Welstand
</h3>
<span class="font-weight-normal text-muted">(0/3)</span>
</div>
<div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
<i class="icon-calendar"></i>
<span class="ml-1 font-weight-normal line-height-1">3</span>
</div>
</div>
</div>
<div class="o-blockList__items collapse show" id="collapseTasks68186">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks93885" aria-expanded="false" aria-controls="subtasks93885">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-success -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-success">Vandaag</span>
</div>
</div>
<div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="<small class='d-block text-center'><strong>Marcella Vonk</strong><br><span class='text-muted'>Accountmanager</span></small>">
MV
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -disabled">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks68063" aria-expanded="false" aria-controls="subtasks68063">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-danger -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks5521" aria-expanded="false" aria-controls="subtasks5521">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
<path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-blue"></div>
<div class="a-dotTag__text">Appartementen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks10071" aria-expanded="false" aria-controls="subtasks10071">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M20.5 4.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
<path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
<path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
<path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
<path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
<path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
<path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</strong>
</div>
</div>
</div>
<div class="m-block__bottom w-100 collapse" id="subtasks10071">
<div class="m-block__bottomContent">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks54377" aria-expanded="false" aria-controls="subtasks54377">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Primaire configuratie wijzigen
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks16231" aria-expanded="false" aria-controls="subtasks16231">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Verkavelingstekening
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks31441" aria-expanded="false" aria-controls="subtasks31441">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Gevelontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks99544" aria-expanded="false" aria-controls="subtasks99544">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Controleer voorontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks32902" aria-expanded="false" aria-controls="subtasks32902">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Adviesgesprek welstand
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks93758" aria-expanded="false" aria-controls="subtasks93758">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-purple"></div>
<div class="a-dotTag__text">Grondgebonden woningen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
<div class="o-blockList__group">
<div class="d-flex justify-content-between">
<div class="d-flex">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks82610" role="button" aria-expanded="true" aria-controls="collapseTasks82610">
<div class="mr-2">
<div class="a-circle -avatar -hover -border -pointer cursor-default">
<i class="icon-arrow-right-filled"></i>
</div>
</div>
<h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
Contract
</h3>
<span class="font-weight-normal text-muted">(0/3)</span>
</div>
<div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
<i class="icon-calendar"></i>
<span class="ml-1 font-weight-normal line-height-1">3</span>
</div>
</div>
</div>
<div class="o-blockList__items collapse show" id="collapseTasks82610">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks59110" aria-expanded="false" aria-controls="subtasks59110">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-success -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-success">Vandaag</span>
</div>
</div>
<div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="<small class='d-block text-center'><strong>Marcella Vonk</strong><br><span class='text-muted'>Accountmanager</span></small>">
MV
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -disabled">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks51779" aria-expanded="false" aria-controls="subtasks51779">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-danger -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks23920" aria-expanded="false" aria-controls="subtasks23920">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
<path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-blue"></div>
<div class="a-dotTag__text">Appartementen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks46549" aria-expanded="false" aria-controls="subtasks46549">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M20.5 4.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
<path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
<path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
<path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
<path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
<path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
<path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</strong>
</div>
</div>
</div>
<div class="m-block__bottom w-100 collapse" id="subtasks46549">
<div class="m-block__bottomContent">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks75453" aria-expanded="false" aria-controls="subtasks75453">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Primaire configuratie wijzigen
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks13575" aria-expanded="false" aria-controls="subtasks13575">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Verkavelingstekening
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks38086" aria-expanded="false" aria-controls="subtasks38086">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Gevelontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks68201" aria-expanded="false" aria-controls="subtasks68201">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Controleer voorontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks57324" aria-expanded="false" aria-controls="subtasks57324">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Adviesgesprek welstand
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks45969" aria-expanded="false" aria-controls="subtasks45969">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-purple"></div>
<div class="a-dotTag__text">Grondgebonden woningen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
<div class="o-blockList__group">
<div class="d-flex justify-content-between">
<div class="d-flex">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks73" role="button" aria-expanded="true" aria-controls="collapseTasks73">
<div class="mr-2">
<div class="a-circle -avatar -hover -border -pointer cursor-default">
<i class="icon-arrow-right-filled"></i>
</div>
</div>
<h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
Vergunning
</h3>
<span class="font-weight-normal text-muted">(0/3)</span>
</div>
<div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
<i class="icon-calendar"></i>
<span class="ml-1 font-weight-normal line-height-1">3</span>
</div>
</div>
</div>
<div class="o-blockList__items collapse show" id="collapseTasks73">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks44195" aria-expanded="false" aria-controls="subtasks44195">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-success -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-success">Vandaag</span>
</div>
</div>
<div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="<small class='d-block text-center'><strong>Marcella Vonk</strong><br><span class='text-muted'>Accountmanager</span></small>">
MV
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -disabled">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks29160" aria-expanded="false" aria-controls="subtasks29160">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-danger -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks41289" aria-expanded="false" aria-controls="subtasks41289">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
<path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-blue"></div>
<div class="a-dotTag__text">Appartementen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks33814" aria-expanded="false" aria-controls="subtasks33814">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M20.5 4.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
<path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
<path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
<path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
<path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
<path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
<path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</strong>
</div>
</div>
</div>
<div class="m-block__bottom w-100 collapse" id="subtasks33814">
<div class="m-block__bottomContent">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks21250" aria-expanded="false" aria-controls="subtasks21250">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Primaire configuratie wijzigen
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks23035" aria-expanded="false" aria-controls="subtasks23035">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Verkavelingstekening
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks94767" aria-expanded="false" aria-controls="subtasks94767">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Gevelontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks40913" aria-expanded="false" aria-controls="subtasks40913">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Controleer voorontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks71229" aria-expanded="false" aria-controls="subtasks71229">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Adviesgesprek welstand
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks31356" aria-expanded="false" aria-controls="subtasks31356">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-purple"></div>
<div class="a-dotTag__text">Grondgebonden woningen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
<div class="o-blockList__group">
<div class="d-flex justify-content-between">
<div class="d-flex">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks68392" role="button" aria-expanded="true" aria-controls="collapseTasks68392">
<div class="mr-2">
<div class="a-circle -avatar -hover -border -pointer cursor-default">
<i class="icon-arrow-right-filled"></i>
</div>
</div>
<h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
Verkoop
</h3>
<span class="font-weight-normal text-muted">(0/3)</span>
</div>
<div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
<i class="icon-calendar"></i>
<span class="ml-1 font-weight-normal line-height-1">3</span>
</div>
</div>
</div>
<div class="o-blockList__items collapse show" id="collapseTasks68392">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks92031" aria-expanded="false" aria-controls="subtasks92031">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-success -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-success">Vandaag</span>
</div>
</div>
<div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="<small class='d-block text-center'><strong>Marcella Vonk</strong><br><span class='text-muted'>Accountmanager</span></small>">
MV
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -disabled">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks61749" aria-expanded="false" aria-controls="subtasks61749">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar bg-danger -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks43674" aria-expanded="false" aria-controls="subtasks43674">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
<path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-blue"></div>
<div class="a-dotTag__text">Appartementen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks84595" aria-expanded="false" aria-controls="subtasks84595">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M20.5 4.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
<path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
<path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
<path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
<path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
<path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
<path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</strong>
</div>
</div>
</div>
<div class="m-block__bottom w-100 collapse" id="subtasks84595">
<div class="m-block__bottomContent">
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks49188" aria-expanded="false" aria-controls="subtasks49188">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="15" cy="15" r="15" fill="#69D2C2" />
<path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Primaire configuratie wijzigen
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks90937" aria-expanded="false" aria-controls="subtasks90937">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Verkavelingstekening
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks67699" aria-expanded="false" aria-controls="subtasks67699">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Gevelontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks70743" aria-expanded="false" aria-controls="subtasks70743">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Controleer voorontwerp
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks31277" aria-expanded="false" aria-controls="subtasks31277">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Adviesgesprek welstand
</strong>
<div class="d-inline-block ml-2">
<div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit nulla.">
<i class="icon-info"></i>
</div>
</div>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="m-block d-flex align-items-center flex-wrap -hover user-select">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks85718" aria-expanded="false" aria-controls="subtasks85718">
<div class="flex-grow-1 pr-2">
<div class="d-flex align-items-center">
<div class="a-statusCircle">
<svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
<path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Opdrachtgever en contactpersoon
<div class="mt-1">
<div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
<div class="a-dotTag__dot rounded-circle bg-purple"></div>
<div class="a-dotTag__text">Grondgebonden woningen</div>
</div>
</div>
</strong>
</div>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mr-5">
<div class="a-dateDisplay d-flex align-items-center">
<div class="a-circle -avatar -border -pointer cursor-default">
<i class="icon-calendar"></i>
</div>
<span class="pl-2 white-space-nowrap ">10-01-2022</span>
</div>
</div>
<div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
<i class="icon-profile"></i>
</div>
<div class="popover-content">
Geen eigenaar
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="o-dimLayer position-fixed w-100 h-100"></div>
<div class="o-modal position-fixed w-100 h-100 -full -contentHeader">
<div class="o-modal__stage position-absolute w-100 h-100">
<div class="o-modal__holder w-100">
<div class="o-modal__box position-relative overflow-visible border-radius d-flex flex-column">
<div class="o-modal__header w-100 d-flex justify-content-end align-items-center position-relative">
<div class="flex-grow-1">
<h1 class="mb-0 d-flex align-items-center">
<span class="o-modal__title">Elkien B.V.</span>
<span class="ml-2 mb-1 ml-lg-3 d-flex align-items-center"><span class="badge rounded-pill bg-orange -left">Offerte</span>
</span>
</h1>
<small class="text-muted">De Klamp Leeuwarden • GGW • Koop</small>
</div>
<div class="d-none d-lg-flex align-items-center">
<div class="mx-4">
<div class="font-weight-bold">Naam conceptontwerp</div>
<small class="text-muted">De Klamp Schets 1</small>
</div>
<div class="mx-4">
<div class="font-weight-bold">Laatst gewijzigd</div>
<small class="text-muted">12-03-2021, 13:25</small>
</div>
</div>
<div class="o-modal__actions d-flex ml-4 p-0">
<div class="d-none d-lg-block mr-3">
<button type="button" class="btn btn-primary -iconRight">
Opslaan
</button>
</div>
<div class="a-circle -button -hover -border -pointer cursor-default">
<i class="icon-close"></i>
</div>
</div>
</div>
<div class="o-modal__body position-relative flex-grow-1 p-0">
<iframe src="http://fijn-frontend.azurewebsites.net/html/white-label/wonen/index.html" class="d-none d-md-flex"></iframe>
<div class="o-modal__switch d-flex d-md-none flex-column justify-content-center align-items-center h-100">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.5577 21.6023H10.4425L9.88162 24.0865H5.64966V25.61H20.3505V24.0865H16.1186L15.5577 21.6023Z" fill="rgba(0,0,0,.3)" />
<path d="M0 18.5553C0 19.3967 0.682043 20.0788 1.52344 20.0788H24.4766C25.318 20.0788 26 19.3967 26 18.5553V16.5251H0V18.5553Z" fill="rgba(0,0,0,.3)" />
<path d="M24.4766 0.390015H1.52344C0.682043 0.390015 0 1.07206 0 1.91345V15.0018H26V1.91345C26 1.07211 25.318 0.390015 24.4766 0.390015Z" fill="rgba(0,0,0,.3)" />
<path d="M15.8619 7.33348H11.9998C11.8157 7.33348 11.6664 7.18423 11.6664 7.00013C11.6664 6.81603 11.8157 6.66678 11.9998 6.66678H15.8619L15.0976 5.90244C14.9674 5.77226 14.9674 5.56119 15.0976 5.43101C15.2277 5.30083 15.4388 5.30083 15.569 5.43101L16.9024 6.76441C16.9102 6.77218 16.9175 6.78035 16.9245 6.78885C16.9276 6.7927 16.9304 6.79676 16.9333 6.80071C16.9369 6.80546 16.9406 6.8101 16.9439 6.81506C16.9471 6.81979 16.9498 6.82471 16.9527 6.82957C16.9554 6.83404 16.9582 6.83842 16.9607 6.84303C16.9633 6.84798 16.9656 6.85309 16.968 6.85815C16.9702 6.86295 16.9726 6.86767 16.9747 6.87259C16.9767 6.87751 16.9784 6.88254 16.9801 6.88754C16.982 6.89281 16.984 6.898 16.9857 6.90337C16.9872 6.90837 16.9883 6.91345 16.9896 6.91852C16.9909 6.924 16.9925 6.92942 16.9936 6.93502C16.9947 6.94088 16.9954 6.94678 16.9963 6.95267C16.997 6.95753 16.9979 6.96233 16.9984 6.96725C17.0005 6.98913 17.0005 7.01118 16.9984 7.03305C16.9979 7.03798 16.997 7.04276 16.9963 7.04763C16.9954 7.05352 16.9947 7.05945 16.9936 7.06529C16.9925 7.07088 16.9909 7.07629 16.9895 7.08177C16.9883 7.08684 16.9872 7.09192 16.9856 7.09692C16.984 7.10229 16.982 7.10749 16.9801 7.11275C16.9783 7.11775 16.9767 7.12278 16.9746 7.1277C16.9726 7.13262 16.9702 7.13732 16.9679 7.14212C16.9656 7.14718 16.9633 7.15229 16.9606 7.15726C16.9582 7.16186 16.9554 7.16622 16.9527 7.17069C16.9498 7.17556 16.9471 7.18048 16.9439 7.18523C16.9406 7.19017 16.9369 7.1948 16.9334 7.19955C16.9304 7.20352 16.9276 7.20758 16.9245 7.21144C16.9176 7.21988 16.9103 7.22799 16.9025 7.23569C16.9025 7.23575 16.9025 7.23581 16.9024 7.23586L15.569 8.56927C15.4388 8.69945 15.2277 8.69945 15.0976 8.56927C14.9674 8.43909 14.9674 8.22801 15.0976 8.09783L15.8619 7.33348Z" fill="white" />
<path d="M9.07496 10.2114C9.07177 10.2075 9.06902 10.2034 9.06604 10.1994C9.0625 10.1947 9.05883 10.1901 9.05555 10.1852C9.05236 10.1804 9.04961 10.1755 9.04671 10.1706C9.04405 10.1661 9.04125 10.1618 9.0388 10.1572C9.03614 10.1522 9.03388 10.1471 9.03149 10.142C9.02922 10.1373 9.02685 10.1326 9.0248 10.1276C9.02277 10.1227 9.02111 10.1177 9.01933 10.1127C9.01744 10.1074 9.01542 10.1022 9.0138 10.0969C9.01228 10.0919 9.01117 10.0868 9.00991 10.0817C9.00852 10.0762 9.00699 10.0708 9.00588 10.0652C9.00472 10.0594 9.00403 10.0535 9.00317 10.0476C9.00248 10.0427 9.00155 10.0379 9.00106 10.033C8.99891 10.0111 8.99891 9.98908 9.00106 9.9672C9.00155 9.96228 9.00247 9.9575 9.00317 9.95262C9.00402 9.94673 9.0047 9.94081 9.00588 9.93496C9.00699 9.92937 9.00852 9.92396 9.00991 9.91848C9.01117 9.91342 9.01228 9.90834 9.0138 9.90334C9.01542 9.89796 9.01744 9.89276 9.01933 9.88751C9.02113 9.88251 9.02277 9.87748 9.0248 9.87255C9.02683 9.86765 9.02922 9.86294 9.03149 9.85816C9.03388 9.85309 9.03613 9.84796 9.0388 9.84299C9.04125 9.83841 9.04405 9.83405 9.04671 9.8296C9.04961 9.82472 9.05238 9.81979 9.05555 9.81504C9.05885 9.81011 9.0625 9.80549 9.06604 9.80077C9.06902 9.79679 9.07179 9.79271 9.07496 9.78883C9.08182 9.78047 9.08907 9.77242 9.09671 9.76477C9.09682 9.76464 9.09693 9.76452 9.09704 9.76441L10.4304 8.43101C10.5606 8.30083 10.7717 8.30083 10.9019 8.43101C11.032 8.56119 11.032 8.77226 10.9019 8.90244L10.1375 9.66678H13.9997C14.1838 9.66678 14.333 9.81602 14.333 10.0001C14.333 10.1842 14.1838 10.3335 13.9997 10.3335H10.1375L10.9019 11.0978C11.032 11.228 11.032 11.4391 10.9019 11.5692C10.7717 11.6994 10.5606 11.6994 10.4304 11.5692L9.09704 10.2358C9.09691 10.2357 9.09682 10.2356 9.09671 10.2355C9.08907 10.2278 9.08182 10.2197 9.07496 10.2114Z" fill="white" />
</svg>
<small class="mt-1"><strong>Alleen beschikbaar voor desktop</strong></small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="main clearfix">
<div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="click" data-html="true" title="" data-custom-class="-menu" ">
MV
</div>
<div class=" popover-content">
<div class='dropdown-item'>Account instellingen</div>
<div class='dropdown-item'>Uitloggen</div>
</div>
<ul class="m-iconMenu text-secondary mb-0 d-flex flex-xl-column align-items-center list-unstyled">
<li><i class="icon-chat1"></i></li>
<li><i class="icon-bell"></i></li>
<li><i class="icon-question-mark"></i></li>
</ul>
</div>
{% extends '@layout' %}
{% block content %}
{% render '@utility-bar', utilitybar, true %}
{% render '@block-list' %}
{% render '@modal--configurator' %}
{% endblock %}
{
"content_header": {
"title": "Elkien B.V.",
"subtitle": "De Klamp Leeuwarden",
"badge": true,
"tasks": true,
"split_on_mobile": true
},
"utilitybar": {
"handle1": "tabs",
"items": [
{
"title": "Overzicht",
"class": "active"
},
{
"title": "Taken"
},
{
"title": "Woningen"
},
{
"title": "Planning"
},
{
"title": "Agenda"
},
{
"title": "Facturen"
},
{
"title": "Contracten"
},
{
"title": "Documenten"
},
{
"title": "Team"
}
]
},
"modal": true
}
No notes defined.