{"html_form": "\n\n\n\n<style>\n  .back{\n    background-color: #e6e6e6;\n    padding: 10px;\n    border-radius: 10px;\n    }\n    .fontbold{\n      font-weight: bold;\n    }\n    .table>:not(caption)>*>* {\n    padding: 0.5rem 0.65rem;\n    }\n    .status-matrix-table {\n      font-size: 0.82rem;\n    }\n    .status-matrix-table thead th {\n      background-color: #1079BB;\n      color: #fff;\n      font-weight: 600;\n      font-size: 0.72rem;\n      text-transform: uppercase;\n      letter-spacing: 0.02em;\n      vertical-align: middle;\n      text-align: center;\n      white-space: normal;\n      min-width: 92px;\n      border-color: #0d5f94;\n    }\n    .status-matrix-table thead th:first-child {\n      text-align: left;\n      min-width: 150px;\n    }\n    .status-matrix-table tbody td {\n      text-align: center;\n      vertical-align: middle;\n      white-space: nowrap;\n    }\n    .status-matrix-table tbody td:first-child {\n      text-align: left;\n      font-weight: 600;\n      white-space: normal;\n      color: #2c3e50;\n    }\n    .titlecolor{\n      color: #1079BB;\n    }\n    .bg-light{\n      background-color: #ebf4fa;\n    }\n    .modal-header {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    flex-shrink: 0;\n    padding: 0 !important;\n    border-bottom: 1px solid #dee2e6;\n    border-top-left-radius: calc(0.3rem - 1px);\n    border-top-right-radius: calc(0.3rem - 1px);\n}\n.h5, h5 {\n    font-size: 1.15rem;\n}\n.sector-modal-titlebar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.85rem 1rem 0.6rem 1rem;\n}\n.sector-modal-titlebar .modal-title-eyebrow {\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: #5a8fb5;\n    margin-bottom: 0.2rem;\n}\n.sector-modal-titlebar .modal-title {\n    color: #1079BB;\n    margin: 0;\n    padding-right: 1rem;\n    line-height: 1.25;\n}\n.navbar {\n    position: relative;\n    display: block;\n    padding: 0 1rem !important;\n    border-top: 1px solid #d6e8f3;\n}\n.navbar .nav-pills {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 2px;\n}\n.navbar .nav-pills .nav-link {\n    white-space: nowrap;\n    color: #2c3e50;\n}\n.navbar .nav-pills .nav-link.active {\n    background-color: #1079BB;\n}\n\n</style>\n<div class=\"modal-header\" style=\"background-color:#ebf4fa; color: #fff;\" >\n  <div class=\"sector-modal-titlebar\" style=\"background-color:#ebf4fa;\">\n    <div>\n      <div class=\"modal-title-eyebrow\">Workforce Share Analytics &middot; 2025</div>\n      <h5 class=\"modal-title\">Electricity, gas, steam and air conditioning supply</h5>\n    </div>\n    <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n  </div>\n  <nav id=\"navbar-example2\" class=\"navbar\" style=\"background-color:#ebf4fa;\">\n    <ul class=\"nav nav-pills\" style=\"font-size: 14px;background-color:#ebf4fa; \">\n      <li class=\"nav-item\">\n        <a class=\"nav-link\" href=\"#overview\">Overview</a>\n      </li>\n      \n      <li class=\"nav-item\">\n        <a class=\"nav-link\" href=\"#educationlevels\">Skills requirements in the sector</a>\n      </li>\n      \n      \n      <li class=\"nav-item dropdown\">\n        <a class=\"nav-link dropdown-toggle\" data-bs-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-expanded=\"false\">Largely Employing Occupations</a>\n        <ul class=\"dropdown-menu\">\n          \n          <li><a class=\"dropdown-item\" href=\"#occupation1\">Level 1</a></li>\n          \n          <!--  -->\n          \n          \n        </ul>\n      </li>\n      \n      \n      \n      <li class=\"nav-item\">\n        <a class=\"nav-link\" href=\"#employmentstatus\">Status in Employment</a>\n      </li>\n      \n      \n      <li class=\"nav-item\">\n        <a class=\"nav-link\" href=\"#formalinformal\">Formal or Informal</a>\n      </li>\n      \n      <li class=\"nav-item dropdown\">\n        <a class=\"nav-link dropdown-toggle\" data-bs-toggle=\"dropdown\" href=\"#\" role=\"button\" aria-expanded=\"false\">Periodic Trends(2017 - 2026)</a>\n        <ul class=\"dropdown-menu\">\n          \n          <li><a class=\"dropdown-item\" href=\"#outlook\">Sector Employment Outlook</a></li>\n          \n        </ul>\n      </li>\n    </ul>\n  </nav>\n</div>\n<div class=\"modal-body\" style=\"min-height: 450px;text-align: justify;\">\n \n  <div data-bs-spy=\"scroll\" data-bs-target=\"#navbar-example2\" data-bs-root-margin=\"0px 0px -40%\" data-bs-smooth-scroll=\"true\" class=\"scrollspy-example bg-light p-3 rounded-2\" tabindex=\"0\">\n    \n    <div id=\"overview\">\n      <h5 class=\"titlecolor\">Overview</h5>\n            <div class=\"row\">\n              <div class=\"col-6 col-sm-6  col-md-4 mt-4\">\n                  <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                    <i class=\"fa-solid fa-user-doctor\"></i>\n                      <div class=\"snapshot-title mt-3\">Total Employed</div>\n                      <div class=\"snapshot-data mt-3 fontbold\">3,331</div>\n                  </div>\n              </div>\n\n            <div class=\"col-6 col-sm-6   col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                  <i class=\"fa-solid fa-people-group\"></i>\n                    <div class=\"snapshot-title mt-3\">\n                       Male Employed\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\">2,543</div>\n                </div>\n            </div>\n\n            <div class=\"col-6 col-sm-6   col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                  <i class=\"fa-solid fa-people-group\"></i>\n                    <div class=\"snapshot-title mt-3\">\n                       Female Employed\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\">788</div>\n                </div>\n            </div>\n\n            <div class=\"col-6 col-sm-6 col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\" >\n                  <i class=\"fa-solid fa-gauge\"></i>\n                    <div class=\"snapshot-title mt-3\">\n                        Average Working Age\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\">39</div>\n                </div>\n            </div>\n\n            <div class=\"col-6 col-sm-6  col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                  <i class=\"fa-solid fa-person-walking-dashed-line-arrow-right\"></i>\n                    <div class=\"snapshot-title mt-3\">\n                        Future Employment\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\"> N/A </div>\n                </div>\n            </div>\n\n            <div class=\"col-6 col-sm-6  col-md-4 mt-4\">\n                <div class=\"d-flex flex-column justify-content-center align-items-center center back\">\n                  <i class=\"fa-solid fa-sack-dollar\"></i>\n                    <div class=\"snapshot-title mt-3 \">\n                        Average Wage/Salary\n                    </div>\n                    <div class=\"snapshot-data mt-3 fontbold\"> N/A </div>\n                </div>\n            </div>\n\n              \n            \n            </div>\n          \n          \n      \n    </div>\n    \n    \n    \n    <div id=\"educationlevels\" style=\"margin-top:10px;\">\n      <h5 class=\"titlecolor\"> Skills requirements in the sector</h5>\n    \n      \n      <h5> Sector Employment Distribution by Education Levels</h5>\n     \n      <div style=\"position:relative;height:320px;\"><canvas id=\"educationlevelschart\"></canvas></div>\n      <table id=\"edlevel-tbl\" style=\"display:none\"><tbody><tr><td>Tertiary education</td><td>49.18</td></tr><tr><td>Upper secondary education</td><td>32.22</td></tr><tr><td>Lower secondary education</td><td>10.47</td></tr><tr><td>Primary education</td><td>4.22</td></tr><tr><td>None</td><td>3.91</td></tr></tbody></table>\n     \n    \n      <h5 id=\"educationfields\">Sector Employment Distribution by Education Fields</h5>\n      \n      <div style=\"position:relative;height:320px;\"><canvas id=\"educationfieldschart\"></canvas></div>\n      <table id=\"edfield-tbl\" style=\"display:none\"><tbody><tr><td>engineering, manufacturing and construction</td><td>28.81</td></tr><tr><td>Social Science business and art</td><td>25.5</td></tr><tr><td>SCIENCE</td><td>16.89</td></tr><tr><td>General education</td><td>14.69</td></tr><tr><td>Humanity and art</td><td>6.33</td></tr><tr><td>No education</td><td>3.91</td></tr><tr><td>EDUCATION</td><td>3.86</td></tr></tbody></table>\n      \n      </div>\n    \n    \n    <div id=\"occupation1\">\n      <h5 class=\"titlecolor\">Sector Employment Distribution by Level 1 Occupation</h5>\n      \n     \n      <div style=\"position:relative;height:320px;\"><canvas id=\"occupation1chart55\"></canvas></div>\n      <table id=\"occ1-tbl\" style=\"display:none\"><tbody><tr><td>Craft and Related Trades Workers</td><td>36.03</td></tr><tr><td>Technicians and Associate Professionals</td><td>24.39</td></tr><tr><td>Managers</td><td>12.56</td></tr><tr><td>Professionals</td><td>9.12</td></tr><tr><td>Elementary Occupations</td><td>6.81</td></tr><tr><td>Services and Sales Workers</td><td>6.33</td></tr><tr><td>Clerical Support Workers</td><td>4.76</td></tr></tbody></table>\n    </div>\n    \n    \n    \n    \n    <div id=\"employmentstatus\" style=\"margin-top:10px;\">\n      <h5 class=\"titlecolor\">Sector Workforce Distribution by Status in Employment</h5>\n      \n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"d-flex align-items-start\">\n          <div class=\"nav flex-column nav-pills me-3\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\" style=\"float: left; text-align: left; background-color: #d6e8f3;\">\n            <button class=\"nav-link active\" id=\"v-pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-statusformalinfo\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-home\" aria-selected=\"true\" style=\"text-align: left;\">Distribution by  status in employment</button>\n            <button class=\"nav-link\" id=\"v-pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-statusgenders\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-profile\" aria-selected=\"false\"style=\"text-align: left;\">Distribution by  status in employment(By Gender)</button>\n            <button class=\"nav-link\" id=\"v-pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-statusagess\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-profile\" aria-selected=\"false\"style=\"text-align: left;\">Distribution by  status in employment(By Age Groups)</button>\n            <button class=\"nav-link\" id=\"v-pills-messages-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-statuslevels\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-messages\" aria-selected=\"false\"style=\"text-align: left;\">Distribution by  status in employment(By Education Levels)</button>\n            <button class=\"nav-link\" id=\"v-pills-settings-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-statusfields\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-settings\" aria-selected=\"false\"style=\"text-align: left;\">Distribution by  status in employment (By Education Fields)</button>\n          </div>\n          <div class=\"tab-content\" id=\"v-pills-tabContent\" style=\"flex:1; min-width:0;\">\n            <div class=\"tab-pane fade show active\" id=\"v-pills-statusformalinfo\" role=\"tabpanel\" aria-labelledby=\"v-pills-home-tab\">\n             <p>This presentation analyzes the distribution of genders among different employment statuses, such as employee within the sector</p>\n              <figure class=\"highcharts-figure\">\n                <div style=\"position:relative;height:350px;\"><canvas id=\"employmentstatuschart\"></canvas></div>\n              <table id=\"status-tbl\" style=\"display:none\"><tbody><tr><td>Employee</td><td>96.09</td></tr></tbody></table>\n            </figure>\n            </div>\n            <div class=\"tab-pane fade\" id=\"v-pills-formal-by-statusgenders\" role=\"tabpanel\" aria-labelledby=\"v-pills-profile-tab\">\n              <div style=\"position:relative;height:350px;\"><canvas id=\"statusinformalgender\"></canvas></div>\n            </div>\n            <div class=\"tab-pane fade\" id=\"v-pills-formal-by-statusagess\" role=\"tabpanel\" aria-labelledby=\"v-pills-profile-tab\">\n              <div style=\"position:relative;height:350px;\"><canvas id=\"statusinformalages\"></canvas></div>\n            </div>\n            <div class=\"tab-pane fade\" id=\"v-pills-formal-by-statuslevels\" role=\"tabpanel\" aria-labelledby=\"v-pills-messages-tab\">\n             <h5 class=\"titlecolor\">Distribution by status in employment(By Education Levels)</h5>\n              <p>This presentation analyzes the distribution of education levels among different employment statuses, such as employee within the sector. By examining this categorization, stakeholders gain insights into the skill composition of the workforce within various sectors, informing targeted workforce development initiatives and educational policies.</p>\n              <div class=\"card shadow-sm\">\n                <div class=\"card-header d-flex justify-content-between align-items-center py-2\">\n                  <span class=\"fw-semibold small\">Status in Employment by Education Level</span>\n                  <small class=\"text-muted\">Source: NISR Labour Force Survey</small>\n                </div>\n                <div class=\"card-body p-0\" style=\"overflow-x:auto;\">\n              <table class=\"table table-sm table-striped table-hover status-matrix-table mb-0\">\n              <thead>\n                  <tr>\n                      <th>Education Level</th>\n                      \n                      <th>Employer (with regular employees)</th>\n                      \n                      <th>Employee</th>\n                      \n                      <th>Other</th>\n                      \n                      <th>Member of cooperative</th>\n                      \n                      <th>Contributing family worker</th>\n                      \n                      <th>Paid apprentice/Intern</th>\n                      \n                      <th>Own account worker( without regular employees)</th>\n                      \n                      <th>Private</th>\n                      \n                  </tr>\n              </thead>\n              <tbody>\n                  \n                  <tr>\n                      <td>None</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Upper secondary education</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>33.5%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Tertiary education</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>51.2%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Primary education</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>4.4%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Lower secondary education</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>10.9%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Pre-primary</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n              </tbody>\n          </table>\n                </div>\n          </div>\n            </div>\n            <div class=\"tab-pane fade\" id=\"v-pills-formal-by-statusfields\" role=\"tabpanel\" aria-labelledby=\"v-pills-settings-tab\">\n              <h5 class=\"titlecolor\">Distribution by status in employment(By Education Fields(Ratios))</h5>\n              <p>This presentation analyzes the distribution of education fields (ratios) among different employment statuses, such as employee within the sector. </p>\n              <div class=\"card shadow-sm\">\n                <div class=\"card-header d-flex justify-content-between align-items-center py-2\">\n                  <span class=\"fw-semibold small\">Status in Employment by Education Field</span>\n                  <small class=\"text-muted\">Source: NISR Labour Force Survey</small>\n                </div>\n                <div class=\"card-body p-0\" style=\"overflow-x:auto;\">\n              <table class=\"table table-sm table-striped table-hover status-matrix-table mb-0\">\n              <thead>\n                  <tr>\n                      <th>Education Field</th>\n                      \n                      <th>Employer (with regular employees)</th>\n                      \n                      <th>Employee</th>\n                      \n                      <th>Other</th>\n                      \n                      <th>Member of cooperative</th>\n                      \n                      <th>Contributing family worker</th>\n                      \n                      <th>Paid apprentice/Intern</th>\n                      \n                      <th>Own account worker( without regular employees)</th>\n                      \n                      <th>Private</th>\n                      \n                  </tr>\n              </thead>\n              <tbody>\n                  \n                  <tr>\n                      <td>No education</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>SCIENCE</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>17.6%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>AGRICULTURE</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>General education</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>15.3%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>engineering, manufacturing and construction</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>30.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Not known or unspecified </td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>SERVICES</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>HEALTH AND WELFARE</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Social Science business and art</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>26.5%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>EDUCATION</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>4.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n                  <tr>\n                      <td>Humanity and art</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>6.6%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                      <td>0.0%</td>\n                      \n                  </tr>\n                  \n              </tbody>\n          </table>\n                </div>\n          </div>\n\n            \n              \n              \n\n              \n              \n              \n            \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    </div>\n    \n    \n    \n    <div id=\"formalinformal\">\n      <div class=\"row\">\n        <div class=\"col-md-12\">\n      <h5 class=\"titlecolor\">Sector Workforce distribution by formal/informal employment</h5>\n          <p>This  provides a detailed insight into the dynamic landscape of employment across the sector, distinguishing between formal and informal employments distribution. Delving deeper, you can explore employment  categorized by gender, education fields, and levels.</p>\n      <div class=\"d-flex align-items-start\">\n        <div class=\"nav flex-column nav-pills me-3\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\" style=\"float: left; text-align: left; background-color: #d6e8f3;\">\n          <button class=\"nav-link active\" id=\"v-pills-home-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formalinfo\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-home\" aria-selected=\"true\" style=\"text-align: left;\">Formal/Informal Status</button>\n          <button class=\"nav-link\" id=\"v-pills-profile-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-genders\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-profile\" aria-selected=\"false\"style=\"text-align: left;\">Formal/Informal Status(By Gender)</button>\n          <button class=\"nav-link\" id=\"v-pills-messages-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-levels\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-messages\" aria-selected=\"false\"style=\"text-align: left;\">Formal/Informal Status(By Education Levels)</button>\n          <button class=\"nav-link\" id=\"v-pills-settings-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#v-pills-formal-by-fields\" type=\"button\" role=\"tab\" aria-controls=\"v-pills-settings\" aria-selected=\"false\"style=\"text-align: left;\">Formal/Informal Status (By Education Fields)</button>\n        </div>\n        <div class=\"tab-content\" id=\"v-pills-tabContent\" style=\"flex:1; min-width:0;\">\n          <div class=\"tab-pane fade show active\" id=\"v-pills-formalinfo\" role=\"tabpanel\" aria-labelledby=\"v-pills-home-tab\">\n            <figure class=\"highcharts-figure\">\n              <div style=\"position:relative;height:350px;\"><canvas id=\"formalinformchart\"></canvas></div>\n              <table id=\"formal-tbl\" style=\"display:none\"><tbody><tr><td>Informal employment</td><td>52.38</td></tr><tr><td>Formal employment</td><td>47.62</td></tr><tr><td>Don&#x27;t know</td><td>0.0</td></tr></tbody></table>\n          </figure>\n          </div>\n          <div class=\"tab-pane fade\" id=\"v-pills-formal-by-genders\" role=\"tabpanel\" aria-labelledby=\"v-pills-profile-tab\">\n            <div style=\"position:relative;height:350px;\"><canvas id=\"informalgender\"></canvas></div>\n          </div>\n          <div class=\"tab-pane fade\" id=\"v-pills-formal-by-levels\" role=\"tabpanel\" aria-labelledby=\"v-pills-messages-tab\">\n            <div class=\"card shadow-sm\">\n              <div class=\"card-header d-flex justify-content-between align-items-center py-2\">\n                <span class=\"fw-semibold small\">Formal/Informal Status by Education Level</span>\n                <small class=\"text-muted\">Source: NISR Labour Force Survey</small>\n              </div>\n              <div class=\"card-body p-0\" style=\"overflow-x:auto;\">\n            <table class=\"table table-sm table-striped mb-0 status-matrix-table\" style=\"font-size:.82rem;\">\n              <thead>\n                  <tr>\n                      <th>Education Levels</th>\n                      <th>Informal</th>\n                      <th>Formal</th>\n                      <th>Don't Know</th>\n                  </tr>\n              </thead>\n              <tbody>\n                  \n                      <tr>\n                          <td>Upper secondary education</td>\n                          \n                              <td>39.2%</td>\n                          \n                              <td>60.8%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Primary education</td>\n                          \n                              <td>100.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>None</td>\n                          \n                              <td>100.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Tertiary education</td>\n                          \n                              <td>43.0%</td>\n                          \n                              <td>57.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Lower secondary education</td>\n                          \n                              <td>100.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Pre-primary</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n              </tbody>\n          </table>\n              </div>\n            </div>\n          </div>\n          <div class=\"tab-pane fade\" id=\"v-pills-formal-by-fields\" role=\"tabpanel\" aria-labelledby=\"v-pills-settings-tab\">\n            <div class=\"card shadow-sm\">\n              <div class=\"card-header d-flex justify-content-between align-items-center py-2\">\n                <span class=\"fw-semibold small\">Formal/Informal Status by Education Field</span>\n                <small class=\"text-muted\">Source: NISR Labour Force Survey</small>\n              </div>\n              <div class=\"card-body p-0\" style=\"overflow-x:auto;\">\n            <table class=\"table table-sm table-striped mb-0 status-matrix-table\" style=\"font-size:.82rem;\">\n              <thead>\n                  <tr>\n                      <th>Education Field</th>\n                      <th>Informal</th>\n                      <th>Formal</th>\n                      <th>Don't Know</th>\n                  </tr>\n              </thead>\n              <tbody>\n                  \n                      <tr>\n                          <td>General education</td>\n                          \n                              <td>100.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>SCIENCE</td>\n                          \n                              <td>68.9%</td>\n                          \n                              <td>31.1%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>HEALTH AND WELFARE</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Humanity and art</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>100.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>AGRICULTURE</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>EDUCATION</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>100.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>engineering, manufacturing and construction</td>\n                          \n                              <td>32.0%</td>\n                          \n                              <td>68.1%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Not known or unspecified </td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>Social Science business and art</td>\n                          \n                              <td>50.7%</td>\n                          \n                              <td>49.3%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>SERVICES</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n                      <tr>\n                          <td>No education</td>\n                          \n                              <td>100.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                              <td>0.0%</td>\n                          \n                      </tr>\n                  \n              </tbody>\n          </table>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      </div>\n      </div>\n    </div>\n    \n\n    <div id=\"outlook\">\n      <h5 class=\"titlecolor\">Sector employment outlook (2017 - 2026)</h5>\n      \n      <div style=\"position:relative;height:380px;\"><canvas id=\"outlooktrendnew\"></canvas></div>\n    </div>\n\n    <!--  -->\n  </div>\n</div>\n<div class=\"modal-footer\">\n  <button id='closeModal' type=\"button\" class=\"btn btn-danger\" data-bs-dismiss=\"modal\">Close</button>\n</div>\n<script>\nif(typeof BAR_COLORS==='undefined'){\n  var LINE_COLORS=['#1565C0','#E65100','#00838F','#2E7D32','#6A1B9A','#F57F17','#AD1457','#37474F','#0277BD','#558B2F'];\n  var BAR_COLORS=['#1565C0','#E65100','#00838F','#2E7D32','#6A1B9A','#F57F17','#AD1457','#37474F','#0277BD','#558B2F','#C62828','#00695C','#4527A0','#D35400','#1B5E20'];\n  function hexToRgba(hex,a){hex=hex.replace('#','');if(hex.length===3)hex=hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2];return 'rgba('+parseInt(hex.slice(0,2),16)+','+parseInt(hex.slice(2,4),16)+','+parseInt(hex.slice(4,6),16)+','+a+')';}\n  function legendCfg(n,onHov,onLv){return{position:n>5?'bottom':'right',align:'center',onHover:onHov||null,onLeave:onLv||null,labels:{font:{size:n>10?10:12,family:\"'Segoe UI',Arial,sans-serif\",weight:'500'},padding:n>10?8:14,usePointStyle:true,pointStyleWidth:10,boxHeight:10,generateLabels:function(chart){var ov=Chart.overrides[chart.config.type];var fn=(ov&&ov.plugins&&ov.plugins.legend&&ov.plugins.legend.labels&&ov.plugins.legend.labels.generateLabels)||Chart.defaults.plugins.legend.labels.generateLabels;var items=fn.call(chart,chart);items.forEach(function(it){if(it.text&&it.text.length>28)it.text=it.text.substring(0,26)+'\u2026';});return items;}}};}\n  function tooltipCfg(unit,fmtFn){return{backgroundColor:'rgba(15,30,60,0.92)',titleColor:'#fff',bodyColor:'#d0ddf0',borderColor:'rgba(255,255,255,0.15)',borderWidth:1,padding:{x:14,y:10},cornerRadius:8,titleFont:{size:13,weight:'700',family:\"'Segoe UI',Arial,sans-serif\"},bodyFont:{size:12,family:\"'Segoe UI',Arial,sans-serif\"},displayColors:true,boxWidth:10,boxHeight:10,usePointStyle:true,callbacks:{label:function(ctx){return '  '+ctx.dataset.label+': '+fmtFn(unit,ctx.parsed.y);}}};}\n}\n/* \u2500\u2500 Sector-analytics JS variables (home-page pattern) \u2500\u2500 */\nvar SEC_AGE_CATS = ['Employer (with regular employees)','Employee','Other','Member of cooperative','Contributing family worker','Paid apprentice/Intern','Own account worker( without regular employees)','Private',];\nvar SEC_AGE_SER  = [{ name: '65+ yrs', data: [0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,] },{ name: '35\\u002D54 yrs', data: [0.0,40.89,0.0,0.0,0.0,0.0,0.0,0.0,] },{ name: '25\\u002D34 yrs', data: [0.0,25.51,0.0,0.0,0.0,0.0,0.0,0.0,] },{ name: '55\\u002D64 yrs', data: [0.0,18.55,0.0,0.0,0.0,0.0,0.0,0.0,] },{ name: '16\\u002D24 yrs', data: [0.0,15.05,0.0,0.0,0.0,0.0,0.0,0.0,] },];\n\nvar SEC_STATUS_CATS = [], SEC_STATUS_MALE = [], SEC_STATUS_FEM = [];\n\nSEC_STATUS_CATS.push('Employer (with regular employees)');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Employee');\nSEC_STATUS_MALE.push(75.38 || 0);\nSEC_STATUS_FEM.push( 24.62 || 0);\n\nSEC_STATUS_CATS.push('Other');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Member of cooperative');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Contributing family worker');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Paid apprentice/Intern');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Own account worker( without regular employees)');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\nSEC_STATUS_CATS.push('Private');\nSEC_STATUS_MALE.push(0.0 || 0);\nSEC_STATUS_FEM.push( 0.0 || 0);\n\n\nvar SEC_FI_CATS = [], SEC_FI_MALE = [], SEC_FI_FEM = [];\n\nSEC_FI_CATS.push('Don\\u0027t know');\nSEC_FI_MALE.push(0.0 || 0);\nSEC_FI_FEM.push( 0.0 || 0);\n\nSEC_FI_CATS.push('Formal employment');\nSEC_FI_MALE.push(37.62 || 0);\nSEC_FI_FEM.push( 79.88 || 0);\n\nSEC_FI_CATS.push('Informal employment');\nSEC_FI_MALE.push(62.38 || 0);\nSEC_FI_FEM.push( 20.12 || 0);\n\n\nvar SEC_YOY_YEARS = ['2017','2018','2019','2020','2021','2022','2023','2024','2025',];\nvar SEC_YOY_TOTAL = [9332,6301,9237,7096,7040,3815,5377,4929,3331,];\nvar SEC_YOY_MALE  = [8708,5187,8582,6229,5801,3519,3749,4002,2543,];\nvar SEC_YOY_FEM   = [624,1114,655,866,1239,296,1628,928,788,];\n</script>\n<script>\n/* \u2500\u2500 Sector-analytics Chart.js \u2500\u2500 */\nsetTimeout(function () {\n  if (typeof Chart === 'undefined') return;\n\n  function tblSimple(id) {\n    var d = [];\n    document.querySelectorAll('#' + id + ' tbody tr').forEach(function (row) {\n      var c = row.querySelectorAll('td');\n      if (c.length >= 2) { var l = c[0].textContent.trim(), v = parseFloat(c[1].textContent) || 0; if (l) d.push({l: l, v: v}); }\n    });\n    return d;\n  }\n\n  function noData(id) {\n    var el = document.getElementById(id);\n    if (el) el.parentElement.innerHTML = '<div class=\"alert alert-info p-2 mt-2\">No data available.</div>';\n  }\n\n  function makePieT(id, title, tblId) {\n    var el = document.getElementById(id); if (!el) return;\n    var d = tblSimple(tblId); if (!d.length) { noData(id); return; }\n    new Chart(el, { type: 'doughnut',\n      data: { labels: d.map(function(x){return x.l;}), datasets: [{ data: d.map(function(x){return x.v;}), backgroundColor: BAR_COLORS.slice(0, d.length), borderWidth: 2, borderColor: '#fff' }] },\n      options: { responsive:true, maintainAspectRatio:false,\n        plugins: { title:{display:true,text:title,font:{size:13,weight:'bold'}}, legend: legendCfg(d.length),\n          tooltip:{ backgroundColor:'rgba(15,30,60,0.92)',titleColor:'#fff',bodyColor:'#d0ddf0',borderColor:'rgba(255,255,255,0.15)',borderWidth:1,padding:{x:14,y:10},cornerRadius:8,\n            callbacks:{label:function(c){ var t=c.dataset.data.reduce(function(a,b){return a+b;},0); return '  '+c.label+': '+(c.parsed/t*100).toFixed(1)+'%'; }}} } } });\n  }\n\n  function makeHBarT(id, title, tblId) {\n    var el = document.getElementById(id); if (!el) return;\n    var d = tblSimple(tblId); if (!d.length) { noData(id); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:d.map(function(x){return x.l;}), datasets:[{label:'%',data:d.map(function(x){return x.v;}),backgroundColor:hexToRgba(BAR_COLORS[0],0.82),borderColor:BAR_COLORS[0],borderWidth:1.5,borderRadius:4}] },\n      options:{ indexAxis:'y', responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:title,font:{size:13,weight:'bold'}}, legend: {display:false},\n          tooltip:{ backgroundColor:'rgba(15,30,60,0.92)',titleColor:'#fff',bodyColor:'#d0ddf0',borderColor:'rgba(255,255,255,0.15)',borderWidth:1,padding:{x:14,y:10},cornerRadius:8,\n            callbacks:{label:function(c){return '  %: '+c.parsed.x.toFixed(1)+'%';}}} },\n        scales:{x:{beginAtZero:true,title:{display:true,text:'Percentage (%)'},grid:{color:'rgba(0,0,0,.06)'}},y:{grid:{display:false}}} } });\n  }\n\n  function makeColT(id, title, tblId) {\n    var el = document.getElementById(id); if (!el) return;\n    var d = tblSimple(tblId); if (!d.length) { noData(id); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:d.map(function(x){return x.l;}), datasets:[{label:'%',data:d.map(function(x){return x.v;}),\n        backgroundColor:d.map(function(_,i){return hexToRgba(BAR_COLORS[i%BAR_COLORS.length],0.82);}),\n        borderColor:d.map(function(_,i){return BAR_COLORS[i%BAR_COLORS.length];}),\n        borderWidth:1.5,borderRadius:4}] },\n      options:{ responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:title,font:{size:13,weight:'bold'}}, legend: {display:false},\n          tooltip:{ backgroundColor:'rgba(15,30,60,0.92)',titleColor:'#fff',bodyColor:'#d0ddf0',borderColor:'rgba(255,255,255,0.15)',borderWidth:1,padding:{x:14,y:10},cornerRadius:8,\n            callbacks:{label:function(c){return '  %: '+c.parsed.y.toFixed(1)+'%';}}} },\n        scales:{x:{grid:{display:false}},y:{beginAtZero:true,title:{display:true,text:'Percentage (%)'},grid:{color:'rgba(0,0,0,.06)'}}} } });\n  }\n\n  function makeGenderBar(id, title, cats, maleArr, femArr) {\n    var el = document.getElementById(id); if (!el) return;\n    if (!cats.length) { noData(id); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:cats, datasets:[\n        {label:'Male',  data:maleArr, backgroundColor:hexToRgba(BAR_COLORS[0],0.82), borderColor:BAR_COLORS[0], borderWidth:1.5, borderRadius:3},\n        {label:'Female',data:femArr,  backgroundColor:hexToRgba(BAR_COLORS[2],0.82), borderColor:BAR_COLORS[2], borderWidth:1.5, borderRadius:3}] },\n      options:{ responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:title,font:{size:13,weight:'bold'}}, legend: legendCfg(2),\n          tooltip:{ backgroundColor:'rgba(15,30,60,0.92)',titleColor:'#fff',bodyColor:'#d0ddf0',borderColor:'rgba(255,255,255,0.15)',borderWidth:1,padding:{x:14,y:10},cornerRadius:8,\n            callbacks:{label:function(c){return '  '+c.dataset.label+': '+c.parsed.y.toFixed(1)+'%';}}} },\n        scales:{x:{grid:{display:false}},y:{beginAtZero:true,title:{display:true,text:'Percentage (%)'},grid:{color:'rgba(0,0,0,.06)'}}} } });\n  }\n\n  function makeMultiBar(id, title, cats, ser) {\n    var el = document.getElementById(id); if (!el) return;\n    if (!cats.length) { noData(id); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:cats, datasets:ser.map(function(s,i){return {label:s.name,data:s.data,\n        backgroundColor:hexToRgba(BAR_COLORS[i%BAR_COLORS.length],0.82),\n        borderColor:BAR_COLORS[i%BAR_COLORS.length],borderWidth:1.5,borderRadius:3};}) },\n      options:{ responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:title,font:{size:13,weight:'bold'}}, legend: legendCfg(ser.length),\n          tooltip:{ backgroundColor:'rgba(15,30,60,0.92)',titleColor:'#fff',bodyColor:'#d0ddf0',borderColor:'rgba(255,255,255,0.15)',borderWidth:1,padding:{x:14,y:10},cornerRadius:8,\n            callbacks:{label:function(c){return '  '+c.dataset.label+': '+c.parsed.y.toFixed(1)+'%';}}} },\n        scales:{x:{grid:{display:false}},y:{beginAtZero:true,title:{display:true,text:'Percentage (%)'},grid:{color:'rgba(0,0,0,.06)'}}} } });\n  }\n\n  /* \u2500\u2500 render all sector charts \u2500\u2500 */\n  makePieT('employmentstatuschart',   'Distribution by Status in Employment',            'status-tbl');\n  makeGenderBar('statusinformalgender','Status in Employment by Gender',\n    SEC_STATUS_CATS, SEC_STATUS_MALE, SEC_STATUS_FEM);\n  makeMultiBar('statusinformalages',  'Status in Employment by Age Group',\n    SEC_AGE_CATS, SEC_AGE_SER);\n  makePieT('formalinformchart',       'Formal / Informal Employment',                    'formal-tbl');\n  makeGenderBar('informalgender',     'Formal / Informal by Gender',\n    SEC_FI_CATS, SEC_FI_MALE, SEC_FI_FEM);\n  makeHBarT('educationlevelschart',   'Distribution by Education Level',                 'edlevel-tbl');\n  makeColT('educationfieldschart',    'Distribution by Education Field',                 'edfield-tbl');\n  makeColT('occupation1chart55',      'Distribution by Level 1 Occupation',              'occ1-tbl');\n  makeHBarT('sectorlevelfourschart',  'Top Sub-sectors (Level 4)',                       'sector4-tbl');\n  (function () {\n    var el = document.getElementById('outlooktrendnew'); if (!el) return;\n    if (!SEC_YOY_YEARS.length) { noData('outlooktrendnew'); return; }\n    new Chart(el, { type:'bar',\n      data:{ labels:SEC_YOY_YEARS, datasets:[\n        {label:'Total Employed', data:SEC_YOY_TOTAL, backgroundColor:hexToRgba(BAR_COLORS[0],0.82), borderColor:BAR_COLORS[0], borderWidth:1.5, borderRadius:3},\n        {label:'Male',           data:SEC_YOY_MALE,  backgroundColor:hexToRgba(BAR_COLORS[1],0.82), borderColor:BAR_COLORS[1], borderWidth:1.5, borderRadius:3},\n        {label:'Female',         data:SEC_YOY_FEM,   backgroundColor:hexToRgba(BAR_COLORS[2],0.82), borderColor:BAR_COLORS[2], borderWidth:1.5, borderRadius:3}] },\n      options:{ responsive:true, maintainAspectRatio:false,\n        plugins:{ title:{display:true,text:'Employment Trend Over the Years',font:{size:13,weight:'bold'}}, legend: legendCfg(3),\n          tooltip:{ backgroundColor:'rgba(15,30,60,0.92)',titleColor:'#fff',bodyColor:'#d0ddf0',borderColor:'rgba(255,255,255,0.15)',borderWidth:1,padding:{x:14,y:10},cornerRadius:8,mode:'index',intersect:false,\n            callbacks:{label:function(c){return '  '+c.dataset.label+': '+c.parsed.y.toLocaleString();}}} },\n        scales:{x:{grid:{display:false}},y:{beginAtZero:true,title:{display:true,text:'Total Employed'},grid:{color:'rgba(0,0,0,.06)'}}} } });\n  })();\n}, 250);\n</script>\n"}