diff --git a/app/Views/editCapitalPo.php b/app/Views/editCapitalPo.php
index 304519dc..1a7f1942 100755
--- a/app/Views/editCapitalPo.php
+++ b/app/Views/editCapitalPo.php
@@ -778,64 +778,63 @@
                   </div>
 
 
-                  <div id="packagingcalmodel" class="modal fade" data-backdrop-limit="1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-                    <div class="modal-dialog">
-
-                      <!-- Modal content-->
+                  <div id="packagingcalmodel" class="modal fade" tabindex="-1" role="dialog"
+                    aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
+                    <div class="modal-dialog modal-lg">
                       <div class="modal-content">
                         <div class="modal-header">
-                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                           <h4 class="modal-title">Freight Calculation On</h4>
+                          <button type="button" class="close" data-dismiss="modal"
+                            aria-hidden="true">×</button>
                         </div>
-                        <div class="modal-body">
+                        <div class="modal-body p-4">
                           <form>
 
-                            <div class="radio">
+                            <div>
                               <label><input type="radio" name="optPackaging" checked="checked" value='0' id="optPackaging"> Basic Amount</label>
                             </div>
-                            <div class="radio">
+                            <div>
                               <label><input type="radio" name="optPackaging" id="optPackaging" value='1'> After Discount Amount</label>
                             </div>
                           </form>
                         </div>
-                        <div class="modal-footer">
-                          <a class="btn btn-success" data-dismiss="modal" style="margin-top: -24px;" value="Cancel">Cancel</a>
-                          <a class="btn btn-success" ID="PackagingOption" onclick="calculateFreightlocaddper();" style="margin-top: -24px;">&nbsp;&nbsp;<span class="bold">Ok</span></a>
+                        <div class="modal-footer" style="border:none;">
+                          <a class="btn btn-success" data-dismiss="modal" style="margin: 10px;" value="Cancel">Cancel</a>
+                          <a class="btn btn-success" ID="PackagingOption" onclick="calculateFreightlocaddper();">&nbsp;&nbsp;<span class="bold">Ok</span></a>
+
                         </div>
                       </div>
-
                     </div>
-                  </div>
+                  </div><!-- /.modal -->
 
                   <!-- Modal for Packing Calculation -->
-                  <div id="editpackagingcalmodel" class="modal fade" data-backdrop-limit="1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-                    <div class="modal-dialog">
-
-                      <!-- Modal content-->
+                  <div id="editpackagingcalmodel" class="modal fade" tabindex="-1" role="dialog"
+                    aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
+                    <div class="modal-dialog modal-lg">
                       <div class="modal-content">
                         <div class="modal-header">
-                          <button type="button" class="close" data-dismiss="modal">&times;</button>
-                          <h4 class="modal-title">Freight Calculation On</h4>
+                          <h4 class="modal-title">Freight Calculation On/h4>
+                            <button type="button" class="close" data-dismiss="modal"
+                              aria-hidden="true">×</button>
                         </div>
-                        <div class="modal-body">
+                        <div class="modal-body p-4">
                           <form>
 
-                            <div class="radio">
+                            <div>
                               <label><input type="radio" name="editoptPackaging" checked="checked" value='0' id="editoptPackaging"> Basic Amount</label>
                             </div>
-                            <div class="radio">
+                            <div>
                               <label><input type="radio" name="editoptPackaging" id="editoptPackaging" value='1'> After Discount Amount</label>
                             </div>
                           </form>
                         </div>
-                        <div class="modal-footer">
-                          <a class="btn btn-success" data-dismiss="modal" style="margin-top: -24px;" value="Cancel">Cancel</a>
-                          <a class="btn btn-success" ID="editPackagingOption" onclick="calculateFreightloceditper();" style="margin-top: -24px;">&nbsp;&nbsp;<span class="bold">Ok</span></a>
+                        <div class="modal-footer" style="border:none;">
+                          <a class="btn btn-success" data-dismiss="modal" style="margin: 10px;" value="Cancel">Cancel</a>
+                          <a class="btn btn-success" ID="editPackagingOption" onclick="calculateFreightloceditper();">&nbsp;&nbsp;<span class="bold">Ok</span></a>
                         </div>
                       </div>
-
                     </div>
-                  </div>
+                  </div><!-- /.modal -->
 
                   <div id="viewpackagingcalmodel" class="modal fade" data-backdrop-limit="1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                     <div class="modal-dialog">
@@ -7621,18 +7620,18 @@
 
       $('#editpackagingcalmodel').on('hidden.bs.modal', function() {
 
-$('#EDITCAPITAL').modal('show');
-$('.modal-backdrop').remove();
+        $('#EDITCAPITAL').modal('show');
+        $('.modal-backdrop').remove();
 
-// console.log($('#edit'+tempUserId));
+        // console.log($('#edit'+tempUserId));
 
-// $('#edit'+tempUserId).click();
-});
-$('#packagingcalmodel').on('hidden.bs.modal', function() {
-console.log("add form ");
+        // $('#edit'+tempUserId).click();
+      });
+      $('#packagingcalmodel').on('hidden.bs.modal', function() {
+        console.log("add form ");
 
-$('#CAPITAL').modal('show');
-});
+        $('#CAPITAL').modal('show');
+      });
 
 
       function calculateFreightlocaddper() {
@@ -7776,20 +7775,20 @@ $('#CAPITAL').modal('show');
         var Calculation = document.querySelector('input[name = "editoptPackaging"]:checked').value;
         var FreightType = $("#drpFreighteditloc").val();
         $('#editpackagingcalmodel').modal('hide');
-          $('.modal-backdrop').remove();
+        $('.modal-backdrop').remove();
         $('#EDITCAPITAL').modal('show');
         if (!document.getElementById('modalScrollCSS')) {
-                var style = document.createElement('style');
-                style.id = 'modalScrollCSS'; // Assign an ID to the style tag to avoid duplicates
-                style.innerHTML = `
+          var style = document.createElement('style');
+          style.id = 'modalScrollCSS'; // Assign an ID to the style tag to avoid duplicates
+          style.innerHTML = `
             /* Force scroll by setting a max height */
             .modal-body {
                 max-height: 540px; 
                 overflow-y: auto;  
             }
         `;
-                document.head.appendChild(style); // Append the CSS to the head
-            }
+          document.head.appendChild(style); // Append the CSS to the head
+        }
 
         if (FreightType == '<?php echo PERCENTAGE; ?>') {