diff --git a/app/Views/drierMachineDetails.php b/app/Views/drierMachineDetails.php
index f555dd8b..2f4739d1 100644
--- a/app/Views/drierMachineDetails.php
+++ b/app/Views/drierMachineDetails.php
@@ -187,57 +187,75 @@ $datefordropdown = format_date($datefordropdown, 0, 'M-Y');
 
 
 
-    #drierTable th:nth-child(1),
-    #drierTable td:nth-child(1) {
-    position: sticky;
-    left: 0;
-    background-color: #00a65a;
-    z-index: 2;
-    border-right: 2px solid #ddd;
-    color: #ffffff;
-}
-
-
-    #drierTableSummaryId td:nth-child(1) {
-    position: sticky;
-    left: 0;
-    background-color: #ffffff;
-    z-index: 2;
-    border-right: 2px solid #ddd;
-    color: #ffffff;
-   }
-
-   .fht-table th:nth-child(1)
-    {
-        position: sticky;
-        left: 0;
-        top: 0;
-        background-color: #00a65a; 
-        z-index: 7!important;
-        border-right: 2px solid #ddd; 
-        color: #ffffff;
-    }
-
-
-    .fht-table td:nth-child(1)
-    {
-        position: sticky;
-        left: 0;
+    .celda_encabezado_general {
         background-color: #00a65a;
-        z-index: 2;
-        border-right: 2px solid #ddd; 
+        border: 1px solid #ccc;
         color: #ffffff;
+        font-weight: bold;
+        padding: 6px 10px;
+        text-align: center;
     }
 
-    .table-responsive {
-        overflow-y: auto;
-        max-height: 450px;
+    .celda_encabezado_total {
+        background-color:#ffffff !important;
+        border: 1px solid #ffffff;
+        color: #ffffff !important;
+        font-weight: bold;
+        padding: 6px 10px;
+        text-align: center;
+    }
+    
+    .celda_normal {
+        /*background-color: #fff;*/
+        /* <!-- ad9271 into ffffff brown-light to green-light --> */
+        text-align: center;
+        border: 1px solid #ccc;
+        padding: 10px 6px;
     }
 
+
+    /* Make entire thead sticky */
+    .fht-table thead {
+        position: sticky;
+        top: 0;
+        z-index: 20; /* Ensure the entire header stays above table rows */
+        background-color: #00a65a; /* Header background color */
+    }
+
+    .dropdown-menu   {
+        z-index :25 ;
+    }
+
+
+
+    /* Ensure each <th> in thead stays sticky */
     .fht-table thead th {
         position: sticky;
         top: 0;
-        z-index: 5!important;
+        z-index: 11; /* Higher than table rows but lower than first column */
+        background-color: #00a65a; /* Green background */
+        color: #ffffff;
+        border: 1px solid #ddd;
+        padding: 10px;
+    }
+
+    /* Sticky First Column */
+    .fht-table th:nth-child(1),
+    .fht-table td:nth-child(1) {
+        position: sticky;
+        left: 0;
+        background-color: #00a65a;
+        z-index: 15; /* Ensures it stays above other cells */
+        border-right: 2px solid #ddd;
+        color: #ffffff;
+    }
+
+    /* Table Wrapper for Scrolling */
+    .table-responsive {
+        overflow-x: auto;
+        overflow-y: auto; 
+        max-height: 450px; /* Adjust as needed */
+        position: relative;
     }