diff --git a/app/Views/CoatingMachineDetail.php b/app/Views/CoatingMachineDetail.php
index 2cb152c4..6cbca8be 100644
--- a/app/Views/CoatingMachineDetail.php
+++ b/app/Views/CoatingMachineDetail.php
@@ -121,15 +121,19 @@
         font-weight: bold;
         padding: 2px 4px;
         text-align: center;
+        min-width: 120px;
+        max-width: 120px;
     }
 
     .celda_encabezado_total {
         background-color:#ffffff;
-        border: 1px solid #ccc;
+        border: 1px solid white;
         color: #ffffff;
         font-weight: bold;
         padding: 6px 10px;
         text-align: center;
+        min-width: 120px;
+        max-width: 120px;
     }
 
     ._Separador {
@@ -148,7 +152,9 @@
         /*background-color: #fff;*/
         /* <!-- ad9271 into ffffff brown-light to green-light --> */
         border: 1px solid #ccc;
-        padding: 2px 4px;
+        padding: 10px 4px;
+        min-width: 120px;
+        max-width: 120px;
     }
 
     /*style excel*/
@@ -177,15 +183,42 @@
         height: 20px;
     }
 
-    #coatingMachineDetailTableId th:nth-child(1),
-    #coatingMachineDetailTableId td:nth-child(1) {
+
+
+    .fht-table th:nth-child(1),
+    .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;
         background-color: #00a65a;
         z-index: 2;
-        border-right: 2px solid #ddd;
+        border-right: 2px solid #ddd; 
         color: #ffffff;
     }
+
+    .table-responsive {
+        overflow-y: auto;
+        max-height: 450px;
+    }
+
+    .fht-table thead th {
+        position: sticky;
+        top: 0;
+        z-index: 5!important;
+    }
+
 </style>
 
 <div class="content-page">
@@ -369,7 +402,8 @@
 
                                     <thead >
 
-                                            <th class="celda_encabezado_total" style="padding: 10px;">Total valu</th>
+                                            <th class="celda_encabezado_total"
+                                             style="padding: 10px; background-color:#ffff;">  Date </th>
                                             <th class="celda_encabezado_total" style="padding: 10px;">Shift</th>
                                             <th class="celda_encabezado_total" style="padding: 10px;">Machine On Time</th>
                                             <th class="celda_encabezado_total" style="padding: 10px;">Machine Off Time</th>