diff --git a/app/Views/claim_dump_file_list.php b/app/Views/claim_dump_file_list.php
index 0c1d6906..a0af62c0 100644
--- a/app/Views/claim_dump_file_list.php
+++ b/app/Views/claim_dump_file_list.php
@@ -64,7 +64,7 @@
         <div class="card-body">
             <div class="row" style="padding-bottom: 10px;">
                 <div class="col-6" style="align-self: center;">
-                    <h4 style="position: relative;">Files</h4>
+                    <h2 style="position: relative;">Claim Dump Upload</h2>
                 </div>
 
             </div>
@@ -93,14 +93,18 @@
                                 <td><?php echo change_date_format($file['created_at'], 'Y-m-d H:i:s', 'd M Y h:i a') . ' by <strong>' . $file['user_name'] . '</strong>' ?> </td>
                                 <td>
                                     <?php if ($file['status'] == "failed") { ?>
-                                        <?= $file['status'] ?> <span class='col-xl-3 col-lg-4 col-sm-6'> 
+                                        <span style="color : #BD0707 ;"> <?= $file['status'] ?> </span> 
+                                        <span class='col-xl-3 col-lg-4 col-sm-6'> 
                                             <!-- <a href="<?= base_url('util/claim_dump_excel_error/') . $file['file_id'] ?>" target="_blank" class='fe-alert-circle' data-err="<?= $file['file_id'] ?>"></a> -->
                                             <a href="#" class='fe-alert-circle' onclick="fetchFileError(<?= $file['file_id'] ?>)"></a>
                                         </span>
                                     <?php } else if ($file['status'] == "inprogress") { ?>
-                                        <a data-id="<?= $file['status'] ?>" class="reload" href="#"><?= $file['status'] ?></a>
+                                        <a data-id="<?= $file['status'] ?>" class="reload" href="#"
+                                            style="color : #938e04ff ;">
+                                            <?= $file['status'] ?>
+                                        </a>
                                     <?php } else { ?>
-                                        <?= $file['status'] ?>
+                                       <span style="color : #34A853 ;"> <?= $file['status'] ?> </span> 
                                     <?php } ?>
                                 </td>
                                 <td>
@@ -156,7 +160,7 @@
                                 <!-- &nbsp;[ <a href="#" id="excel_download" data-toggle="tooltip" data-placement="top" title="Download Sample Excel">Sample Excel</a> ] -->
                                 <input type="file" name="claim_dump_list" id="claim_dump_list" accept=" application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel,application/vnd.oasis.opendocument.spreadsheet" required>
                             </div>
-                            <div class="form-group col-md-3" style="margin-top: 18px;">
+                            <div class="form-group col-md-3" style="margin-top: 40px;">
                                 <button id="claim_form_submit_button" type="submit" class="btn btn-primary waves-effect waves-light justify-content-end">Upload</button>
                             </div>
                         </div>
diff --git a/app/Views/layout/footer.php b/app/Views/layout/footer.php
index 3ccd15c4..1481b565 100755
--- a/app/Views/layout/footer.php
+++ b/app/Views/layout/footer.php
@@ -1005,20 +1005,21 @@ $(document).ready(function(){
     });
 });
 
-function openModal(modalId) {
-    var modalEl = document.getElementById(modalId);
+// function openModal(modalId) {
+//     console.log('openModal called with ID:', modalId);
+//     var modalEl = document.getElementById(modalId);
 
-    if (typeof bootstrap !== "undefined" && bootstrap.Modal) {
-        // 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.");
-    }
-}
+//     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>
 
diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php
index 783b6e7e..cb591a7f 100755
--- a/app/Views/layout/header.php
+++ b/app/Views/layout/header.php
@@ -974,13 +974,88 @@
 
     <!-- jodit section -->
     <style>
-        /********************************************************************* jodit section starts ***********************************************************************************************************/
+    /* ✅ 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;
+    }
+
+
+
 
-        .jodit-wysiwyg {
-            color: black;
-        }
     </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>
@@ -1365,6 +1440,28 @@
         }
     </style>
 
+    <style>
+    .dataTables_scrollBody thead.bg-light tr 
+    , .dataTables_scrollBody thead.app-table-head tr
+    {
+        visibility: collapse !important;  /* hides + removes row space */
+        height: 0 !important;
+    }
+
+    .dataTables_scrollBody thead.bg-light th 
+    , .dataTables_scrollBody thead.app-table-head tr
+    {
+        padding: 0 !important;
+        margin: 0 !important;
+        border: none !important;
+        height: 0 !important;
+        line-height: 0 !important;
+        overflow: hidden !important;
+    }
+
+    </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>
diff --git a/app/Views/ticket_edit_onbording.php b/app/Views/ticket_edit_onbording.php
index cfa9e718..9953b250 100644
--- a/app/Views/ticket_edit_onbording.php
+++ b/app/Views/ticket_edit_onbording.php
@@ -7,6 +7,34 @@
     font-size:0.875rem;
 }
 
+     .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-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;
+    
+    }
+
 </style>
 <div class="row">
     <div class="col-12">
@@ -27,28 +55,28 @@
                 <!-- Navigation Tabs -->
                 <ul class="nav nav-pills navtab-bg">
                     <li class="nav-item">
-                        <a href="#general-tab" data-toggle="tab" class="nav-link px-2 py-1 active label-font-size" id="general_tab"
+                        <a href="#general-tab" data-toggle="tab" class="nav-link px-3 py-2 active label-font-size" id="general_tab"
                             aria-expanded="true">
                             <i class="mdi mdi-ticket-account"></i>
                             <span class="d-none d-sm-inline-block ">General</span>
                         </a>
                     </li>
                     <li class="nav-item">
-                        <a href="#reply-tab" data-toggle="tab" class="nav-link px-2 py-1 label-font-size" id="reply_tab"
+                        <a href="#reply-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="reply_tab"
                             aria-expanded="false">
                             <i class="mdi mdi-message-processing"></i>
                             <span class="d-none d-sm-inline-block">Reply</span>
                         </a>
                     </li>
                     <li class="nav-item">
-                        <a href="#note-tab" data-toggle="tab" class="nav-link px-2 py-1 label-font-size" id="note_tab"
+                        <a href="#note-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="note_tab"
                             aria-expanded="false">
                             <i class="mdi mdi-note-text"></i>
                             <span class="d-none d-sm-inline-block">Notes</span>
                         </a>
                     </li>
                     <li class="nav-item">
-                        <a href="#history-tab" data-toggle="tab" class="nav-link px-2 py-1 label-font-size" id="history_tab"
+                        <a href="#history-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="history_tab"
                             aria-expanded="false">
                             <i class="mdi mdi-history"></i>
                             <span class="d-none d-sm-inline-block">History</span>
@@ -56,7 +84,7 @@
                     </li>
                     <?php if(in_array($ticket_data['ticket_type_id'], [1,2,3,4,5,6,7])){ ?>
                     <li class="nav-item">
-                        <a href="#autoQuery-tab" data-toggle="tab" class="nav-link px-2 py-1 label-font-size" id="auto_query_tab"
+                        <a href="#autoQuery-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="auto_query_tab"
                             aria-expanded="false">
                             <i class="mdi mdi-robot mr-1"></i>                            
                             <span class="d-none d-sm-inline-block">Auto Query Content</span>
@@ -64,7 +92,7 @@
                     </li>
                     <?php } ?>
                     <li class="nav-item">
-                        <a href="#uploads-tab" data-toggle="tab" class="nav-link px-2 py-1 label-font-size" id="uploads_tab"
+                        <a href="#uploads-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="uploads_tab"
                             aria-expanded="false">
                             <i class="mdi mdi-file mr-1"></i>                            
                             <span class="d-none d-sm-inline-block">Claim Files</span>
@@ -72,7 +100,7 @@
                     </li>
                     <?php if(in_array($ticket_data['ticket_type_id'], [1,2,3,4,5,6,7])){ ?>
                     <li class="nav-item">
-                        <a href="#viewpolicyterms-tab" data-toggle="tab" class="nav-link px-2 py-1 label-font-size" id="viewpolicyterms_tab"
+                        <a href="#viewpolicyterms-tab" data-toggle="tab" class="nav-link px-3 py-2 label-font-size" id="viewpolicyterms_tab"
                             aria-expanded="false">
                             <i class="mdi mdi-eye mr-1"></i>                            
                             <span class="d-none d-sm-inline-block">View Policy Terms</span>
diff --git a/app/Views/ticket_feedback_list.php b/app/Views/ticket_feedback_list.php
index 495d59ec..18732c75 100644
--- a/app/Views/ticket_feedback_list.php
+++ b/app/Views/ticket_feedback_list.php
@@ -45,7 +45,7 @@ table.dataTable tbody td {
         <div class="card-body">
             <div class="row" style="padding-bottom: 10px;">
                 <div class="col-6" style="align-self: center;">
-                    <h4 style="position: relative;">Claim Feedback List </h4>
+                    <h2 style="position: relative;">Claim Feedback List </h2>
                 </div>
 
             </div>
diff --git a/app/Views/ticket_mail_template.php b/app/Views/ticket_mail_template.php
index b5da3f7f..e030f7e6 100644
--- a/app/Views/ticket_mail_template.php
+++ b/app/Views/ticket_mail_template.php
@@ -55,8 +55,8 @@
     /* strongest, beats most parent rules and pasted styles on wrappers */
     .jodit-container .jodit-wysiwyg,
     .jodit-container .jodit-wysiwyg * {
-    color: #000 !important;
-    background-color: #fff !important; /* optional: ensure white background */
+        color: #000 !important;
+        background-color: #fff !important; /* optional: ensure white background */
     }
 
 </style>
@@ -193,17 +193,17 @@
                                 <input type="text" readonly id="claim_status_for_template" class="form-control" />
                             </div>
 
-
-                        </div>
-
-                        <div class="form-row">
-                            <div class="form-group col-md-12">
-                                <label for="template_subject">Subject</label>
-                                <input type="text" id="template_subject" name="subject" class="form-control"
-                                    placeholder="Subject" required>
+                            <div class="form-group col-md-6">
+                                    <label for="template_subject">Subject</label>
+                                    <input type="text" id="template_subject" name="subject" class="form-control"
+                                        placeholder="Subject" required>
                             </div>
+
+
                         </div>
 
+
+
                         <hr>
 
                         <div class="form-row">
@@ -264,7 +264,7 @@
                     text: 'Add Template',
                     className: 'buttons-html5 addbtnStyle',
                     action: function(e, dt, node, config) {
-                        openModal()
+                        openModal('new_mail_template')
                     }
                 }],
                 language: {
@@ -507,7 +507,7 @@
                 if (res) {
                     if (res.status == true) {
                         // Open the modal
-                        openModal();
+                        openModal('new_mail_template');
 
                         // Populate the form fields
                         $('#template_subject').val(res.data.subject);
diff --git a/app/Views/ticket_reports.php b/app/Views/ticket_reports.php
index 57c73a2e..8bd2c95a 100644
--- a/app/Views/ticket_reports.php
+++ b/app/Views/ticket_reports.php
@@ -1,4 +1,5 @@
 <div class="row">
+    <h3 class="ml-3">Claim Reports</h3>
     <div class="col-xl-12">
         <div id="accordion" class="mb-3">
             <div class="card mb-1">
diff --git a/app/Views/ticket_search.php b/app/Views/ticket_search.php
index 8a79e1e9..f92a8a34 100644
--- a/app/Views/ticket_search.php
+++ b/app/Views/ticket_search.php
@@ -9,19 +9,13 @@
     <div class="col-12" style="margin-top: -12px;">
         <div id="accordion" class="mb-3">
             <div class="card mb-1">
-                <h5 class="m-1">
-                    <br>
-                <div class="row ml-4">
-                    <div class="col-md-6">
-                    <h4 style="text-align: left;">Claim Filter</h4>
-                    </div>
-                    <div class="col-md-6">
-                <a style="text-align: right;" id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
-                        aria-expanded="true">
-                        <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
-                    </a></div>
-                </div>
-                </h5>
+                    <h2 class="m-3">
+                        Claim Filter
+                        <a id="toggleIcon" class="text-dark float-right" data-toggle="collapse" href="#collapseOne"
+                            aria-expanded="true">
+                            <i id="icon" class="mdi mdi-chevron-down mr-1 text-primary" style="font-size: 28px;"></i>
+                        </a>
+                    </h2>
                 <div id="collapseOne" class="collapse hide" aria-labelledby="headingOne" data-parent="#accordion">
                     <div class="card-body">
                         <div class="form-group">