From a972efcf0531bc22a1beb5ce007a7a066c0bd1aa Mon Sep 17 00:00:00 2001
From: venba-Inspriron-3558 <venba2026@gmail.com>
Date: Mon, 1 Sep 2025 16:28:26 +0530
Subject: [PATCH] FIX_UI Support

---
 app/Views/UserList.php            |   38 +-
 app/Views/cd_master_add_modal.php |   40 +-
 app/Views/layout/header.php       |   96 ++-
 app/Views/oldheader.php           | 1189 +++++++++++++++++++++++++++++
 app/Views/thz_notes.php           |    8 +
 app/Views/vehicle_master_list.php |    5 +-
 6 files changed, 1321 insertions(+), 55 deletions(-)
 create mode 100644 app/Views/oldheader.php

diff --git a/app/Views/UserList.php b/app/Views/UserList.php
index d9d73f2a..070a4c10 100755
--- a/app/Views/UserList.php
+++ b/app/Views/UserList.php
@@ -42,6 +42,16 @@ table.dataTable tbody td {
         padding: 20px;
     }
 
+    #mobile::placeholder {
+        font-size: 13px;
+    }
+
+    .custom-select{
+        border-radius: 10px !important ;
+        background-color: #ECECEC !important ;
+        box-shadow: 0px 2px 4px 0px #00000024 !important;
+    }
+    
     .multiselect-native-select {
         position: relative;
     }
@@ -297,8 +307,9 @@ table.dataTable tbody td {
 
 <!-- modal content -->
 
-<div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;" data-backdrop="static">
-    <div class="modal-dialog">
+
+<div id="con-close-modal" class="modal fade app-font-family" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;" data-backdrop="static">
+    <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title">Add User</h4>
@@ -314,11 +325,11 @@ table.dataTable tbody td {
                 <div class="form-group">
 
                     <div class="form-row">
-                        <div class="form-group col-md-4">
+                        <div class="form-group col-md-6">
                             <label for="emp_code">Employee Code<span class="text-danger">*</span></label>
                             <input type="text" class="form-control" id="emp_code" placeholder="Enter Code" name="emp_code" required>
                         </div>
-                        <div class="form-group col-md-8">
+                        <div class="form-group col-md-6">
                             <label for="first_name">Name<span class="text-danger">*</span></label>
                             <input type="text" class="form-control" id="first_name" placeholder="Ente Name" name="first_name" required>
                         </div>
@@ -326,15 +337,12 @@ table.dataTable tbody td {
 
 
                     <div class="form-row">
-                        <div class="form-group col-md-12">
+                        <div class="form-group col-md-6">
                             <label for="email">Email<span class="text-danger">*</span></label>
                             <input type="text" class="form-control" id="email" placeholder="Enter Email" name="email" data-parsley-trigger="change" data-parsley-type="email" required>
                         </div>
-                    </div>  
-
-
-                    <div class="form-row">
-                        <div class="form-group col-md-12">
+                    
+                        <div class="form-group col-md-6">
                             <label for="mobile">Mobile Number<span class="text-danger">*</span></label>
                             <input type="text" class="form-control" id="mobile" placeholder="Enter Mobile Number ( starting with 6, 7, 8, or 9 only. )" name="mobile" onkeypress = "return onlyNumbers(event)" maxlength="10" minlength="10" pattern="^[6-9]\d{9}$" data-parsley-type-message="Please enter a valid 10-digit mobile number starting with 6, 7, 8, or 9." data-parsley-required-message="Please enter a valid 10-digit mobile number starting with 6, 7, 8, or 9." required>
                         </div>
@@ -342,7 +350,7 @@ table.dataTable tbody td {
 
                     
                     <div class="form-row">
-                        <div class="form-group col-md-12">
+                        <div class="form-group col-md-6">
                             <label for="emp_code">User Role<span class="text-danger">*</span>
                                 <span class="tooltip-trigger mdi mdi-information-outline" id="roleAccessMatrixTrigger"></span>
                             </label>
@@ -353,9 +361,8 @@ table.dataTable tbody td {
                                 <?php } ?> 
                             </select>                                             
                         </div>
-                    </div>
-                    <div class="form-row">
-                        <div class="form-group col-md-12">
+                    
+                        <div class="form-group col-md-6">
                             <label for="profile">User Team<span class="text-danger">*</span>  
                                 <span class="tooltip-trigger mdi mdi-information-outline" id="accessMatrixTrigger"></span>
                             </label>
@@ -370,7 +377,8 @@ table.dataTable tbody td {
                 </div>
                 
                 <div class="form-group text-right m-b-0">
-                    <button type="submit" class="btn btn-primary waves-effect waves-light mr-1" id="btnSubmit">Submit</button>
+                    <button class="btn app-btn-outline-secondary app-btn-border-radius mr-2 " type="button" data-dismiss="modal" aria-hidden="true">Cancel</button>
+                    <button class="btn app-btn-secondary app-btn-border-radius waves-effect waves-light" id="btnSubmit">Submit</button>
                     <!-- <button type="button" class="btn btn-secondry waves-effect waves-light mr-1" data-dismiss="modal" aria-hidden="true">Close</button> -->
                 </div>
             </form>
diff --git a/app/Views/cd_master_add_modal.php b/app/Views/cd_master_add_modal.php
index a7101a72..b5d4cf66 100644
--- a/app/Views/cd_master_add_modal.php
+++ b/app/Views/cd_master_add_modal.php
@@ -1,20 +1,20 @@
 <!-- modal content -->
-<div id="con-close-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
-    <div class="modal-dialog" <?= !isset($CD_Master_Data) ? 'style="max-width: 35% !important;"' : '' ?>>
+<div id="con-close-modal" class="modal fade app-font-family" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
+    <div class="modal-dialog modal-dialog-centered modal-lg" <?= !isset($CD_Master_Data) ? 'style="max-width: 35% !important; margin:5px auto!important;"' : '' ?>>
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title" id="title">Add Opening Amount</h4>
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="resetCdMasterFormModal()">×</button>
             </div>
 
-            <div class="modal-body p-4">
+            <div class="modal-body">
                 <div class="">
-                    <form role="form" class="parsley-examples" id="CDMasterForm" enctype="multipart/form-data">
+                    <form role="form" class="parsley-examples" id="CDMasterForm"  enctype="multipart/form-data">
                         <input type="hidden" name="PrimaryKey" id="CD_Master_ID" />
                         <div class="form-group">
 
                             <div class="form-row">
-                                <div class="form-group col-md-12">
+                                <div class="form-group col-md-6">
                                     <label for="emp_code">Client<span class="text-danger">*</span></label>
                                    <select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="cd_client_id" name="client_id" required>
                                         <option value="" >Select Client</option>
@@ -30,10 +30,8 @@
                                         <?php } ?>
                                     </select>
                                 </div>
-                            </div>
-
-                            <div class="form-row">
-                                <div class="form-group col-md-12">
+                            
+                                <div class="form-group col-md-6">
                                     <label for="profile">Insurer<span class="text-danger">*</span></label>
                                     <select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="insurer_id_for_cd" name="insurer_id"  <?= isset($CD_Master_Data) ? 'onchange="filterInsurerBranch(this)"' : '' ?> required>
                                         <option value="">Select Insurer</option>
@@ -45,7 +43,7 @@
                             </div>
 
                             <div class="form-row">
-                                <div class="form-group col-md-12">
+                                <div class="form-group col-md-6">
                                     <label for="insurer_branch_id">Insurer Branch<span class="text-danger">*</span></label>
                                     <select class="form-control <?= !isset($CD_Master_Data) ? 'readonly-select' : '' ?>" id="insurer_branch_id" name="insurer_branch_id" required>
                                         <option value="">Select Insurer Branch</option>
@@ -55,24 +53,23 @@
                                         <?php } } ?>
                                     </select>
                                 </div>
-                            </div>
-
-                            <div class="form-row">
-                                <div class="form-group col-md-12">
+                            
+                                <div class="form-group col-md-6">
                                     <label for="email">Opening Date<span class="text-danger">*</span></label>
-                                    <input type="text" class="form-control" name="opening_date" id="opening_date" required>
+                                    <div class="input-icon">
+                                        <input type="text" class="form-control" name="opening_date" id="opening_date" required>
+                                        <i class="mdi mdi-calendar-blank-outline additional-icon"></i>
+                                    </div>
                                 </div>
                             </div>
 
                             <div class="form-row">
-                                <div class="form-group col-md-12">
+                                <div class="form-group col-md-6">
                                     <label for="mobile">CD Account Number<span class="text-danger">*</span></label>
                                     <input type="text" class="form-control" id="cd_ac_no_for_cd_master" name="cd_ac_no" required>
                                 </div>
-                            </div>
-
-                            <div class="form-row">
-                                <div class="form-group col-md-12">
+                            
+                                <div class="form-group col-md-6">
                                     <label for="mobile">Opening Amount<span class="text-danger">*</span></label>
                                     <input type="text" class="form-control" id="opening_bal" name="opening_bal" onkeypress="return onlyNumbers(event)" required>
                                 </div>
@@ -81,7 +78,8 @@
                         </div>
 
                         <div id="cdButtonWrapper" class="form-group text-right m-b-0">
-                            <button class="btn btn-primary waves-effect waves-light mr-1" id="cd_master_btn_Submit">Submit</button>
+                            <button class="btn app-btn-outline-secondary app-btn-border-radius mr-2 " type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="resetCdMasterFormModal()">Cancel</button>
+                            <button class="btn app-btn-secondary app-btn-border-radius waves-effect waves-light" id="cd_master_btn_Submit">Submit</button>
                             <!-- <button type="button" class="btn btn-secondry waves-effect waves-light mr-1" data-dismiss="modal" aria-hidden="true">Close</button> -->
                         </div>
                     </form>
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index ea16b0a9..1c39f62d 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -918,28 +918,39 @@ table[data-custom-table-css="table"] {
             color:black;
         }
 
-         /********************************************************************* modal section starts ***********************************************************************************************************/
-      
-        /* Inside modal field color changes */
-        /* modal section starts */
-
-
-        .modal.show .modal-dialog .modal-content,
-        .modal .modal-dialog .modal-content {
-        border-radius: 10px !important;
-        overflow: hidden !important;   
-        box-shadow: none;               
+        /* Common modal Title styles */
+        .modal .modal-title {
+            font-weight: 500;       
+            font-size: 27px;
+            line-height: 100%;       
+            letter-spacing: 0;
+            text-align: center;
         }
 
-        .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 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;
@@ -953,6 +964,39 @@ table[data-custom-table-css="table"] {
             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 .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;
@@ -961,6 +1005,22 @@ table[data-custom-table-css="table"] {
             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;
@@ -968,6 +1028,7 @@ table[data-custom-table-css="table"] {
 
         .modal .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
             background-color: #00999E !important;
+
         }
 
 
@@ -995,6 +1056,7 @@ table[data-custom-table-css="table"] {
             background-color: #E26728 !important; 
             border-color: #9C461B !important;
             cursor: pointer;          /* optional */
+
         }
 
 
diff --git a/app/Views/oldheader.php b/app/Views/oldheader.php
new file mode 100644
index 00000000..e0c5b0f2
--- /dev/null
+++ b/app/Views/oldheader.php
@@ -0,0 +1,1189 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8" />
+    <title><?= isset($page_name) ? $page_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">
+
+
+    <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 -->
+    <style>
+        body[data-sidebar-size=condensed]:not([data-layout=compact]):not(.auth-fluid-pages) {
+            min-height: 0;
+        }
+
+        body[data-sidebar-size=condensed] .navbar-custom {
+            left: 155px !important;
+        }
+
+        body[data-sidebar-size=condensed] .logo-box {
+            width: 155px !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;
+        }
+
+        /* 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 */
+            }
+        }
+
+
+        .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);
+        }
+
+        .lead {
+            font-size: 13px;
+        }
+
+        .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;
+        }
+
+        @-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);
+            }
+        }
+
+        .toast-success {
+            background-color: #009688 !important;
+            color: #FFFFFF !important;
+        }
+
+        /* .dataTables_wrapper .text-right {
+                position: relative;
+            } */
+
+        .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;
+        }
+
+
+        .modal-full-width {
+            width: 80% !important;
+            /* width: 95% !important; */
+            /* max-width: none; */
+        }
+
+        .modal-body {
+            /* position: relative;
+                flex: 1 1 auto; */
+            padding: 2rem !important;
+        }
+
+        /* Force all text across the entire app to black */
+        html, body, * {
+            /* color: #000 !important; */
+        }
+
+
+    </style>
+
+    <style>
+        .text-danger-2 {
+            font-style: italic;
+            color: black !important;
+            /* color: #02a8b5 !important; */
+            font-size: 12px;
+        }
+
+        /* .form-group {
+                margin-bottom: -0.2rem !important;
+            }
+            .form-row{
+                width: 84%;
+            } */
+    </style>
+
+    <style>
+        .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;
+        }
+    </style>
+
+    <style>
+        .toast-body {
+            padding: .75rem;
+            background: aliceblue !important;
+        }
+
+        #messages-list li {
+            margin-top: 0;
+            margin-bottom: -25px;
+            /* Adjust this value to reduce the space */
+        }
+
+        .toast-footer {
+            text-align: right;
+            color: #000;
+            border-top: 1px solid aliceblue;
+            margin-top: 11px;
+            margin-bottom: -6px;
+        }
+
+
+        .right-bar {
+            width: 300px;
+            /* Adjust as needed */
+            overflow: hidden;
+        }
+
+        .fixed-header {
+            position: relative;
+            top: 0;
+            z-index: 1000;
+            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;
+        }
+    </style>
+
+    <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 ;
+        }
+
+        .ul-flex{
+            display:flex;
+            flex-flow: column nowrap;
+            justify-content: center;
+            align-content: space-evenly;
+        }
+
+        .top-navbar-div{
+            display:flex;
+            flex-flow:row nowrap;
+            justify-content:space-between;
+        }
+
+        .nav-flex{
+             display:flex;
+            flex-flow: row nowrap;
+            justify-content:end;
+            justify-content: center;
+            align-items: center;
+            margin-right:20px;
+        }
+
+        .card-body{
+            background-color:white;
+            padding-left:50px !important;
+            margin-top: 5px;
+        }
+
+        .content-page{
+            background-color: white !important;
+            color:white !important;
+            padding: 0px !important;
+        }
+
+        .footer{
+            background-color:white !important;
+            color:black;
+            margin: 30px !important;
+        }
+
+        html{
+            background-color: white !important;
+            color:white !important;
+        }
+
+        .footer{
+            margin-left:150px;
+            position:relative;
+        }
+
+        .left-side-menu{
+            margin-left:30px; 
+            margin-top:20px;
+            margin-bottom:5px;
+            border-radius:25px;
+            background-color:#D4F5F6;
+            z-index:700;
+            padding:0px !important;
+            height:90%;
+        }
+
+        label{
+            color:#000;
+        }
+
+        .search-bar {
+            position: relative;
+            width: 550px;
+           
+        }
+
+        .dropdown{
+             margin-right: 10px !important;
+        }
+
+        .search-bar input {
+            width: 100%;
+            padding-right: 40px; /* make space for the button */
+            border-radius: 10px !important;
+            background-color: #F4F4F4;
+            box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.2);
+            margin-bottom: 5px;
+        }
+
+        .search-btn {
+            position: absolute;
+            top: 50%;
+            right: 10px;
+            transform: translateY(-50%);
+        }
+
+
+
+    </style>
+
+    <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%;
+    }
+
+    </style>
+
+    <style>
+        body{
+            margin-top:20px;
+            background:#FAFAFA;
+        }
+    </style>
+
+    <script>
+        $(window).on('load', function() {
+            setTimeout(function() {
+                $('.loader').fadeOut();
+                $('.loader-mask').fadeOut('slow');
+            }, 1000);
+        });
+    </script>
+
+    <style>
+        .img-inactive{
+            background-color: white;
+            margin: 10px 12px;
+            border-radius: 5px;
+            border: 4px solid white;padding: 8px !important;
+            min-height: 43px !important;
+        }
+
+        .img-active{
+            background-color: #B7F0F2;
+            margin: 10px 12px;
+            border-radius: 5px;
+            border: 4px solid #00999E;padding: 8px !important;
+            min-height: 43px !important;
+        }
+    </style>
+
+    <style>
+        *{
+             font-family: 'Poppins' !important;
+        }
+        .content{
+            min-height: 70vh;
+        }
+        .tooltip-inner {
+            color: #fff !important;   /* restore white text */
+            background-color: #000 !important; /* keep background black */
+        }
+
+        #current_tile , #main_tile , #mainMenuTiles{
+            font-size: 25px!important;
+            font-weight: 600!important;
+        }
+
+/*
+#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-font-family,
+.app-font-family *:not(.mdi):not(.fa):not(.material-icons) {
+  font-family: 'Poppins' !important;
+}
+
+.app-title     { font-size: 18px; }
+.app-heading   { font-size: 16px; }
+.app-subtitle  { font-size: 14px; }
+.app-text      { font-size: 12px; }
+
+
+.title-text {
+    font-weight: 500;       
+    font-style: normal;     
+    font-size: 30px;
+    line-height: 1;         
+    letter-spacing: 0;      
+}
+.sub-title-text {
+    font-weight: 500;       
+    font-style: normal;     
+    font-size: 18px;
+    line-height: 1;         
+    letter-spacing: 0; 
+    color:black;     
+}
+
+.font-color-black{
+    color:black;
+}
+
+.app-text-left {
+  text-align: left !important; }
+
+.app-text-right {
+  text-align: right !important; }
+
+.app-text-center {
+  text-align: center !important; }
+
+.app-text-white {
+  color: #ffffff !important; }
+
+.app-text-black {
+  color: #000000 !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-border-radius{ border-radius: 10px !important; }
+
+.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); }
+
+.app-table-head th {
+    background-color: #00999E;
+    color: #fff !important;
+    border-top: 0px solid #fff !important;
+    border-bottom: 0px solid #fff !important;
+}
+
+.app-table-body td {
+    background: #F5FFFF;   
+    padding: 12px;
+    border-top: 0px solid #fff !important;
+    border-bottom: 0px solid #fff !important;
+}
+
+.app-table-head th:first-child {
+    border-top-left-radius: 15px !important;
+    border-bottom-left-radius: 15px !important;
+}
+.app-table-head th:last-child {
+    border-top-right-radius: 15px !important;
+    border-bottom-right-radius: 15px !important;
+}
+
+.app-table-body tr td:first-child {
+    border-top-left-radius: 15px !important;
+    border-bottom-left-radius: 15px !important;
+}
+.app-table-body tr td:last-child {
+    border-top-right-radius: 15px !important;
+    border-bottom-right-radius: 15px !important;
+}
+
+.app-table-body tr:hover td {
+    background-color: #e0e0e0;
+}
+
+.app-datatable {
+    border-collapse: separate !important;
+    border-spacing: 0 8px !important; /* space between rows */
+    width: 100%;
+}
+
+    </style>
+    
+    <style>
+        label{
+            font-weight: 500 !important;
+            font-size:0.875rem !important;
+        }
+    </style>
+    <style>
+        .dataTables_info , .text , #client_logo{
+            font-weight: 500 !important;
+            color:#000 !important;
+        }
+    </style>
+
+    <style>
+        .right-bar{
+            right : -300px;
+        }
+    </style>
+    <style>
+        .dash-tab-font{
+            font-weight: 500 !important;
+            font-size:0.875rem !important;  
+        }
+
+        .jodit-wysiwyg{
+            color:black;
+        }
+
+
+    </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 class="h-100" 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" height="24">
+                            </a>
+                        </li>
+
+
+
+                        <li>
+                            <a href="<?= base_url('/dashboard/view') ?>" class="img-inactive-not-working">
+                                <i class="ri-dashboard-line" style="color:black;"></i>
+                                <span > Dashboard </span>
+                            </a>
+                        </li>
+
+                        <!-- client -->
+                        <?php if (in_array(get_role_id(), [1,2,3,5])) { ?>
+                            <li>
+                                <a href="<?= base_url('/client/list') ?>" class="img-inactive-not-working" >
+                                    <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>
+                                <a href="#sidebarDashboards" data-toggle="collapse" class="waves-effect img-inactive-not-working" >
+                                    <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>
+                                    </ul>
+                                </div>
+                            </li>
+                        <?php } ?>
+
+                        <!-- Masters -->
+                        <?php if (get_role_id() == 1 || get_role_id() == 5) { ?>
+
+                            <li>
+                                <a href="#sidebarDashboards" data-toggle="collapse" class=" img-inactive-not-working">
+                                    <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">
+                                        <li>
+                                            <a href="<?= base_url('/master/insurer/list') ?>">Insurer</a>
+                                        </li>
+                                        <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>
+                                    </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>
+                                <a href="#sidebarDashboardsTicket" data-toggle="collapse" class="waves-effect img-inactive-not-working">
+                                    <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('/ticketList?return_type=web') ?>">Ticket List</a>
+                                        </li> -->
+                                    </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>
+                                <a href="<?= base_url('/leads/list') ?>" class="img-inactive-not-working">
+                                    <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>
+                            <a id="tickets" href="<?= base_url('/ticketList?return_type=web') ?>" class="waves-effect img-inactive-not-working">
+                                    <img src="<?= base_url() . "public"; ?>/assets/images/ticket.png" alt="Logo" height="20">
+                                <span>Tickets</span>
+                            </a>
+                        </li>
+                        <?php } ?>
+                        <!-- BDS -->
+                        <?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()) || in_array(POS_TEAM_ID, user_team()))) { ?>
+                            <li>
+                                <a href="#policyTransactions" data-toggle="collapse" class="waves-effect img-inactive-not-working">
+                                    <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/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) || (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]) || 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]) || 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>
+
+                                            <?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>
+                                                        </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 } ?>
+
+                                        <?php } ?>
+                                    </ul>
+                                </div>
+                            </li>
+                        <?php } ?>
+
+                        <!-- Ad -->
+                        <?php if (in_array(get_role_id(), [1,2,3,5])) { ?>
+                            <li>
+                                <a id="app_content_management" href="#sidebarDashboardsmenu" data-toggle="collapse" class="waves-effect img-inactive-not-working" style="color: grey;">
+                                    <img 
+                                    src="<?= base_url() . "public"; ?>/assets/images/app_content_mng_sb.png" alt="Logo" height="20">
+                                    <span>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>
+                                    </ul>
+                                </div>
+                            </li>
+                        <?php } ?>
+                        <li>
+                            <a id="user_manual" href="<?= base_url("autobookstackLogin") ?>" class="waves-effect img-inactive-not-working" 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 -->
+        <div class="top-navbar-div" style="margin-left:130px;" >
+                <div>
+                    <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>
+    <!-- End of Top Bar -->
+
+    <br>
+
+
+<!-- ============================================================== -->
+<!-- Start Page Content here -->
+<!-- ============================================================== -->
+
+<div class="content-page">
+    <div class="content">
+
+        <!-- Start Content-->
+        <div class="container-fluid">
\ No newline at end of file
diff --git a/app/Views/thz_notes.php b/app/Views/thz_notes.php
index 7cac8e54..a131e7ad 100644
--- a/app/Views/thz_notes.php
+++ b/app/Views/thz_notes.php
@@ -538,6 +538,10 @@ hr{
         var form = document.getElementById("ticketForm");
         var id = form.querySelector("[name='thz_id']").value;
         var formData = new FormData(form);
+
+        var btn = document.querySelector("button[onclick='submitTicket()']");
+        btn.disabled = true;
+        btn.innerText = "Saving...";
     
         $.ajax({
             url: "<?= base_url('ticketSave') ?>",
@@ -559,6 +563,10 @@ hr{
             error: function(xhr) {
                 toastr.error("Something went wrong!", 'Error');
                 console.error(xhr.responseText);
+            },
+            complete: function() {
+                btn.disabled = false;
+                btn.innerText = "Save";
             }
         });
     }
diff --git a/app/Views/vehicle_master_list.php b/app/Views/vehicle_master_list.php
index e51bfe16..15f7678e 100644
--- a/app/Views/vehicle_master_list.php
+++ b/app/Views/vehicle_master_list.php
@@ -125,7 +125,7 @@ table.dataTable tbody td {
 
 <div class="modal fade" id="vehicle_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-dialog modal-dialog-centered modal-lg">
         <div class="modal-content">
             <div class="modal-header">
                 <h4 class="modal-title" id="myCenterModalLabel">Add New Vehicle</h4>
@@ -218,7 +218,8 @@ table.dataTable tbody td {
 
                     </div>
                     <div class="form-group text-right m-b-0" id="hide_smbt_btn">
-                        <button type="submit" id="btnSubmit" class="btn btn-primary">Submit</button>
+                        <button class="btn app-btn-outline-secondary app-btn-border-radius mr-2 close" type="button" id="close_btn"  data-dismiss="modal" aria-label="Close" aria-hidden="true">Cancel</button>
+                        <button type="submit" id="btnSubmit" class="btn app-btn-secondary app-btn-border-radius waves-effect waves-light" id="cd_master_btn_Submit">Submit</button>
                     </div>
                 </form>
             </div>