From d57c8555d84ab3d98ab67b537e3f8b375eacb1d0 Mon Sep 17 00:00:00 2001
From: velz <velmurugan.s@venbainfotech.com>
Date: Tue, 27 Jan 2026 15:47:54 +0530
Subject: [PATCH] FIX_OUTDATED_COMPONENTS

---
 app/Views/layout/footer.php              |  116 +-
 app/Views/layout/footer_old_outdated.php | 1242 ++++++++++++
 app/Views/layout/header.php              |   21 +-
 app/Views/layout/header_old_outdated.php | 2191 ++++++++++++++++++++++
 4 files changed, 3493 insertions(+), 77 deletions(-)
 create mode 100644 app/Views/layout/footer_old_outdated.php
 create mode 100644 app/Views/layout/header_old_outdated.php

diff --git a/app/Views/layout/footer.php b/app/Views/layout/footer.php
index 0fffbdc6..1642a758 100755
--- a/app/Views/layout/footer.php
+++ b/app/Views/layout/footer.php
@@ -66,87 +66,69 @@
 
 <!-- /Right-bar -->
 
-<!-- Right bar overlay-->
+<!-- Right bar overlay -->
 <div class="rightbar-overlay"></div>
 
-<!-- Vendor js -->
-<script src="<?= base_url() . "public"; ?>/assets/js/vendor.min.js"></script>
+<!-- ============================= -->
+<!-- Core Vendor JS (Local) -->
+<!-- ============================= -->
+<script src="<?= base_url("public/assets/js/vendor.min.js"); ?>"></script>
 
-<!-- KNOB JS -->
-<script src="<?= base_url() . "public"; ?>/assets/libs/jquery-knob/jquery.knob.min.js"></script>
-<!-- Apex js-->
-<script src="<?= base_url() . "public"; ?>/assets/libs/apexcharts/apexcharts.min.js"></script>
+<!-- ============================= -->
+<!-- Charts -->
+<!-- ============================= -->
+<script src="<?= base_url("public/assets/libs/apexcharts/apexcharts.min.js"); ?>"></script>
 
-<!-- third party js -->
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons/js/buttons.flash.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-select/js/dataTables.select.min.js"></script>
-<!-- <script src="<?= base_url() . "public"; ?>/assets/libs/pdfmake/build/pdfmake.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/pdfmake/build/vfs_fonts.js"></script> -->
-<!-- third party js ends -->
+<!-- ============================= -->
+<!-- DataTables -->
+<!-- ============================= -->
+<script src="<?= base_url("public/assets/libs/datatables.net/js/jquery.dataTables.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/datatables.net-buttons/js/buttons.html5.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/datatables.net-buttons/js/buttons.print.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/datatables.net-select/js/dataTables.select.min.js"); ?>"></script>
 
-<script src="<?= base_url() . "public"; ?>/assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/moment/min/moment.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
 
+<!-- ============================= -->
+<!-- Date Handling -->
+<!-- ============================= -->
+<script src="<?= base_url("public/assets/libs/moment/min/moment.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/libs/bootstrap-daterangepicker/daterangepicker.js"); ?>"></script>
 
-<!-- Datatables init -->
-<!-- <script src="<?= base_url() . "public"; ?>/assets/js/pages/datatables.init.js"></script> -->
-
-
-<script src="<?= base_url() . "public"; ?>/assets/js/pages/tickets.init.js"></script>
-
-<!-- Plugins js-->
-<script src="<?= base_url() . "public"; ?>/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-us-merc-en.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/libs/parsleyjs/parsley.min.js"></script>
-
-<!-- Dashboard init-->
-<script src="<?= base_url() . "public"; ?>/assets/js/pages/dashboard-analytics.init.js"></script>
-
-<!-- Validation init js-->
-<script src="<?= base_url() . "public"; ?>/assets/js/pages/form-validation.init.js"></script>
-
-<!-- App js -->
-<script src="<?= base_url() . "public"; ?>/assets/js/app.min.js"></script>
-
-
-<!-- Sweet Alert CDN -->
-<script src="https://cdn.jsdelivr.net/npm/bootstrap-multiselect@1.1.0/dist/js/bootstrap-multiselect.min.js"></script>
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />
-
-<script src="https://cdn.jsdelivr.net/npm/toastr@2.1.4/toastr.min.js"></script>
-<link href="https://cdn.jsdelivr.net/npm/toastr@2.1.4/build/toastr.min.css" rel="stylesheet">
-
-<!-- flatpicker datepicker -->
-<link href="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.css" rel="stylesheet">
+<!-- OR: Flatpickr (prefer this long-term) -->
 <script src="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.js"></script>
 
-<!-- bootstrap datepicker -->
-<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/js/bootstrap-datepicker.min.js"></script> -->
+<!-- ============================= -->
+<!-- Forms -->
+<!-- ============================= -->
+<script src="<?= base_url("public/assets/libs/parsleyjs/parsley.min.js"); ?>"></script>
+<script src="<?= base_url("public/assets/js/pages/form-validation.init.js"); ?>"></script>
 
-<script src="<?= base_url() . "public"; ?>/assets/js/pages/jquery.xeditable.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/js/form-xeditable.init.js"></script>
-<script src="<?= base_url() . "public"; ?>/assets/js/bootstrap-editable.min.js"></script>
+<!-- ============================= -->
+<!-- Notifications -->
+<!-- ============================= -->
+<script src="https://cdn.jsdelivr.net/npm/toastr@2.1.4/toastr.min.js"></script>
 
-<!-- Jodit Js  -->
-<script src="<?= base_url() . "public"; ?>/assets/js/jodit.min.js"></script>
-
-<!-- select2 -->
+<!-- ============================= -->
+<!-- Select2 -->
+<!-- ============================= -->
 <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
 
+<!-- ============================= -->
+<!-- Editor -->
+<!-- ============================= -->
+<script src="<?= base_url("public/assets/js/jodit.min.js"); ?>"></script>
 
-<script src="https://cdn.datatables.net/plug-ins/2.0.8/sorting/scientific.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js"></script>
+<!-- ============================= -->
+<!-- App Init -->
+<!-- ============================= -->
+<script src="<?= base_url("public/assets/js/app.min.js"); ?>"></script>
 
 
 <script>
diff --git a/app/Views/layout/footer_old_outdated.php b/app/Views/layout/footer_old_outdated.php
new file mode 100644
index 00000000..0fffbdc6
--- /dev/null
+++ b/app/Views/layout/footer_old_outdated.php
@@ -0,0 +1,1242 @@
+</div> <!-- container -->
+
+</div> <!-- content -->
+
+<?php include(__DIR__ . '/../ticket_type_modal.php'); ?>
+
+</div>
+
+<!-- ============================================================== -->
+<!-- End Page content -->
+<!-- ============================================================== -->
+
+    <!-- Footer Start -->
+    <div style="background-color: white !important;">
+        <footer class="footer" style="background-color: white !important;">
+            <div class="">
+                <div class="row">
+                    <div class="col-md-6">
+                        <script>
+                            document.write(new Date().getFullYear())
+                        </script> &copy; NHANCE
+                    </div>
+                    <!-- <div class="col-md-6">
+                        <div class="text-md-right footer-links d-none d-sm-block">
+                            <a href="javascript:void(0);">About Us</a>
+                            <a href="javascript:void(0);">Help</a>
+                            <a href="javascript:void(0);">Contact Us</a>
+                        </div>
+                    </div> -->
+                </div>
+            </div>
+        </footer>
+    </div>
+    <!-- end Footer -->
+
+
+</div>
+<!-- END wrapper -->
+
+<!-- Right Sidebar -->
+<div class="right-bar">
+    <div class="h-100">
+        <!-- Notifications Header -->
+        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 text-uppercase bg-light fixed-header">
+            <i class="mdi mdi-message-text-outline font-22"></i>
+            <span class="header-title">Notification</span>
+        </h6>
+        <div class="scrollable-content">
+            <ul class="list-unstyled" id="messages-list">
+                <!-- Notifications list items go here -->
+            </ul>
+        </div>
+
+        <!-- Pending Action Header -->
+        <h6 class="font-weight-medium px-3 m-0 py-2 font-13 bg-light fixed-header">
+            <i class="mdi mdi-format-list-checks font-22"></i>
+            <span class="header-title">TO DOs</span>
+        </h6>
+        <div class="scrollable-content">
+            <ul class="list-unstyled" id="messages-list-2">
+                <!-- Pending action list items go here -->
+            </ul>
+        </div>
+    </div> <!-- end simplebar -->
+</div>
+
+<!-- /Right-bar -->
+
+<!-- Right bar overlay-->
+<div class="rightbar-overlay"></div>
+
+<!-- Vendor js -->
+<script src="<?= base_url() . "public"; ?>/assets/js/vendor.min.js"></script>
+
+<!-- KNOB JS -->
+<script src="<?= base_url() . "public"; ?>/assets/libs/jquery-knob/jquery.knob.min.js"></script>
+<!-- Apex js-->
+<script src="<?= base_url() . "public"; ?>/assets/libs/apexcharts/apexcharts.min.js"></script>
+
+<!-- third party js -->
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons/js/buttons.flash.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/datatables.net-select/js/dataTables.select.min.js"></script>
+<!-- <script src="<?= base_url() . "public"; ?>/assets/libs/pdfmake/build/pdfmake.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/pdfmake/build/vfs_fonts.js"></script> -->
+<!-- third party js ends -->
+
+<script src="<?= base_url() . "public"; ?>/assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/moment/min/moment.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
+
+
+<!-- Datatables init -->
+<!-- <script src="<?= base_url() . "public"; ?>/assets/js/pages/datatables.init.js"></script> -->
+
+
+<script src="<?= base_url() . "public"; ?>/assets/js/pages/tickets.init.js"></script>
+
+<!-- Plugins js-->
+<script src="<?= base_url() . "public"; ?>/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-us-merc-en.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/libs/parsleyjs/parsley.min.js"></script>
+
+<!-- Dashboard init-->
+<script src="<?= base_url() . "public"; ?>/assets/js/pages/dashboard-analytics.init.js"></script>
+
+<!-- Validation init js-->
+<script src="<?= base_url() . "public"; ?>/assets/js/pages/form-validation.init.js"></script>
+
+<!-- App js -->
+<script src="<?= base_url() . "public"; ?>/assets/js/app.min.js"></script>
+
+
+<!-- Sweet Alert CDN -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-multiselect@1.1.0/dist/js/bootstrap-multiselect.min.js"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" />
+
+<script src="https://cdn.jsdelivr.net/npm/toastr@2.1.4/toastr.min.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/toastr@2.1.4/build/toastr.min.css" rel="stylesheet">
+
+<!-- flatpicker datepicker -->
+<link href="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.js"></script>
+
+<!-- bootstrap datepicker -->
+<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.10.0/js/bootstrap-datepicker.min.js"></script> -->
+
+<script src="<?= base_url() . "public"; ?>/assets/js/pages/jquery.xeditable.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/js/form-xeditable.init.js"></script>
+<script src="<?= base_url() . "public"; ?>/assets/js/bootstrap-editable.min.js"></script>
+
+<!-- Jodit Js  -->
+<script src="<?= base_url() . "public"; ?>/assets/js/jodit.min.js"></script>
+
+<!-- select2 -->
+<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+
+
+<script src="https://cdn.datatables.net/plug-ins/2.0.8/sorting/scientific.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js"></script>
+
+
+<script>
+    toastr.options = {
+        "timeOut": 5000,
+        "closeButton": true,
+    };
+</script>
+<script>
+    $(document).ready(function() {
+
+
+        var pageName = "<?= esc($page_name ?? '') ?>";
+
+        var titleHtml = (pageName && pageName !== "Dashboard") ?
+            `<h3 style="margin-right:5px !important;">${pageName}</h3>` :
+            " ";
+
+        if (pageName && pageName == "Dashboard") {
+            titleHtml = `<h6 style="margin-right:5px !important;">Welcome <?= esc(get_session_userdata()->first_name ?? 'NOT SET') ?></h6>
+                     <h3>Dashboard</h3>`;
+        }
+
+
+        $(".top-navbar-title").html(titleHtml);
+
+
+        $('#collapseOne').on('show.bs.collapse', function() {
+            // When open
+            $('#icon').removeClass('mdi-chevron-down').addClass('mdi-chevron-up');
+            // $('#filterAccordion').removeAttr("style"); // remove bg/border when open
+        });
+
+        $('#collapseOne').on('hide.bs.collapse', function() {
+            // When closed
+            $('#icon').removeClass('mdi-chevron-up').addClass('mdi-chevron-down');
+            // $('#filterAccordion').css({
+            //     "background-color": "#F5FFFF",
+            //     "border": "2px solid #F5FFFF",
+            //     "border-radius": "10px",
+            //     "box-shadow": "0px 4px 4px 0px #00000040"
+            // });
+        });
+
+        const observer = new MutationObserver(() => {
+            document.querySelectorAll('.select2-search__field').forEach(el => {
+                el.style.setProperty('box-shadow', 'none', 'important');
+            });
+        });
+
+        observer.observe(document.body, { childList: true, subtree: true });
+    });
+</script>
+<script>
+    var pullNotificationCount = 0;
+    var pendingActionCount = 0;
+
+    $(document).ready(function() {
+
+
+        function fetchMessages() {
+
+            $.ajax({
+                url: '<?= base_url('dashboard/get-notification') ?>',
+                method: 'GET',
+                success: function(response) {
+
+                    // console.log('responce', response)
+
+                    if (response.status == false) {
+                        $('#notification_count').html('0')
+                        console.log('The session is not set correctly. ')
+                        return;
+                    }
+
+                    let messagesList = $('#messages-list');
+                    messagesList.empty();
+
+                    var html = "";
+
+                    pullNotificationCount = response.message.length
+
+
+
+                    localStorage.setItem('pullNotificationCount', pullNotificationCount)
+
+                    response.message.forEach(message => {
+
+                        // if (!message.is_read) {
+                        //     unreadCount++;
+                        // }
+
+                        var jasonDecodeData = JSON.parse(message.message_text)
+
+                        var toast_body_css = 'background : #bfd7eb !important;';
+                        var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                        var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
+                        var toast_status_word = 'Success';
+
+                        if (jasonDecodeData.msg_status == 'failure') {
+
+                            toast_body_css = 'background : #fdcfcf !important;';
+                            toast_head_css = 'background-color : rgb(235 105 105 / 85%) !important; color :#000; border-bottom: 0;';
+                            toast_icon = 'mdi mdi-information mr-auto'
+                            toast_status_word = 'Failure';
+
+                        } else if (jasonDecodeData.msg_status == 'success') {
+
+                            toast_body_css = 'background : #bfd7eb !important;';
+                            toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                            toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto'
+                            toast_status_word = 'Success';
+                        }
+
+                        var html = ` <li data-id="${message.id}" data-url="${jasonDecodeData.action_url != undefined && jasonDecodeData.action_url != "" ? jasonDecodeData.action_url : 'dashboard/view'}">
+                                        <div class="p-3">
+                                            <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
+                                                <div class="toast-header " style="${toast_head_css}" >
+                                                    <strong class="${toast_icon}">   ${toast_status_word}</strong>
+                                                    <button type="button" class="ml-2 mb-1 close rm_msg" data-dismiss="toast" aria-label="Close">
+                                                        <span aria-hidden="true">&times;</span>
+                                                    </button> 
+                                                </div>
+                                                <div class="toast-body" style="${toast_body_css}">
+                                                <strong>${jasonDecodeData.msg_title ? jasonDecodeData.msg_title : ''}</strong> <br><br>
+                                                    <small style="position: relative;bottom: 8px;">${jasonDecodeData.message_text}</small>
+                                                    <div class="toast-footer">
+                                                         <a href="#" class="redirect_page" data-toggle="tooltip" data-placement="bottom" title="Click Go to the Page"><small style="margin-right: 25px;position: relative;top: 2px;">${jasonDecodeData.action_url != undefined && jasonDecodeData.action_url != "" ? 'see more' : ''}</small></a>
+                                                        <small style="position: relative;top: 2px;left: 5px;font-size: 10px;">${formatDate(message.created_at)}</small>
+                                                    </div>                                                
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </li>`
+
+
+                        messagesList.append(html);
+                        $(function() {
+                            $('[data-toggle="tooltip"]').tooltip();
+                        });
+                    });
+                },
+                error: function(xhr, status, error) {
+                    console.error(xhr.responseText); // Log the error response
+                }
+            });
+
+            let PNCount = parseInt(localStorage.getItem('pullNotificationCount'));
+            let PACount = parseInt(localStorage.getItem('pendingActionCount'));
+
+            totalcount = PNCount + PACount
+            $('#notification_count').html(totalcount);
+
+        }
+
+        function acknowledgeMessage(messageId) {
+            $.ajax({
+                url: '<?= base_url('dashboard/acknowledge-notification/') ?>' + messageId,
+                method: 'GET',
+                success: function(response) {
+                    fetchMessages();
+                },
+                error: function(xhr, status, error) {
+                    console.error(xhr.responseText); // Log the error response
+                }
+            });
+        }
+
+        $('#messages-list').on('click', 'li', function(event) {
+
+            //console.log('messages-list click li')
+
+            if ($(event.target).closest('.rm_msg').length > 0) {
+
+                //console.log('.rm_msg')
+
+                let messageId = $(this).data('id');
+                let url = $(this).data('url');
+                acknowledgeMessage(messageId);
+
+                $(this).delay(300).fadeOut('slow', function() {
+                    $(this).remove();
+                });
+
+            } else if ($(event.target).closest('.redirect_page').length > 0) {
+
+                //console.log('redirect_page')
+
+                let messageId = $(this).data('id');
+                let url = $(this).data('url');
+                //console.log('url : ', url)
+                acknowledgeMessage(messageId);
+
+                window.location.href = '<?= base_url() ?>' + url;
+            }
+
+
+        });
+
+        // fetchMessages();
+
+        // setInterval(fetchMessages, 60000); // Fetch messages every sixty seconds
+    });
+
+    $(document).ready(function() {
+
+        function fetchPendingAction() {
+
+            $.ajax({
+
+                url: '<?= base_url('dashboard/get-pending-action') ?>',
+                method: 'GET',
+                success: function(response) {
+
+                    console.log(response);
+
+                    if (response.length == 0) {
+
+                        pendingActionCount = 0;
+                        localStorage.setItem('pendingActionCount', pendingActionCount);
+                    }
+
+                    for (let key in response) {
+                        // console.log(response[key].length)
+                        // console.log('type', typeof response[key].length)
+                        // console.log('key', response[key])
+                        if (response[key].length != 'undefined' && response[key].length != undefined) {
+                            pendingActionCount = pendingActionCount + response[key].length;
+                        }
+                    }
+
+                    console.log(pendingActionCount);
+
+                    let messagesList = $('#messages-list-2');
+                    messagesList.empty();
+
+
+                    if (response.inception) {
+                        $.each(response.inception, function(index, item) {
+
+                            var queryParams = {
+                                client_id: item.client_id,
+                                client_policy_id: item.client_policy_id,
+                                client_branch_id: item.branch_id,
+                                actions: 'inception'
+                            };
+
+                            const queryString = objectToQueryString(queryParams);
+
+                            var url = 'employee/upload?' + queryString
+                            ////console.log(url)
+
+
+                            var toast_body_css = 'background : #bfd7eb !important;';
+                            var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                            var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
+                            var toast_status_word = 'Info';
+
+                            if (!item.branch_name.toLowerCase().includes('branch')) {
+
+                                //console.log(item.branch_name)
+                                item.branch_name += ' branch';
+                            }
+
+                            ////console.log(item.branch_name);
+
+                            var toast_body_data = item.client_name + '( ' + item.branch_name + ' ) ' + ' - ' + item.policy_name;
+
+                            ////console.log(toast_body_data);
+
+                            var html = ` <li data-id="" data-url="${url}">
+                                            <div class="p-3">
+                                                <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
+                                                    <div class="toast-header " style="${toast_head_css}" >
+                                                        <strong class="${toast_icon}">   ${toast_status_word}</strong>
+                                                        <button type="button" class="ml-2 mb-1 close rm_msg" data-dismiss="toast" aria-label="Close">
+                                                            <span aria-hidden="true">&times;</span>
+                                                        </button> 
+                                                    </div>
+                                                    <div class="toast-body" style="${toast_body_css}">
+                                                    <strong>Inception Pending</strong><br><br>
+                                                        <small style="position: relative;bottom: 8px;">${toast_body_data}</small>
+                                                        <div class="toast-footer">
+                                                            <a href="#" class="redirect_page" data-toggle="tooltip" data-placement="bottom" title="Click Go to the Page"><small style="margin-right: 142px;position: relative;top: 2px;">see more</small></a>
+                                                            <small style="position: relative;top: 2px;left: 5px;font-size: 10px;"></small>
+                                                        </div>                                                
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </li>`
+
+
+                            messagesList.append(html);
+
+                        });
+                    } else {
+                        console.log('response.inception is undefined or null');
+                    }
+
+                    if (response.correction) {
+                        $.each(response.correction, function(index, item) {
+                            if (item.batch_export_count == 0 || item.batch_import_count == 0) {
+
+
+                                var queryParams = {
+                                    client_id: item.client_id,
+                                    client_branch_id: item.branch_id,
+                                    event: 'correction',
+                                    actions: 'export',
+                                    insurer_or_tpa: 'tpa',
+                                };
+
+                                const queryString = objectToQueryString(queryParams);
+
+                                var url = 'employee/upload?' + queryString + '#KYC-DOC-tab'
+                                ////console.log(url)
+
+
+                                var toast_body_css = 'background : #bfd7eb !important;';
+                                var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                                var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
+                                var toast_status_word = 'Info';
+
+                                var title = 'Correction Pending';
+
+
+                                if (!item.branch_name.toLowerCase().includes('branch')) {
+
+                                    //console.log(item.branch_name)
+                                    item.branch_name += ' branch';
+
+                                }
+
+                                ////console.log(item.branch_name);
+
+                                // if (item.batch_export_count > 0) {
+
+                                //     title = 'Correction Import Pending';
+                                // }
+
+                                var toast_body_data = item.client_name + ' - ' + item.branch_name;
+                                ////console.log(toast_body_data);
+
+                                var html = ` <li data-id="" data-url="${url}">
+                                    <div class="p-3">
+                                        <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
+                                            <div class="toast-header " style="${toast_head_css}" >
+                                                <strong class="${toast_icon}">   ${toast_status_word}</strong>
+                                                <button type="button" class="ml-2 mb-1 close rm_msg" data-dismiss="toast" aria-label="Close">
+                                                    <span aria-hidden="true">&times;</span>
+                                                </button> 
+                                            </div>
+                                            <div class="toast-body" style="${toast_body_css}">
+                                            <strong>${title}</strong><br><br>
+                                                <small style="position: relative;bottom: 8px;">${toast_body_data}</small>
+                                                <div class="toast-footer">
+                                                    <a href="#" class="redirect_page" data-toggle="tooltip" data-placement="bottom" title="Click Go to the Page"><small style="margin-right: 142px;position: relative;top: 2px;">see more</small></a>
+                                                    <small style="position: relative;top: 2px;left: 5px;font-size: 10px;"></small>
+                                                </div>                                                
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>`
+
+
+                                messagesList.append(html);
+
+                            }
+                        });
+                    } else {
+                        console.log('response.correction is undefined or null');
+                    }
+
+                    if (response.deletion) {
+                        $.each(response.deletion, function(index, item) {
+
+                            if (item.batch_export_count == 0 || item.batch_import_count == 0) {
+
+
+                                var queryParams = {
+
+                                    client_id: item.client_id,
+                                    client_policy_id: item.client_policy_id,
+                                    client_branch_id: item.branch_id,
+                                    event: 'deletion',
+                                    actions: 'export',
+                                    insurer_or_tpa: 'tpa',
+
+                                };
+
+                                const queryString = objectToQueryString(queryParams);
+
+                                var url = 'employee/upload?' + queryString + '#KYC-DOC-tab'
+                                ////console.log(url)
+
+
+                                var toast_body_css = 'background : #bfd7eb !important;';
+                                var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                                var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
+                                var toast_status_word = 'Info';
+                                var title = 'Deletion Pending';
+
+
+                                if (!item.branch_name.toLowerCase().includes('branch')) {
+
+                                    //console.log(item.branch_name)
+                                    item.branch_name += ' branch';
+
+                                }
+
+                                ////console.log(item.branch_name);
+
+                                // if (item.batch_export_count > 0) {
+
+                                //     title = 'Deletion Import Pending';
+                                // }
+
+                                var toast_body_data = item.client_name + '( ' + item.branch_name + ' ) ' + ' - ' + item.policy_name;
+                                ////console.log(toast_body_data);
+
+                                var html = ` <li data-id="" data-url="${url}">
+                                                <div class="p-3">
+                                                    <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
+                                                        <div class="toast-header " style="${toast_head_css}" >
+                                                            <strong class="${toast_icon}">   ${toast_status_word}</strong>
+                                                            <button type="button" class="ml-2 mb-1 close rm_msg" data-dismiss="toast" aria-label="Close">
+                                                                <span aria-hidden="true">&times;</span>
+                                                            </button> 
+                                                        </div>
+                                                        <div class="toast-body" style="${toast_body_css}">
+                                                        <strong>${title}</strong><br><br>
+                                                            <small style="position: relative;bottom: 8px;">${toast_body_data}</small>
+                                                            <div class="toast-footer">
+                                                                <a href="#" class="redirect_page" data-toggle="tooltip" data-placement="bottom" title="Click Go to the Page"><small style="margin-right: 142px;position: relative;top: 2px;">see more</small></a>
+                                                                <small style="position: relative;top: 2px;left: 5px;font-size: 10px;"></small>
+                                                            </div>                                                
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </li>`
+
+
+                                messagesList.append(html);
+
+                            }
+
+                        });
+                    } else {
+                        console.log('response.deletion is undefined or null');
+
+                    }
+
+                    if (response.si_enhancement) {
+                        $.each(response.si_enhancement, function(index, item) {
+                            if (item.batch_export_count == 0 || item.batch_import_count == 0) {
+
+
+                                var queryParams = {
+                                    client_id: item.client_id,
+                                    client_policy_id: item.client_policy_id,
+                                    client_branch_id: item.branch_id,
+                                    event: 'si_enhancement',
+                                    actions: 'export',
+                                    insurer_or_tpa: 'tpa',
+                                };
+
+                                const queryString = objectToQueryString(queryParams);
+
+                                var url = 'employee/upload?' + queryString + '#KYC-DOC-tab'
+                                ////console.log(url)
+
+
+                                var toast_body_css = 'background : #bfd7eb !important;';
+                                var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                                var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
+                                var toast_status_word = 'Info';
+                                var title = 'SI Enhancement Pending';
+
+
+                                if (!item.branch_name.toLowerCase().includes('branch')) {
+
+                                    //console.log(item.branch_name)
+                                    item.branch_name += ' branch';
+
+                                }
+
+                                ////console.log(item.branch_name);
+
+                                // if (item.batch_export_count > 0) {
+
+                                //     title = 'SI Enhancement Import Pending';
+                                // }
+
+                                var toast_body_data = item.client_name + '( ' + item.branch_name + ' ) ' + ' - ' + item.policy_name;
+                                ////console.log(toast_body_data);
+
+                                var html = ` <li data-id="" data-url="${url}">
+                                                <div class="p-3">
+                                                    <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
+                                                        <div class="toast-header " style="${toast_head_css}" >
+                                                            <strong class="${toast_icon}">   ${toast_status_word}</strong>
+                                                            <button type="button" class="ml-2 mb-1 close rm_msg" data-dismiss="toast" aria-label="Close">
+                                                                <span aria-hidden="true">&times;</span>
+                                                            </button> 
+                                                        </div>
+                                                        <div class="toast-body" style="${toast_body_css}">
+                                                        <strong>${title}</strong><br><br>
+                                                            <small style="position: relative;bottom: 8px;">${toast_body_data}</small>
+                                                            <div class="toast-footer">
+                                                                <a href="#" class="redirect_page" data-toggle="tooltip" data-placement="bottom" title="Click Go to the Page"><small style="margin-right: 142px;position: relative;top: 2px;">see more</small></a>
+                                                                <small style="position: relative;top: 2px;left: 5px;font-size: 10px;"></small>
+                                                            </div>                                                
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </li>`
+
+
+                                messagesList.append(html);
+
+                            }
+
+                        });
+                    } else {
+                        console.log('response.si_enhancement is undefined or null');
+
+                    }
+
+                    if (response.tpa) {
+                        $.each(response.tpa, function(index, item) {
+                            if (item.batch_export_count == 0 || item.batch_import_count == 0) {
+
+
+                                var queryParams = {
+                                    client_id: item.client_id,
+                                    client_policy_id: item.client_policy_id,
+                                    client_branch_id: item.branch_id,
+                                    event: 'inception',
+                                    insurer_or_tpa: 'tpa',
+                                    actions: 'export',
+                                };
+
+                                const queryString = objectToQueryString(queryParams);
+
+                                var url = 'employee/upload?' + queryString + '#KYC-DOC-tab'
+                                ////console.log(url)
+
+
+                                var toast_body_css = 'background : #bfd7eb !important;';
+                                var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                                var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
+                                var toast_status_word = 'Info';
+                                var title = 'TPA Pending';
+
+                                if (!item.branch_name.toLowerCase().includes('branch')) {
+
+                                    //console.log(item.branch_name)
+                                    item.branch_name += ' branch';
+
+                                }
+
+                                ////console.log(item.branch_name);
+
+                                // if (item.batch_export_count > 0) {
+
+                                //     title = 'TPA Import Pending';
+                                // }
+
+                                var toast_body_data = item.client_name + '( ' + item.branch_name + ' ) ' + ' - ' + item.policy_name;
+                                ////console.log(toast_body_data);
+
+                                var html = ` <li data-id="" data-url="${url}">
+                                            <div class="p-3">
+                                                <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
+                                                    <div class="toast-header " style="${toast_head_css}" >
+                                                        <strong class="${toast_icon}">   ${toast_status_word}</strong>
+                                                        <button type="button" class="ml-2 mb-1 close rm_msg" data-dismiss="toast" aria-label="Close">
+                                                            <span aria-hidden="true">&times;</span>
+                                                        </button> 
+                                                    </div>
+                                                    <div class="toast-body" style="${toast_body_css}">
+                                                    <strong>${title}</strong><br><br>
+                                                        <small style="position: relative;bottom: 8px;">${toast_body_data}</small>
+                                                        <div class="toast-footer">
+                                                            <a href="#" class="redirect_page" data-toggle="tooltip" data-placement="bottom" title="Click Go to the Page"><small style="margin-right: 142px;position: relative;top: 2px;">see more</small></a>
+                                                            <small style="position: relative;top: 2px;left: 5px;font-size: 10px;"></small>
+                                                        </div>                                                
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </li>`
+
+
+                                messagesList.append(html);
+
+                            }
+                        });
+                    } else {
+                        console.log('response.tpa is undefined or null');
+
+                    }
+
+                    if (response.uhid) {
+                        $.each(response.uhid, function(index, item) {
+                            if (item.batch_export_count == 0 || item.batch_import_count == 0) {
+
+                                var queryParams = {
+
+                                    client_id: item.client_id,
+                                    client_policy_id: item.client_policy_id,
+                                    client_branch_id: item.branch_id,
+                                    event: 'inception',
+                                    insurer_or_tpa: 'insurer',
+                                    actions: 'export',
+                                };
+
+                                const queryString = objectToQueryString(queryParams);
+
+                                var url = 'employee/upload?' + queryString + '#KYC-DOC-tab'
+                                //console.log(url)
+
+                                var toast_body_css = 'background : #bfd7eb !important;';
+                                var toast_head_css = 'background-color : rgb(2, 168, 181) !important; color :#000; border-bottom: 0;';
+                                var toast_icon = 'mdi mdi-checkbox-marked-circle mr-auto';
+                                var toast_status_word = 'Info';
+                                var title = 'Insurer Pending';
+
+
+                                if (!item.branch_name.toLowerCase().includes('branch')) {
+
+                                    //console.log(item.branch_name)
+                                    item.branch_name += ' branch';
+
+                                }
+
+                                ////console.log(item.branch_name);
+
+                                // if (item.batch_export_count > 0) {
+
+                                //     title = 'Insurer Import Pending';
+                                // }
+
+                                var toast_body_data = item.client_name + '( ' + item.branch_name + ' ) ' + ' - ' + item.policy_name;
+                                ////console.log(toast_body_data);
+
+                                var html = ` <li data-id="" data-url="${url}">
+                                                <div class="p-3">
+                                                    <div class="toast fade show" role="alert" aria-live="assertive" aria-atomic="true" data-toggle="toast">
+                                                        <div class="toast-header " style="${toast_head_css}" >
+                                                            <strong class="${toast_icon}">   ${toast_status_word}</strong>
+                                                            <button type="button" class="ml-2 mb-1 close rm_msg" data-dismiss="toast" aria-label="Close">
+                                                                <span aria-hidden="true">&times;</span>
+                                                            </button> 
+                                                        </div>
+                                                        <div class="toast-body" style="${toast_body_css}">
+                                                        <strong>${title}</strong><br><br>
+                                                            <small style="position: relative;bottom: 8px;">${toast_body_data}</small>
+                                                            <div class="toast-footer">
+                                                                <a href="#" class="redirect_page" data-toggle="tooltip" data-placement="bottom" title="Click Go to the Page"><small style="margin-right: 142px;position: relative;top: 2px;">see more</small></a>
+                                                                <small style="position: relative;top: 2px;left: 5px;font-size: 10px;"></small>
+                                                            </div>                                                
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </li>`
+
+
+                                messagesList.append(html);
+
+                            }
+                        });
+                    } else {
+                        console.log('response.uhid is undefined or null');
+                    }
+                    localStorage.setItem('pendingActionCount', pendingActionCount)
+
+                },
+                error: function(xhr, status, error) {
+                    console.error(xhr.responseText); // Log the error response
+                }
+
+            });
+        }
+
+        // fetchPendingAction()
+
+        $('#messages-list-2').on('click', 'li', function(event) {
+
+            //console.log('messages-list-2 click li')
+
+            if ($(event.target).closest('.rm_msg').length > 0) {
+
+                //console.log('.rm_msg')
+
+                $(this).delay(300).fadeOut('slow', function() {
+                    $(this).remove();
+                });
+
+            } else if ($(event.target).closest('.redirect_page').length > 0) {
+
+                //console.log('redirect_page')
+
+                let url = $(this).data('url');
+                //console.log('url : ', url);
+
+                window.location.href = '<?= base_url() ?>' + url;
+            }
+
+
+        });
+    })
+
+    function objectToQueryString(obj) {
+        return Object.keys(obj).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join('&');
+    }
+</script>
+
+
+<script>
+    function formatDate(dateString) {
+        // Parse the input date string
+        let date = new Date(dateString);
+
+        // Define months array
+        const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
+        // Extract day, month, year, hours, and minutes
+        let day = date.getDate();
+        let month = months[date.getMonth()];
+        let year = date.getFullYear();
+        let hours = date.getHours();
+        let minutes = date.getMinutes();
+
+        // Convert hours to 12-hour format
+        let period = hours >= 12 ? 'pm' : 'am';
+        hours = hours % 12;
+        hours = hours ? hours : 12; // Handle midnight (0 hours)
+
+        // Format the time string
+        let timeString = ('0' + hours).slice(-2) + ':' + ('0' + minutes).slice(-2) + ' ' + period;
+
+        // Format the date string
+        let formattedDate = day + '-' + month + '-' + year + ' ' + timeString;
+
+        return formattedDate;
+    }
+
+    function printCurrentTime() {
+        var now = new Date();
+        var hours = now.getHours().toString().padStart(2, '0');
+        var minutes = now.getMinutes().toString().padStart(2, '0');
+        var seconds = now.getSeconds().toString().padStart(2, '0');
+        var currentTime = hours + ':' + minutes + ':' + seconds;
+        // console.log("Current Time:", currentTime);
+
+        return currentTime;
+    }
+</script>
+
+<script>
+    function checkDuplicateTableFieldValue(tableName, fieldName, value, callback) {
+        $.ajax({
+            url: '<?= base_url('util/checkDuplicateTableFieldValue') ?>', // Adjust this to your endpoint in CodeIgniter
+            type: 'POST',
+            data: {
+                table: tableName,
+                field: fieldName,
+                value: value
+            },
+            dataType: 'json',
+            success: function(response) {
+                if (typeof callback === 'function') {
+                    callback(response.isDuplicate); // Pass the result to the callback
+                }
+            },
+            error: function(xhr, status, error) {
+                console.error('AJAX Error:', error);
+            }
+        });
+    }
+
+    function sendAjaxRequestForGlobal(url, method, data = {}, successCallback = null, errorCallback = null) {
+        $.ajax({
+            url: url,
+            method: method,
+            data: data,
+            dataType: 'json', // Expected response type
+            success: function(response) {
+                // If a success callback is provided, call it with the response
+                if (successCallback) {
+                    successCallback(response);
+                }
+            },
+            error: function(xhr, status, error) {
+                // Handle errors if provided error callback
+                if (errorCallback) {
+                    errorCallback(xhr, status, error);
+                } else {
+                    console.error('AJAX Error:', error);
+                }
+            }
+        });
+    }
+
+    function confirmActionSweertAlert(message = "Are you sure?", confirmText = "Yes, Proceed!", cancelText = "Cancel", icon = "warning") {
+        return Swal.fire({
+            title: message,
+            icon: icon,
+            showCancelButton: true,
+            confirmButtonColor: "#3085d6",
+            cancelButtonColor: "#d33",
+            confirmButtonText: confirmText,
+            cancelButtonText: cancelText
+        }).then((result) => {
+            return result.isConfirmed; // Returns true if confirmed, false otherwise
+        });
+    }
+</script>
+
+<script>
+    function restoreDashboardHistoryIfNeeded() {
+
+        const dashboardHistoryString = localStorage.getItem('dashboardHistory');
+
+        if (!dashboardHistoryString) {
+            console.log("dashboardHistory not found");
+            return;
+        }
+
+        const dashboardHistory = JSON.parse(dashboardHistoryString);
+
+        if (window.location.href === dashboardHistory.dashboard_url) {
+            const tabSelector = dashboardHistory.tab;
+            if (tabSelector) {
+                const tabElement = document.querySelector(`a[href="${tabSelector}"]`);
+                if (tabElement) {
+                    tabElement.click();
+                }
+            }
+
+            const functionName = dashboardHistory.function_name;
+            const params = dashboardHistory.tile_params;
+
+            if (functionName && typeof window[functionName] === 'function') {
+                if (params.majorType == 0 && params.minorType == 0) {
+                    window[functionName]();
+                } else {
+                    window[functionName](params.majorType, params.minorType);
+                }
+
+            }
+
+            console.log("inside location match");
+        }
+    }
+
+    // Run on popstate (back/forward buttons)
+    window.addEventListener('popstate', restoreDashboardHistoryIfNeeded);
+
+    // Run on page load (refresh)
+    window.addEventListener('DOMContentLoaded', () => {
+        // slight delay ensures DOM/tab loads completely
+        setTimeout(restoreDashboardHistoryIfNeeded, 100);
+    });
+</script>
+
+<script>
+    $(document).ready(function() {
+        const activeItem = localStorage.getItem("activeLi");
+        if (activeItem) {
+            $('.li-seperate a').removeClass('img-active').addClass('img-inactive');
+            $('#' + activeItem).children('a').first().removeClass('img-inactive').addClass('img-active');
+        }
+
+        $('.li-seperate').on('click', function() {
+            // reset all anchors
+            $('.li-seperate a').removeClass('img-active').addClass('img-inactive');
+
+            // only the immediate <a> inside this <li>
+            $(this).children('a').first().removeClass('img-inactive').addClass('img-active');
+
+            localStorage.setItem("activeLi", $(this).attr("id"));
+        });
+    });
+</script>
+
+
+<script>
+    $(document).ready(function() {
+        $('.nav-link').click(function() {
+
+            // change bg color of tab
+            $('.nav-link').removeClass('active-tab');
+            $(this).addClass('active-tab');
+
+
+
+        });
+    });
+
+    $(document).ready(function() {
+        // find all nav anchors
+        let $nav = $("ul.nav.nav-pills.navtab-bg");
+
+        // check if no anchor has active classes
+        if ($nav.find("a.active.active-tab").length === 0) {
+            // add classes to the first anchor
+            $nav.find("li:first-child a").addClass("active active-tab");
+
+            // also need to find the tab name and show only active image
+            // let tab_name = $nav.find("li:first-child a").attr('href').split('-')[0];
+
+            let href = $nav.find("li:first-child a").attr('href');
+            let tab_name = href ? href.split('-')[0] : '';
+
+            tab_name = tab_name.replace('#', '');
+
+
+            switch (tab_name) {
+                case "leads":
+                    $('.active_leads').show();
+                    $('.inactive_leads').hide();
+                    break;
+                case "bds":
+                    $('.active_bds').show();
+                    $('.inactive_bds').hide();
+                    break;
+                case "claims":
+                    $('.active_claims').show();
+                    $('.inactive_claims').hide();
+                    break;
+                case "pending":
+                    $('.active_pending').show();
+                    $('.inactive_pending').hide();
+                    break;
+                default:
+                    break;
+            }
+
+        }
+    });
+
+$(function(){
+    let $nav = $("#myTab");
+
+    $(".left-btn").on("click", function(){
+        $nav.stop().animate({ scrollLeft: $nav.scrollLeft() - 150 }, 200);
+    });
+
+    $(".right-btn").on("click", function(){
+        $nav.stop().animate({ scrollLeft: $nav.scrollLeft() + 150 }, 200);
+    });
+});
+
+
+    // function openModal(modalId) {
+    //     console.log('openModal called with ID:', modalId);
+    //     var modalEl = document.getElementById(modalId);
+
+    //     if (typeof bootstrap !== "undefined" && bootstrap.Modal && typeof bootstrap.Modal.getOrCreateInstance === "function") {
+    //         // ✅ Bootstrap 5
+    //         var modal = bootstrap.Modal.getOrCreateInstance(modalEl);
+    //         modal.show();
+    //     } else if (typeof $ !== "undefined" && typeof $.fn.modal === "function") {
+    //         // ✅ Bootstrap 4
+    //         $('#' + modalId).modal('show');
+    //     } else {
+    //         console.error("No compatible Bootstrap modal found.");
+    //     }
+    // }
+</script>
+
+
+<script>
+        $(document).ready(function(){
+        $('.nav-link').click(function(){
+
+        // change bg color of tab
+            $('.nav-link').removeClass('active-tab');
+            $(this).addClass('active-tab');
+        
+
+
+        });
+    });
+</script>
+
+<script>
+    function closeModalById(modalId) {
+        // Get the modal element
+        var modal = document.getElementById(modalId);
+        if (!modal) return; // Exit if no modal found
+
+        // Hide it by removing "show" or "in" classes and setting display:none
+        modal.style.display = 'none';
+        modal.classList.remove('in', 'show'); // 'in' for BS3, 'show' for BS4/5
+        modal.setAttribute('aria-hidden', 'true');
+        modal.removeAttribute('aria-modal'); // optional
+        modal.removeAttribute('role'); // optional
+
+        // Remove backdrop if present
+        var backdrop = document.querySelector('.modal-backdrop');
+        if (backdrop) backdrop.remove();
+
+        // Allow page scrolling again
+        document.body.classList.remove('modal-open');
+    }
+
+</script>
+
+<script>
+    
+    const insurer_category = {
+        1: "general", 2: "general", 3: "general", 4: "general", 5: "general",
+        6: "life", 7: "life", 8: "general", 9: "general", 10: "general",
+        11: "general", 12: "general", 13: "general", 14: "general", 15: "general",
+        16: "general", 17: "general", 18: "general", 19: "general", 20: "general",
+        21: "general", 22: "general", 23: "general", 24: "general", 25: "general",
+        26: "general", 27: "general", 28: "general", 29: "general", 30: "general",
+        31: "general", 32: "life", 33: "general", 34: "life", 35: "general",
+        36: "general", 37: "general", 38: "general", 39: "life", 40: "general",
+        41: "general", 42: "general", 43: "general", 44: "general", 45: "general",
+        46: "general", 47: "general", 48: "general", 49: "general", 50: "general",
+        51: "general", 52: "general", 53: "general", 54: "general", 55: "general",
+        56: "general", 57: "general", 58: "general", 59: "general", 60: "general",
+        61: "general", 62: "general", 63: "general", 64: "general", 65: "general",
+        66: "general", 67: "general", 68: "general", 69: "general", 70: "general",
+        71: "general"
+    };
+
+    function appendInsurerByCategory(data, object, type) 
+    {   
+        return true;
+
+        $(object).empty();
+
+        $(object).append($('<option>', {
+            value: '',
+            text: 'Select Insurer'
+        }));
+
+        $.each(data, function(index, item) {
+
+            var displayValue = item.insurer_name + ' - ' + item.branch_code;
+            var dbValue = item.id+'-'+item.insurer_id
+            
+            if(item.category == type){
+
+                var option = $('<option>', {
+                    value: dbValue,
+                    text: displayValue,
+                    'data-id': item.insurer_id,
+                    'data-bid': item.id,
+                    'data-ic': item.category,
+                });
+
+                $(object).append(option);
+            }
+        });
+
+        $(object).select2();
+    }
+
+    // SVR asked - Add padding to input so text doesn’t merge with icon
+    $(document).on('init.dt', function () {
+        $('.dataTables_filter input[type="search"]').css('padding-right', '30px');
+    });
+
+    // SVR asked - Toggle icons
+    $(document).on('input', '.dataTables_filter input', function() {
+        const wrapper = $(this).closest('.datatable-search-wrapper');
+        if ($(this).val()) {
+            wrapper.find('.datatable-search-icon').hide();
+            wrapper.find('.datatable-clear-icon').show();
+        } else {
+            wrapper.find('.datatable-search-icon').show();
+            wrapper.find('.datatable-clear-icon').hide();
+        }
+    });
+
+    // SVR asked - Clear search
+    $(document).on('click', '.datatable-clear-icon', function() {
+        const input = $(this).closest('.datatable-search-wrapper').find('input');
+        input.val('').trigger('input');
+        table.search('').draw();   
+    });
+
+</script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 73c56916..27e88888 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -50,17 +50,18 @@
     <link href="<?= base_url() . "public"; ?>/assets/css/jodit.css" rel="stylesheet" type="text/css" />
 
 
-    <!-- JQuery CDN -->
-    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+   <!-- JQuery CDN -->
+<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
 
-    <!-- Sweet Alert CDN -->
-    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.4/dist/sweetalert2.all.min.js"></script>
+<!-- Sweet Alert CDN -->
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.12.0/dist/sweetalert2.all.min.js"></script>
 
-    <!-- select2 -->
-    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" type="text/css">
+<!-- select2 -->
+<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css">
+
+<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
 
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
 
     <!-- <link rel="manifest" href="../manifest.json"> -->
 
@@ -83,8 +84,8 @@
     </script>
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
+   <!--  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script> -->
     <!-- srinivas -->
 
     <link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
diff --git a/app/Views/layout/header_old_outdated.php b/app/Views/layout/header_old_outdated.php
new file mode 100644
index 00000000..73c56916
--- /dev/null
+++ b/app/Views/layout/header_old_outdated.php
@@ -0,0 +1,2191 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8" />
+    <title><?= isset($tab_name) ? $tab_name : 'NHance'; ?></title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta content="" name="description" />
+    <meta content="NHANCE" name="NHANCE" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+
+
+    <!-- App favicon -->
+    <link rel="shortcut icon" href="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.svg">
+
+    <!-- plugin css -->
+    <link href="<?= base_url() . "public"; ?>/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
+
+    <!-- third party css -->
+    <link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
+    <link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
+    <link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
+    <link href="<?= base_url() . "public"; ?>/assets/libs/datatables.net-select-bs4/css//select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
+    <!-- third party css end -->
+
+    <!-- App css -->
+    <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-creative.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
+    <link href="<?= base_url() . "public"; ?>/assets/css/app-creative.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
+
+    <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-creative-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
+    <link href="<?= base_url() . "public"; ?>/assets/css/app-creative-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
+
+    <!-- icons -->
+    <link href="<?= base_url() . "public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
+
+    <link href="<?= base_url() . "public"; ?>/assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css" />
+    <link href="<?= base_url() . "public"; ?>/assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
+    <link href="<?= base_url() . "public"; ?>/assets/libs/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css">
+
+
+    <!-- <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-material.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" /> -->
+    <!-- <link href="<?= base_url() . "public"; ?>/assets/css/app-material.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" /> -->
+
+
+    <!-- <link href="<?= base_url() . "public"; ?>/assets/css/bootstrap-editable.css" rel="stylesheet" type="text/css" /> -->
+    <link href="https://cdn.jsdelivr.net/npm/remixicon/fonts/remixicon.css" rel="stylesheet">
+
+    <!-- Jodit Css -->
+    <link href="<?= base_url() . "public"; ?>/assets/css/jodit.css" rel="stylesheet" type="text/css" />
+
+
+    <!-- JQuery CDN -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
+    <!-- Sweet Alert CDN -->
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.4/dist/sweetalert2.all.min.js"></script>
+
+    <!-- select2 -->
+    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" type="text/css">
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js"></script>
+
+    <!-- <link rel="manifest" href="../manifest.json"> -->
+
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
+
+    <!-- google icons -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=image" />
+
+
+    <script>
+        // if ('serviceWorker' in navigator) {
+        //     window.addEventListener('load', function() {
+        //         navigator.serviceWorker.register('../service-worker.js').then(function(registration) {
+        //             // console.log('Service Worker registration successful with scope:', registration.scope);
+        //         }, function(err) {
+        //             // console.log('Service Worker registration failed:', err);
+        //         });
+        //     });
+        // }
+    </script>
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
+    <!-- srinivas -->
+
+    <link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
+    <script src="https://editor.unlayer.com/embed.js"></script>
+
+    <!-- MD5 Hash Start  -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-md5/2.19.0/js/md5.min.js"></script>
+
+
+    <!-- MD5 Hash End  -->
+
+    <!-- <script src="<?= base_url('public/unlayer/js/embed.js') . '' ?>"></script> -->
+    <!-- srinivas -->
+
+
+    <script>
+        $(window).on('load', function() {
+            setTimeout(function() {
+                $('.loader').fadeOut();
+                $('.loader-mask').fadeOut('slow');
+            }, 1000);
+        });
+    </script>
+
+
+    <!-- Global section starts -->
+    <style>
+        * {
+            font-family: 'Poppins' !important;
+        }
+
+        .content {
+            min-height: 70vh;
+        }
+
+        .tooltip-inner {
+            color: #fff !important;
+            /* restore white text */
+            background-color: #000 !important;
+            /* keep background black */
+        }
+
+        .container-fluid {
+            padding: 0px 20px 0px 20px !important;
+        }
+
+        .container-fluid-top {
+            padding: 0px 40px 0px 40px !important;
+        }
+
+        body[data-sidebar-size=condensed]:not([data-layout=compact]):not(.auth-fluid-pages) {
+            min-height: 100vh !important;
+        }
+
+        body .content-page {
+            margin-top: 90px !important;
+        }
+    </style>
+
+    <!-- navbar -->
+    <style>
+        .nav-bar {
+            position: fixed !important;
+            z-index: 4;
+            width: 90%;
+            margin-left: 120px !important;
+            background: #fff;
+        }
+
+        .top-navbar-div {
+            display: flex;
+            flex-flow: row;
+            flex-shrink: 1 !important;
+            justify-content: space-between;
+            margin-top: 20px;
+            margin-left: 15px;
+        }
+
+
+        .ul-flex {
+            display: flex;
+            flex-flow: column nowrap;
+            justify-content: center;
+            align-content: space-evenly;
+            flex-shrink: 1;
+        }
+
+
+
+        .nav-flex {
+            display: flex;
+            flex-flow: row nowrap;
+            justify-content: end;
+            justify-content: center;
+            align-items: center;
+            margin-right: 20px;
+        }
+    </style>
+
+    <!-- tab-switch -->
+    <style>
+        .nav-pills,
+        .nav-link {
+            background-color: #F5FFFF !important;
+            color: #00999E !important;
+            border-radius: 10px;
+
+        }
+
+        .nav-pills {
+            background-color: #F5FFFF !important;
+            color: #00999E !important;
+            box-shadow: 0px 2px 4px 0px #00000040;
+            padding-top: 5px;
+        }
+
+        .nav-pills.nav-dash {
+            background-color: white !important;
+            box-shadow: none !important;
+        }
+
+        .nav-pills .nav-dash {
+            background-color: #D4F5F6 !important;
+            border-radius: 10px;
+            color: black !important;
+        }
+
+
+        .nav-link.active-tab {
+            color: white !important;
+            background-color: #00999E !important;
+            font-size: small !important;
+            padding: 8px 16px;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000040;
+
+        }
+
+        .nav-link-btn {
+            color: white !important;
+            background-color: #00999E !important;
+            font-size: small !important;
+            padding: 8px 16px;
+            border-radius: 10px !important;
+        }
+
+        .navtab-bg .nav-link {
+            margin: 5px !important;
+        }
+    </style>
+
+
+
+    <!-- sidebar -->
+    <style>
+        #side-menu .menu-logo a:hover {
+            background-color: transparent !important;
+            color: inherit !important;
+            text-decoration: none !important;
+            box-shadow: none !important;
+        }
+
+
+        #side-menu .menu-logo img {
+            height: 24px;
+            display: inline-block;
+        }
+
+        .left-side-menu {
+            margin-left: 30px;
+            margin-top: 20px;
+            margin-bottom: 5px;
+            border-radius: 25px;
+            background-color: #D4F5F6;
+            z-index: 700;
+            padding: 0 !important;
+            height: 90% !important;
+            display: flex;
+            flex-flow: column wrap;
+        }
+
+        /* every <li> inside should be allowed to shrink */
+        .left-side-menu li {
+            flex-shrink: 1 !important;
+            min-height: 0 !important;
+            /* prevents flex bugs */
+        }
+
+        .left-side-menu ul li:hover>ul {
+            position: relative;
+            z-index: 99999 !important;
+        }
+
+
+
+        .img-inactive {
+            background-color: white;
+            margin: 0px 12px;
+            border-radius: 5px;
+            border: 1px solid white;
+            padding: 8px !important;
+            min-height: 43px !important;
+        }
+
+
+        .li-seperate {
+            margin: 10px 0px;
+        }
+
+        .img-active {
+            background-color: #B7F0F2;
+            margin: 0px 12px;
+            border-radius: 5px;
+            border: 2px solid #00999E;
+            padding: 8px !important;
+            min-height: 43px !important;
+        }
+    </style>
+
+    <!-- rightbar -->
+    <style>
+        .right-bar {
+            width: 300px !important;
+            /* Adjust as needed */
+            overflow: hidden;
+        }
+    </style>
+
+    <!-- Dashboard-tab and header section starts -->
+    <style>
+        .notification-dot {
+            position: absolute;
+            top: 5px;
+            /* adjust depending on icon size */
+            right: 8px;
+            /* adjust depending on icon size */
+            width: 8px;
+            height: 8px;
+            background: red;
+            border-radius: 50%;
+        }
+
+        .dash-tab-font {
+            font-weight: 500 !important;
+            font-size: 0.875rem !important;
+        }
+
+
+        #current_tile,
+        #main_tile,
+        #mainMenuTiles {
+            font-size: 25px !important;
+            font-weight: 600 !important;
+        }
+
+
+
+        .navbar-custom {
+            top: -10px !important;
+            height: 61px !important;
+        }
+
+        .logo-box {
+            top: -10px !important;
+            height: 61px !important;
+        }
+
+        .content-page {
+            padding: 80px 15px 65px 15px !important;
+            min-height: 1000px ;
+        }
+
+        /* Media query for small screens */
+        @media screen and (min-width: 768px) {
+
+            /* Styles for screens with a minimum width of 768px (e.g., tablets and larger devices) */
+            .navbar-custom .button-menu-mobile {
+                display: none;
+                /* Hide the button on larger screens */
+            }
+        }
+    </style>
+
+    <!-- loader section starts   -->
+    <style>
+        .loader div {
+            background-color: #6ad9cf;
+            display: inline-block;
+            float: none;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 50px;
+            height: 50px;
+            opacity: .5;
+            border-radius: 50%;
+            -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
+            animation: ballPulseDouble 2s ease-in-out infinite;
+        }
+
+        .loader div:last-child {
+            -webkit-animation-delay: -1s;
+            animation-delay: -1s;
+        }
+
+        .loader-mask {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: #00000069;
+            z-index: 99999;
+        }
+
+        .loader {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            width: 50px;
+            height: 50px;
+            font-size: 0;
+            color: #00c9d0;
+            display: inline-block;
+            margin: -25px 0 0 -25px;
+            text-indent: -9999em;
+            -webkit-transform: translateZ(0);
+            -ms-transform: translateZ(0);
+            transform: translateZ(0);
+        }
+
+        /* end of loaders */
+    </style>
+
+
+
+    <!-- ticket list specific code -->
+    <style>
+        /*
+        #E26728   (base)
+        #B8521F   (darker 1)
+        #9C461B   (darker 2)
+        #803A16   (darker 3)
+        rgba(226, 103, 40, 0.5)  (transparent)
+
+        #00999E   (base)
+        #007A7E   (darker 1)
+        #006C70   (darker 2)
+        #005D61   (darker 3)
+        rgba(0, 153, 158, 0.5)  (transparent)
+        */
+
+        .app-field-grey {
+            background-color: #ECECEC !important;
+        }
+
+
+        .app-title {
+            font-size: 18px;
+        }
+
+        .app-heading {
+            font-size: 16px;
+        }
+
+        .app-subtitle {
+            font-size: 14px;
+        }
+
+        .app-text {
+            font-size: 12px;
+        }
+
+        .secondary-title {
+            margin-left: 26px;
+            display: flex;
+            align-items: center;
+        }
+
+        .secondary-title i {
+            font-size: 43px;
+        }
+
+        .secondary-title span {
+            position: relative;
+        }
+
+        .font-color-black {
+            color: black;
+        }
+
+
+        .app-text-white {
+            color: #ffffff !important;
+        }
+
+        .app-text-grey {
+            color: #5D5D5D !important;
+        }
+
+        .app-text-primary {
+            color: #00999E !important;
+        }
+
+        .app-text-secondary {
+            color: #E26728 !important;
+        }
+
+        .app-text-success {
+            color: #1abc9c !important;
+        }
+
+
+        a.app-text-primary:hover,
+        a.app-text-primary:focus {
+            color: rgba(0, 153, 158, 0.5) !important;
+        }
+
+        a.app-text-secondary:hover,
+        a.app-text-secondary:focus {
+            color: rgba(226, 103, 40, 0.5) !important;
+        }
+
+        a.app-text-success:hover,
+        a.app-text-success:focus {
+            color: #117964 !important;
+        }
+
+        .app-btn-primary {
+            color: #fff !important;
+            background-color: #00999E;
+            border-color: #00999E;
+        }
+
+        .app-btn-primary:hover {
+            color: #fff !important;
+            background-color: #007A7E;
+            border-color: #006C70;
+        }
+
+        .app-btn-primary:focus,
+        .app-btn-primary.focus {
+            color: #fff !important;
+            background-color: #007A7E;
+            border-color: #006C70;
+            box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
+        }
+
+        .app-btn-primary.disabled,
+        .app-btn-primary:disabled {
+            color: #fff !important;
+            background-color: #00999E;
+            border-color: #00999E;
+        }
+
+        .app-btn-primary:not(:disabled):not(.disabled):active,
+        .app-btn-primary:not(:disabled):not(.disabled).active,
+        .show>.app-btn-primary.dropdown-toggle {
+            color: #fff !important;
+            background-color: #006C70;
+            border-color: #005D61;
+        }
+
+        .app-btn-primary:not(:disabled):not(.disabled):active:focus,
+        .app-btn-primary:not(:disabled):not(.disabled).active:focus,
+        .show>.app-btn-primary.dropdown-toggle:focus {
+            box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
+        }
+
+        .app-btn-secondary {
+            color: #fff !important;
+            background-color: #E26728;
+            border-color: #E26728;
+        }
+
+        .app-btn-secondary:hover {
+            color: #fff !important;
+            background-color: #B8521F;
+            border-color: #9C461B;
+        }
+
+        .app-btn-secondary:focus,
+        .app-btn-secondary.focus {
+            color: #fff !important;
+            background-color: #E26728;
+            border-color: #9C461B;
+            box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
+        }
+
+        .app-btn-secondary.disabled,
+        .app-btn-secondary:disabled {
+            color: #fff !important;
+            background-color: #E26728;
+            border-color: #E26728;
+        }
+
+        .app-btn-secondary:not(:disabled):not(.disabled):active,
+        .app-btn-secondary:not(:disabled):not(.disabled).active,
+        .show>.app-btn-secondary.dropdown-toggle {
+            color: #fff !important;
+            background-color: #9C461B;
+            border-color: #803A16;
+        }
+
+        .app-btn-secondary:not(:disabled):not(.disabled):active:focus,
+        .app-btn-secondary:not(:disabled):not(.disabled).active:focus,
+        .show>.app-btn-secondary.dropdown-toggle:focus {
+            box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
+        }
+
+        .app-btn-outline-primary {
+            color: #000000;
+            border-color: #00999E;
+        }
+
+        .app-btn-outline-primary:hover {
+            color: #ffffff;
+            background-color: #00999E;
+            border-color: #00999E;
+        }
+
+        .app-btn-outline-primary:focus,
+        .app-btn-outline-primary.focus {
+            box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
+        }
+
+        .app-btn-outline-primary.disabled,
+        .app-btn-outline-primary:disabled {
+            color: #000000;
+            background-color: transparent;
+        }
+
+        .app-btn-outline-primary:not(:disabled):not(.disabled):active,
+        .app-btn-outline-primary:not(:disabled):not(.disabled).active,
+        .show>.app-btn-outline-primary.dropdown-toggle {
+            color: #ffffff;
+            background-color: #00999E;
+            border-color: #00999E;
+        }
+
+        .app-btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+        .app-btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+        .show>.app-btn-outline-primary.dropdown-toggle:focus {
+            box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
+        }
+
+        .app-btn-outline-secondary {
+            color: #000000;
+            border-color: #E26728;
+        }
+
+        .app-btn-outline-secondary:hover {
+            color: #ffffff;
+            background-color: #E26728;
+            border-color: #E26728;
+        }
+
+        .app-btn-outline-secondary:focus,
+        .app-btn-outline-secondary.focus {
+            box-shadow: 0 0 0 0.15rem rgba(206, 222, 239, 0.5);
+        }
+
+        .app-btn-outline-secondary.disabled,
+        .app-btn-outline-secondary:disabled {
+            color: #000000;
+            background-color: transparent;
+        }
+
+        .app-btn-outline-secondary:not(:disabled):not(.disabled):active,
+        .app-btn-outline-secondary:not(:disabled):not(.disabled).active,
+        .show>.btn-outline-secondary.dropdown-toggle {
+            color: #ffffff;
+            background-color: #E26728;
+            border-color: #E26728;
+        }
+
+        .app-btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
+        .app-btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+        .show>.btn-outline-secondary.dropdown-toggle:focus {
+            box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
+        }
+
+
+        .app-badge-primary {
+            color: #ffffff;
+            background-color: #00999E;
+        }
+
+        a.app-badge-primary:hover,
+        a.app-badge-primary:focus {
+            color: #ffffff;
+            background-color: #007A7E;
+        }
+
+        a.app-badge-primary:focus,
+        a.app-badge-primary.focus {
+            outline: 0;
+            box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5);
+        }
+
+        .app-badge-secondary {
+            color: #ffffff;
+            background-color: #E26728;
+        }
+
+        a.app-badge-secondary:hover,
+        a.app-badge-secondary:focus {
+            color: #ffffff;
+            background-color: #B8521F;
+        }
+
+        a.app-badge-secondary:focus,
+        a.app-badge-secondary.focus {
+            outline: 0;
+            box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5);
+        }
+    </style>
+
+    <!-- toaster -->
+    <style>
+        .toast-success {
+            background-color: #009688 !important;
+            color: #FFFFFF !important;
+        }
+
+        .toast-body {
+            padding: .75rem;
+            background: aliceblue !important;
+        }
+
+        .toast-footer {
+            text-align: right;
+            color: #000;
+            border-top: 1px solid aliceblue;
+            margin-top: 11px;
+            margin-bottom: -6px;
+        }
+    </style>
+
+    <!-- table section starts -->
+    <style>
+        table[data-custom-table-css="table"] thead th,
+        table[data-custom-table-css="second-table"] thead th {
+            background-color: #00999E;
+            color: #fff !important;
+            border-top: 0px solid #fff !important;
+            border-bottom: 0px solid #fff !important;
+            vertical-align: middle;
+            font-weight: 600 !important;
+        }
+
+
+        table[data-custom-table-css="table"] tbody td {
+            background: #F5FFFF;
+            padding: 12px;
+            border-top: 0px solid #fff !important;
+            border-bottom: 2px solid #C3EDEE !important;
+            font-weight: 400 !important;
+        }
+
+        table[data-custom-table-css="table"] thead th:first-child,
+        table[data-custom-table-css="second-table"] thead th:first-child {
+            border-top-left-radius: 15px !important;
+            border-bottom-left-radius: 15px !important;
+        }
+
+        table[data-custom-table-css="table"] thead th:last-child,
+        table[data-custom-table-css="second-table"] thead th:last-child {
+            border-top-right-radius: 15px !important;
+            border-bottom-right-radius: 15px !important;
+        }
+
+        table[data-custom-table-css="table"] tbody tr td:first-child,
+        table[data-custom-table-css="second-table"] tbody tr td:first-child {
+            border-top-left-radius: 15px !important;
+            border-bottom-left-radius: 15px !important;
+        }
+
+        table[data-custom-table-css="table"] tbody tr td:last-child,
+        table[data-custom-table-css="second-table"] tbody tr td:last-child {
+            border-top-right-radius: 15px !important;
+            border-bottom-right-radius: 15px !important;
+        }
+
+        table[data-custom-table-css="table"] tbody tr:hover td,
+        table[data-custom-table-css="second-table"] tbody tr:hover td {
+            background-color: #e0e0e0;
+        }
+
+        table[data-custom-table-css="table"],
+        table[data-custom-table-css="second-table"] {
+            border-collapse: separate !important;
+            border-spacing: 0 8px !important;
+            width: 100% !important;
+        }
+
+        table[data-custom-table-css="table"].dataTable thead th {
+            padding: 15px !important;
+        }
+
+        table[data-custom-table-css="table"] thead.bg-light {
+            background-color: transparent !important;
+        }
+
+
+        /* ========== SECOND TABLE (white rows) ========== */
+        table[data-custom-table-css="second-table"] tbody td {
+            background: #FFFFFF !important;
+            padding: 12px;
+            border-top: 0px solid #fff !important;
+            border-bottom: 2px solid #F0F0F0 !important;
+            font-weight: 400 !important;
+        }
+    </style>
+
+    <!-- Datatable section starts  -->
+    <style>
+        /* Pagination buttons */
+        .dataTables_wrapper .dataTables_paginate .paginate_button {
+            padding: 2px 6px !important;
+            font-size: 12px !important;
+            background: transparent !important;
+            border-radius: 13px !important;
+            border: none !important;
+        }
+
+        /* Previous / Next buttons */
+        .dataTables_wrapper .dataTables_paginate .page-item.previous .page-link,
+        .dataTables_wrapper .dataTables_paginate .page-item.next .page-link {
+            border-radius: 13px !important;
+            background-color: #F5FFFF;
+            border: none !important;
+            box-shadow: 0 0 0 0.15rem #F5FFFF;
+            font-size: 0;
+            /* hide default text */
+            position: relative;
+        }
+
+        /* Custom arrows */
+        .dataTables_wrapper .dataTables_paginate .page-item.previous .page-link::before {
+            content: "◄";
+            font-size: 14px;
+        }
+
+        .dataTables_wrapper .dataTables_paginate .page-item.next .page-link::before {
+            content: "►";
+            font-size: 14px;
+        }
+
+
+
+
+        /* Active / Inactive pages */
+        .dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
+            color: #fff !important;
+            border-radius: 13px !important;
+        }
+
+        .dataTables_wrapper .dataTables_paginate .page-item:not(.active) .page-link {
+            border: 1px solid #fff !important;
+            border-radius: 13px !important;
+        }
+
+        /* Info text */
+        .dataTables_info {
+            font-size: 12px;
+        }
+
+        .dataTables_wrapper .dt-buttons .buttons-csv,
+        .dataTables_wrapper .dt-buttons .buttons-html5 {
+            background-color: #02a8b5;
+            color: #fff;
+            border-color: #02a8b5;
+        }
+
+        .dataTables_wrapper .dt-buttons .buttons-csv:hover,
+        .dataTables_wrapper .dt-buttons .buttons-html5:hover {
+            background-color: #028291;
+            border-color: #028291;
+        }
+
+        .dataTables_info,
+        .text,
+        #client_logo {
+            font-weight: 500 !important;
+            color: #000 !important;
+        }
+
+        .buttons-html5 {
+            margin-right: 10px !important;
+        }
+
+        .dataTables_scrollBody thead.bg-light tr,
+        .dataTables_scrollBody thead tr {
+            visibility: collapse !important;
+            /* hides + removes row space */
+            height: 0 !important;
+        }
+
+        .dataTables_scrollBody thead.bg-light th {
+            padding: 0 !important;
+            margin: 0 !important;
+            border: none !important;
+            height: 0 !important;
+            line-height: 0 !important;
+            overflow: hidden !important;
+        }
+
+
+
+        /* Wrapper around the search input */
+        .datatable-search-wrapper {
+            position: relative;
+            display: inline-block;
+            width: 100%;
+        }
+
+        /* The search input itself */
+        .dataTables_filter input {
+            background: #F0F0F0 !important;
+            color: #707070 !important;
+            font-weight: 400 !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            border-color: #F0F0F0 !important;
+            margin-left: 1px !important;
+        }
+
+        /* Placeholder styling */
+        .dataTables_filter input::placeholder {
+            color: #707070 !important;
+            font-weight: 400 !important;
+        }
+
+        /* The magnify icon */
+        .datatable-search-icon {
+            position: absolute !important;
+            right: 12px !important;
+            top: 50% !important;
+            transform: translateY(-50%) !important;
+            color: #707070 !important;
+            font-size: 18px !important;
+            pointer-events: none;
+            /* prevents blocking typing */
+        }
+
+        .datatable-search {
+            margin-right: auto;
+        }
+
+        .datatable-buttons {
+            margin-left: auto;
+        }
+
+        /* Fix DataTables buttons alignment inside card-body */
+        .card-body .card-body .dt-buttons,
+        .card-body .card-body .datatable-buttons {
+            margin-right: 0 !important;
+            padding-right: 2.25rem !important;
+            /* match card-body padding */
+        }
+
+        /* Applies only to tables with data-custom-table-css="table" */
+        table[data-custom-table-css="table"] tbody tr td {
+            padding: 8px 10px !important;
+            /* spacing */
+            line-height: 20px;
+            /* consistent spacing for text */
+            min-height: 40px;
+            /* makes sense here if you use display:block */
+            vertical-align: middle;
+            /* aligns text properly */
+        }
+    </style>
+
+
+    <!-- modal section -->
+    <style>
+        /* Inside modal field color changes */
+        /* modal section starts */
+
+        .modal-full-width {
+            width: 80% !important;
+        }
+
+        .modal-body {
+            padding: 2rem !important;
+        }
+
+        .modal.show .modal-dialog .modal-content,
+        .modal .modal-dialog .modal-content {
+            border-radius: 10px !important;
+            overflow: hidden !important;
+            box-shadow: none;
+        }
+
+        .modal .parsley-examples {
+            background-color: #FFFF !important;
+            padding: 0px !important;
+            border: 0px solid #fff !important;
+            border-radius: 0px !important;
+            box-shadow: none !important;
+        }
+
+
+        /* Common modal Title styles */
+        .modal .modal-title {
+            font-weight: 500;
+            font-size: 23px;
+            line-height: 100%;
+            letter-spacing: 0;
+            text-align: center;
+        }
+
+        /* Common modal Header styles */
+        .modal .modal-header {
+            border-bottom: 0px solid #e5e8eb;
+        }
+
+        /* Common modal Body styles */
+        .modal .modal-body {
+            padding: 15px !important;
+        }
+
+        /* Common modal close button styles */
+        .modal .close {
+            /* width: 17.5px;
+            height: 17.5px;
+            line-height: 17.5px;  */
+            opacity: 1;
+            font-size: 24px;
+            color: #000;
+            position: absolute;
+            top: 18px;
+            right: 15px;
+            cursor: pointer;
+            text-shadow: none;
+        }
+
+        .modal .form-control {
+            background-color: #ECECEC !important;
+            border: 1px solid #ccc;
+            /* optional */
+            box-shadow: none !important;
+        }
+
+        .modal .form-control:focus {
+            background-color: #ECECEC !important;
+            box-shadow: none;
+        }
+
+        .modal .input-icon {
+            position: relative;
+            display: inline-block;
+        }
+
+        .modal .input-icon .form-control {
+            padding-right: 40px;
+        }
+
+        .modal .input-icon .additional-icon {
+            position: absolute;
+            right: 10px;
+            top: 50%;
+            transform: translateY(-50%);
+            font-size: 18px;
+            color: #555;
+            pointer-events: none;
+            /* icon doesn’t block input clicks */
+        }
+
+
+        .modal input[type='file'] {
+            padding: 10px !important;
+            background-color: #ECECEC !important;
+            color: #000 !important;
+        }
+
+        .modal .modal-dialog {
+            margin: 5px auto !important;
+        }
+
+        .modal .parsley-required {
+            font-size: 11px !important;
+        }
+
+        .modal .select2-container--default .select2-selection--multiple {
+            background-color: #ECECEC !important;
+            border: 1px solid #ccc;
+        }
+
+
+        /* Select2 box */
+        .modal .select2-container .select2-selection--single {
+            background-color: #ECECEC !important;
+            border: 1px solid #ccc !important;
+            height: 38px !important;
+            box-shadow: none !important;
+        }
+
+        /* Common modal readonly-select styles */
+        .modal .readonly-select+.select2-container .select2-selection--single {
+            background-color: #CACACA !important;
+            color: #666666 !important;
+            pointer-events: none;
+            cursor: not-allowed;
+        }
+
+        .modal .select2-container--default .select2-selection--multiple {
+            background-color: #ECECEC !important;
+            border: 1px solid #ccc !important;
+            min-height: 38px !important;
+            border-radius: 5px;
+            /* optional */
+        }
+
+
+        /* Text inside */
+        .modal .select2-container .select2-selection__rendered {
+            line-height: 36px !important;
+        }
+
+        .modal .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
+            background-color: #00999E !important;
+        }
+    </style>
+
+
+    <!-- jodit section -->
+    <style>
+        /* ✅ Whole editor box */
+        .jodit {
+            border-radius: 10px;
+            box-shadow: 0px 2px 2px 0px #00000040;
+            overflow: hidden;
+            background-color: #F5FFFF !important;
+            /* fallback */
+        }
+
+        /* ✅ Toolbar (header) */
+        .jodit .jodit-toolbar__box,
+        .jodit .jodit-toolbar-editor-collection {
+            background-color: #F5FFFF !important;
+            border: none !important;
+        }
+
+        /* ✅ Footer / status bar */
+        .jodit .jodit-status-bar {
+            background-color: #F5FFFF !important;
+            border-top: 1px solid #ddd;
+            /* optional: keep a light separator */
+        }
+
+        /* ✅ Editable content (div mode) */
+        .jodit .jodit-wysiwyg {
+            background-color: #F5FFFF !important;
+            color: black !important;
+            padding: 10px;
+        }
+
+        /* ✅ Editable content (iframe mode) */
+        .jodit iframe {
+            background-color: #F5FFFF !important;
+            border-radius: 0 0 10px 10px;
+        }
+    </style>
+
+    <!-- jodit section inside modal -->
+    <style>
+        /* ✅ Whole editor box */
+        .modal .jodit {
+            border-radius: 10px;
+            box-shadow: 0px 2px 2px 0px #00000040;
+            overflow: hidden;
+            background-color: #ECECEC !important;
+            /* fallback */
+        }
+
+        .modal .jodit p {
+            background-color: #ECECEC !important;
+            /* fallback */
+        }
+
+        /* ✅ Toolbar (header) */
+        .modal .jodit .jodit-toolbar__box,
+        .modal .jodit .jodit-toolbar-editor-collection {
+            background-color: #ECECEC !important;
+            border: none !important;
+        }
+
+        /* ✅ Footer / status bar */
+        .modal .jodit .jodit-status-bar {
+            background-color: #ECECEC !important;
+            border-top: 1px solid #ddd;
+            /* optional: keep a light separator */
+        }
+
+        /* ✅ Editable content (div mode) */
+        .modal .jodit .jodit-wysiwyg {
+            background-color: #ECECEC !important;
+            color: black !important;
+            padding: 10px;
+        }
+
+        /* ✅ Editable content (iframe mode) */
+        .modal .jodit iframe {
+            background-color: #ECECEC !important;
+            border-radius: 0 0 10px 10px;
+        }
+    </style>
+
+
+    <!-- specific tag section starts -->
+    <style>
+        label {
+            font-weight: 500 !important;
+            font-size: 0.875rem !important;
+            color: #000;
+        }
+
+        .right-bar {
+            right: -300px;
+        }
+
+        .select2-container--default .select2-selection--single {
+            height: 37px !important;
+        }
+
+        .select2-container--default .select2-selection--single .select2-selection__rendered {
+            line-height: 35px !important;
+        }
+
+        .select2-container--default .select2-selection--single .select2-selection__arrow {
+            top: 7px !important;
+        }
+
+        /* Apply to normal inputs and selects */
+        input,
+        select,
+        textarea {
+            background-color: #F5FFFF !important;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            border-color: #F5FFFF !important;
+        }
+
+        .select2 textarea {
+            box-shadow: none !important;
+        }
+
+
+
+        /* Chrome, Edge, Safari */
+        input[type="file"]::file-selector-button {
+            background-color: #00999E;
+            /* button color */
+            color: #000 !important;
+            /* text color */
+            border: none;
+            /* remove border */
+            border-radius: 10px;
+            /* rounded corners */
+            padding: 6px 20px;
+            /* space inside */
+            cursor: pointer;
+            /* pointer cursor */
+            font-size: 14px;
+        }
+
+        /* Cancel Bootstrap's .form-control for file inputs */
+        /* input[type="file"].form-control { */
+        /* height: auto !important;*/
+        /* remove forced height */
+        /* padding: initial !important;*/
+        /* reset padding */
+        /* font-size: inherit !important;*/
+        /* reset font size */
+        /* line-height: normal !important;*/
+        /* reset line height */
+        /* } */
+
+
+        /* Apply to Select2 (single select) */
+        .select2-container .select2-selection--single {
+            background-color: #F5FFFF !important;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            height: 38px;
+            /* match bootstrap input height */
+            display: flex;
+            align-items: center;
+            border-color: #F5FFFF !important;
+        }
+
+        /* Apply to Select2 (multiple select) */
+        .select2-container .select2-selection--multiple {
+            background-color: #F5FFFF !important;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            border-color: #F5FFFF !important;
+        }
+    </style>
+
+
+    <!-- button section starts -->
+    <style>
+        /* Target only buttons with type="submit" */
+
+        .btn {
+            border-radius: 10px !important;
+        }
+
+        button[type="submit"],
+        .buttons-collection,
+        input[type="submit"],
+        #get-emp-list,
+        .submit-btn {
+            color: #fff !important;
+            background-color: #E26728 !important;
+            border-color: #E26728 !important;
+        }
+
+        /* Optional: hover effect */
+        button[type="submit"]:hover,
+        .buttons-collection,
+        input[type="submit"]:hover,
+        #get-emp-list {
+            cursor: pointer;
+            /* optional */
+        }
+
+        .cancel-btn,
+        .modal-footer .cancel-btn {
+            color: #000000 !important;
+            background-color: #ffffff !important;
+            border-color: #E26728 !important;
+        }
+    </style>
+
+    <!-- accordian -->
+    <style>
+        .card #collapseOne .card-body,
+        #collapseOne .card-body,
+        .card #collapseTwo .card-body,
+        .card #collapseThree .card-body,
+        .card #collapseFour .card-body {
+            background-color: #F5FFFF !important;
+            border: 2px solid #F5FFFF;
+            border-radius: 10px;
+            box-shadow: 0px 4px 4px 0px #00000040;
+        }
+
+        /* Apply to normal inputs and selects */
+        .card #collapseOne .card-body input,
+        .card #collapseOne .card-body select,
+        .card #collapseOne .card-body textarea,
+
+        .card #collapseTwo .card-body input,
+        .card #collapseTwo .card-body select,
+        .card #collapseTwo .card-body textarea,
+
+        .card #collapseThree .card-body input,
+        .card #collapseThree .card-body select,
+        .card #collapseThree .card-body textarea,
+
+        .card #collapseFour .card-body input,
+        .card #collapseFour .card-body select,
+        .card #collapseFour .card-body textarea {
+            background-color: #ffff !important;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            border-color: #ffff !important;
+        }
+
+        .card #collapseOne .card-body input[type='file'],
+        .card #collapseTwo .card-body input[type='file'],
+        .card #collapseThree .card-body input[type='file'],
+        .card #collapseFour .card-body input[type='file'] {
+            padding: 10px !important;
+            background-color: white !important;
+            color: black !important;
+        }
+
+        /* Apply to Select2 (single select) */
+        .card #collapseOne .card-body .select2-container .select2-selection--single,
+        .card #collapseTwo .card-body .select2-container .select2-selection--single,
+        .card #collapseThree .card-body .select2-container .select2-selection--single,
+        .card #collapseFour .card-body .select2-container .select2-selection--single {
+            background-color: #ffff !important;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            height: 38px;
+            /* match bootstrap input height */
+            display: flex;
+            align-items: center;
+            border-color: #ffff !important;
+        }
+
+        /* Apply to Select2 (multiple select) */
+        .card #collapseOne .card-body .select2-container .select2-selection--multiple,
+        .card #collapseTwo .card-body .select2-container .select2-selection--multiple,
+        .card #collapseThree .card-body .select2-container .select2-selection--multiple,
+        .card #collapseFour .card-body .select2-container .select2-selection--multiple {
+            background-color: #ffff !important;
+            border-radius: 10px !important;
+            box-shadow: 0px 2px 4px 0px #00000024 !important;
+            border-color: #ffff !important;
+        }
+    </style>
+
+    <!-- legacy styles of random style applied -->
+    <style>
+        .card-body {
+            background-color: white;
+            margin-top: 5px;
+        }
+
+        .content-page {
+            background-color: white !important;
+            padding: 0px !important;
+        }
+
+
+        .dropdown {
+            margin-right: 10px !important;
+        }
+
+        .text-danger-2 {
+            font-style: italic;
+            color: black !important;
+            /* color: #02a8b5 !important; */
+            font-size: 12px;
+        }
+
+        #messages-list li {
+            margin-top: 0;
+            margin-bottom: -25px;
+            /* Adjust this value to reduce the space */
+        }
+
+        .fixed-header {
+            position: relative;
+            top: 0;
+            background-color: #f8f9fa !important;
+        }
+
+        .scrollable-content {
+            max-height: 42vh;
+            overflow-y: auto;
+            padding-top: 0px;
+        }
+
+        /* Additional styles to enhance appearance */
+        .header-title {
+            position: relative;
+            bottom: 5px;
+            left: 60px;
+        }
+
+        #app_content_management:hover {
+            color: red;
+        }
+
+        .lead {
+            font-size: 13px;
+        }
+
+
+
+        @-webkit-keyframes ballPulseDouble {
+
+            0%,
+            100% {
+                -webkit-transform: scale(0);
+                transform: scale(0);
+            }
+
+            50% {
+                -webkit-transform: scale(1);
+                transform: scale(1);
+            }
+        }
+
+        @keyframes ballPulseDouble {
+
+            0%,
+            100% {
+                -webkit-transform: scale(0);
+                transform: scale(0);
+            }
+
+            50% {
+                -webkit-transform: scale(1);
+                transform: scale(1);
+            }
+        }
+    </style>
+
+
+    <!-- footer -->
+    <style>
+        .footer {
+            background-color: white !important;
+            color: black;
+            margin: 30px !important;
+        }
+
+        .footer {
+            margin-left: 150px;
+            position: relative;
+        }
+    </style>
+
+
+    <style>
+        .custom-form .parsley-examples {
+            background-color: transparent !important;
+            padding: 0 !important;
+            border: none !important;
+            box-shadow: none !important;
+        }
+
+        .custom-form .form-control {
+            background-color: #F5FFFF !important;
+            border: none !important;
+            /* color: #000;               keep text readable */
+            box-shadow: 0px 1px 1px 0px #00000040;
+        }
+
+        .custom-form .form-control:focus {
+            background-color: #F5FFFF !important;
+            box-shadow: none;
+        }
+
+        .custom-form .select2-container--default .select2-selection--multiple {
+            background-color: #F5FFFF !important;
+            border: none !important;
+        }
+
+        .custom-form .select2-container .select2-selection--single {
+            background-color: #F5FFFF !important;
+            border: 1px solid #ccc !important;
+            height: 38px !important;
+            box-shadow: none !important;
+        }
+
+        .custom-form .select2-container--default .select2-selection--multiple {
+            background-color: #F5FFFF !important;
+            border: 1px solid #ccc !important;
+            min-height: 38px !important;
+            border-radius: 5px;
+            /* optional */
+        }
+
+        .maincard {
+            margin-top: 0 !important;
+            padding-top: 0 !important;
+        }
+
+        .subcard {
+            padding-top: 0px;
+            padding-left: 5px;
+        }
+
+        .btn-custom {
+            font-weight: 500;
+            font-style: normal;
+            font-size: 12px;
+            line-height: 1;
+            letter-spacing: 0;
+            text-align: center;
+        }
+    </style>
+
+    <style>
+        /* Common wrapper (works for text/file inputs) */
+        .input-icon {
+            position: relative;
+            display: block;
+            width: 100%;
+        }
+
+        /* All form controls inside */
+        .input-icon .form-control {
+            width: 100%;
+            box-sizing: border-box;
+            padding-right: 40px;
+            /* always keep space for icon */
+            cursor: pointer;
+        }
+
+        /* Hide default file button */
+        .input-icon .form-control[type="file"]::file-selector-button {
+            display: none;
+        }
+
+        .input-icon input[type="file"].form-control {
+            padding-right: 40px;
+            /* space for the icon */
+            cursor: pointer;
+        }
+
+        /* Common icon class */
+        .input-icon .additional-icon {
+            position: absolute;
+            right: 12px;
+            top: 50%;
+            transform: translateY(-50%);
+            font-size: 18px;
+            color: #555;
+            pointer-events: none;
+        }
+
+        input[type="radio"] {
+            accent-color: #40B2B6;
+            /* sets the checked color */
+        }
+    </style>
+
+    <!-- tab swich scrollable -->
+    <style>
+        .tab-wrapper {
+            display: flex;
+            align-items: center;
+            position: relative;
+        }
+
+        /* Make the UL a scrollable flex row */
+        #myTab {
+            display: flex;
+            white-space: nowrap;
+            flex-wrap: nowrap;
+            /* prevent wrapping */
+            overflow-x: auto;
+            /* enable horizontal scroll */
+            overflow-y: hidden;
+            white-space: nowrap;
+            /* keep items on one line */
+            margin: 0;
+            padding: 0 40px;
+            /* leave space for arrows */
+            flex-grow: 1;
+        }
+
+        /* Hide scrollbars */
+        #myTab::-webkit-scrollbar {
+            display: none;
+        }
+
+        #myTab {
+            -ms-overflow-style: none;
+            scrollbar-width: none;
+        }
+
+        .scroll-btn {
+            background-color: #F4FFFF;
+            height: 55px;
+            border: none;
+            cursor: pointer;
+            font-size: 18px;
+            padding: 5px 10px;
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: 1;
+            color: #00999E;
+        }
+
+        .left-btn {
+            left: 0;
+        }
+
+        .right-btn {
+            right: 0;
+        }
+
+        input[type="search"]::-webkit-search-cancel-button {
+            -webkit-appearance: none;
+            appearance: none;
+        }
+        
+    </style>
+
+
+
+
+</head>
+
+<body class="loading" data-layout-mode="" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "light", "size": "condensed", "showuser": false}, "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": false}'></body>
+
+<!-- Preloader -->
+<div class="loader-mask">
+    <div class="loader">
+        <img src="<?= base_url() . "public" ?>/assets/images/nhance-loader-fast.gif" height="40" width="40" alt="Loading...">
+    </div>
+</div>
+
+<!-- <img src="<?= base_url() . "public" ?>/assets/images/nhance-loader-fast.gif" height="40" width="40" alt="Loading..."> -->
+<!-- Begin page -->
+<div id="wrapper" style="background-color:white;">
+
+
+    <!-- ========== Left Sidebar Start ========== -->
+    <div class="left-side-menu">
+
+
+        <div data-simplebar>
+            <!--- Sidemenu -->
+            <div id="sidebar-menu">
+
+                <ul class="ul-flex" id="side-menu">
+
+                    <li class="menu-logo">
+                        <a href="<?= base_url('/dashboard/view') ?>">
+                            <img src="<?= base_url() . "public"; ?>/assets/images/Nhance_Favi.png" alt="Logo">
+                        </a>
+                    </li>
+
+
+
+                    <li class="li-seperate" id="dashboard-li">
+                        <a href="<?= base_url('/dashboard/view') ?>" class="img-inactive">
+                            <i class="ri-dashboard-line" style="color:black;"></i>
+                            <span style="color: #02a8b5;"> Dashboard </span>
+                        </a>
+                    </li>
+
+                    <!-- client -->
+                    <?php if (in_array(get_role_id(), [1, 2, 3, 5])) { ?>
+                        <li class="li-seperate" id="clients-li">
+                            <a href="<?= base_url('/client/list') ?>" class="img-inactive">
+                                <img style="border-radius: 5px;"
+                                    src="<?= base_url() . "public"; ?>/assets/images/clients_sb.png" alt="Logo" height="24">
+                                <span> Clients </span>
+                            </a>
+                        </li>
+                    <?php } ?>
+
+
+                    <!-- Enrollment process -->
+                    <?php if (in_array(get_role_id(), [1, 2, 3, 5]) || in_array(ENROLLMENT_TEAM_ID, user_team())) { ?>
+                        <li class="li-seperate" id="action-on-policies-li">
+                            <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect img-inactive">
+                                <img style="border-radius: 5px;"
+                                    src="<?= base_url() . "public"; ?>/assets/images/action_on_policies_sb.png" alt="Logo" height="20">
+                                <span> Action on Policies </span>
+                            </a>
+                            <div class="collapse" id="sidebarDashboards">
+                                <ul class="nav-second-level">
+
+                                    <li>
+                                        <a href="<?= base_url('/employee/upload') ?>">View Inception</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/employee/list') ?>">View Members</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/employee/endorsement-list') ?>">View Endorsement</a>
+                                    </li>
+                                    <!-- <li>
+                                        <a href="<?= base_url('/employee/enrollment-list') ?>">View Enrolment</a>
+                                    </li> -->
+                                    <li>
+                                        <a href="<?= base_url('/employee/test_members_list') ?>">Test Members List</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/employee/retail-endorsement-list') ?>">Retail Endorsement</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                    <?php } ?>
+
+                    <!-- Masters -->
+                    <?php if (get_role_id() == 1 || get_role_id() == 5 || (get_role_id() == 4 && (in_array(BUSINESS_SUPPORT_TEAM_ID, user_team()) || in_array(SALES_TEAM_ID, user_team())))) { ?>
+
+                        <li class="li-seperate" id="masters-li">
+                            <a href="#sidebarPolicies" data-toggle="collapse" class=" img-inactive">
+                                <img
+                                    src="<?= base_url() . "public"; ?>/assets/images/masters_sb.png" alt="Logo" height="20">
+                                <span> Masters </span>
+                            </a>
+                            <div class="collapse" id="sidebarDashboards">
+                                <ul class="nav-second-level">
+
+                                    <?php if (get_role_id() == 1 || get_role_id() == 5 || (get_role_id() == 4 && (in_array(BUSINESS_SUPPORT_TEAM_ID, user_team()) || in_array(SALES_TEAM_ID, user_team())))) { ?>
+
+                                        <li>
+                                            <a href="<?= base_url('/master/insurer/list') ?>">Insurer</a>
+                                        </li>
+
+                                    <?php } ?>
+
+
+                                    <?php if (get_role_id() == 1 || get_role_id() == 5) { ?>
+
+                                        <li>
+                                            <a href="<?= base_url('/master/tpa/list') ?>">TPA</a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/master/kyc/list') ?>">KYC</a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/master/policy/list') ?>">Policy</a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/master/cash_deposite/list') ?>">CD Master</a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/master/vehicle/list') ?>">Vehicle Master</a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/user/list') ?>"> Users </a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/util/nhanceBranchMaster') ?>"> Nhance Branch </a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/util/vehicleTypeMaster') ?>"> Vehicle Type </a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/util/rtoMaster') ?>"> RTO </a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/util/partnerPOS') ?>"> POS </a>
+                                        </li>
+
+                                    <?php } ?>
+
+                                </ul>
+                            </div>
+                        </li>
+
+                    <?php } ?>
+
+                    <!-- <li>
+                            <?php
+                            $sessionData = get_session_userdata();
+                            $currentUrl = base_url();
+                            $parsedUrl = parse_url($currentUrl);
+                            $baseUrl = $parsedUrl['scheme'] . '://' . $parsedUrl['host'] . '/';
+                            $hashedEmail = hash('sha256', $sessionData->email);
+                            $redirectUrl =  getenv('helpdeskURL') . '/staff/login?' . http_build_query(['token' => $hashedEmail]);
+                            ?>
+                            <a href="<?php echo $redirectUrl; ?>" target="_blank">
+                                <i class="mdi mdi-lifebuoy"></i>
+                                <span> Tickets </span>
+                            </a>
+                        </li> -->
+
+                    <!-- Claims -->
+                    <?php if (in_array(get_role_id(), [1, 2, 3, 5]) || in_array(CLAIMS_TEAM_ID, user_team())) { ?>
+                        <li class="li-seperate" id="claims-li">
+                            <a href="#sidebarDashboardsTicket" data-toggle="collapse" class="waves-effect img-inactive">
+                                <img
+                                    src="<?= base_url() . "public"; ?>/assets/images/claims_sb.png" alt="Logo" height="20">
+                                <span> Claims </span>
+                            </a>
+                            <div class="collapse" id="sidebarDashboardsTicket">
+                                <ul class="nav-second-level">
+                                    <li>
+                                        <a href="#" onclick="openTicketTypeAskModal()">New claim</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/ticket/list') ?>">Claim List</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/ticket/mail_template') ?>">Mail Template</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/ticket/ticket_reports') ?>">Claim Reports</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/ticket/feedback-list') ?>">Claim Feedback List</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/ticket/claim-upload') ?>">Claim Dump Upload</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/claim_mis/list') ?>">Claim MIS Upload</a>
+                                    </li>
+                                    <!-- <li>
+                                            <a href="<?= base_url('/ticketList?return_type=web') ?>">Ticket List</a>
+                                        </li> -->
+                                </ul>
+                            </div>
+                        </li>
+                    <?php } ?>
+
+                    <!-- BDS -->
+                    <?php if ((get_role_id() == 1 || get_role_id() == 5 || get_role_id() == 4) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
+                        <li class="li-seperate" id="policy-transactions-li">
+                            <a href="#policyTransactions" data-toggle="collapse" class="waves-effect img-inactive">
+                                <img
+                                    src="<?= base_url() . "public"; ?>/assets/images/policy_transactions_sb.png" alt="Logo" height="20">
+                                <span> Policy Transactions </span>
+                            </a>
+                            <div class="collapse" id="policyTransactions">
+                                <ul class="nav-second-level">
+                                    <li>
+                                        <a href="#policyTransactionsSub" data-toggle="collapse" class="waves-effect">
+                                            <i class="mdi mdi-format-list-bulleted"></i>
+                                            <span>Policy Transactions</span>
+                                        </a>
+                                        <div class="collapse" id="policyTransactionsSub">
+                                            <ul>
+
+                                                <?php if (in_array(get_role_id(), [1, 5]) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
+                                                    <li>
+                                                        <a href="<?= base_url('/policy_tranction/inception/list') ?>">Policy</a>
+                                                    </li>
+                                                    <!-- <li>
+                                                        <a href="<?= base_url('/policy_tranction/inception/list2') ?>">Policy 2</a>
+                                                    </li> -->
+                                                    <li>
+                                                        <a href="<?= base_url('/policy_tranction/endorsement/list') ?>">Endorsement</a>
+                                                    </li>
+                                                <?php } ?>
+
+                                                <?php if (in_array(get_role_id(), [1, 5]) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(MANAGEMENT_TEAM_ID, user_team())) { ?>
+                                                    <li>
+                                                        <a href="<?= base_url('/policy_tranction/statement/list') ?>">Statement Upload</a>
+                                                    </li>
+                                                <?php } ?>
+                                            </ul>
+                                        </div>
+                                    </li>
+
+                                    <?php if ((get_role_id() == 1 || get_role_id() == 5) || (get_role_id() == 4 && in_array(FINANCE_TEAM_ID, user_team())) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
+
+                                        <?php if (in_array(get_role_id(), [1, 5]) || (get_role_id() == 4 && in_array(FINANCE_TEAM_ID, user_team())) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team())) { ?>
+                                            <li>
+                                                <a href="#policyReports" data-toggle="collapse" class="waves-effect">
+                                                    <i class="ri-file-chart-fill"></i>
+                                                    <span> Policy Reports </span>
+                                                </a>
+                                                <div class="collapse" id="policyReports">
+                                                    <ul class="nav-third-level">
+                                                        <li>
+                                                            <a href="<?= base_url('/policy_tranction/report/list') ?>">BDS</a>
+                                                        </li>
+                                                        <?php if (in_array(get_role_id(), [1, 5]) || (get_role_id() == 4 && in_array(FINANCE_TEAM_ID, user_team())) || in_array(MANAGEMENT_TEAM_ID, user_team())) { ?>
+                                                            <li>
+                                                                <a href="<?= base_url('/policy_tranction/report/report-varience-list') ?>">Variance</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="<?= base_url('/policy_tranction/report/report-outstanding-list') ?>">Outstanding</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="<?= base_url('/bdsReport/irba_report') ?>">IRDA Reports</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="<?= base_url('/bdsReport/renewal_report') ?>">Renewal Reports</a>
+                                                            </li>
+                                                            <li>
+                                                                <a href="<?= base_url('/bdsReport/getTATReport') ?>">TAT Band Reports</a>
+                                                            </li>
+                                                        <?php } ?>
+                                                    </ul>
+                                                </div>
+                                            </li>
+                                        <?php } ?>
+                                        <li>
+                                            <a href="#policy_tat_report_type" data-toggle="collapse" class="waves-effect">
+                                                <i class="ri-file-chart-fill"></i>
+                                                <span> Policy TAT Reports </span>
+                                            </a>
+                                            <div class="collapse" id="policy_tat_report_type">
+                                                <ul class="nav-third-level">
+                                                    <li>
+                                                        <a href="<?= base_url('/bdsReport/getMultiReport/1') ?>">TAT Band Wise</a>
+                                                    </li>
+
+                                                    <li>
+                                                        <a href="<?= base_url('/bdsReport/getMultiReport/2') ?>">ACM Status Wise</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="<?= base_url('/bdsReport/getMultiReport/3') ?>">ACM TAT Wise</a>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </li>
+
+                                        <!-- This Menu Hide because of Role Merge REF : SVM,SVR,KV.
+                                        <?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
+                                            <li>
+                                                <a href="#policyPendingActions" data-toggle="collapse" class="waves-effect">
+                                                    <i class="mdi mdi-timer-sand"></i>
+                                                    <span> Policy Pending Actions </span>
+                                                </a>
+                                                <div class="collapse" id="policyPendingActions">
+                                                    <ul class="nav-third-level">
+                                                        <?php if (in_array(get_role_id(), [1, 5]) || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team())) { ?>
+                                                            <li>
+                                                                <a href="<?= base_url('/policy_tranction/report/report-finance-list') ?>">Finance Team</a>
+                                                            </li>
+                                                        <?php } ?>
+
+                                                        <?php if (in_array(get_role_id(), [1, 5])  || in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team())) { ?>
+                                                            <li>
+                                                                <a href="<?= base_url('/policy_tranction/report/report-business-list') ?>">Business Team</a>
+                                                            </li>
+                                                        <?php } ?>
+                                                    </ul>
+                                                </div>
+                                            </li>
+                                        <?php } ?>
+                                        -->
+
+                                        <?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
+                                            <li>
+                                                <a href="#policyMasters" data-toggle="collapse" class="waves-effect">
+                                                    <i class="ri-database-2-line"></i>
+                                                    <span> Masters </span>
+                                                </a>
+                                                <div class="collapse" id="policyMasters">
+                                                    <ul class="nav-third-level">
+                                                        <li>
+                                                            <a href="<?= base_url('/master/cash_deposite/list') ?>">CD Master</a>
+                                                        </li>
+                                                        <li>
+                                                            <a href="<?= base_url('/master/vehicle/list') ?>">Vehicle Master</a>
+                                                        </li>
+                                                        <?php if ((get_role_id() === 4 && in_array(FINANCE_TEAM_ID, user_team())) || in_array(BUSINESS_TEAM_ID, user_team())) { ?>
+                                                            <li>
+                                                                <a href="<?= base_url('/master/insurer/list') ?>">Insurer Master</a>
+                                                            </li>
+                                                        <?php } ?>
+                                                    </ul>
+                                                </div>
+                                            </li>
+                                        <?php } ?>
+
+                                        <?php if ((get_role_id() == 1 || get_role_id() == 5) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()))) { ?>
+                                            <li>
+                                                <a href="<?= base_url('/dmsSearch') ?>">
+                                                    <i class="ri-book-open-line"></i>
+                                                    <span> Documents</span>
+                                                </a>
+                                            </li>
+                                        <?php } ?>
+                                        <li>
+                                            <a href="<?= base_url('/payout/list') ?>">
+                                                <i class="ri-money-rupee-circle-line"></i>
+                                                <span> Payouts</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/commission/list') ?>">
+                                                <i class="ri-percent-line"></i>
+                                                <span> Commission</span>
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="<?= base_url('/bds_upload/list') ?>">
+                                                <i class="ri-car-line"></i>
+                                                <span> Motor Policy Bulk Upload</span>
+                                            </a>
+                                        </li>
+
+                                    <?php } ?>
+                                    <?php if (in_array(get_role_id(), [1, 5]) || (in_array(MANAGEMENT_TEAM_ID, user_team()) || in_array(FINANCE_TEAM_ID, user_team()) || in_array(BUSINESS_TEAM_ID, user_team()) || in_array(POS_TEAM_ID, user_team()))) { ?>
+                                            <li>
+                                                <a href="<?= base_url('/policy_tranction/inception/list2') ?>">
+                                                    <i class="ri-barcode-line"></i>
+                                                    <span> Policy 2</span>
+                                                </a>
+                                            </li>
+                                            <li>
+                                                <a href="<?= base_url('/policy_tranction/endorsement/list2') ?>">
+                                                    <i class="ri-file-edit-line"></i>
+                                                    <span> Endorsement 2</span>
+                                                </a>
+                                            </li>
+                                    <?php } ?>
+                                </ul>
+                            </div>
+                        </li>
+                    <?php } ?>
+
+                    <!-- leads -->
+                    <?php if (in_array(get_role_id(), [1, 2, 3, 5]) || in_array(BUSINESS_SUPPORT_TEAM_ID, user_team()) || in_array(SALES_TEAM_ID, user_team())) { ?>
+                        <li class="li-seperate" id="leads-li">
+                            <a href="<?= base_url('/leads/list') ?>" class="img-inactive">
+                                <img
+                                    src="<?= base_url() . "public"; ?>/assets/images/leads_sb.png" alt="Logo" height="20">
+                                <span> Leads </span>
+                            </a>
+                        </li>
+                    <?php } ?>
+                    <!-- Tickets -->
+                    <?php if (in_array(get_role_id(), [1, 2, 3, 4, 5]) || in_array(CLAIMS_TEAM_ID, user_team())) { ?>
+                        <li class="li-seperate" id="tickets-li">
+                            <a id="tickets" href="<?= base_url('/ticketList?return_type=web') ?>" class="waves-effect img-inactive">
+                                <img src="<?= base_url() . "public"; ?>/assets/images/ticket.png" alt="Logo" height="20">
+                                <span>Tickets</span>
+                            </a>
+                        </li>
+                    <?php } ?>
+
+                    <!-- Ad -->
+                    <?php if (in_array(get_role_id(), [1, 2, 3, 5])) { ?>
+                        <li class="li-seperate" id="app-content-mng-li">
+                            <a id="app_content_management" href="#sidebarDashboardsmenu" data-toggle="collapse" class="waves-effect img-inactive" style="color: grey;">
+                                <img
+                                    src="<?= base_url() . "public"; ?>/assets/images/app_content_mng_sb.png" alt="Logo" height="20">
+                                <span style="color: #02a8b5;">App Content Mgmt</span>
+                            </a>
+                            <div class="collapse" id="sidebarDashboardsmenu">
+                                <ul class="nav-second-level">
+                                    <li>
+                                        <a href="<?= base_url('/add_image_index') ?>"> Advertisement Images </a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/frontend_content') ?>">Front-end Content</a>
+                                    </li>
+                                    <li>
+                                        <a href="<?= base_url('/FAQ?return_type=web') ?>"> FAQ </a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                    <?php } ?>
+                    <li class="li-seperate" id="user-manual-li">
+                        <a id="user_manual" href="<?= base_url("autobookstackLogin") ?>" class="waves-effect img-inactive" target="_blank" rel="noopener noreferrer">
+                            <img
+                                src="<?= base_url() . "public"; ?>/assets/images/user_manual_sb.png" alt="Logo" height="20">
+                            <span>User Manual</span>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <!-- End Sidebar -->
+        </div>
+        <!-- Sidebar -left -->
+
+    </div>
+    <!-- Left Sidebar End -->
+
+    <!-- ========== Top Bar Start ========== -->
+    <div class="nav-bar">
+        <div class="top-navbar-div">
+            <div class="top-navbar-title">
+                <h5>Welcome <?= (isset(get_session_userdata()->first_name) ? get_session_userdata()->first_name : 'NOT SET') ?> </h5>
+            </div>
+            <div class="nav-flex">
+
+                <!-- user pic -->
+                <div class="dropdown notification-list topbar-dropdown">
+                    <a class=" dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
+
+                        <?php
+                        $profile = get_userProfile();
+                        $default = base_url('public/assets/images/avatar_2x.png');
+                        ?>
+
+                        <img
+                            src="<?= (!empty($profile)) ? $profile : $default; ?>"
+                            onerror="this.onerror=null;this.src='<?= $default ?>';"
+                            alt="user-image"
+                            height="40" width="40"
+                            class="rounded-circle">
+                    </a>
+                </div>
+
+                <!-- Notification -->
+                <div class="dropdown notification-list topbar-dropdown">
+                    <a class="dropdown-toggle right-bar-toggle waves-effect waves-light"
+                        style="font-size: 14px; color:#000;background-color:#D4F5F6 !important;
+                                    border-radius:25px!important;padding:7px; position: relative;">
+
+                        <i class="fe-bell noti-icon"></i>
+
+                        <span class="notification-dot"></span>
+                    </a>
+
+                </div>
+                &nbsp;&nbsp;
+                <!-- Logout -->
+                <div class="dropdown notification-list">
+                    <a href="<?= base_url('/logout'); ?>" style="font-size: 18px; color:#000;background-color:#D4F5F6 !important;border-radius:25px;padding:7px;margin-top:0px;">
+                        <i class="ri-logout-box-r-line" style=" color:#000;padding:0px;"></i>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+
+    <!-- End of Top Bar -->
+
+    <!-- <br> -->
+
+
+    <!-- ============================================================== -->
+    <!-- Start Page Content here -->
+    <!-- ============================================================== -->
+
+    <div class="content-page">
+        <div class="content">
+
+            <!-- Start Content-->
+            <div class="container-fluid-top">
\ No newline at end of file