<div class="o-blockList">
<div class="o-blockList__group">
<div class="d-flex align-items-center">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks21296" role="button" aria-expanded="true" aria-controls="collapseTasks21296">
<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 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 class="o-blockList__items collapse show" id="collapseTasks21296">
<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="#subtasks38624" aria-expanded="false" aria-controls="subtasks38624">
<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 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 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="#subtasks57204" aria-expanded="false" aria-controls="subtasks57204">
<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 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 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="#subtasks40618" aria-expanded="false" aria-controls="subtasks40618">
<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 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 -done">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks55333" aria-expanded="false" aria-controls="subtasks55333">
<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="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks55333">
<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="#subtasks16969" aria-expanded="false" aria-controls="subtasks16969">
<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="#subtasks70853" aria-expanded="false" aria-controls="subtasks70853">
<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">
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="#subtasks54304" aria-expanded="false" aria-controls="subtasks54304">
<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">
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="#subtasks51511" aria-expanded="false" aria-controls="subtasks51511">
<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">
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="#subtasks40570" aria-expanded="false" aria-controls="subtasks40570">
<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">
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 -failed">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks13655" aria-expanded="false" aria-controls="subtasks13655">
<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="#E95F59" />
<path d="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 2
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks13655">
<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="#subtasks11109" aria-expanded="false" aria-controls="subtasks11109">
<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="#subtasks27313" aria-expanded="false" aria-controls="subtasks27313">
<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">
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="#subtasks20259" aria-expanded="false" aria-controls="subtasks20259">
<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">
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="#subtasks52341" aria-expanded="false" aria-controls="subtasks52341">
<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">
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 -failed -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks10261" aria-expanded="false" aria-controls="subtasks10261">
<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="#E95F59" />
<rect x="11" y="12" width="1.41419" height="9.89935" rx="0.707096" transform="rotate(-45 11 12)" fill="white" />
<rect x="18" y="11" width="1.41419" height="9.89935" rx="0.707097" transform="rotate(45 18 11)" fill="white" />
</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>
</div>
<div class="o-blockList__group">
<div class="d-flex align-items-center">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks60887" role="button" aria-expanded="true" aria-controls="collapseTasks60887">
<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 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 class="o-blockList__items collapse show" id="collapseTasks60887">
<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="#subtasks58203" aria-expanded="false" aria-controls="subtasks58203">
<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 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 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="#subtasks67082" aria-expanded="false" aria-controls="subtasks67082">
<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 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 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="#subtasks73062" aria-expanded="false" aria-controls="subtasks73062">
<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 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 -done">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks31372" aria-expanded="false" aria-controls="subtasks31372">
<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="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks31372">
<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="#subtasks70581" aria-expanded="false" aria-controls="subtasks70581">
<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="#subtasks28922" aria-expanded="false" aria-controls="subtasks28922">
<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">
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="#subtasks11100" aria-expanded="false" aria-controls="subtasks11100">
<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">
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="#subtasks22830" aria-expanded="false" aria-controls="subtasks22830">
<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">
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="#subtasks329" aria-expanded="false" aria-controls="subtasks329">
<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">
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 -failed">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks81074" aria-expanded="false" aria-controls="subtasks81074">
<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="#E95F59" />
<path d="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 2
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks81074">
<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="#subtasks20381" aria-expanded="false" aria-controls="subtasks20381">
<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="#subtasks45535" aria-expanded="false" aria-controls="subtasks45535">
<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">
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="#subtasks91481" aria-expanded="false" aria-controls="subtasks91481">
<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">
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="#subtasks9481" aria-expanded="false" aria-controls="subtasks9481">
<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">
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 -failed -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks18704" aria-expanded="false" aria-controls="subtasks18704">
<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="#E95F59" />
<rect x="11" y="12" width="1.41419" height="9.89935" rx="0.707096" transform="rotate(-45 11 12)" fill="white" />
<rect x="18" y="11" width="1.41419" height="9.89935" rx="0.707097" transform="rotate(45 18 11)" fill="white" />
</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>
</div>
<div class="o-blockList__group">
<div class="d-flex align-items-center">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks31015" role="button" aria-expanded="true" aria-controls="collapseTasks31015">
<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 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 class="o-blockList__items collapse show" id="collapseTasks31015">
<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="#subtasks23149" aria-expanded="false" aria-controls="subtasks23149">
<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 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 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="#subtasks67431" aria-expanded="false" aria-controls="subtasks67431">
<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 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 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="#subtasks18133" aria-expanded="false" aria-controls="subtasks18133">
<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 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 -done">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks63585" aria-expanded="false" aria-controls="subtasks63585">
<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="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks63585">
<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="#subtasks35670" aria-expanded="false" aria-controls="subtasks35670">
<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="#subtasks16448" aria-expanded="false" aria-controls="subtasks16448">
<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">
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="#subtasks7869" aria-expanded="false" aria-controls="subtasks7869">
<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">
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="#subtasks68959" aria-expanded="false" aria-controls="subtasks68959">
<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">
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="#subtasks76712" aria-expanded="false" aria-controls="subtasks76712">
<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">
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 -failed">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks65566" aria-expanded="false" aria-controls="subtasks65566">
<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="#E95F59" />
<path d="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 2
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks65566">
<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="#subtasks18734" aria-expanded="false" aria-controls="subtasks18734">
<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="#subtasks87741" aria-expanded="false" aria-controls="subtasks87741">
<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">
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="#subtasks3224" aria-expanded="false" aria-controls="subtasks3224">
<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">
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="#subtasks63060" aria-expanded="false" aria-controls="subtasks63060">
<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">
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 -failed -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks59634" aria-expanded="false" aria-controls="subtasks59634">
<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="#E95F59" />
<rect x="11" y="12" width="1.41419" height="9.89935" rx="0.707096" transform="rotate(-45 11 12)" fill="white" />
<rect x="18" y="11" width="1.41419" height="9.89935" rx="0.707097" transform="rotate(45 18 11)" fill="white" />
</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>
</div>
<div class="o-blockList__group">
<div class="d-flex align-items-center">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks73695" role="button" aria-expanded="true" aria-controls="collapseTasks73695">
<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 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 class="o-blockList__items collapse show" id="collapseTasks73695">
<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="#subtasks83042" aria-expanded="false" aria-controls="subtasks83042">
<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 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 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="#subtasks20087" aria-expanded="false" aria-controls="subtasks20087">
<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 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 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="#subtasks12121" aria-expanded="false" aria-controls="subtasks12121">
<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 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 -done">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks65067" aria-expanded="false" aria-controls="subtasks65067">
<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="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks65067">
<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="#subtasks44832" aria-expanded="false" aria-controls="subtasks44832">
<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="#subtasks90972" aria-expanded="false" aria-controls="subtasks90972">
<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">
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="#subtasks77863" aria-expanded="false" aria-controls="subtasks77863">
<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">
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="#subtasks36467" aria-expanded="false" aria-controls="subtasks36467">
<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">
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="#subtasks75169" aria-expanded="false" aria-controls="subtasks75169">
<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">
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 -failed">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks98550" aria-expanded="false" aria-controls="subtasks98550">
<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="#E95F59" />
<path d="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 2
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks98550">
<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="#subtasks63873" aria-expanded="false" aria-controls="subtasks63873">
<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="#subtasks12543" aria-expanded="false" aria-controls="subtasks12543">
<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">
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="#subtasks14026" aria-expanded="false" aria-controls="subtasks14026">
<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">
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="#subtasks2611" aria-expanded="false" aria-controls="subtasks2611">
<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">
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 -failed -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks59003" aria-expanded="false" aria-controls="subtasks59003">
<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="#E95F59" />
<rect x="11" y="12" width="1.41419" height="9.89935" rx="0.707096" transform="rotate(-45 11 12)" fill="white" />
<rect x="18" y="11" width="1.41419" height="9.89935" rx="0.707097" transform="rotate(45 18 11)" fill="white" />
</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>
</div>
<div class="o-blockList__group">
<div class="d-flex align-items-center">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks7398" role="button" aria-expanded="true" aria-controls="collapseTasks7398">
<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 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 class="o-blockList__items collapse show" id="collapseTasks7398">
<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="#subtasks88470" aria-expanded="false" aria-controls="subtasks88470">
<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 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 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="#subtasks52642" aria-expanded="false" aria-controls="subtasks52642">
<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 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 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="#subtasks54992" aria-expanded="false" aria-controls="subtasks54992">
<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 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 -done">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks43796" aria-expanded="false" aria-controls="subtasks43796">
<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="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks43796">
<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="#subtasks43389" aria-expanded="false" aria-controls="subtasks43389">
<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="#subtasks97149" aria-expanded="false" aria-controls="subtasks97149">
<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">
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="#subtasks88595" aria-expanded="false" aria-controls="subtasks88595">
<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">
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="#subtasks84849" aria-expanded="false" aria-controls="subtasks84849">
<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">
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="#subtasks76865" aria-expanded="false" aria-controls="subtasks76865">
<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">
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 -failed">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks64500" aria-expanded="false" aria-controls="subtasks64500">
<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="#E95F59" />
<path d="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 2
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks64500">
<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="#subtasks970" aria-expanded="false" aria-controls="subtasks970">
<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="#subtasks86103" aria-expanded="false" aria-controls="subtasks86103">
<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">
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="#subtasks32805" aria-expanded="false" aria-controls="subtasks32805">
<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">
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="#subtasks23900" aria-expanded="false" aria-controls="subtasks23900">
<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">
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 -failed -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks85032" aria-expanded="false" aria-controls="subtasks85032">
<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="#E95F59" />
<rect x="11" y="12" width="1.41419" height="9.89935" rx="0.707096" transform="rotate(-45 11 12)" fill="white" />
<rect x="18" y="11" width="1.41419" height="9.89935" rx="0.707097" transform="rotate(45 18 11)" fill="white" />
</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>
</div>
<div class="o-blockList__group">
<div class="d-flex align-items-center">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks50761" role="button" aria-expanded="true" aria-controls="collapseTasks50761">
<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 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 class="o-blockList__items collapse show" id="collapseTasks50761">
<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="#subtasks42721" aria-expanded="false" aria-controls="subtasks42721">
<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 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 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="#subtasks25703" aria-expanded="false" aria-controls="subtasks25703">
<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 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 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="#subtasks22304" aria-expanded="false" aria-controls="subtasks22304">
<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 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 -done">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks22107" aria-expanded="false" aria-controls="subtasks22107">
<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="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks22107">
<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="#subtasks95071" aria-expanded="false" aria-controls="subtasks95071">
<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="#subtasks42008" aria-expanded="false" aria-controls="subtasks42008">
<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">
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="#subtasks16556" aria-expanded="false" aria-controls="subtasks16556">
<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">
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="#subtasks91079" aria-expanded="false" aria-controls="subtasks91079">
<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">
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="#subtasks38366" aria-expanded="false" aria-controls="subtasks38366">
<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">
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 -failed">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks81541" aria-expanded="false" aria-controls="subtasks81541">
<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="#E95F59" />
<path d="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 2
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks81541">
<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="#subtasks64914" aria-expanded="false" aria-controls="subtasks64914">
<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="#subtasks58495" aria-expanded="false" aria-controls="subtasks58495">
<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">
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="#subtasks65336" aria-expanded="false" aria-controls="subtasks65336">
<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">
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="#subtasks26943" aria-expanded="false" aria-controls="subtasks26943">
<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">
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 -failed -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks50171" aria-expanded="false" aria-controls="subtasks50171">
<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="#E95F59" />
<rect x="11" y="12" width="1.41419" height="9.89935" rx="0.707096" transform="rotate(-45 11 12)" fill="white" />
<rect x="18" y="11" width="1.41419" height="9.89935" rx="0.707097" transform="rotate(45 18 11)" fill="white" />
</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>
</div>
<div class="o-blockList__group">
<div class="d-flex align-items-center">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks11984" role="button" aria-expanded="true" aria-controls="collapseTasks11984">
<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 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 class="o-blockList__items collapse show" id="collapseTasks11984">
<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="#subtasks73164" aria-expanded="false" aria-controls="subtasks73164">
<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 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 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="#subtasks67035" aria-expanded="false" aria-controls="subtasks67035">
<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 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 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="#subtasks91849" aria-expanded="false" aria-controls="subtasks91849">
<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 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 -done">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks72270" aria-expanded="false" aria-controls="subtasks72270">
<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="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 1
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks72270">
<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="#subtasks97162" aria-expanded="false" aria-controls="subtasks97162">
<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="#subtasks67542" aria-expanded="false" aria-controls="subtasks67542">
<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">
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="#subtasks84888" aria-expanded="false" aria-controls="subtasks84888">
<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">
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="#subtasks44254" aria-expanded="false" aria-controls="subtasks44254">
<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">
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="#subtasks46372" aria-expanded="false" aria-controls="subtasks46372">
<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">
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 -failed">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks13374" aria-expanded="false" aria-controls="subtasks13374">
<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="#E95F59" />
<path d="M10.75 10H9.25C9.112 10 9 10.112 9 10.25V11.75C9 11.888 9.112 12 9.25 12H10.75C10.888 12 11 11.888 11 11.75V10.25C11 10.112 10.888 10 10.75 10Z" fill="white" />
<path d="M10.75 14H9.25C9.112 14 9 14.112 9 14.25V15.75C9 15.888 9.112 16 9.25 16H10.75C10.888 16 11 15.888 11 15.75V14.25C11 14.112 10.888 14 10.75 14Z" fill="white" />
<path d="M10.75 18H9.25C9.112 18 9 18.112 9 18.25V19.75C9 19.888 9.112 20 9.25 20H10.75C10.888 20 11 19.888 11 19.75V18.25C11 18.112 10.888 18 10.75 18Z" fill="white" />
<path d="M13 11.5H20.5C20.7765 11.5 21 11.2765 21 11C21 10.7235 20.7765 10.5 20.5 10.5H13C12.7235 10.5 12.5 10.7235 12.5 11C12.5 11.2765 12.7235 11.5 13 11.5Z" fill="white" />
<path d="M20.5 14.5H13C12.7235 14.5 12.5 14.7235 12.5 15C12.5 15.2765 12.7235 15.5 13 15.5H20.5C20.7765 15.5 21 15.2765 21 15C21 14.7235 20.7765 14.5 20.5 14.5Z" fill="white" />
<path d="M20.5 18.5H13C12.7235 18.5 12.5 18.7235 12.5 19C12.5 19.2765 12.7235 19.5 13 19.5H20.5C20.7765 19.5 21 19.2765 21 19C21 18.7235 20.7765 18.5 20.5 18.5Z" fill="white" />
</svg>
</div>
<strong class="h5 ml-3 mb-0 font-base">
Welstand ronde 2
</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>
<div class="m-block__bottom w-100 collapse" id="subtasks13374">
<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="#subtasks87110" aria-expanded="false" aria-controls="subtasks87110">
<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="#subtasks91796" aria-expanded="false" aria-controls="subtasks91796">
<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">
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="#subtasks58281" aria-expanded="false" aria-controls="subtasks58281">
<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">
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="#subtasks12208" aria-expanded="false" aria-controls="subtasks12208">
<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">
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 -failed -subtask">
<div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks9434" aria-expanded="false" aria-controls="subtasks9434">
<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="#E95F59" />
<rect x="11" y="12" width="1.41419" height="9.89935" rx="0.707096" transform="rotate(-45 11 12)" fill="white" />
<rect x="18" y="11" width="1.41419" height="9.89935" rx="0.707097" transform="rotate(45 18 11)" fill="white" />
</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>
</div>
</div>
<div class="o-blockList">
{% set tables = ["Bestelling", "Offerte", "Bevestiging bestelling", "Welstand", "Contract", "Vergunning", "Verkoop"] %}
{% for table in tables %}
{% set rand=range(1,99999)|random %}
<div class="o-blockList__group">
<div class="d-flex align-items-center">
<div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks{{rand}}" role="button" aria-expanded="true" aria-controls="collapseTasks{{rand}}">
<div class="mr-2">
{% render '@circle', {size:"avatar", icon:"arrow-right-filled"}, true %}
</div>
{% render '@table-head', {text:table, large:true}, true %}
</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 class="d-inline-block ml-2">
{% render '@circle--tiny' %}
</div>
</div>
<div class="o-blockList__items collapse show" id="collapseTasks{{rand}}">
{% for i in range(0, 5) -%}
{% set subtasks=false %}
{% set failed=false %}
{% set done=false %}
{% if i == 3 %}
{% set subtasks=true %}
{% set done=true %}
{% set label="Welstand ronde 1" %}
{% elif i == 4 %}
{% set subtasks=true %}
{% set failed=true %}
{% set label="Welstand ronde 2" %}
{% else %}
{% set label="Opdrachtgever en contactpersoon" %}
{% endif %}
{% render '@block', {i:i, subtasks:subtasks, done:done, failed:failed, label:label, info:true}, true %}
{% endfor %}
</div>
</div>
{% endfor %}
</div>
/* No context defined. */
No notes defined.