<?php require_once "head.php";?>

<?php require_once "header.php";?>

<main class="layout bg-gray-15">
    <div class="ss-section">
        <div class="ss-section-inner ss-um with-padding">
            <div class="ss-um-head">
                <div class="ss-um-container">
                    <div class="ss-bp-head">
                        <div class="ss-bp-head-left d-flex align-items-center">
                            <h1 class="h1">Library</h1>
                            <div class="ss-dropdown dropdown js-single-select-withicon ms-5">
                                <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline theme-b" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="ss-badge-icon sm bg-danger">Ma</span>
                                    <span class="ss-dropdown-toggle-txt">Marketing Team</span>
                                    <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-start">
                                    <ul class="search-overflow-scroll">
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge active">
                                                <span class="ss-badge-icon sm bg-danger">Ma</span>
                                                <span class="dropdown-item-text">Marketing Team</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge">
                                                <span class="ss-badge-icon sm bg-secondary">Le</span>
                                                <span class="dropdown-item-text">Leadership Group</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge">
                                                <span class="ss-badge-icon sm bg-yellow">De</span>
                                                <span class="dropdown-item-text">Design team</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" class="dropdown-item ss-dpitem-badge">
                                                <span class="ss-badge-icon sm bg-dark">HR</span>
                                                <span class="dropdown-item-text">HR team</span>
                                                <i class="ss-icon-check-outline"><svg><use xlink:href="#ss-icon-check-outline"></use></svg></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="ss-bp-head-right">
                            <a class="btn btn-primary">Add Competency</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ss-um-body">
                <div class="ss-um-container">
                    <div class="ss-bp-body">
                        <ul class="nav ss-um-nav">
                            <li class="nav-item" role="presentation">
                                <a href="library-competencies.php" class="nav-link text-uppercase active">Competencies</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="library-questions.php" class="nav-link text-uppercase">Questions</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="library-survey-messages.php" class="nav-link text-uppercase">Survey Messages</a>
                            </li>
                        </ul>
                        <div class="tab-content">

                            <!-- Start [ Library Competencies Tab ] -->
                            <div class="tab-pane fade show active">

                                <div class="ss-lib-body">

                                    <!-- Start [ user defined ] -->
                                    <div class="ss-lib-g">
                                        <div class="ss-pro-h">
                                            <div class="ss-pro-h-l">
                                                <h2 class="h3 m-0">User Defined</h2>
                                            </div>
                                            <div class="ss-pro-h-r">
                                                <div class="ss-dropdown dropdown js-single-select">
                                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline fw-normal" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <span>Name:&nbsp;</span>
                                                        <span class="ss-dropdown-toggle-txt">A to Z</span>
                                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                                    </a>
                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item active">
                                                                <span class="dropdown-item-text">A to Z</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Z to A</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="ss-dropdown dropdown js-single-select">
                                                    <button type="button" class="btn btn-light with-icon-right" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <span class="ss-dropdown-toggle-txt fw-normal">All Types</span>
                                                        <i class="ss-icon-caret-down"><svg><use xlink:href="#ss-icon-caret-down"></use></svg></i>
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item active">
                                                                <span class="dropdown-item-text">All Types</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Basic Survey</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Enterprise Surveys</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Culture 20/20</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">360-Degree Survey</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">ROI Survey</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Reference Check</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Team Effectivnesss</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Daily Question</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-lib-ud-list">

                                            <!-- Start [ nodata message: remove class 'd-none' if you want to show no data message ] -->
                                            <div class="ss-lib-nodata d-none">
                                                <h3 class="h3 text-center m-0">You have no User Competencies yet</h3>
                                            </div>
                                            <!-- End   [ nodata message: remove class 'd-none' if you want to show no data message ] -->

                                            <table class="ss-table-al theme-b">
                                                <tbody>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-users-class-fill"><svg><use xlink:href="#ss-icon-users-class-fill"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">NEW NEW Competency</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-purple-200">
                                                                <span class="ss-tag-txt ws-nowrap text-purple">T.E.A.M Effectiveness</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">T.E.A.M. Competency</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">User Defined</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Edit Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-user-check"><svg><use xlink:href="#ss-icon-user-check"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">NEW NEW Competency</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-orange-200">
                                                                <span class="ss-tag-txt ws-nowrap text-orange-light">360 Competency</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">ROI Surveys</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">User Defined</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Edit Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-chart-bar"><svg><use xlink:href="#ss-icon-chart-bar"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">NEW NEW Competency</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-pink-purple-200">
                                                                <span class="ss-tag-txt ws-nowrap text-pink-purple">ROI Surveys</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">ROI Competency</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">User Defined</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Edit Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-medikit"><svg><use xlink:href="#ss-icon-medikit"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">Innovation / Change Management</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-hot-pink-200">
                                                                <span class="ss-tag-txt ws-nowrap text-hot-pink">Cultural 20/20</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">Custom Area</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">User Defined</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Edit Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                    <!-- End   [ user defined ] -->

                                    <!-- Start [ EDA Selected ] -->
                                    <div class="ss-lib-g">
                                        <div class="ss-pro-h">
                                            <div class="ss-pro-h-l">
                                                <h2 class="h3 m-0">EDA Selected</h2>
                                            </div>
                                            <div class="ss-pro-h-r">
                                                <div class="ss-dropdown dropdown js-single-select">
                                                    <a href="javascript:;" role="button" class="ss-dropdown-toggle-inline fw-normal" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <span>Name:&nbsp;</span>
                                                        <span class="ss-dropdown-toggle-txt">A to Z</span>
                                                        <i class="ss-icon-chevron-down"><svg><use xlink:href="#ss-icon-chevron-down"></use></svg></i>
                                                    </a>
                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item active">
                                                                <span class="dropdown-item-text">A to Z</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Z to A</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="ss-dropdown dropdown js-single-select">
                                                    <button type="button" class="btn btn-light with-icon-right" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <span class="ss-dropdown-toggle-txt fw-normal">All Types</span>
                                                        <i class="ss-icon-caret-down"><svg><use xlink:href="#ss-icon-caret-down"></use></svg></i>
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-end">
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item active">
                                                                <span class="dropdown-item-text">All Types</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Basic Survey</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Enterprise Surveys</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Culture 20/20</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">360-Degree Survey</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">ROI Survey</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Reference Check</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Team Effectivnesss</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="javascript:;" class="dropdown-item">
                                                                <span class="dropdown-item-text">Daily Question</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ss-lib-es-list">

                                            <!-- Start [ nodata message: remove class 'd-none' if you want to show no data message ] -->
                                            <div class="ss-lib-nodata d-none">
                                                <h3 class="h3 text-center m-0">You have no EDA Selected Competencies yet</h3>
                                            </div>
                                            <!-- End   [ nodata message: remove class 'd-none' if you want to show no data message ] -->

                                            <table class="ss-table-al theme-b">
                                                <tbody>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-users-class-fill"><svg><use xlink:href="#ss-icon-users-class-fill"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">NEW NEW Competency</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-purple-200">
                                                                <span class="ss-tag-txt ws-nowrap text-purple">T.E.A.M Effectiveness</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">T.E.A.M Competency</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">EDA Selected</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">View Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-user-check"><svg><use xlink:href="#ss-icon-user-check"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">NEW NEW Competency</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-orange-200">
                                                                <span class="ss-tag-txt ws-nowrap text-orange-light">360-Degree Surveys</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">360 Competency</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">EDA Selected</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">View Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-chart-bar"><svg><use xlink:href="#ss-icon-chart-bar"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">NEW NEW Competency</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-pink-purple-200">
                                                                <span class="ss-tag-txt ws-nowrap text-pink-purple">ROI Surveys</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">ROI Competency</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">EDA Selected</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">View Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-medikit"><svg><use xlink:href="#ss-icon-medikit"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">Innovation / Change Management</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-hot-pink-200">
                                                                <span class="ss-tag-txt ws-nowrap text-hot-pink">Cultural 20/20</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">Custom Area</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">EDA Selected</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">View Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-users-class-fill"><svg><use xlink:href="#ss-icon-users-class-fill"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">NEW NEW Competency</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-purple-200">
                                                                <span class="ss-tag-txt ws-nowrap text-purple">T.E.A.M Effectiveness</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">T.E.A.M Competency</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">EDA Selected</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">View Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-user-check"><svg><use xlink:href="#ss-icon-user-check"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">NEW NEW Competency</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-orange-200">
                                                                <span class="ss-tag-txt ws-nowrap text-orange-light">360-Degree Surveys</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">360 Competency</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">EDA Selected</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">View Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-chart-bar"><svg><use xlink:href="#ss-icon-chart-bar"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">NEW NEW Competency</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-pink-purple-200">
                                                                <span class="ss-tag-txt ws-nowrap text-pink-purple">ROI Surveys</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">ROI Competency</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">EDA Selected</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">View Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 42px;">
                                                            <span class="ss-badge-icon bg-dark">
                                                                <i class="ss-icon-medikit"><svg><use xlink:href="#ss-icon-medikit"></use></svg></i>
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <h4 class="h4 m-0 mxw-40rem text-ellipsis">Innovation / Change Management</h4>
                                                        </td>
                                                        <td>
                                                            <span class="ss-tag m-0 bg-hot-pink-200">
                                                                <span class="ss-tag-txt ws-nowrap text-hot-pink">Cultural 20/20</span>
                                                            </span>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">Custom Area</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">EDA Selected</div>
                                                        </td>
                                                        <td class="text-end">
                                                            <div class="p2">12/21/2021</div>
                                                        </td>
                                                        <td class="text-end" style="width: 52px;">
                                                            <div class="ss-dropdown dropdown">
                                                                <button type="button" class="btn-icon" data-bs-offset="0,8" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="ss-icon-ellipsis-v"><svg><use xlink:href="#ss-icon-ellipsis-v"></use></svg></i>
                                                                </button>
                                                                <ul class="dropdown-menu dropdown-menu-end">
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">View Competency</span>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a href="javascript:;" class="dropdown-item">
                                                                            <span class="dropdown-item-text">Competency Results</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>

                                        </div>
                                    </div>
                                    <!-- End   [ EDA Selected ] -->

                                </div>

                            </div>
                            <!-- End   [ Library Competencies Tab ] -->
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

<?php require_once "footer.php";?>
