FIX_Minor Issues

app/Views/UserList.php

@@ -339,6 +339,7 @@ table.dataTable tbody td {
         border: 1px solid #ddd;   /* matches border-width:1px */
         padding: 3px;
     }
+    .dataTables_length label {height: 21px !important;}
 
 </style>
 
@@ -863,7 +864,7 @@ table.dataTable tbody td {
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             dom: "<'row'<'col-sm-3'f><'col-sm-9'B>>" + 
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                 // {

app/Views/add_image_list.php

@@ -16,6 +16,9 @@ table.dataTable thead th {
 
     max-width: 98% !important;
 }
+
+.dataTables_length label {height: 21px !important;}
+
 </style>
 
 <div class="row" id="client_list">
@@ -227,7 +230,7 @@ $(document).ready(function() {
         //      "<'row'<'col-sm-5'i><'col-sm-7'p>>",
         dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
              "<'row'<'col-sm-12'tr>>" +
-             "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+             "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
         lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
         buttons: [
             {

app/Views/batch_list.php

@@ -13,6 +13,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
 }
+.dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="col-12" id="second_page">
@@ -241,7 +242,7 @@
             // },
             dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [{
                         extend: 'collection',

app/Views/bds_multi_report.php

@@ -19,6 +19,7 @@
     .right-align-input {
         text-align: right;
     }
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 
@@ -94,7 +95,7 @@
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                 {

app/Views/bds_renewal_report_list.php

@@ -14,6 +14,8 @@ table.dataTable tbody td {
     table[data-custom-table-css="table"].dataTable thead th {
         padding-right: 20px !important;
     }
+    .dataTables_length label {height: 21px !important;}
+
 </style>
 
 <div class="col-12" id="inception_list">    
@@ -122,7 +124,7 @@ $(document).ready(function() {
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
             dom: "<'row'<'col-sm-2'f><'col-sm-10 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
             {

app/Views/bds_report_Insurer_wise_Data.php

@@ -23,6 +23,7 @@ table.dataTable tbody td {
 #scroll-horizontal-datatable tfoot .right-align-input {
     text-align: right !important;
 }
+.dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="col-12">
@@ -79,7 +80,7 @@ table.dataTable tbody td {
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {

app/Views/bds_report_bap_wise_data.php

@@ -23,6 +23,7 @@ table.dataTable tbody td {
 #scroll-horizontal-datatable tfoot .right-align-input {
     text-align: right !important;
 }
+.dataTables_length label {height: 21px !important;}
 
 
 </style>
@@ -81,7 +82,7 @@ table.dataTable tbody td {
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {

app/Views/bds_tat_wise_report.php

@@ -19,6 +19,7 @@
     .right-align-input {
         text-align: right;
     }
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 
@@ -109,7 +110,7 @@
                 // ],
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {

app/Views/business_team_list.php

@@ -43,6 +43,7 @@
         color: #16181b !important;
         cursor: pointer !important;
     }
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 
@@ -343,7 +344,7 @@
             //      "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                 {

app/Views/cd_master_list.php

@@ -51,6 +51,8 @@ table.dataTable thead th {
 .dataTables_filter {
     position: absolute;
 }
+.dataTables_length label {height: 21px !important;}
+
 
 </style>
 
@@ -222,7 +224,7 @@ table.dataTable thead th {
         //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + 
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [  
               {

app/Views/claim_dump_file_list.php

@@ -21,6 +21,7 @@
         position: absolute;
     }
 
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 <!-- <div class="row">
@@ -289,7 +290,7 @@
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-7'f><'col-sm-5 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {

app/Views/claims_report_acc_manager_wise.php

@@ -18,6 +18,9 @@
     #scroll-horizontal-datatable tbody tr:hover {
         background-color: #e0e0e0;
     }
+
+    .dataTables_length label {height: 21px !important;}
+
 </style>
 
 <div class="col-12">
@@ -89,7 +92,7 @@
                 //      "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + 
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {

app/Views/claims_report_tpa_wise.php

@@ -15,6 +15,7 @@
     .right-align-input {
         text-align: right;
     }
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="col-12">
@@ -87,7 +88,7 @@
                 //      "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + 
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {

app/Views/client_deposit_list.php

@@ -72,7 +72,7 @@ $(document).ready(function() {
         // dom: "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>",
         dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>",
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
         lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
         buttons: [
                     {
@@ -115,6 +115,7 @@ $(document).ready(function() {
         },
 
     });
+    $('.dataTables_length label').css('height', '21px');
 
 })
 </script>

app/Views/client_list.php

@@ -65,6 +65,8 @@ table.dataTable thead th {
     text-decoration: underline ;
 }
 
+.dataTables_length label {height: 21px !important;}
+
 
 
 
@@ -303,7 +305,7 @@ $(document).ready(function()
         //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
         dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
         lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
         buttons: [
             {

app/Views/commission_file_upload.php

@@ -144,6 +144,9 @@
         color: #16181b !important;
         cursor: pointer !important;
     }
+
+    .dataTables_length label {height: 21px !important;}
+
 </style>
 
 <div class="row" id="inception_list">
@@ -377,7 +380,7 @@
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [{
                     text: 'Upload <i class="mdi mdi-upload"></i>',

app/Views/dms_search.php

@@ -22,6 +22,9 @@
     .autocomplete-suggestion:hover {
         background-color: #e9e9e9;
     }
+
+    .dataTables_length label {height: 21px !important;}
+
 </style>
 
 <div class="row">
@@ -178,7 +181,7 @@
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
                 dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [{
                     extend: 'collection',

app/Views/employee_data_list.php

@@ -76,6 +76,9 @@
         border-radius: 5px;
         box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     }
+
+    .dataTables_length label {height: 21px !important;}
+
 </style>
 
 <?php $pro_rata_total = 0; $gst_total = 0 ?>
@@ -346,7 +349,7 @@
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {

app/Views/endorsement_list.php

@@ -12,6 +12,8 @@
         position: relative;
         left: 79px;
     }
+    .dataTables_length label {height: 21px !important;}
+
 </style>
 
 <div class="container-fluid-min">
@@ -599,7 +601,7 @@
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [{
                     text: '<i class="mdi mdi-plus" ></i><span class=" btn-custom">  Add </span>',

app/Views/file_list.php

@@ -8,6 +8,9 @@
     cursor: pointer;
 }
 
+.dataTables_length label {height: 21px !important;}
+
+
 </style>
 
 <div class="col-12">
@@ -469,7 +472,7 @@ $(document).ready(function() {
         //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
         dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
         lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
         buttons: [{
                         extend: 'collection',

app/Views/finance_team_list.php

@@ -43,6 +43,8 @@
         color: #16181b !important;
         cursor: pointer !important;
     }
+    .dataTables_length label {height: 21px !important;}
+
 </style>
 
 
@@ -342,7 +344,7 @@ $(document).ready(function () {
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                 {

app/Views/hr_activity_history.php

@@ -47,6 +47,8 @@ table.dataTable tbody td {
 #hr_activity_history_append_area tbody tr {
   background-color: transparent !important;
 }
+.dataTables_length label {height: 21px !important;}
+
 
 </style>
 
@@ -103,7 +105,7 @@ $(document).ready(function () {
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             language: {
                 search: `

app/Views/hr_file_upload.php

@@ -3,6 +3,8 @@
         padding: 5px 7px 5px 0 !important;
         color: #000000;
     }
+    .dataTables_length label {height: 21px !important;}
+
 </style>
 
 <div class="tab-pane fade" id="HR-DOC-tab">
@@ -361,7 +363,7 @@
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [{
                         extend: 'collection',

app/Views/insurer_list.php

@@ -37,6 +37,9 @@
     color: white;
     border: 1px solid rgba(41, 139, 142, 1);
   }
+
+  .dataTables_length label {height: 21px !important;}
+
 </style>
 
 <div class="container-fluid-min">
@@ -187,7 +190,7 @@
         // "<'row'<'col-sm-5'i><'col-sm-7'p>>",
         dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
         lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
         buttons: [
                     {

app/Views/invoice_policy_mapping_add.php

@@ -52,6 +52,8 @@ table.dataTable tbody td { padding: 4px 4px !important; }
     .summary-info{width:100%;justify-content:space-around;} 
     .summary-actions{width:100%;} 
 }
+.dataTables_length label {height: 21px !important;}
+
 </style>
 
 <!-- ---- HTML structure remains mostly same ---- -->
@@ -223,7 +225,7 @@ table.dataTable tbody td { padding: 4px 4px !important; }
             dom:
                 "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                 {
@@ -349,7 +351,7 @@ table.dataTable tbody td { padding: 4px 4px !important; }
             dom:
                 "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                 {

app/Views/irda_bap_client_report_list.php

@@ -34,6 +34,7 @@ table.dataTable tbody td {
 #scroll-horizontal-datatable tfoot .right-align-input {
     text-align: right !important;
 }
+.dataTables_length label {height: 21px !important;}
 
 </style>
 
@@ -211,7 +212,7 @@ $(document).ready(function() {
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                     {

app/Views/irda_bap_insurer_report_list.php

@@ -24,6 +24,7 @@ table.dataTable tbody td {
 #scroll-horizontal-datatable tfoot .right-align-input {
     text-align: right !important;
 }
+.dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="col-12" id="second_page">
@@ -297,7 +298,7 @@ $(document).ready(function() {
             // ],
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                     {

app/Views/irda_client_report_list.php

@@ -20,6 +20,7 @@ table.dataTable tbody td {
 .right-align-input {
     text-align: right;
 }
+.dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="col-12" id="second_page">
@@ -133,7 +134,7 @@ $(document).ready(function() {
             // ],
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                     {

app/Views/kyc_list.php

@@ -38,7 +38,7 @@
     color: white;
     border:1px solid  rgba(41, 139, 142, 1);
 }
-
+.dataTables_length label {height: 21px !important;}
 </style>
 <div class="row" id="kyc_list">
     <div class="col-12">
@@ -181,7 +181,7 @@
         //       "<'row'<'col-sm-5'i><'col-sm-7'p>>" ,
         dom:  "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" + 
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
         lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
         buttons: [
                     {

app/Views/leads_list.php

@@ -139,7 +139,7 @@ table.dataTable tbody td {
     font-size: 0.9rem;
     padding: 0.5rem 1rem;
 }
-
+.dataTables_length label {height: 21px !important;}
 /* Modeal class */
 
 </style>
@@ -463,7 +463,7 @@ table.dataTable tbody td {
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-7'f><'col-sm-5 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [            
                     {

app/Views/nhance_branch_list.php

@@ -2,6 +2,7 @@
 .dataTables_filter {
     position: absolute;
 }
+.dataTables_length label {height: 21px !important;}
 </style>
 
 <!-- End ADD and EDIT Page HTML -->
@@ -99,7 +100,7 @@
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
             dom: "<'row'<'col-sm-7'f><'col-sm-5 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [            
                 {

app/Views/outstanding_report_list.php

@@ -33,6 +33,7 @@
         padding-right: 15px !important;
         padding-left: 15px !important;
     }
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="container-fluid-min">
@@ -183,7 +184,7 @@
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [{
                     extend: 'collection',

app/Views/payout_list.php

@@ -176,6 +176,7 @@
         min-height: 40px;
         vertical-align: middle;
     }
+    .dataTables_length label {height: 21px !important;}
 
 </style>
 
@@ -306,7 +307,7 @@
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {

app/Views/policy_transaction_endorsement_list.php

@@ -164,6 +164,7 @@ table.dataTable thead th {
     .slider.round:before {
         border-radius: 50%;
     }
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="container-fluid-min">
@@ -495,7 +496,7 @@ table.dataTable thead th {
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-12 d-flex justify-content-between'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [            
                    {

app/Views/policy_transaction_inception_list.php

@@ -142,6 +142,7 @@ table.dataTable tbody td {
     #inception_list{
         margin-left:20px !important;
     }
+    .dataTables_length label {height: 21px !important;}
 
 </style>
 
@@ -567,7 +568,7 @@ $(document).ready(function() {
             //         "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
             dom: "<'row'<'col-12 d-flex justify-content-between'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [            
                    {

app/Views/policy_type_list.php

@@ -65,6 +65,7 @@
     z-index: -2;
     pointer-events: none;
   }
+  .dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="container-fluid-min">
@@ -232,7 +233,7 @@
         // ],
         dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
         lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
         buttons: [
                     {

app/Views/report_bds.php

@@ -33,7 +33,7 @@ table.dataTable tbody td {
   flex-wrap: wrap;
   gap: 8px;
 }
-
+.dataTables_length label {height: 21px !important;}
 
 </style>
 
@@ -288,7 +288,7 @@ $(document).ready(function() {
             // ],
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
             {

app/Views/report_bds_new.php

@@ -33,6 +33,7 @@
     flex-wrap: wrap;
     gap: 8px;
     }
+    .dataTables_length label {height: 21px !important;}
 
 
     </style>
@@ -357,7 +358,7 @@
                 // ],
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                 {

app/Views/report_bds_old.php

@@ -20,6 +20,7 @@ table.dataTable tbody td {
 .right-align-input {
     text-align: right;
 }
+.dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="col-12" id="second_page">
@@ -154,7 +155,7 @@ $(document).ready(function() {
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                 {

app/Views/retail_endorsement_list.php

@@ -28,6 +28,7 @@
         color: #00999E !important;
         transform: scale(1.5);
     }
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="container-fluid-min">
@@ -363,7 +364,7 @@
             // }],
             dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [{
                 extend: 'collection',

app/Views/rto_master_list.php

@@ -1,7 +1,6 @@
 <style>
-.dataTables_filter {
+.dataTables_filter {position: absolute;}
-    position: absolute;
+.dataTables_length label {height: 21px !important;}
-}
 </style>
 
 <!-- End ADD and EDIT Page HTML -->
@@ -122,7 +121,7 @@
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
             dom: "<'row'<'col-sm-7'f><'col-sm-5 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [            
                 {

app/Views/tat_report_band_wise_list.php

@@ -17,6 +17,7 @@
     .right-align-input {
         text-align: right;
     }
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="col-12" id="second_page">
@@ -113,7 +114,7 @@
                 // ],
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {

app/Views/test_members_list.php

@@ -120,7 +120,7 @@ th:first-child, td:first-child {
     background-color:#00999E ;
     margin-right:10px;
 }
-
+.dataTables_length label {height: 21px !important;}
 
 </style>
 
@@ -544,7 +544,7 @@ document.addEventListener("DOMContentLoaded", function () {
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [{
                     text:'Map Employees',

app/Views/thz_list.php

@@ -35,6 +35,20 @@ table.dataTable tbody td {
   color: #6c757d !important; 
 }
 
+/* don't erase it. keep it safe
+beccause = dataTables_length and dataTables_paginate need in same line thats why i tried in css ... 
+.dataTables_info,
+.dataTables_length,
+.dataTables_paginate {
+    display: flex;
+    align-items: center;
+} */
+
+.dataTables_length label {
+    height: 21px !important;
+}
+
+
 </style>
 
 <div class="row" id="ticket_list">
@@ -325,7 +339,7 @@ table.dataTable tbody td {
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-7'f><'col-sm-5 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [            
                    {

app/Views/ticket_feedback_list.php

@@ -34,7 +34,7 @@ table.dataTable tbody td {
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
 }
-
+.dataTables_length label {height: 21px !important;}
 
 </style>
 
@@ -114,7 +114,7 @@ $(document).ready(function() {
             // ],
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
               {

app/Views/ticket_history.php

@@ -61,7 +61,7 @@ if (ticketsTable.length) {
         // ],
         dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
         lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
         language: {
                     search: `
@@ -79,6 +79,7 @@ if (ticketsTable.length) {
         pageLength: 10, // Set default number of rows per page (optional)
         ordering: false,
     });
+        $('.dataTables_length label').css('height', '21px');
 } else {
     console.error("Table atet found.");
 }

app/Views/ticket_list.php

@@ -24,6 +24,8 @@ table.dataTable tbody td {
 .addbtnStyle {
     margin-left: 20px !important;
 }
+.dataTables_length label {height: 21px !important;}
+
 </style>
 <style>
 .table th:nth-child(1),
@@ -294,7 +296,7 @@ $(document).ready(function() {
             // ],
             dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
               {

app/Views/ticket_mail_template.php

@@ -55,7 +55,7 @@
         color: #000 !important;
         background-color: #fff !important; /* optional: ensure white background */
     }
-
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="col-12">
@@ -259,7 +259,7 @@
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [{
                     text: 'Add Template',

app/Views/tpa_list.php

@@ -37,6 +37,7 @@
     color: white;
     border: 1px solid rgba(41, 139, 142, 1);
   }
+  .dataTables_length label {height: 21px !important;}
 </style>
 <div class="container-fluid-min">
   <div class="row" id="tpa_list">
@@ -184,7 +185,7 @@
         // "<'row'<'col-sm-5'i><'col-sm-7'p>>",
         dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
         lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
         buttons: [
               {

app/Views/variance_report_list.php

@@ -21,6 +21,7 @@
     .center-align-input {
         text-align: center;
     }
+    .dataTables_length label {height: 21px !important;}
 </style>
 
 <div class="container-fluid-min">
@@ -226,7 +227,7 @@
                 //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 dom: "<'row'<'col-sm-6'f><'col-sm-6 text-right'B>>" + // Filter left, buttons right
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [{
                     extend: 'collection',

app/Views/vehicle_master_list.php

@@ -60,6 +60,7 @@ table.dataTable tbody td {
         color: white;
         border:1px solid  rgba(41, 139, 142, 1);
     }
+    .dataTables_length label {height: 21px !important;}
 
 </style>
 
@@ -475,7 +476,7 @@ $(document).ready(function() {
         //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", 
             dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [  
               {

app/Views/vehicle_type_list.php

@@ -301,6 +301,7 @@
         border: 1px solid #ddd;   /* matches border-width:1px */
         padding: 3px;
     }
+    .dataTables_length label {height: 21px !important;}
 
 </style>
 
@@ -770,7 +771,7 @@
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>",
             dom: "<'row'<'col-sm-3'f><'col-sm-9'B>>" + 
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [
                 // {

app/Views/vehicle_type_master_list.php

@@ -1,8 +1,7 @@
 <style>
-.dataTables_filter {
+.dataTables_filter {position: absolute;}
-    position: absolute;
-}
 .column-header {margin-right: 10px;}
+.dataTables_length label {height: 21px !important;}
 </style>
 
 <!-- End ADD and EDIT Page HTML -->
@@ -100,7 +99,7 @@
             //     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
             dom: "<'row'<'col-12 d-flex justify-content-between align-items-center'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
             lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
             buttons: [            
                 {

app/Views/view_deposit.php

@@ -5,8 +5,7 @@
         min-width: none;
         max-width: 350px;
     }
-
+    .dataTables_length label {height: 21px !important;}
-
 </style>
 
 <div class="row">
@@ -301,7 +300,7 @@
                 // ],
                 dom: "<'row'<'col-12 d-flex justify-content-between'<'datatable-search dataTables_filter'f><'datatable-buttons dt-buttons'B>>>" +
                 "<'row'<'col-sm-12'tr>>" +
-                "<'row'<'col-sm-5'i><'col-sm-3 text-center'l><'col-sm-4 text-end'p>>",
+                "<'row align-items-center'<'col-5 text-start'i><'col-7 d-flex justify-content-end align-items-center'<'me-2'l>p>>",
                 lengthMenu: [[10, 20, 50, 100], [10, 20, 50, 100]],
                 buttons: [
                     {