Takenlijst: Overlap Box Loading

<div id="header" class="main clearfix">
    <nav class="navbar navbar-expand-xl navbar-light d-flex align-items-start">
        <button class="navbar-toggler js-toggleMenu" type="button" aria-controls="navbarToggleMobileMenu" aria-label="Toggle navigation">
            <svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="22" height="2" rx="1" fill="black" />
                <rect y="6" width="22" height="2" rx="1" fill="black" />
                <rect y="12" width="22" height="2" rx="1" fill="black" />
            </svg>
        </button>
        <a href="index.html" class="navbar-brand"><img src="../../img/logos/logo-portaal.svg" alt="logo"></a>
        <div class="component navigation navigation-title navbar-nav flex-column js-navigation">
            <div class="component-content">
                <nav>
                    <ul class="clearfix">

                        <li class="level1 item0 odd first rel-level1">
                            <div class="navigation-title field-navigationtitle">
                                <a class="-active" title="Overzicht" href="/">Overzicht</a>
                            </div>

                        </li>

                        <li class="level1 item1 even rel-level1">
                            <div class="navigation-title field-navigationtitle">
                                <a class="" title="Bestellingen" href="/">Bestellingen</a>
                            </div>

                        </li>

                        <li class="level1 item2 odd rel-level1">
                            <div class="navigation-title field-navigationtitle">
                                <a class="" title="Woningen" href="/">Woningen</a>
                            </div>

                        </li>

                        <li class="level1 item3 even rel-level1">
                            <div class="navigation-title field-navigationtitle">
                                <a class="" title="Bewoners" href="/">Bewoners</a>
                            </div>

                        </li>

                    </ul>
                </nav>
            </div>
        </div>
    </nav>
</div>

<div id="content" class="main clearfix">
    <div class="component contentHeader o-contentHeader -splitOnMobile d-flex align-items-center">
        <div class="component-content">
            <div class="row no-gutters w-100 h-100">
                <div class="o-contentHeader__left col col-md-6 d-flex align-items-center position-static">
                    <div class="d-flex align-items-center">
                        <a href="index.html" class="o-contentHeader__logoAction mr-2 mr-md-3 -action">
                            <img src="../../img/logos/logo-portaal.svg" alt="logo">

                            <div class="a-circle -button -hover -border"><i class="icon-arrow-round-left"></i></div>

                        </a>
                        <div class="d-flex flex-column justify-content-center">
                            <h1 class="o-contentHeader__title d-flex align-items-center">
                                <span class="o-contentHeader__titleText">Elkien B.V.</span>

                                <span class="ml-2 mb-1 ml-lg-3 d-flex align-items-center"><span class="badge rounded-pill bg-orange user-select cursor-pointer -right" tabindex="0" data-toggle="popover" data-container="body" data-placement="bottom" data-trigger="click" data-html="true" title="" data-popover-group="open_close_order_menu" data-custom-class="-menu">Open<i class="icon-arrow-down"></i></span>

                                    <div class="popover-content">
                                        <div class='m-popoverMenu'>
                                            <div class='dropdown-item active'>Open</div>
                                            <div class='dropdown-item'>Gesloten</div>
                                        </div>
                                    </div>
                                </span>

                            </h1>

                            <small class="text-muted">De Klamp Leeuwarden</small>

                        </div>
                    </div>
                </div>

                <div class="o-contentHeader__right col col-md-6 d-flex align-items-center justify-content-between justify-content-md-end">
                    <div class="m-taskMonitor d-flex justify-content-start justify-content-md-end align-items-center">
                        <div class="m-taskMonitor__tasks d-flex align-items-center">

                            <div class="progress-wrap">

                                <div class="a-statusCircle -large -progress" data-toggle="popover" data-html="true" data-trigger="hover" data-content="<div class=' d-inline-block'>Bestelling</div>" data-placement="bottom">
                                    <div class="a-statusCircle__progress">
                                        <svg class="a-statusCircle__svg -list" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="27" cy="27" r="25" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M52 27C52 40.8071 40.8071 52 27 52C13.1929 52 2 40.8071 2 27C2 13.1929 13.1929 2 27 2C40.8071 2 52 13.1929 52 27Z" fill="none" stroke="#69D2C2" stroke-width="4" pathLength="100" stroke-dasharray="25, 100" stroke-linecap="round" />
                                        </svg>
                                    </div>
                                    <span class="d-flex align-items-center justify-content-center">16/64</span>
                                </div>

                            </div>

                            <div class="ml-2 ml-md-3">
                                <div class="progress-wrap">

                                    <div class="a-statusCircle -large -progress" data-toggle="popover" data-html="true" data-trigger="hover" data-content="<div class=' d-inline-block'>Slagingskans</div>" data-placement="bottom">
                                        <div class="a-statusCircle__progress">
                                            <svg class="a-statusCircle__svg -list" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <circle cx="27" cy="27" r="25" fill="white" stroke="black" stroke-opacity="0.15" />
                                                <path d="M52 27C52 40.8071 40.8071 52 27 52C13.1929 52 2 40.8071 2 27C2 13.1929 13.1929 2 27 2C40.8071 2 52 13.1929 52 27Z" fill="none" stroke="#69D2C2" stroke-width="4" pathLength="100" stroke-dasharray="80, 100" stroke-linecap="round" />
                                            </svg>
                                        </div>
                                        <span class="d-flex align-items-center justify-content-center">80%</span>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="ml-2 ml-md-4 d-flex align-items-center justify-content-end">
                        <button type="button" class="btn btn-outline-dark -icon -iconLeft" data-toggle="popover" data-html="true" data-trigger="hover" data-content="<div class=' d-inline-block'>Voorontwerp Elkien V1</div>" data-placement="bottom">

                            <i class="icon-edit-alt"></i>
                            Configuratie wijzigen

                        </button>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="content js-content -paddingBottom">

        <div class="component utilityBar o-utilityBar">
            <div class="o-utilityBar__parts d-flex flex-column flex-lg-row h-100 justify-content-xl-between align-items-lg-center">

                <div class="o-utilityBar__first pr-xl-3">
                    <ul class="nav nav-tabs m-tabs position-relative">

                        <li class="nav-item active" role="presentation">
                            <a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Overzicht</a>
                        </li>

                        <li class="nav-item" role="presentation">
                            <a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Taken</a>
                        </li>

                        <li class="nav-item" role="presentation">
                            <a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Woningen</a>
                        </li>

                        <li class="nav-item" role="presentation">
                            <a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Planning</a>
                        </li>

                        <li class="nav-item" role="presentation">
                            <a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Agenda</a>
                        </li>

                        <li class="nav-item" role="presentation">
                            <a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Facturen</a>
                        </li>

                        <li class="nav-item" role="presentation">
                            <a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Contracten</a>
                        </li>

                        <li class="nav-item" role="presentation">
                            <a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Documenten</a>
                        </li>

                        <li class="nav-item" role="presentation">
                            <a href="#nav-" class="nav-link" id="nav--tab" data-toggle="tab" href="#nav-" role="tab" aria-controls="nav-" aria-selected="true">Team</a>
                        </li>

                        <div class="nav-line"></div>
                    </ul>
                </div>

            </div>
        </div>

        <div class="o-overlapBox js-resizable d-flex flex-column ">
            <div class="o-overlapBox__resizer resizer"></div>
            <div class="o-overlapBox__header d-flex flex-row justify-content-between align-items-center">
                <h3 class="o-overlapBox__title d-flex align-items-center mb-0">Bestelgegevens </h3>
                <div class="d-flex">
                    <div class="a-circle -small -hover -border -pointer cursor-default">
                        <i class="icon-close"></i>

                    </div>

                </div>
            </div>
            <div class="m-noticeBar -error -overlapbox alert alert-dismissible fade show position-sticky" role="alert">
                <div class="m-noticeBar__content invalid-feedback d-flex flex-row justify-content-center align-items-center">
                    <strong>De takenlijst laadt niet lorem ipsum dolor sit amet consectetuer adipiscing elit</strong>

                </div>
                <button type="button" class="btn m-noticeBar__close position-absolute" data-dismiss="alert" aria-label="Close">
                    <i class="icon-close"></i>
                </button>
            </div>
            <div class="o-overlapBox__body flex-grow-1">
                <div class="o-overlapBox__content">

                    <div class="d-flex flex-column align-items-center justify-content-center absolute">
                        <div class="a-loader -wave">
                            <svg class="a-loader__animation" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background: rgba(241, 242, 243, 0);" width="75px" viewBox="12.5 38 75 22" preserveAspectRatio="xMidYMid">
                                <circle cx="30" cy="55" r="5" fill="#69d2c2">
                                    <animate attributeName="cy" calcMode="spline" keySplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.7 0 0.5 1 ; 0 0 0.5 1; 0 0 0.5 1; 0 0 0.5 1" repeatCount="indefinite" values="55;45;45;55;54;55;55" keyTimes="0;0.25;0.43;0.58;0.6;0.7;1" dur="1.75s" begin="-0.6"></animate>
                                </circle>
                                <circle cx="50" cy="55" r="5" fill="#e3000f">
                                    <animate attributeName="cy" calcMode="spline" keySplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.7 0 0.5 1 ; 0 0 0.5 1; 0 0 0.5 1; 0 0 0.5 1" repeatCount="indefinite" values="55;45;45;55;54;55;55" keyTimes="0;0.25;0.40;0.55;0.6;0.7;1" dur="1.75s" begin="-0.45"></animate>
                                </circle>
                                <circle cx="70" cy="55" r="5" fill="#ff85bb">
                                    <animate attributeName="cy" calcMode="spline" keySplines="0.5 0 0.5 1 ; 0.5 0 0.5 1 ; 0.7 0 0.5 1 ; 0 0 0.5 1; 0 0 0.5 1; 0 0 0.5 1" repeatCount="indefinite" values="55;45;45;55;54;55;55" keyTimes="0;0.25;0.40;0.55;0.6;0.7;1" dur="1.75s" begin="-0.3"></animate>
                                </circle>
                            </svg>
                        </div>
                        <span class="text-muted mt-3">Taak laden...</span>
                    </div>

                </div>
            </div>
            <div class="o-overlapBox__footer d-flex align-items-center">
                <div class="d-flex h-100 w-100 justify-content-between align-items-center">
                    <div class="d-flex align-items-center">
                        <div class="a-circle -button -hover bg-primary -pointer cursor-default">
                            <i class="icon-save"></i>

                        </div>

                        <span class="text-muted d-none d-sm-block px-2 pl-md-3"><span class="d-inline-block">Laatst opgeslagen:</span> <span class="d-inline-block">3 seconden geleden</span></span>
                    </div>
                    <button type="button" class="btn btn-outline-dark -icon -iconLeft">

                        <i class="icon-checkmark"></i>
                        Taak voltooien

                    </button>
                </div>
            </div>
        </div>
        <div class="o-blockList">

            <div class="o-blockList__group">
                <div class="d-flex justify-content-between">
                    <div class="d-flex">
                        <div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks78251" role="button" aria-expanded="true" aria-controls="collapseTasks78251">
                            <div class="mr-2">
                                <div class="a-circle -avatar -hover -border -pointer cursor-default">
                                    <i class="icon-arrow-right-filled"></i>

                                </div>

                            </div>
                            <h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
                                Bestelling
                            </h3>
                            <span class="font-weight-normal text-muted">(0/3)</span>
                        </div>
                        <div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
                            <i class="icon-calendar"></i>
                            <span class="ml-1 font-weight-normal line-height-1">3</span>
                        </div>
                    </div>

                    <div class="a-circleLink d-flex align-items-center cursor-pointer">
                        <div class="a-circle -avatar -hover -border -pointer cursor-default">
                            <i class="icon-refresh"></i>

                        </div>

                        <span class="ml-2 d-none d-xs-block">Takenlijst verversen</span>
                    </div>

                </div>

                <div class="o-blockList__items collapse show" id="collapseTasks78251">

                    <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="#subtasks2063" aria-expanded="false" aria-controls="subtasks2063">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="15" fill="#69D2C2" />
                                            <path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-success -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-success">Vandaag</span>
                                    </div>
                                </div>

                                <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="&lt;small class=&#39;d-block text-center&#39;&gt;&lt;strong&gt;Marcella Vonk&lt;/strong&gt;&lt;br&gt;&lt;span class=&#39;text-muted&#39;&gt;Accountmanager&lt;/span&gt;&lt;/small&gt;">
                                    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="#subtasks88452" aria-expanded="false" aria-controls="subtasks88452">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-danger -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks54383" aria-expanded="false" aria-controls="subtasks54383">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
                                            <path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-blue"></div>
                                                <div class="a-dotTag__text">Appartementen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks79437" aria-expanded="false" aria-controls="subtasks79437">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M20.5 4.0845
        a 15.9155 15.9155 0 0 1 0 31.831
        a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
                                            <path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
                                            <path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
                                            <path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
                                            <path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
                                            <path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
                                            <path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Welstand ronde 1

                                    </strong>

                                </div>
                            </div>

                        </div>

                        <div class="m-block__bottom w-100 collapse" id="subtasks79437">
                            <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="#subtasks28562" aria-expanded="false" aria-controls="subtasks28562">

                                        <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,&lt;br&gt; 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="#subtasks87745" aria-expanded="false" aria-controls="subtasks87745">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Verkavelingstekening

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks73729" aria-expanded="false" aria-controls="subtasks73729">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Gevelontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks72236" aria-expanded="false" aria-controls="subtasks72236">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Controleer voorontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks95214" aria-expanded="false" aria-controls="subtasks95214">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Adviesgesprek welstand

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; consectetur adipiscing elit nulla.">
                                                        <i class="icon-info"></i>

                                                    </div>

                                                </div>

                                            </div>
                                        </div>

                                        <div class="d-none d-lg-flex align-items-center">

                                            <div class="mr-5">
                                                <div class="a-dateDisplay d-flex align-items-center">
                                                    <div class="a-circle -avatar -border -pointer cursor-default">
                                                        <i class="icon-calendar"></i>

                                                    </div>

                                                    <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                                </div>
                                            </div>

                                            <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                                <i class="icon-profile"></i>

                                            </div>

                                            <div class="popover-content">

                                                Geen eigenaar

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks42811" aria-expanded="false" aria-controls="subtasks42811">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-purple"></div>
                                                <div class="a-dotTag__text">Grondgebonden woningen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                </div>
            </div>

            <div class="o-blockList__group">
                <div class="d-flex justify-content-between">
                    <div class="d-flex">
                        <div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks36879" role="button" aria-expanded="true" aria-controls="collapseTasks36879">
                            <div class="mr-2">
                                <div class="a-circle -avatar -hover -border -pointer cursor-default">
                                    <i class="icon-arrow-right-filled"></i>

                                </div>

                            </div>
                            <h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
                                Offerte
                            </h3>
                            <span class="font-weight-normal text-muted">(0/3)</span>
                        </div>
                        <div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
                            <i class="icon-calendar"></i>
                            <span class="ml-1 font-weight-normal line-height-1">3</span>
                        </div>
                    </div>

                </div>

                <div class="o-blockList__items collapse show" id="collapseTasks36879">

                    <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="#subtasks12103" aria-expanded="false" aria-controls="subtasks12103">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="15" fill="#69D2C2" />
                                            <path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-success -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-success">Vandaag</span>
                                    </div>
                                </div>

                                <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="&lt;small class=&#39;d-block text-center&#39;&gt;&lt;strong&gt;Marcella Vonk&lt;/strong&gt;&lt;br&gt;&lt;span class=&#39;text-muted&#39;&gt;Accountmanager&lt;/span&gt;&lt;/small&gt;">
                                    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="#subtasks12096" aria-expanded="false" aria-controls="subtasks12096">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-danger -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks96248" aria-expanded="false" aria-controls="subtasks96248">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
                                            <path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-blue"></div>
                                                <div class="a-dotTag__text">Appartementen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks8876" aria-expanded="false" aria-controls="subtasks8876">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M20.5 4.0845
        a 15.9155 15.9155 0 0 1 0 31.831
        a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
                                            <path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
                                            <path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
                                            <path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
                                            <path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
                                            <path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
                                            <path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Welstand ronde 1

                                    </strong>

                                </div>
                            </div>

                        </div>

                        <div class="m-block__bottom w-100 collapse" id="subtasks8876">
                            <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="#subtasks76794" aria-expanded="false" aria-controls="subtasks76794">

                                        <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,&lt;br&gt; 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="#subtasks49365" aria-expanded="false" aria-controls="subtasks49365">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Verkavelingstekening

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks20802" aria-expanded="false" aria-controls="subtasks20802">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Gevelontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks32021" aria-expanded="false" aria-controls="subtasks32021">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Controleer voorontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks75396" aria-expanded="false" aria-controls="subtasks75396">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Adviesgesprek welstand

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; consectetur adipiscing elit nulla.">
                                                        <i class="icon-info"></i>

                                                    </div>

                                                </div>

                                            </div>
                                        </div>

                                        <div class="d-none d-lg-flex align-items-center">

                                            <div class="mr-5">
                                                <div class="a-dateDisplay d-flex align-items-center">
                                                    <div class="a-circle -avatar -border -pointer cursor-default">
                                                        <i class="icon-calendar"></i>

                                                    </div>

                                                    <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                                </div>
                                            </div>

                                            <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                                <i class="icon-profile"></i>

                                            </div>

                                            <div class="popover-content">

                                                Geen eigenaar

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks78822" aria-expanded="false" aria-controls="subtasks78822">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-purple"></div>
                                                <div class="a-dotTag__text">Grondgebonden woningen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                </div>
            </div>

            <div class="o-blockList__group">
                <div class="d-flex justify-content-between">
                    <div class="d-flex">
                        <div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks49663" role="button" aria-expanded="true" aria-controls="collapseTasks49663">
                            <div class="mr-2">
                                <div class="a-circle -avatar -hover -border -pointer cursor-default">
                                    <i class="icon-arrow-right-filled"></i>

                                </div>

                            </div>
                            <h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
                                Bevestiging bestelling
                            </h3>
                            <span class="font-weight-normal text-muted">(0/3)</span>
                        </div>
                        <div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
                            <i class="icon-calendar"></i>
                            <span class="ml-1 font-weight-normal line-height-1">3</span>
                        </div>
                    </div>

                </div>

                <div class="o-blockList__items collapse show" id="collapseTasks49663">

                    <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="#subtasks60893" aria-expanded="false" aria-controls="subtasks60893">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="15" fill="#69D2C2" />
                                            <path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-success -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-success">Vandaag</span>
                                    </div>
                                </div>

                                <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="&lt;small class=&#39;d-block text-center&#39;&gt;&lt;strong&gt;Marcella Vonk&lt;/strong&gt;&lt;br&gt;&lt;span class=&#39;text-muted&#39;&gt;Accountmanager&lt;/span&gt;&lt;/small&gt;">
                                    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="#subtasks97280" aria-expanded="false" aria-controls="subtasks97280">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-danger -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks59650" aria-expanded="false" aria-controls="subtasks59650">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
                                            <path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-blue"></div>
                                                <div class="a-dotTag__text">Appartementen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks70605" aria-expanded="false" aria-controls="subtasks70605">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M20.5 4.0845
        a 15.9155 15.9155 0 0 1 0 31.831
        a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
                                            <path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
                                            <path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
                                            <path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
                                            <path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
                                            <path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
                                            <path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Welstand ronde 1

                                    </strong>

                                </div>
                            </div>

                        </div>

                        <div class="m-block__bottom w-100 collapse" id="subtasks70605">
                            <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="#subtasks88043" aria-expanded="false" aria-controls="subtasks88043">

                                        <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,&lt;br&gt; 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="#subtasks6763" aria-expanded="false" aria-controls="subtasks6763">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Verkavelingstekening

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks23783" aria-expanded="false" aria-controls="subtasks23783">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Gevelontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks51966" aria-expanded="false" aria-controls="subtasks51966">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Controleer voorontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks23266" aria-expanded="false" aria-controls="subtasks23266">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Adviesgesprek welstand

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; consectetur adipiscing elit nulla.">
                                                        <i class="icon-info"></i>

                                                    </div>

                                                </div>

                                            </div>
                                        </div>

                                        <div class="d-none d-lg-flex align-items-center">

                                            <div class="mr-5">
                                                <div class="a-dateDisplay d-flex align-items-center">
                                                    <div class="a-circle -avatar -border -pointer cursor-default">
                                                        <i class="icon-calendar"></i>

                                                    </div>

                                                    <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                                </div>
                                            </div>

                                            <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                                <i class="icon-profile"></i>

                                            </div>

                                            <div class="popover-content">

                                                Geen eigenaar

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks90044" aria-expanded="false" aria-controls="subtasks90044">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-purple"></div>
                                                <div class="a-dotTag__text">Grondgebonden woningen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                </div>
            </div>

            <div class="o-blockList__group">
                <div class="d-flex justify-content-between">
                    <div class="d-flex">
                        <div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks44113" role="button" aria-expanded="true" aria-controls="collapseTasks44113">
                            <div class="mr-2">
                                <div class="a-circle -avatar -hover -border -pointer cursor-default">
                                    <i class="icon-arrow-right-filled"></i>

                                </div>

                            </div>
                            <h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
                                Welstand
                            </h3>
                            <span class="font-weight-normal text-muted">(0/3)</span>
                        </div>
                        <div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
                            <i class="icon-calendar"></i>
                            <span class="ml-1 font-weight-normal line-height-1">3</span>
                        </div>
                    </div>

                </div>

                <div class="o-blockList__items collapse show" id="collapseTasks44113">

                    <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="#subtasks51792" aria-expanded="false" aria-controls="subtasks51792">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="15" fill="#69D2C2" />
                                            <path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-success -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-success">Vandaag</span>
                                    </div>
                                </div>

                                <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="&lt;small class=&#39;d-block text-center&#39;&gt;&lt;strong&gt;Marcella Vonk&lt;/strong&gt;&lt;br&gt;&lt;span class=&#39;text-muted&#39;&gt;Accountmanager&lt;/span&gt;&lt;/small&gt;">
                                    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="#subtasks64416" aria-expanded="false" aria-controls="subtasks64416">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-danger -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks55607" aria-expanded="false" aria-controls="subtasks55607">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
                                            <path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-blue"></div>
                                                <div class="a-dotTag__text">Appartementen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks18614" aria-expanded="false" aria-controls="subtasks18614">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M20.5 4.0845
        a 15.9155 15.9155 0 0 1 0 31.831
        a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
                                            <path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
                                            <path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
                                            <path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
                                            <path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
                                            <path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
                                            <path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Welstand ronde 1

                                    </strong>

                                </div>
                            </div>

                        </div>

                        <div class="m-block__bottom w-100 collapse" id="subtasks18614">
                            <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="#subtasks53494" aria-expanded="false" aria-controls="subtasks53494">

                                        <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,&lt;br&gt; 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="#subtasks97548" aria-expanded="false" aria-controls="subtasks97548">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Verkavelingstekening

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks63836" aria-expanded="false" aria-controls="subtasks63836">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Gevelontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks58295" aria-expanded="false" aria-controls="subtasks58295">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Controleer voorontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks51937" aria-expanded="false" aria-controls="subtasks51937">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Adviesgesprek welstand

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; consectetur adipiscing elit nulla.">
                                                        <i class="icon-info"></i>

                                                    </div>

                                                </div>

                                            </div>
                                        </div>

                                        <div class="d-none d-lg-flex align-items-center">

                                            <div class="mr-5">
                                                <div class="a-dateDisplay d-flex align-items-center">
                                                    <div class="a-circle -avatar -border -pointer cursor-default">
                                                        <i class="icon-calendar"></i>

                                                    </div>

                                                    <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                                </div>
                                            </div>

                                            <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                                <i class="icon-profile"></i>

                                            </div>

                                            <div class="popover-content">

                                                Geen eigenaar

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks41166" aria-expanded="false" aria-controls="subtasks41166">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-purple"></div>
                                                <div class="a-dotTag__text">Grondgebonden woningen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                </div>
            </div>

            <div class="o-blockList__group">
                <div class="d-flex justify-content-between">
                    <div class="d-flex">
                        <div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks41826" role="button" aria-expanded="true" aria-controls="collapseTasks41826">
                            <div class="mr-2">
                                <div class="a-circle -avatar -hover -border -pointer cursor-default">
                                    <i class="icon-arrow-right-filled"></i>

                                </div>

                            </div>
                            <h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
                                Contract
                            </h3>
                            <span class="font-weight-normal text-muted">(0/3)</span>
                        </div>
                        <div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
                            <i class="icon-calendar"></i>
                            <span class="ml-1 font-weight-normal line-height-1">3</span>
                        </div>
                    </div>

                </div>

                <div class="o-blockList__items collapse show" id="collapseTasks41826">

                    <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="#subtasks28708" aria-expanded="false" aria-controls="subtasks28708">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="15" fill="#69D2C2" />
                                            <path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-success -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-success">Vandaag</span>
                                    </div>
                                </div>

                                <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="&lt;small class=&#39;d-block text-center&#39;&gt;&lt;strong&gt;Marcella Vonk&lt;/strong&gt;&lt;br&gt;&lt;span class=&#39;text-muted&#39;&gt;Accountmanager&lt;/span&gt;&lt;/small&gt;">
                                    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="#subtasks41299" aria-expanded="false" aria-controls="subtasks41299">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-danger -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks9837" aria-expanded="false" aria-controls="subtasks9837">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
                                            <path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-blue"></div>
                                                <div class="a-dotTag__text">Appartementen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks63773" aria-expanded="false" aria-controls="subtasks63773">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M20.5 4.0845
        a 15.9155 15.9155 0 0 1 0 31.831
        a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
                                            <path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
                                            <path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
                                            <path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
                                            <path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
                                            <path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
                                            <path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Welstand ronde 1

                                    </strong>

                                </div>
                            </div>

                        </div>

                        <div class="m-block__bottom w-100 collapse" id="subtasks63773">
                            <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="#subtasks32131" aria-expanded="false" aria-controls="subtasks32131">

                                        <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,&lt;br&gt; 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="#subtasks45963" aria-expanded="false" aria-controls="subtasks45963">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Verkavelingstekening

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks24595" aria-expanded="false" aria-controls="subtasks24595">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Gevelontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks54879" aria-expanded="false" aria-controls="subtasks54879">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Controleer voorontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks43327" aria-expanded="false" aria-controls="subtasks43327">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Adviesgesprek welstand

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; consectetur adipiscing elit nulla.">
                                                        <i class="icon-info"></i>

                                                    </div>

                                                </div>

                                            </div>
                                        </div>

                                        <div class="d-none d-lg-flex align-items-center">

                                            <div class="mr-5">
                                                <div class="a-dateDisplay d-flex align-items-center">
                                                    <div class="a-circle -avatar -border -pointer cursor-default">
                                                        <i class="icon-calendar"></i>

                                                    </div>

                                                    <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                                </div>
                                            </div>

                                            <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                                <i class="icon-profile"></i>

                                            </div>

                                            <div class="popover-content">

                                                Geen eigenaar

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks17385" aria-expanded="false" aria-controls="subtasks17385">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-purple"></div>
                                                <div class="a-dotTag__text">Grondgebonden woningen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                </div>
            </div>

            <div class="o-blockList__group">
                <div class="d-flex justify-content-between">
                    <div class="d-flex">
                        <div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks46784" role="button" aria-expanded="true" aria-controls="collapseTasks46784">
                            <div class="mr-2">
                                <div class="a-circle -avatar -hover -border -pointer cursor-default">
                                    <i class="icon-arrow-right-filled"></i>

                                </div>

                            </div>
                            <h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
                                Vergunning
                            </h3>
                            <span class="font-weight-normal text-muted">(0/3)</span>
                        </div>
                        <div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
                            <i class="icon-calendar"></i>
                            <span class="ml-1 font-weight-normal line-height-1">3</span>
                        </div>
                    </div>

                </div>

                <div class="o-blockList__items collapse show" id="collapseTasks46784">

                    <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="#subtasks93341" aria-expanded="false" aria-controls="subtasks93341">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="15" fill="#69D2C2" />
                                            <path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-success -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-success">Vandaag</span>
                                    </div>
                                </div>

                                <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="&lt;small class=&#39;d-block text-center&#39;&gt;&lt;strong&gt;Marcella Vonk&lt;/strong&gt;&lt;br&gt;&lt;span class=&#39;text-muted&#39;&gt;Accountmanager&lt;/span&gt;&lt;/small&gt;">
                                    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="#subtasks94969" aria-expanded="false" aria-controls="subtasks94969">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-danger -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks93928" aria-expanded="false" aria-controls="subtasks93928">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
                                            <path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-blue"></div>
                                                <div class="a-dotTag__text">Appartementen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks78774" aria-expanded="false" aria-controls="subtasks78774">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M20.5 4.0845
        a 15.9155 15.9155 0 0 1 0 31.831
        a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
                                            <path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
                                            <path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
                                            <path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
                                            <path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
                                            <path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
                                            <path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Welstand ronde 1

                                    </strong>

                                </div>
                            </div>

                        </div>

                        <div class="m-block__bottom w-100 collapse" id="subtasks78774">
                            <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="#subtasks57709" aria-expanded="false" aria-controls="subtasks57709">

                                        <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,&lt;br&gt; 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="#subtasks85606" aria-expanded="false" aria-controls="subtasks85606">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Verkavelingstekening

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks51812" aria-expanded="false" aria-controls="subtasks51812">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Gevelontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks65873" aria-expanded="false" aria-controls="subtasks65873">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Controleer voorontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks60784" aria-expanded="false" aria-controls="subtasks60784">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Adviesgesprek welstand

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; consectetur adipiscing elit nulla.">
                                                        <i class="icon-info"></i>

                                                    </div>

                                                </div>

                                            </div>
                                        </div>

                                        <div class="d-none d-lg-flex align-items-center">

                                            <div class="mr-5">
                                                <div class="a-dateDisplay d-flex align-items-center">
                                                    <div class="a-circle -avatar -border -pointer cursor-default">
                                                        <i class="icon-calendar"></i>

                                                    </div>

                                                    <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                                </div>
                                            </div>

                                            <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                                <i class="icon-profile"></i>

                                            </div>

                                            <div class="popover-content">

                                                Geen eigenaar

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks55174" aria-expanded="false" aria-controls="subtasks55174">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-purple"></div>
                                                <div class="a-dotTag__text">Grondgebonden woningen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                </div>
            </div>

            <div class="o-blockList__group">
                <div class="d-flex justify-content-between">
                    <div class="d-flex">
                        <div class="o-blockList__collapse d-inline-flex align-items-center user-select-none" data-toggle="collapse" href="#collapseTasks44792" role="button" aria-expanded="true" aria-controls="collapseTasks44792">
                            <div class="mr-2">
                                <div class="a-circle -avatar -hover -border -pointer cursor-default">
                                    <i class="icon-arrow-right-filled"></i>

                                </div>

                            </div>
                            <h3 class="a-tableHead d-inline-block font-weight-bold mb-0 mr-2 px-0">
                                Verkoop
                            </h3>
                            <span class="font-weight-normal text-muted">(0/3)</span>
                        </div>
                        <div class="o-blockList__deadlines ml-3 text-danger d-flex align-items-center user-select-none" data-toggle="popover" data-trigger="hover" data-placement="top" data-html="true" data-content="<span class='text-danger'>3 verstreken deadlines</span>">
                            <i class="icon-calendar"></i>
                            <span class="ml-1 font-weight-normal line-height-1">3</span>
                        </div>
                    </div>

                </div>

                <div class="o-blockList__items collapse show" id="collapseTasks44792">

                    <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="#subtasks97221" aria-expanded="false" aria-controls="subtasks97221">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="15" fill="#69D2C2" />
                                            <path d="M18.7908 12.1395C18.5308 11.9031 18.1263 11.9216 17.8887 12.1829L13.9912 16.4745L12.1083 14.5604C11.8598 14.3086 11.456 14.3048 11.2049 14.5527C10.9532 14.7999 10.9493 15.2044 11.1972 15.4561L13.5542 17.8521C13.675 17.9747 13.8385 18.0431 14.0097 18.0431C14.0136 18.0431 14.018 18.0431 14.0219 18.0438C14.1982 18.0399 14.3643 17.9645 14.4825 17.8342L18.8342 13.0423C19.0713 12.7803 19.0521 12.3765 18.7908 12.1395Z" fill="white" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-success -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-success">Vandaag</span>
                                    </div>
                                </div>

                                <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" title="" data-content="&lt;small class=&#39;d-block text-center&#39;&gt;&lt;strong&gt;Marcella Vonk&lt;/strong&gt;&lt;br&gt;&lt;span class=&#39;text-muted&#39;&gt;Accountmanager&lt;/span&gt;&lt;/small&gt;">
                                    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="#subtasks31033" aria-expanded="false" aria-controls="subtasks31033">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.1687 15.5582C19.0693 15.4588 18.9486 15.4091 18.8065 15.4091H18.6361V14.3863C18.6361 13.7329 18.4018 13.1719 17.933 12.7032C17.4643 12.2344 16.9033 12 16.2498 12C15.5963 12 15.0352 12.2344 14.5665 12.7031C14.0977 13.1719 13.8634 13.7329 13.8634 14.3863V15.4091H13.693C13.551 15.4091 13.4302 15.4588 13.3308 15.5582C13.2313 15.6576 13.1816 15.7784 13.1816 15.9205V18.9887C13.1816 19.1307 13.2314 19.2515 13.3308 19.3509C13.4302 19.4503 13.551 19.5 13.693 19.5H18.8066C18.9487 19.5 19.0694 19.4503 19.1689 19.3509C19.2682 19.2515 19.318 19.1307 19.318 18.9887V15.9204C19.3181 15.7784 19.2682 15.6577 19.1687 15.5582ZM17.6134 15.4091H14.8862V14.3863C14.8862 14.0099 15.0194 13.6885 15.2857 13.4222C15.5521 13.1559 15.8734 13.0228 16.2499 13.0228C16.6263 13.0228 16.9476 13.1559 17.214 13.4222C17.4802 13.6885 17.6134 14.0099 17.6134 14.3863V15.4091Z" fill="black" fill-opacity="0.15" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar bg-danger -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap text-danger">Gisteren</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select -active">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks71476" aria-expanded="false" aria-controls="subtasks71476">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="15" cy="15" r="14" fill="white" stroke="#69D2C2" stroke-width="2" />
                                            <path d="M18.7907 12.1393C18.5306 11.9029 18.1262 11.9214 17.8885 12.1827L13.9911 16.4744L12.1082 14.5602C11.8597 14.3084 11.4559 14.3046 11.2048 14.5525C10.953 14.7998 10.9492 15.2042 11.1971 15.4559L13.5541 17.8519C13.6748 17.9746 13.8384 18.0429 14.0096 18.0429C14.0134 18.0429 14.0179 18.0429 14.0218 18.0436C14.1981 18.0397 14.3642 17.9643 14.4824 17.834L18.8341 13.0421C19.0712 12.7801 19.052 12.3763 18.7907 12.1393Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-blue"></div>
                                                <div class="a-dotTag__text">Appartementen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks88498" aria-expanded="false" aria-controls="subtasks88498">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg -list" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="20.5" cy="20.5" r="16" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M20.5 4.0845
        a 15.9155 15.9155 0 0 1 0 31.831
        a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#69D2C2" ; stroke-width="2" ; stroke-dasharray="75, 100" stroke-linecap="round" />
                                            <path d="M16.75 15H15.25C15.112 15 15 15.112 15 15.25V16.75C15 16.888 15.112 17 15.25 17H16.75C16.888 17 17 16.888 17 16.75V15.25C17 15.112 16.888 15 16.75 15Z" fill="black" />
                                            <path d="M16.75 19.0001H15.25C15.112 19.0001 15 19.1121 15 19.2501V20.7501C15 20.8881 15.112 21.0001 15.25 21.0001H16.75C16.888 21.0001 17 20.8881 17 20.7501V19.2501C17 19.1121 16.888 19.0001 16.75 19.0001Z" fill="black" />
                                            <path d="M16.75 22.9999H15.25C15.112 22.9999 15 23.1119 15 23.2499V24.7499C15 24.8879 15.112 24.9999 15.25 24.9999H16.75C16.888 24.9999 17 24.8879 17 24.7499V23.2499C17 23.1119 16.888 22.9999 16.75 22.9999Z" fill="black" />
                                            <path d="M19.0002 16.4999H26.5002C26.7767 16.4999 27.0002 16.2764 27.0002 15.9999C27.0002 15.7234 26.7767 15.4999 26.5002 15.4999H19.0002C18.7237 15.4999 18.5002 15.7234 18.5002 15.9999C18.5002 16.2764 18.7237 16.4999 19.0002 16.4999Z" fill="black" />
                                            <path d="M26.5002 19.5H19.0002C18.7237 19.5 18.5002 19.7235 18.5002 20C18.5002 20.2765 18.7237 20.5 19.0002 20.5H26.5002C26.7767 20.5 27.0002 20.2765 27.0002 20C27.0002 19.7235 26.7767 19.5 26.5002 19.5Z" fill="black" />
                                            <path d="M26.5002 23.5001H19.0002C18.7237 23.5001 18.5002 23.7236 18.5002 24.0001C18.5002 24.2766 18.7237 24.5001 19.0002 24.5001H26.5002C26.7767 24.5001 27.0002 24.2766 27.0002 24.0001C27.0002 23.7236 26.7767 23.5001 26.5002 23.5001Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Welstand ronde 1

                                    </strong>

                                </div>
                            </div>

                        </div>

                        <div class="m-block__bottom w-100 collapse" id="subtasks88498">
                            <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="#subtasks81325" aria-expanded="false" aria-controls="subtasks81325">

                                        <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,&lt;br&gt; 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="#subtasks16095" aria-expanded="false" aria-controls="subtasks16095">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Verkavelingstekening

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks53940" aria-expanded="false" aria-controls="subtasks53940">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Gevelontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks51512" aria-expanded="false" aria-controls="subtasks51512">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Controleer voorontwerp

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; 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="#subtasks12829" aria-expanded="false" aria-controls="subtasks12829">

                                        <div class="flex-grow-1 pr-2">
                                            <div class="d-flex align-items-center">

                                                <div class="a-statusCircle">
                                                    <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                                        <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                                    </svg>
                                                </div>

                                                <strong class="h5 ml-3 mb-0 font-base">
                                                    Adviesgesprek welstand

                                                </strong>

                                                <div class="d-inline-block ml-2">
                                                    <div class="a-circle -tiny -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="-info" data-content="Lorem ipsum dolor sit amet,&lt;br&gt; consectetur adipiscing elit nulla.">
                                                        <i class="icon-info"></i>

                                                    </div>

                                                </div>

                                            </div>
                                        </div>

                                        <div class="d-none d-lg-flex align-items-center">

                                            <div class="mr-5">
                                                <div class="a-dateDisplay d-flex align-items-center">
                                                    <div class="a-circle -avatar -border -pointer cursor-default">
                                                        <i class="icon-calendar"></i>

                                                    </div>

                                                    <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                                </div>
                                            </div>

                                            <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                                <i class="icon-profile"></i>

                                            </div>

                                            <div class="popover-content">

                                                Geen eigenaar

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>

                    </div>

                    <div class="m-block d-flex align-items-center flex-wrap -hover user-select">

                        <div class="m-block__content w-100 d-flex align-items-center cursor-pointer" data-toggle="collapse" data-target="#subtasks72976" aria-expanded="false" aria-controls="subtasks72976">

                            <div class="flex-grow-1 pr-2">
                                <div class="d-flex align-items-center">

                                    <div class="a-statusCircle">
                                        <svg class="a-statusCircle__svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <circle cx="16" cy="16" r="15.5" fill="white" stroke="black" stroke-opacity="0.15" />
                                            <path d="M19.7908 13.1403C19.5308 12.9039 19.1263 12.9224 18.8887 13.1837L14.9912 17.4753L13.1083 15.5611C12.8598 15.3094 12.456 15.3056 12.2049 15.5535C11.9532 15.8007 11.9493 16.2052 12.1972 16.4569L14.5542 18.8529C14.675 18.9755 14.8385 19.0439 15.0097 19.0439C15.0136 19.0439 15.018 19.0439 15.0219 19.0445C15.1982 19.0407 15.3643 18.9653 15.4825 18.835L19.8342 14.0431C20.0713 13.7811 20.0521 13.3773 19.7908 13.1403Z" fill="black" />
                                        </svg>
                                    </div>

                                    <strong class="h5 ml-3 mb-0 font-base">
                                        Opdrachtgever en contactpersoon

                                        <div class="mt-1">
                                            <div class="a-dotTag font-weight-normal text-muted d-flex align-items-center">
                                                <div class="a-dotTag__dot rounded-circle bg-purple"></div>
                                                <div class="a-dotTag__text">Grondgebonden woningen</div>
                                            </div>
                                        </div>

                                    </strong>

                                </div>
                            </div>

                            <div class="d-none d-lg-flex align-items-center">

                                <div class="mr-5">
                                    <div class="a-dateDisplay d-flex align-items-center">
                                        <div class="a-circle -avatar -border -pointer cursor-default">
                                            <i class="icon-calendar"></i>

                                        </div>

                                        <span class="pl-2 white-space-nowrap ">10-01-2022</span>
                                    </div>
                                </div>

                                <div class="a-circle -avatar -hover -border -pointer cursor-default" tabindex="0" data-toggle="popover" data-container="body" data-placement="top" data-trigger="hover" data-html="true" title="" data-custom-class="">
                                    <i class="icon-profile"></i>

                                </div>

                                <div class="popover-content">

                                    Geen eigenaar

                                </div>

                            </div>

                        </div>

                    </div>

                </div>
            </div>

        </div>

    </div>

</div>

<div id="footer" class="main clearfix">
    <div tabindex="0" class="a-avatar bg-brown rounded-circle d-inline-flex justify-content-center align-items-center" data-toggle="popover" data-placement="top" data-trigger="click" data-html="true" title="" data-custom-class="-menu" ">
    MV
    
</div>

    <div class=" popover-content">
        <div class='dropdown-item'>Account instellingen</div>
        <div class='dropdown-item'>Uitloggen</div>
    </div>

    <ul class="m-iconMenu text-secondary mb-0 d-flex flex-xl-column align-items-center list-unstyled">
        <li><i class="icon-chat1"></i></li>
        <li><i class="icon-bell"></i></li>
        <li><i class="icon-question-mark"></i></li>
    </ul>
</div>