diff --git a/tests/_output/bootstrap/gantt/gantt-row-reordering.png b/tests/_output/bootstrap/gantt/gantt-row-reordering.png
index 734ba1d6cf7..645366c1810 100644
Binary files a/tests/_output/bootstrap/gantt/gantt-row-reordering.png and b/tests/_output/bootstrap/gantt/gantt-row-reordering.png differ
diff --git a/tests/_output/bootstrap/gantt/gantt.png b/tests/_output/bootstrap/gantt/gantt.png
index 88c6ff422e1..f29d0db3e5e 100644
Binary files a/tests/_output/bootstrap/gantt/gantt.png and b/tests/_output/bootstrap/gantt/gantt.png differ
diff --git a/tests/_output/classic/gantt/gantt-row-reordering.png b/tests/_output/classic/gantt/gantt-row-reordering.png
index 6c1581f304d..a1df8731b23 100644
Binary files a/tests/_output/classic/gantt/gantt-row-reordering.png and b/tests/_output/classic/gantt/gantt-row-reordering.png differ
diff --git a/tests/_output/classic/gantt/gantt.png b/tests/_output/classic/gantt/gantt.png
index d287ff0bde2..91372771028 100644
Binary files a/tests/_output/classic/gantt/gantt.png and b/tests/_output/classic/gantt/gantt.png differ
diff --git a/tests/_output/default/gantt/gantt-row-reordering.png b/tests/_output/default/gantt/gantt-row-reordering.png
index 029ae85f8b8..c4c0342e36d 100644
Binary files a/tests/_output/default/gantt/gantt-row-reordering.png and b/tests/_output/default/gantt/gantt-row-reordering.png differ
diff --git a/tests/_output/default/gantt/gantt.png b/tests/_output/default/gantt/gantt.png
index fc6d1dbb52d..d3dcd76b7c8 100644
Binary files a/tests/_output/default/gantt/gantt.png and b/tests/_output/default/gantt/gantt.png differ
diff --git a/tests/_output/fluent/gantt/gantt-row-reordering.png b/tests/_output/fluent/gantt/gantt-row-reordering.png
index faa3bc7e9b5..160d777142f 100644
Binary files a/tests/_output/fluent/gantt/gantt-row-reordering.png and b/tests/_output/fluent/gantt/gantt-row-reordering.png differ
diff --git a/tests/_output/fluent/gantt/gantt.png b/tests/_output/fluent/gantt/gantt.png
index 84287c54d79..578aa33f77a 100644
Binary files a/tests/_output/fluent/gantt/gantt.png and b/tests/_output/fluent/gantt/gantt.png differ
diff --git a/tests/_output/material/gantt/gantt-row-reordering.png b/tests/_output/material/gantt/gantt-row-reordering.png
index 31f7f762e9a..0e2c4752211 100644
Binary files a/tests/_output/material/gantt/gantt-row-reordering.png and b/tests/_output/material/gantt/gantt-row-reordering.png differ
diff --git a/tests/_output/material/gantt/gantt.png b/tests/_output/material/gantt/gantt.png
index c66ec6c3dc0..0d6ae645517 100644
Binary files a/tests/_output/material/gantt/gantt.png and b/tests/_output/material/gantt/gantt.png differ
diff --git a/tests/gantt/gantt-row-reordering.html b/tests/gantt/gantt-row-reordering.html
index 5bd3c3a70ed..b2a0fd1ab8d 100644
--- a/tests/gantt/gantt-row-reordering.html
+++ b/tests/gantt/gantt-row-reordering.html
@@ -52,514 +52,146 @@
                 <div class="k-gantt-splitter k-splitter k-splitter-horizontal k-splitter-flex">
                     <div class="k-gantt-treelist k-pane k-pane-static" style="flex-basis: 30%;">
                         <div class="k-treelist k-grid k-grid-md">
-                            <div class="k-grid-header">
-                                <div class="k-grid-header-wrap">
-                                    <table class="k-grid-header-table k-table k-table-md" style="min-width: 250px;">
-                                        <colgroup>
-                                            <col class="k-drag-col">
-                                            <col style="width: 50px;">
-                                            <col>
-                                        </colgroup>
-                                        <thead class="k-table-thead">
-                                            <tr class="k-table-row">
-                                                <th class="k-drag-cell k-header k-table-th"></th>
-                                                <th rowspan="1" class="k-header k-table-th">
-                                                    <span class="k-cell-inner">
-                                                        <span class="k-link">
-                                                            <span class="k-column-title">ID</span>
+                            <div class="k-grid-aria-root">
+                                <div class="k-grid-header">
+                                    <div class="k-grid-header-wrap">
+                                        <table class="k-grid-header-table k-table k-table-md" style="min-width: 250px;">
+                                            <colgroup>
+                                                <col class="k-drag-col">
+                                                <col style="width: 50px;">
+                                                <col>
+                                            </colgroup>
+                                            <thead class="k-table-thead">
+                                                <tr class="k-table-row">
+                                                    <th class="k-drag-cell k-header k-table-th"></th>
+                                                    <th rowspan="1" class="k-header k-table-th">
+                                                        <span class="k-cell-inner">
+                                                            <span class="k-link">
+                                                                <span class="k-column-title">ID</span>
+                                                            </span>
                                                         </span>
-                                                    </span>
-                                                </th>
-                                                <th rowspan="1" class="k-header k-table-th">
-                                                    <span class="k-cell-inner">
-                                                        <span class="k-link">
-                                                            <span class="k-column-title">Title</span>
+                                                    </th>
+                                                    <th rowspan="1" class="k-header k-table-th">
+                                                        <span class="k-cell-inner">
+                                                            <span class="k-link">
+                                                                <span class="k-column-title">Title</span>
+                                                            </span>
                                                         </span>
-                                                    </span>
-                                                </th>
-                                            </tr>
-                                        </thead>
-                                    </table>
+                                                    </th>
+                                                </tr>
+                                            </thead>
+                                        </table>
+                                    </div>
                                 </div>
-                            </div>
-                            <div class="k-grid-container">
-                                <div class="k-grid-content" style="height: 530px;">
-                                    <table class="k-selectable k-grid-table k-table k-table-md" style="min-width: 250px;">
-                                        <colgroup>
-                                            <col class="k-drag-col">
-                                            <col style="width: 50px;">
-                                            <col>
-                                        </colgroup>
-                                        <tbody class="k-table-tbody">
-                                            <tr class="k-treelist-group k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">7</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Software validation, research and implementation
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">18</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Project Kickoff
-                                                </td>
-                                            </tr>
-                                            <tr class="k-treelist-group k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">11</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Research
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">19</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Validation with Customers
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">20</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Market Research
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">39</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Functional and Technical Specification
-                                                </td>
-                                            </tr>
-                                            <tr class="k-treelist-group k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">12</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Design
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">22</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>UI Design
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">23</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>HTML Prototype
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-treelist-group k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">13</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Implementation
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">24</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Prototype
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">26</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Architecture
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">27</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Data Layer
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">29</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>UI and Interaction
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">28</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Unit Tests
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-treelist-group k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">14</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Testing
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">32</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Integration Testing
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">33</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Load Testing
-                                                </td>
-                                            </tr>
-                                            <tr class="k-treelist-group k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">30</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Documentation
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">34</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Structure
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">35</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Articles
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-treelist-group k-table-row k-table-alt-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">31</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M352 256 160 384V128z"></path>
-                                                        </svg>
-                                                    </span>Demos
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-drag-cell k-table-td">
-                                                    <span class="k-icon k-svg-icon k-svg-i-reorder">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
-                                                        </svg>
-                                                    </span>
-                                                </td>
-                                                <td class="k-table-td">17</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Release
-                                                </td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
+                                <div class="k-grid-container">
+                                    <div class="k-grid-content" style="height: 180px;">
+                                        <table class="k-grid-table k-table k-table-md" style="min-width: 250px;">
+                                            <colgroup>
+                                                <col class="k-drag-col">
+                                                <col style="width: 50px;">
+                                                <col>
+                                            </colgroup>
+                                            <tbody class="k-table-tbody">
+                                                <tr class="k-treelist-group k-table-row">
+                                                    <td class="k-drag-cell k-table-td">
+                                                        <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                                <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                                            </svg>
+                                                        </span>
+                                                    </td>
+                                                    <td class="k-table-td">7</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                                <path d="M256 352 128 160h256z"></path>
+                                                            </svg>
+                                                        </span>Software validation, research and implementation
+                                                    </td>
+                                                </tr>
+                                                <tr class="k-alt k-table-row k-table-alt-row">
+                                                    <td class="k-drag-cell k-table-td">
+                                                        <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                                <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                                            </svg>
+                                                        </span>
+                                                    </td>
+                                                    <td class="k-table-td">18</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>Project Kickoff
+                                                    </td>
+                                                </tr>
+                                                <tr class="k-treelist-group k-table-row">
+                                                    <td class="k-drag-cell k-table-td">
+                                                        <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                                <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                                            </svg>
+                                                        </span>
+                                                    </td>
+                                                    <td class="k-table-td">11</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                                <path d="M256 352 128 160h256z"></path>
+                                                            </svg>
+                                                        </span>Research
+                                                    </td>
+                                                </tr>
+                                                <tr class="k-alt k-table-row k-table-alt-row">
+                                                    <td class="k-drag-cell k-table-td">
+                                                        <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                                <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                                            </svg>
+                                                        </span>
+                                                    </td>
+                                                    <td class="k-table-td">19</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>Validation with Customers
+                                                    </td>
+                                                </tr>
+                                                <tr class="k-table-row">
+                                                    <td class="k-drag-cell k-table-td">
+                                                        <span class="k-icon k-svg-icon k-svg-i-reorder">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                                <path d="M480 128v64H32v-64zM32 224v64h448v-64zm448 96H32v64h448z"></path>
+                                                            </svg>
+                                                        </span>
+                                                    </td>
+                                                    <td class="k-table-td">20</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>Market Research
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -571,7 +203,7 @@
                         <div class="k-gantt-timeline k-grid k-grid-md">
                             <div class="k-grid-header">
                                 <div class="k-grid-header-wrap">
-                                    <table class="k-grid-header-table k-table k-table-md" style="width: 4200px;">
+                                    <table class="k-grid-header-table k-table k-table-md" style="width: 675px;">
                                         <colgroup>
                                             <col>
                                             <col>
@@ -580,600 +212,102 @@
                                             <col>
                                             <col>
                                             <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
                                         </colgroup>
                                         <tbody class="k-table-tbody">
                                             <tr class="k-table-row">
                                                 <td colspan="7" class="k-header k-table-td">Sun 6/01 - Sat 6/07</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 6/08 - Sat 6/14</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 6/15 - Sat 6/21</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 6/22 - Sat 6/28</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 6/29 - Sat 7/05</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 7/06 - Sat 7/12</td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/01</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/02</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 6/03</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 6/04</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 6/05</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 6/06</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/07</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/08</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/09</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 6/10</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 6/11</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 6/12</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 6/13</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/14</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/15</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/16</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 6/17</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 6/18</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 6/19</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 6/20</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/21</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/22</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/23</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 6/24</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 6/25</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 6/26</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 6/27</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/28</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/29</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/30</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 7/01</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 7/02</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 7/03</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 7/04</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 7/05</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 7/06</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 7/07</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 7/08</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 7/09</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 7/10</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 7/11</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 7/12</td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                            </div>
-                            <div class="k-grid-content" style="height: 530px;">
-                                <div class="k-gantt-tables">
-                                    <table class="k-grid-table k-gantt-rows k-table k-table-md" style="width: 4200px;">
-                                        <colgroup>
-                                            <col>
-                                        </colgroup>
-                                        <tbody class="k-table-tbody">
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
                                             </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <table class="k-gantt-columns k-table k-table-md" style="width: 4200px; height: 828px;">
-                                        <colgroup>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                        </colgroup>
-                                        <tbody class="k-table-tbody">
-                                            <tr class="k-table-row">
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <table class="k-gantt-tasks k-table k-table-md" style="width: 4200px;">
-                                        <colgroup>
-                                            <col>
-                                        </colgroup>
-                                        <tbody class="k-table-tbody">
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-summary" style="width: 4000px;">
-                                                            <div class="k-task-summary-progress" style="width: 1720px;">
-                                                                <div class="k-task-summary-complete" style="width: 4000px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-milestone-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-milestone"></div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-summary" style="width: 500px;">
-                                                            <div class="k-task-summary-progress" style="width: 215px;">
-                                                                <div class="k-task-summary-complete" style="width: 500px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-single" style="width: 200px;">
-                                                            <div class="k-task-complete" style="width: 50px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Validation with Customers</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 50px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-single" style="width: 200px;">
-                                                            <div class="k-task-complete" style="width: 164px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Market Research</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 164px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 313px;">
-                                                        <div class="k-task k-task-single" style="width: 300px;">
-                                                            <div class="k-task-complete" style="width: 69px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Functional and Technical Specification</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 69px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 813px;">
-                                                        <div class="k-task k-task-summary" style="width: 500px;">
-                                                            <div class="k-task-summary-progress" style="width: 300px;">
-                                                                <div class="k-task-summary-complete" style="width: 500px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 813px;">
-                                                        <div class="k-task k-task-single" style="width: 200px;">
-                                                            <div class="k-task-complete" style="width: 112px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">UI Design</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 112px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1013px;">
-                                                        <div class="k-task k-task-single" style="width: 300px;">
-                                                            <div class="k-task-complete" style="width: 192px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">HTML Prototype</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 192px;"></div>
-                                                    </div>
-                                                </td>
+                                            <tr class="k-table-row">
+                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/01</td>
+                                                <td colspan="1" class="k-header k-table-td">Mon 6/02</td>
+                                                <td colspan="1" class="k-header k-table-td">Tue 6/03</td>
+                                                <td colspan="1" class="k-header k-table-td">Wed 6/04</td>
+                                                <td colspan="1" class="k-header k-table-td">Thu 6/05</td>
+                                                <td colspan="1" class="k-header k-table-td">Fri 6/06</td>
+                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/07</td>
                                             </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="k-grid-content" style="height: 180px;">
+                                <div class="k-gantt-tables">
+                                    <table class="k-grid-table k-gantt-rows k-table k-table-md" style="width: 675px;">
+                                        <colgroup>
+                                            <col>
+                                        </colgroup>
+                                        <tbody class="k-table-tbody">
                                             <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 1013px;">
-                                                        <div class="k-task k-task-summary" style="width: 2100px;">
-                                                            <div class="k-task-summary-progress" style="width: 1617px;">
-                                                                <div class="k-task-summary-complete" style="width: 2100px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
+                                                <td class="k-table-td"></td>
+                                            </tr>
+                                            <tr class="k-alt k-table-row k-table-alt-row">
+                                                <td class="k-table-td"></td>
                                             </tr>
                                             <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1013px;">
-                                                        <div class="k-task k-task-single" style="width: 600px;">
-                                                            <div class="k-task-complete" style="width: 462px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Prototype</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 462px;"></div>
-                                                    </div>
-                                                </td>
+                                                <td class="k-table-td"></td>
+                                            </tr>
+                                            <tr class="k-alt k-table-row k-table-alt-row">
+                                                <td class="k-table-td"></td>
                                             </tr>
                                             <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1613px;">
-                                                        <div class="k-task k-task-single" style="width: 100px;">
-                                                            <div class="k-task-complete" style="width: 82px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Architecture</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 82px;"></div>
-                                                    </div>
-                                                </td>
+                                                <td class="k-table-td"></td>
                                             </tr>
+                                        </tbody>
+                                    </table>
+                                    <table class="k-gantt-columns k-table k-table-md" style="width: 675px; height: 828px;">
+                                        <colgroup>
+                                            <col>
+                                            <col>
+                                            <col>
+                                            <col>
+                                            <col>
+                                            <col>
+                                            <col>
+                                        </colgroup>
+                                        <tbody class="k-table-tbody">
                                             <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1713px;">
-                                                        <div class="k-task k-task-single" style="width: 600px;">
-                                                            <div class="k-task-complete" style="width: 600px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Data Layer</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 600px;"></div>
-                                                    </div>
-                                                </td>
+                                                <td class="k-nonwork-hour k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-nonwork-hour k-table-td"></td>
                                             </tr>
+                                        </tbody>
+                                    </table>
+                                    <table class="k-gantt-tasks k-table k-table-md" style="width: 675px;">
+                                        <colgroup>
+                                            <col>
+                                        </colgroup>
+                                        <tbody class="k-table-tbody">
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2613px;">
-                                                        <div class="k-task k-task-single" style="width: 500px;">
-                                                            <div class="k-task-complete" style="width: 300px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">UI and Interaction</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
+                                                    <div class="k-task-wrap k-summary-wrap" style="left: 113px;">
+                                                        <div class="k-task k-task-summary" style="width: 4000px;">
+                                                            <div class="k-task-summary-progress" style="width: 1720px;">
+                                                                <div class="k-task-summary-complete" style="width: 4000px;"></div>
                                                             </div>
                                                         </div>
                                                         <div class="k-task-dot k-task-start"></div>
                                                         <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 300px;"></div>
                                                     </div>
                                                 </td>
                                             </tr>
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1713px;">
-                                                        <div class="k-task k-task-single" style="width: 900px;">
-                                                            <div class="k-task-complete" style="width: 612px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Unit Tests</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
+                                                    <div class="k-task-wrap k-milestone-wrap" style="left: 113px;">
+                                                        <div class="k-task k-task-milestone"></div>
                                                         <div class="k-task-dot k-task-start"></div>
                                                         <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 612px;"></div>
                                                     </div>
                                                 </td>
                                             </tr>
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 2913px;">
+                                                    <div class="k-task-wrap k-summary-wrap" style="left: 113px;">
                                                         <div class="k-task k-task-summary" style="width: 500px;">
-                                                            <div class="k-task-summary-progress" style="width: 260px;">
+                                                            <div class="k-task-summary-progress" style="width: 215px;">
                                                                 <div class="k-task-summary-complete" style="width: 500px;"></div>
                                                             </div>
                                                         </div>
@@ -1184,37 +318,11 @@
                                             </tr>
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2913px;">
-                                                        <div class="k-task k-task-single" style="width: 500px;">
-                                                            <div class="k-task-complete" style="width: 470px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Integration Testing</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 470px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2913px;">
-                                                        <div class="k-task k-task-single" style="width: 500px;">
+                                                    <div class="k-task-wrap" style="left: 113px;">
+                                                        <div class="k-task k-task-single" style="width: 200px;">
                                                             <div class="k-task-complete" style="width: 50px;"></div>
                                                             <div class="k-task-content">
-                                                                <div class="k-task-template">Load Testing</div>
+                                                                <div class="k-task-template">Validation with Customers</div>
                                                                 <span class="k-task-actions">
                                                                     <a class="k-link k-task-delete">
                                                                         <span class="k-icon k-svg-icon k-svg-i-x">
@@ -1236,50 +344,11 @@
                                             </tr>
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 2213px;">
-                                                        <div class="k-task k-task-summary" style="width: 1200px;">
-                                                            <div class="k-task-summary-progress" style="width: 168px;">
-                                                                <div class="k-task-summary-complete" style="width: 1200px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2213px;">
-                                                        <div class="k-task k-task-single" style="width: 300px;">
-                                                            <div class="k-task-complete" style="width: 84px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Structure</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 84px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2513px;">
-                                                        <div class="k-task k-task-single" style="width: 900px;">
-                                                            <div class="k-task-complete" style="width: 0px;"></div>
+                                                    <div class="k-task-wrap" style="left: 113px;">
+                                                        <div class="k-task k-task-single" style="width: 200px;">
+                                                            <div class="k-task-complete" style="width: 164px;"></div>
                                                             <div class="k-task-content">
-                                                                <div class="k-task-template">Articles</div>
+                                                                <div class="k-task-template">Market Research</div>
                                                                 <span class="k-task-actions">
                                                                     <a class="k-link k-task-delete">
                                                                         <span class="k-icon k-svg-icon k-svg-i-x">
@@ -1295,36 +364,14 @@
                                                         </div>
                                                         <div class="k-task-dot k-task-start"></div>
                                                         <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 2913px;">
-                                                        <div class="k-task k-task-summary" style="width: 1200px;">
-                                                            <div class="k-task-summary-progress" style="width: 984px;">
-                                                                <div class="k-task-summary-complete" style="width: 1200px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-milestone-wrap" style="left: 4113px;">
-                                                        <div class="k-task k-task-milestone"></div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
+                                                        <div class="k-task-draghandle" style="left: 164px;"></div>
                                                     </div>
                                                 </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                 </div>
-                                <div class="k-gantt-dependencies" style="width: 4200px;">
+                                <div class="k-gantt-dependencies" style="width: 675px;">
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 124.5px; top: 53px; width: 10px;"></div>
                                     <div class="k-gantt-line k-gantt-line-v" style="left: 132.5px; top: 53px; height: 18px;"></div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 103px; top: 71px; width: 31.5px;"></div>
@@ -1332,92 +379,6 @@
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 103px; top: 125px; width: 9px;">
                                         <span class="k-arrow-e"></span>
                                     </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1013px; top: 269px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1021px; top: 269px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1003px; top: 287px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1003px; top: 287px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1003px; top: 305px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1313px; top: 305px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1321px; top: 305px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1003px; top: 323px; width: 320px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1003px; top: 323px; height: 54px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1003px; top: 377px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1613px; top: 377px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1621px; top: 377px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1603px; top: 395px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1603px; top: 395px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1603px; top: 413px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1713px; top: 413px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1721px; top: 413px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1703px; top: 431px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1703px; top: 431px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1703px; top: 449px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1713px; top: 413px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1721px; top: 413px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1703px; top: 431px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1703px; top: 431px; height: 90px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1703px; top: 521px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2313px; top: 449px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2321px; top: 449px; height: 36px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2321px; top: 485px; width: 291px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2613px; top: 521px; width: 510px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3121px; top: 485px; height: 38px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3114px; top: 485px; width: 7px;">
-                                        <span class="k-caret-alt-left"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3113px; top: 485px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3121px; top: 485px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2903px; top: 503px; width: 220px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2903px; top: 503px; height: 90px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2903px; top: 593px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3113px; top: 485px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3121px; top: 485px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2903px; top: 503px; width: 220px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2903px; top: 503px; height: 126px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2903px; top: 629px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2513px; top: 701px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2521px; top: 701px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2503px; top: 719px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2503px; top: 719px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2503px; top: 737px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3413px; top: 593px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3421px; top: 593px; height: 38px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3414px; top: 629px; width: 7px;">
-                                        <span class="k-caret-alt-left"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3413px; top: 629px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3421px; top: 629px; height: 180px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3421px; top: 809px; width: 679.5px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3413px; top: 737px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3421px; top: 737px; height: 72px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3421px; top: 809px; width: 679.5px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3113px; top: 341px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3121px; top: 341px; height: 146px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3114px; top: 485px; width: 7px;">
-                                        <span class="k-caret-alt-left"></span>
-                                    </div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 124.5px; top: 53px; width: 10px;"></div>
                                     <div class="k-gantt-line k-gantt-line-v" style="left: 132.5px; top: 53px; height: 18px;"></div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 103px; top: 71px; width: 31.5px;"></div>
@@ -1425,25 +386,10 @@
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 103px; top: 161px; width: 9px;">
                                         <span class="k-arrow-e"></span>
                                     </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 313px; top: 161px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 321px; top: 161px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 303px; top: 179px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 303px; top: 179px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 303px; top: 197px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 313px; top: 125px; width: 10px;"></div>
                                     <div class="k-gantt-line k-gantt-line-v" style="left: 321px; top: 125px; height: 18px;"></div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 303px; top: 143px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 303px; top: 143px; height: 54px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 303px; top: 197px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 613px; top: 197px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 621px; top: 197px; height: 72px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 621px; top: 269px; width: 191px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
+                                    <div class="k-gantt-line k-gantt-line-v" style="left: 303px; top: 143px; height: 18px;"></div>
                                 </div>
                                 <div class="k-current-time" style="left: 243px; top: 0px; width: 1px; height: 828px;"></div>
                             </div>
diff --git a/tests/gantt/gantt.html b/tests/gantt/gantt.html
index 57b1927f0b9..bcc1c464a35 100644
--- a/tests/gantt/gantt.html
+++ b/tests/gantt/gantt.html
@@ -52,350 +52,108 @@
                 <div class="k-gantt-splitter k-splitter k-splitter-horizontal k-splitter-flex">
                     <div class="k-gantt-treelist k-pane k-pane-static" style="flex-basis: 30%;">
                         <div class="k-treelist k-grid k-grid-md">
-                            <div class="k-grid-header">
-                                <div class="k-grid-header-wrap">
-                                    <table class="k-grid-header-table k-table k-table-md" style="min-width: 250px;">
-                                        <colgroup>
-                                            <col style="width: 50px;">
-                                            <col>
-                                        </colgroup>
-                                        <thead class="k-table-thead">
-                                            <tr class="k-table-row">
-                                                <th rowspan="1" class="k-header k-table-th">
-                                                    <span class="k-cell-inner">
-                                                        <span class="k-link">
-                                                            <span class="k-column-title">ID</span>
+                            <div class="k-grid-aria-root">
+                                <div class="k-grid-header">
+                                    <div class="k-grid-header-wrap">
+                                        <table class="k-grid-header-table k-table k-table-md" style="min-width: 250px;">
+                                            <colgroup>
+                                                <col style="width: 50px;">
+                                                <col>
+                                            </colgroup>
+                                            <thead class="k-table-thead">
+                                                <tr class="k-table-row">
+                                                    <th rowspan="1" class="k-header k-table-th">
+                                                        <span class="k-cell-inner">
+                                                            <span class="k-link">
+                                                                <span class="k-column-title">ID</span>
+                                                            </span>
                                                         </span>
-                                                    </span>
-                                                </th>
-                                                <th rowspan="1" class="k-header k-table-th">
-                                                    <span class="k-cell-inner">
-                                                        <span class="k-link">
-                                                            <span class="k-column-title">Title</span>
+                                                    </th>
+                                                    <th rowspan="1" class="k-header k-table-th">
+                                                        <span class="k-cell-inner">
+                                                            <span class="k-link">
+                                                                <span class="k-column-title">Title</span>
+                                                            </span>
                                                         </span>
-                                                    </span>
-                                                </th>
-                                            </tr>
-                                        </thead>
-                                    </table>
+                                                    </th>
+                                                </tr>
+                                            </thead>
+                                        </table>
+                                    </div>
                                 </div>
-                            </div>
-                            <div class="k-grid-container">
-                                <div class="k-grid-content" style="height: 530px;">
-                                    <table class="k-selectable k-grid-table k-table k-table-md" style="min-width: 250px;">
-                                        <colgroup>
-                                            <col style="width: 50px;">
-                                            <col>
-                                        </colgroup>
-                                        <tbody class="k-table-tbody">
-                                            <tr class="k-treelist-group k-table-row">
-                                                <td class="k-table-td">7</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Software validation, research and implementation
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td">18</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Project Kickoff
-                                                </td>
-                                            </tr>
-                                            <tr class="k-treelist-group k-table-row">
-                                                <td class="k-table-td">11</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Research
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td">19</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Validation with Customers
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">20</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Market Research
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td">39</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Functional and Technical Specification
-                                                </td>
-                                            </tr>
-                                            <tr class="k-treelist-group k-table-row">
-                                                <td class="k-table-td">12</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Design
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td">22</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>UI Design
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">23</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>HTML Prototype
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-treelist-group k-table-row k-table-alt-row">
-                                                <td class="k-table-td">13</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Implementation
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">24</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Prototype
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td">26</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Architecture
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">27</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Data Layer
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td">29</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>UI and Interaction
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">28</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Unit Tests
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-treelist-group k-table-row k-table-alt-row">
-                                                <td class="k-table-td">14</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Testing
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">32</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Integration Testing
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td">33</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Load Testing
-                                                </td>
-                                            </tr>
-                                            <tr class="k-treelist-group k-table-row">
-                                                <td class="k-table-td">30</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M256 352 128 160h256z"></path>
-                                                        </svg>
-                                                    </span>Documentation
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td">34</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Structure
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">35</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Articles
-                                                </td>
-                                            </tr>
-                                            <tr class="k-alt k-treelist-group k-table-row k-table-alt-row">
-                                                <td class="k-table-td">31</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-right">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                            <path d="M352 256 160 384V128z"></path>
-                                                        </svg>
-                                                    </span>Demos
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">17</td>
-                                                <td class="k-table-td">
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>
-                                                    <span class="k-treelist-toggle k-icon k-svg-icon">
-                                                        <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
-                                                    </span>Release
-                                                </td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
+                                <div class="k-grid-container">
+                                    <div class="k-grid-content" style="height: 180px;">
+                                        <table class="k-grid-table k-table k-table-md" style="min-width: 250px;">
+                                            <colgroup>
+                                                <col style="width: 50px;">
+                                                <col>
+                                            </colgroup>
+                                            <tbody class="k-table-tbody">
+                                                <tr class="k-treelist-group k-table-row">
+                                                    <td class="k-table-td">7</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                                <path d="M256 352 128 160h256z"></path>
+                                                            </svg>
+                                                        </span>Software validation, research and implementation
+                                                    </td>
+                                                </tr>
+                                                <tr class="k-alt k-table-row k-table-alt-row">
+                                                    <td class="k-table-td">18</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>Project Kickoff
+                                                    </td>
+                                                </tr>
+                                                <tr class="k-treelist-group k-table-row">
+                                                    <td class="k-table-td">11</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon k-svg-i-caret-alt-down">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+                                                                <path d="M256 352 128 160h256z"></path>
+                                                            </svg>
+                                                        </span>Research
+                                                    </td>
+                                                </tr>
+                                                <tr class="k-alt k-table-row k-table-alt-row">
+                                                    <td class="k-table-td">19</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>Validation with Customers
+                                                    </td>
+                                                </tr>
+                                                <tr class="k-table-row">
+                                                    <td class="k-table-td">20</td>
+                                                    <td class="k-table-td">
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>
+                                                        <span class="k-treelist-toggle k-icon k-svg-icon">
+                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"></svg>
+                                                        </span>Market Research
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -407,7 +165,7 @@
                         <div class="k-gantt-timeline k-grid k-grid-md">
                             <div class="k-grid-header">
                                 <div class="k-grid-header-wrap">
-                                    <table class="k-grid-header-table k-table k-table-md" style="width: 4200px;">
+                                    <table class="k-grid-header-table k-table k-table-md" style="width: 675px;">
                                         <colgroup>
                                             <col>
                                             <col>
@@ -416,600 +174,102 @@
                                             <col>
                                             <col>
                                             <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
                                         </colgroup>
                                         <tbody class="k-table-tbody">
                                             <tr class="k-table-row">
                                                 <td colspan="7" class="k-header k-table-td">Sun 6/01 - Sat 6/07</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 6/08 - Sat 6/14</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 6/15 - Sat 6/21</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 6/22 - Sat 6/28</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 6/29 - Sat 7/05</td>
-                                                <td colspan="7" class="k-header k-table-td">Sun 7/06 - Sat 7/12</td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/01</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/02</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 6/03</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 6/04</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 6/05</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 6/06</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/07</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/08</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/09</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 6/10</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 6/11</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 6/12</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 6/13</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/14</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/15</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/16</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 6/17</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 6/18</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 6/19</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 6/20</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/21</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/22</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/23</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 6/24</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 6/25</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 6/26</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 6/27</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/28</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/29</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 6/30</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 7/01</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 7/02</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 7/03</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 7/04</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 7/05</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 7/06</td>
-                                                <td colspan="1" class="k-header k-table-td">Mon 7/07</td>
-                                                <td colspan="1" class="k-header k-table-td">Tue 7/08</td>
-                                                <td colspan="1" class="k-header k-table-td">Wed 7/09</td>
-                                                <td colspan="1" class="k-header k-table-td">Thu 7/10</td>
-                                                <td colspan="1" class="k-header k-table-td">Fri 7/11</td>
-                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 7/12</td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                </div>
-                            </div>
-                            <div class="k-grid-content" style="height: 530px;">
-                                <div class="k-gantt-tables">
-                                    <table class="k-grid-table k-gantt-rows k-table k-table-md" style="width: 4200px;">
-                                        <colgroup>
-                                            <col>
-                                        </colgroup>
-                                        <tbody class="k-table-tbody">
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-alt k-table-row k-table-alt-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td"></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <table class="k-gantt-columns k-table k-table-md" style="width: 4200px; height: 828px;">
-                                        <colgroup>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                            <col>
-                                        </colgroup>
-                                        <tbody class="k-table-tbody">
-                                            <tr class="k-table-row">
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-table-td"></td>
-                                                <td class="k-nonwork-hour k-table-td"></td>
-                                            </tr>
-                                        </tbody>
-                                    </table>
-                                    <table class="k-gantt-tasks k-table k-table-md" style="width: 4200px;">
-                                        <colgroup>
-                                            <col>
-                                        </colgroup>
-                                        <tbody class="k-table-tbody">
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-summary" style="width: 4000px;">
-                                                            <div class="k-task-summary-progress" style="width: 1720px;">
-                                                                <div class="k-task-summary-complete" style="width: 4000px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-milestone-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-milestone"></div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-summary" style="width: 500px;">
-                                                            <div class="k-task-summary-progress" style="width: 215px;">
-                                                                <div class="k-task-summary-complete" style="width: 500px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-single" style="width: 200px;">
-                                                            <div class="k-task-complete" style="width: 50px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Validation with Customers</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 50px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 113px;">
-                                                        <div class="k-task k-task-single" style="width: 200px;">
-                                                            <div class="k-task-complete" style="width: 164px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Market Research</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 164px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 313px;">
-                                                        <div class="k-task k-task-single" style="width: 300px;">
-                                                            <div class="k-task-complete" style="width: 69px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Functional and Technical Specification</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 69px;"></div>
-                                                    </div>
-                                                </td>
                                             </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 813px;">
-                                                        <div class="k-task k-task-summary" style="width: 500px;">
-                                                            <div class="k-task-summary-progress" style="width: 300px;">
-                                                                <div class="k-task-summary-complete" style="width: 500px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 813px;">
-                                                        <div class="k-task k-task-single" style="width: 200px;">
-                                                            <div class="k-task-complete" style="width: 112px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">UI Design</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 112px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1013px;">
-                                                        <div class="k-task k-task-single" style="width: 300px;">
-                                                            <div class="k-task-complete" style="width: 192px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">HTML Prototype</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 192px;"></div>
-                                                    </div>
-                                                </td>
+                                            <tr class="k-table-row">
+                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sun 6/01</td>
+                                                <td colspan="1" class="k-header k-table-td">Mon 6/02</td>
+                                                <td colspan="1" class="k-header k-table-td">Tue 6/03</td>
+                                                <td colspan="1" class="k-header k-table-td">Wed 6/04</td>
+                                                <td colspan="1" class="k-header k-table-td">Thu 6/05</td>
+                                                <td colspan="1" class="k-header k-table-td">Fri 6/06</td>
+                                                <td colspan="1" class="k-header k-nonwork-hour k-table-td">Sat 6/07</td>
                                             </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                            <div class="k-grid-content" style="height: 180px;">
+                                <div class="k-gantt-tables">
+                                    <table class="k-grid-table k-gantt-rows k-table k-table-md" style="width: 675px;">
+                                        <colgroup>
+                                            <col>
+                                        </colgroup>
+                                        <tbody class="k-table-tbody">
                                             <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 1013px;">
-                                                        <div class="k-task k-task-summary" style="width: 2100px;">
-                                                            <div class="k-task-summary-progress" style="width: 1617px;">
-                                                                <div class="k-task-summary-complete" style="width: 2100px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
+                                                <td class="k-table-td"></td>
+                                            </tr>
+                                            <tr class="k-alt k-table-row k-table-alt-row">
+                                                <td class="k-table-td"></td>
                                             </tr>
                                             <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1013px;">
-                                                        <div class="k-task k-task-single" style="width: 600px;">
-                                                            <div class="k-task-complete" style="width: 462px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Prototype</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 462px;"></div>
-                                                    </div>
-                                                </td>
+                                                <td class="k-table-td"></td>
+                                            </tr>
+                                            <tr class="k-alt k-table-row k-table-alt-row">
+                                                <td class="k-table-td"></td>
                                             </tr>
                                             <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1613px;">
-                                                        <div class="k-task k-task-single" style="width: 100px;">
-                                                            <div class="k-task-complete" style="width: 82px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Architecture</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 82px;"></div>
-                                                    </div>
-                                                </td>
+                                                <td class="k-table-td"></td>
                                             </tr>
+                                        </tbody>
+                                    </table>
+                                    <table class="k-gantt-columns k-table k-table-md" style="width: 675px; height: 828px;">
+                                        <colgroup>
+                                            <col>
+                                            <col>
+                                            <col>
+                                            <col>
+                                            <col>
+                                            <col>
+                                            <col>
+                                        </colgroup>
+                                        <tbody class="k-table-tbody">
                                             <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1713px;">
-                                                        <div class="k-task k-task-single" style="width: 600px;">
-                                                            <div class="k-task-complete" style="width: 600px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Data Layer</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 600px;"></div>
-                                                    </div>
-                                                </td>
+                                                <td class="k-nonwork-hour k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-table-td"></td>
+                                                <td class="k-nonwork-hour k-table-td"></td>
                                             </tr>
+                                        </tbody>
+                                    </table>
+                                    <table class="k-gantt-tasks k-table k-table-md" style="width: 675px;">
+                                        <colgroup>
+                                            <col>
+                                        </colgroup>
+                                        <tbody class="k-table-tbody">
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2613px;">
-                                                        <div class="k-task k-task-single" style="width: 500px;">
-                                                            <div class="k-task-complete" style="width: 300px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">UI and Interaction</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
+                                                    <div class="k-task-wrap k-summary-wrap" style="left: 113px;">
+                                                        <div class="k-task k-task-summary" style="width: 4000px;">
+                                                            <div class="k-task-summary-progress" style="width: 1720px;">
+                                                                <div class="k-task-summary-complete" style="width: 4000px;"></div>
                                                             </div>
                                                         </div>
                                                         <div class="k-task-dot k-task-start"></div>
                                                         <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 300px;"></div>
                                                     </div>
                                                 </td>
                                             </tr>
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 1713px;">
-                                                        <div class="k-task k-task-single" style="width: 900px;">
-                                                            <div class="k-task-complete" style="width: 612px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Unit Tests</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
+                                                    <div class="k-task-wrap k-milestone-wrap" style="left: 113px;">
+                                                        <div class="k-task k-task-milestone"></div>
                                                         <div class="k-task-dot k-task-start"></div>
                                                         <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 612px;"></div>
                                                     </div>
                                                 </td>
                                             </tr>
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 2913px;">
+                                                    <div class="k-task-wrap k-summary-wrap" style="left: 113px;">
                                                         <div class="k-task k-task-summary" style="width: 500px;">
-                                                            <div class="k-task-summary-progress" style="width: 260px;">
+                                                            <div class="k-task-summary-progress" style="width: 215px;">
                                                                 <div class="k-task-summary-complete" style="width: 500px;"></div>
                                                             </div>
                                                         </div>
@@ -1020,37 +280,11 @@
                                             </tr>
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2913px;">
-                                                        <div class="k-task k-task-single" style="width: 500px;">
-                                                            <div class="k-task-complete" style="width: 470px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Integration Testing</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 470px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2913px;">
-                                                        <div class="k-task k-task-single" style="width: 500px;">
+                                                    <div class="k-task-wrap" style="left: 113px;">
+                                                        <div class="k-task k-task-single" style="width: 200px;">
                                                             <div class="k-task-complete" style="width: 50px;"></div>
                                                             <div class="k-task-content">
-                                                                <div class="k-task-template">Load Testing</div>
+                                                                <div class="k-task-template">Validation with Customers</div>
                                                                 <span class="k-task-actions">
                                                                     <a class="k-link k-task-delete">
                                                                         <span class="k-icon k-svg-icon k-svg-i-x">
@@ -1072,50 +306,11 @@
                                             </tr>
                                             <tr class="k-table-row">
                                                 <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 2213px;">
-                                                        <div class="k-task k-task-summary" style="width: 1200px;">
-                                                            <div class="k-task-summary-progress" style="width: 168px;">
-                                                                <div class="k-task-summary-complete" style="width: 1200px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2213px;">
-                                                        <div class="k-task k-task-single" style="width: 300px;">
-                                                            <div class="k-task-complete" style="width: 84px;"></div>
-                                                            <div class="k-task-content">
-                                                                <div class="k-task-template">Structure</div>
-                                                                <span class="k-task-actions">
-                                                                    <a class="k-link k-task-delete">
-                                                                        <span class="k-icon k-svg-icon k-svg-i-x">
-                                                                            <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                                                                                <path d="M416 141.3 301.3 256 416 370.7 370.7 416 256 301.3 141.3 416 96 370.7 210.7 256 96 141.3 141.3 96 256 210.7 370.7 96z"></path>
-                                                                            </svg>
-                                                                        </span>
-                                                                    </a>
-                                                                </span>
-                                                                <span class="k-resize-handle k-resize-w"></span>
-                                                                <span class="k-resize-handle k-resize-e"></span>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 84px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap" style="left: 2513px;">
-                                                        <div class="k-task k-task-single" style="width: 900px;">
-                                                            <div class="k-task-complete" style="width: 0px;"></div>
+                                                    <div class="k-task-wrap" style="left: 113px;">
+                                                        <div class="k-task k-task-single" style="width: 200px;">
+                                                            <div class="k-task-complete" style="width: 164px;"></div>
                                                             <div class="k-task-content">
-                                                                <div class="k-task-template">Articles</div>
+                                                                <div class="k-task-template">Market Research</div>
                                                                 <span class="k-task-actions">
                                                                     <a class="k-link k-task-delete">
                                                                         <span class="k-icon k-svg-icon k-svg-i-x">
@@ -1131,36 +326,14 @@
                                                         </div>
                                                         <div class="k-task-dot k-task-start"></div>
                                                         <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                        <div class="k-task-draghandle" style="left: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-summary-wrap" style="left: 2913px;">
-                                                        <div class="k-task k-task-summary" style="width: 1200px;">
-                                                            <div class="k-task-summary-progress" style="width: 984px;">
-                                                                <div class="k-task-summary-complete" style="width: 1200px;"></div>
-                                                            </div>
-                                                        </div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
-                                                    </div>
-                                                </td>
-                                            </tr>
-                                            <tr class="k-table-row">
-                                                <td class="k-table-td">
-                                                    <div class="k-task-wrap k-milestone-wrap" style="left: 4113px;">
-                                                        <div class="k-task k-task-milestone"></div>
-                                                        <div class="k-task-dot k-task-start"></div>
-                                                        <div class="k-task-dot k-task-end" style="right: 0px;"></div>
+                                                        <div class="k-task-draghandle" style="left: 164px;"></div>
                                                     </div>
                                                 </td>
                                             </tr>
                                         </tbody>
                                     </table>
                                 </div>
-                                <div class="k-gantt-dependencies" style="width: 4200px;">
+                                <div class="k-gantt-dependencies" style="width: 675px;">
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 124.5px; top: 53px; width: 10px;"></div>
                                     <div class="k-gantt-line k-gantt-line-v" style="left: 132.5px; top: 53px; height: 18px;"></div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 103px; top: 71px; width: 31.5px;"></div>
@@ -1168,92 +341,6 @@
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 103px; top: 125px; width: 9px;">
                                         <span class="k-arrow-e"></span>
                                     </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1013px; top: 269px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1021px; top: 269px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1003px; top: 287px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1003px; top: 287px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1003px; top: 305px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1313px; top: 305px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1321px; top: 305px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1003px; top: 323px; width: 320px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1003px; top: 323px; height: 54px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1003px; top: 377px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1613px; top: 377px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1621px; top: 377px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1603px; top: 395px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1603px; top: 395px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1603px; top: 413px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1713px; top: 413px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1721px; top: 413px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1703px; top: 431px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1703px; top: 431px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1703px; top: 449px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1713px; top: 413px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1721px; top: 413px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1703px; top: 431px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 1703px; top: 431px; height: 90px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 1703px; top: 521px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2313px; top: 449px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2321px; top: 449px; height: 36px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2321px; top: 485px; width: 291px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2613px; top: 521px; width: 510px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3121px; top: 485px; height: 38px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3114px; top: 485px; width: 7px;">
-                                        <span class="k-caret-alt-left"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3113px; top: 485px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3121px; top: 485px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2903px; top: 503px; width: 220px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2903px; top: 503px; height: 90px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2903px; top: 593px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3113px; top: 485px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3121px; top: 485px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2903px; top: 503px; width: 220px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2903px; top: 503px; height: 126px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2903px; top: 629px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2513px; top: 701px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2521px; top: 701px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2503px; top: 719px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 2503px; top: 719px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 2503px; top: 737px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3413px; top: 593px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3421px; top: 593px; height: 38px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3414px; top: 629px; width: 7px;">
-                                        <span class="k-caret-alt-left"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3413px; top: 629px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3421px; top: 629px; height: 180px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3421px; top: 809px; width: 679.5px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3413px; top: 737px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3421px; top: 737px; height: 72px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3421px; top: 809px; width: 679.5px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3113px; top: 341px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 3121px; top: 341px; height: 146px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 3114px; top: 485px; width: 7px;">
-                                        <span class="k-caret-alt-left"></span>
-                                    </div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 124.5px; top: 53px; width: 10px;"></div>
                                     <div class="k-gantt-line k-gantt-line-v" style="left: 132.5px; top: 53px; height: 18px;"></div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 103px; top: 71px; width: 31.5px;"></div>
@@ -1261,25 +348,10 @@
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 103px; top: 161px; width: 9px;">
                                         <span class="k-arrow-e"></span>
                                     </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 313px; top: 161px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 321px; top: 161px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 303px; top: 179px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 303px; top: 179px; height: 18px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 303px; top: 197px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 313px; top: 125px; width: 10px;"></div>
                                     <div class="k-gantt-line k-gantt-line-v" style="left: 321px; top: 125px; height: 18px;"></div>
                                     <div class="k-gantt-line k-gantt-line-h" style="left: 303px; top: 143px; width: 20px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 303px; top: 143px; height: 54px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 303px; top: 197px; width: 9px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 613px; top: 197px; width: 10px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-v" style="left: 621px; top: 197px; height: 72px;"></div>
-                                    <div class="k-gantt-line k-gantt-line-h" style="left: 621px; top: 269px; width: 191px;">
-                                        <span class="k-arrow-e"></span>
-                                    </div>
+                                    <div class="k-gantt-line k-gantt-line-v" style="left: 303px; top: 143px; height: 18px;"></div>
                                 </div>
                                 <div class="k-current-time" style="left: 243px; top: 0px; width: 1px; height: 828px;"></div>
                             </div>
diff --git a/tests/pivotgrid/pivotgrid-cell-states.html b/tests/pivotgrid/pivotgrid-cell-states.html
index 24267ee36e9..77c2cc24395 100644
--- a/tests/pivotgrid/pivotgrid-cell-states.html
+++ b/tests/pivotgrid/pivotgrid-cell-states.html
@@ -14,7 +14,9 @@
         <section>
             <div class="k-d-flex k-flex-row k-pos-relative">
                 <div class="k-pivotgrid" style="grid-template-rows: 111px 1fr; grid-template-columns: 369px 1fr;">
-                    <span class="k-pivotgrid-empty-cell k-focus"></span>
+                    <span class="k-pivotgrid-empty-cell k-focus">
+                        <span class="k-sr-only">PivotGrid component. Use the arrow keys to navigate.</span>
+                    </span>
                     <div class="k-pivotgrid-column-headers">
                         <table class="k-pivotgrid-table">
                             <colgroup>
diff --git a/tests/pivotgrid/pivotgrid-settings-left-right.html b/tests/pivotgrid/pivotgrid-settings-left-right.html
index d3b6016912c..5565a574b62 100644
--- a/tests/pivotgrid/pivotgrid-settings-left-right.html
+++ b/tests/pivotgrid/pivotgrid-settings-left-right.html
@@ -14,7 +14,9 @@
         <section>
             <div class="k-d-flex k-flex-row-reverse k-pos-relative">
                 <div class="k-pivotgrid" style="grid-template-rows: 111px 1fr; grid-template-columns: 369px 1fr;">
-                    <span class="k-pivotgrid-empty-cell"></span>
+                    <span class="k-pivotgrid-empty-cell">
+                        <span class="k-sr-only">PivotGrid component. Use the arrow keys to navigate.</span>
+                    </span>
                     <div class="k-pivotgrid-column-headers">
                         <table class="k-pivotgrid-table">
                             <colgroup>
@@ -455,7 +457,9 @@
         <section>
             <div class="k-d-flex k-flex-row k-pos-relative">
                 <div class="k-pivotgrid" style="grid-template-rows: 111px 1fr; grid-template-columns: 369px 1fr;">
-                    <span class="k-pivotgrid-empty-cell"></span>
+                    <span class="k-pivotgrid-empty-cell">
+                        <span class="k-sr-only">PivotGrid component. Use the arrow keys to navigate.</span>
+                    </span>
                     <div class="k-pivotgrid-column-headers">
                         <table class="k-pivotgrid-table">
                             <colgroup>
diff --git a/tests/pivotgrid/pivotgrid-settings-top.html b/tests/pivotgrid/pivotgrid-settings-top.html
index 756eabc189b..4f0f1e60c7b 100644
--- a/tests/pivotgrid/pivotgrid-settings-top.html
+++ b/tests/pivotgrid/pivotgrid-settings-top.html
@@ -14,7 +14,9 @@
         <section>
             <div class="k-d-flex k-flex-col-reverse k-pos-relative">
                 <div class="k-pivotgrid" style="height: 550px; grid-template-columns: 150px auto; grid-template-rows: 242px auto;">
-                    <span class="k-pivotgrid-empty-cell"></span>
+                    <span class="k-pivotgrid-empty-cell">
+                        <span class="k-sr-only">PivotGrid component. Use the arrow keys to navigate.</span>
+                    </span>
                     <div class="k-pivotgrid-column-headers">
                         <table class="k-pivotgrid-table">
                             <colgroup>
diff --git a/tests/pivotgrid/pivotgrid.html b/tests/pivotgrid/pivotgrid.html
index 87c7a4cb9cd..9f79bc56c33 100644
--- a/tests/pivotgrid/pivotgrid.html
+++ b/tests/pivotgrid/pivotgrid.html
@@ -14,7 +14,9 @@
         <section>
             <div class="k-d-flex k-flex-row k-pos-relative">
                 <div class="k-pivotgrid" style="height: 550px; grid-template-columns: 150px auto; grid-template-rows: 242px auto;">
-                    <span class="k-pivotgrid-empty-cell"></span>
+                    <span class="k-pivotgrid-empty-cell">
+                        <span class="k-sr-only">PivotGrid component. Use the arrow keys to navigate.</span>
+                    </span>
                     <div class="k-pivotgrid-column-headers">
                         <table class="k-pivotgrid-table">
                             <colgroup>
diff --git a/tests/prompt/prompt-more-actions.html b/tests/prompt/prompt-more-actions.html
index 872153aa906..3c24aa4293a 100644
--- a/tests/prompt/prompt-more-actions.html
+++ b/tests/prompt/prompt-more-actions.html
@@ -28,7 +28,7 @@
                         <div class="k-prompt">
                             <div class="k-prompt-header">
                                 <div class="k-toolbar k-toolbar-md k-toolbar-flat">
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
@@ -36,7 +36,7 @@
                                         </span>
                                         <span class="k-button-text">Ask AI</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a1 1 0 0 1-.058.058H114.745L64 402.745V64.057a1 1 0 0 1 .057-.057h383.885q.031.027.058.057z"></path>
@@ -44,7 +44,7 @@
                                         </span>
                                         <span class="k-button-text">Output</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected k-icon-button">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
diff --git a/tests/prompt/prompt-normal.html b/tests/prompt/prompt-normal.html
index 1d7530093fa..548527e1bcc 100644
--- a/tests/prompt/prompt-normal.html
+++ b/tests/prompt/prompt-normal.html
@@ -27,7 +27,7 @@
                         <div class="k-prompt">
                             <div class="k-prompt-header">
                                 <div class="k-toolbar k-toolbar-md k-toolbar-flat">
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
@@ -35,7 +35,7 @@
                                         </span>
                                         <span class="k-button-text">Ask AI</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a1 1 0 0 1-.058.058H114.745L64 402.745V64.057a1 1 0 0 1 .057-.057h383.885q.031.027.058.057z"></path>
@@ -43,7 +43,7 @@
                                         </span>
                                         <span class="k-button-text">Output</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
@@ -83,7 +83,7 @@
                         <div class="k-prompt">
                             <div class="k-prompt-header">
                                 <div class="k-toolbar k-toolbar-md k-toolbar-flat">
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
@@ -91,7 +91,7 @@
                                         </span>
                                         <span class="k-button-text">Ask AI</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a1 1 0 0 1-.058.058H114.745L64 402.745V64.057a1 1 0 0 1 .057-.057h383.885q.031.027.058.057z"></path>
@@ -99,7 +99,7 @@
                                         </span>
                                         <span class="k-button-text">Output</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
@@ -154,7 +154,7 @@
                         <div class="k-prompt">
                             <div class="k-prompt-header">
                                 <div class="k-toolbar k-toolbar-md k-toolbar-flat">
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
@@ -162,7 +162,7 @@
                                         </span>
                                         <span class="k-button-text">Ask AI</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a1 1 0 0 1-.058.058H114.745L64 402.745V64.057a1 1 0 0 1 .057-.057h383.885q.031.027.058.057z"></path>
@@ -170,7 +170,7 @@
                                         </span>
                                         <span class="k-button-text">Output</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>
diff --git a/tests/prompt/prompt-output.html b/tests/prompt/prompt-output.html
index b0ae8558f31..31a23ee9d66 100644
--- a/tests/prompt/prompt-output.html
+++ b/tests/prompt/prompt-output.html
@@ -28,7 +28,7 @@
                         <div class="k-prompt">
                             <div class="k-prompt-header">
                                 <div class="k-toolbar k-toolbar-md k-toolbar-flat">
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-sparkles">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="m320 32 54.3 137.7L512 224l-137.7 54.3L320 416l-54.3-137.7L128 224l137.7-54.3zM94 350 0 384l94 34 34 94 34-94 94-34-94-34-34-94zM70.6 70.6 0 96l70.5 25.5L96 192l25.5-70.5L192 96l-70.5-25.5L96 0 70.5 70.5Z"></path>
@@ -36,7 +36,7 @@
                                         </span>
                                         <span class="k-button-text">Ask AI</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-selected">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-comment">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M448 32H64c-17.6 0-32 14.4-32 32v416l96-96h320c17.6 0 32-14.4 32-32V64c0-17.6-14.4-32-32-32m0 319.942a1 1 0 0 1-.058.058H114.745L64 402.745V64.057a1 1 0 0 1 .057-.057h383.885q.031.027.058.057z"></path>
@@ -44,7 +44,7 @@
                                         </span>
                                         <span class="k-button-text">Output</span>
                                     </button>
-                                    <button class="k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
+                                    <button class="k-toolbar-button  k-button k-button-md k-button-flat k-button-flat-primary k-rounded-full k-icon-button">
                                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-more-horizontal">
                                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                 <path d="M128 240c0-26.4-21.6-48-48-48s-48 21.6-48 48 21.6 48 48 48 48-21.6 48-48m64 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48m160 0c0 26.4 21.6 48 48 48s48-21.6 48-48-21.6-48-48-48-48 21.6-48 48"></path>