diff --git a/app/Views/CoatingMachineDetail.php b/app/Views/CoatingMachineDetail.php
index 9e655b67..0e3a7ccf 100644
--- a/app/Views/CoatingMachineDetail.php
+++ b/app/Views/CoatingMachineDetail.php
@@ -1,67 +1,160 @@
-<style>
-    #datatable_filter {
-        float: inline-end;
+
+<style type="text/css">
+    .num {
+        text-align: right;
     }
 
-    #datatable_wrapper .row .col-sm-4 {
-        flex-basis: 50%;
-        float: inline-end;
+    .fht-table,
+    .fht-table thead,
+    .fht-table tfoot,
+    .fht-table tbody,
+    .fht-table tr,
+    .fht-table th,
+    .fht-table td {
+        margin: 0;
     }
 
-    #datatable_paginate .pagination {
-        flex-basis: 50%;
-        float: inline-end;
-        margin: 0 0 15px;
+    .fht-table td {
+        text-align: center;
     }
 
-    #datatable_wrapper .row:nth-child(3),
-    #datatable_wrapper .row:nth-child(1) {
-        padding: 0 15px;
+    .fht-table td:hover {
+        background-color: #00a65a;
+        color: #ffffff;
     }
 
-    #datatable_info {
-        margin-top: 5px;
+    .fht-table {
+        border: 0 none;
+        height: auto;
+        width: auto;
+        border-collapse: collapse;
+        border-spacing: 0;
+        /*table-layout: fixed;  Algoritmo de distribucion fijo */
+        white-space:nowrap;  
     }
 
-    .dataTables_wrapper {
-        padding-bottom: 0;
+    .fht-table th,
+    .fht-table td {
+        overflow: hidden;
     }
 
-    .Date-filter-form {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        /* Adjust the gap as needed */
+    .fht-table-wrapper,
+    .fht-table-wrapper .fht-thead,
+    .fht-table-wrapper .fht-tfoot,
+    .fht-table-wrapper .fht-fixed-column .fht-tbody,
+    .fht-table-wrapper .fht-fixed-body .fht-tbody,
+    .fht-table-wrapper .fht-tbody {
+        overflow: hidden;
+        position: relative;
     }
 
-    .Date-filter-form input,
-    .Date-filter-form button {
-        padding: 5px;
-        font-size: 14px;
+    .fht-table-wrapper .fht-fixed-body .fht-tbody,
+    .fht-table-wrapper .fht-tbody {
+        overflow: auto;
     }
 
-    .Date-filter-form button {
-        background-color: #007bff;
-        color: white;
-        border: none;
-        cursor: pointer;
+    .fht-table-wrapper .fht-table .fht-cell {
+        overflow: hidden;
+        height: 1px;
     }
 
-    .Date-filter-form button:hover {
-        background-color: #0056b3;
+    .fht-table-wrapper .fht-fixed-column,
+    .fht-table-wrapper .fht-fixed-body {
+        top: 0;
+        left: 0;
+        position: absolute;
     }
 
-    .icon-button {
-        background: none;
-        border: none;
-        cursor: pointer;
-        color: #007bff;
-        font-size: 18px;
+    .fht-table-wrapper .fht-fixed-column {
+        z-index: 1;
     }
 
-    .icon-button:hover {
-        color: #0056b3;
+    .fht-fixed-body .fht-thead table {
+        margin-right: 20px;
+        border: 0 none;
     }
+
+    /*For Examples*/
+
+    .ContenedorTabla {
+        height: 500px;
+        margin: 0 auto;
+        overflow: auto;
+        width: auto;
+        position: relative;
+    }
+
+    .header,
+    .main {
+        display: inline-block;
+        height: auto;
+        width: 100%;
+    }
+
+    .titulosHeader {
+        border-bottom: 1px solid #e8bb25;
+        height: auto;
+        margin-bottom: 10px;
+        padding-bottom: 8px;
+        padding-top: 8px;
+        width: 100%;
+    }
+
+
+    .celda_encabezado_general {
+        background-color: #00a65a;
+        border: 1px solid #ccc;
+        color: #ffffff;
+        font-weight: bold;
+        padding: 2px 4px;
+        text-align: center;
+    }
+
+    ._Separador {
+        background-color: #fff;
+        height: 12px;
+        border-left: 1px solid #ccc;
+        border-right: 1px solid #ccc;
+        width: 7px;
+    }
+
+    ._Separador div {
+        width: 4px;
+    }
+
+    .celda_normal {
+        /*background-color: #fff;*/
+        /* <!-- ad9271 into ffffff brown-light to green-light --> */
+        border: 1px solid #ccc;
+        padding: 2px 4px;
+    }
+
+    /*style excel*/
+    .excel_cell {
+        border: 1px solid #CCC;
+        color: #222;
+        text-align: center;
+        font-size: 13px;
+        font-weight: normal;
+        padding: 4px;
+        white-space: pre-line;
+        empty-cells: show;
+    }
+
+    ._cell_header {
+        background-color: #EEE;
+    }
+
+    ._cell_Default {
+        background-color: #FFF;
+        text-align: left;
+    }
+
+    .excel_cell div {
+        width: 30px;
+        height: 20px;
+    }
+
 </style>
 
 <div class="content-page">
@@ -116,26 +209,26 @@
                                 </div>
                             </form>
                          
-
-                                <table id="datatable" class="table table-hover table-bordered"
+                            <div class="table-responsive">
+                                <table id="datatable" class="fht-table table table-hover table-bordered"
                                     style="background-color:#fff;">
 
                                     <thead>
                                         <tr>
 
-                                            <th style="text-align:center !important;">Date</th>
-                                            <th style="text-align:center !important;">Shift</th>
-                                            <th style="text-align:center !important;">Machine On Time</th>
-                                            <th style="text-align:center !important;">Machine Off Time</th>
-                                            <th style="text-align:center !important;">Machine Running(hr)</th>
-                                            <th style="text-align:center !important;">Total Coating</th>
-                                            <th style="text-align:center !important;">Total Coating Sand(kg)</th>
-                                            <th style="text-align:center !important;">Total Gas Consumption</th>
-                                            <th style="text-align:center !important;">Hour Gas</th>
-                                            <th style="text-align:center !important;">Hour QTY(kg)
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Date</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Shift</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Machine On Time</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Machine Off Time</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Machine Running(hr)</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Total Coating</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Total Coating Sand(kg)</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Total Gas Consumption</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Hour Gas</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Hour QTY(kg)
                                             </th>
-                                            <th style="text-align:center !important;">Customer Name</th>
-                                            <th style="text-align:center !important;">Action</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Customer Name</th>
+                                            <th class="celda_encabezado_general" style="padding: 10px;">Action</th>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -147,21 +240,21 @@
                                                 ?>
                                                 <tr data-id="<?php echo $record['id']; ?>">
 
-                                                    <td align="center"><?php echo $record['date'] ?></td>
-                                                    <td align="center"><?php echo $record['shift'] ?></td>
-                                                    <td align="center"><?php echo $record['machineOnTime'] ?></td>
-                                                    <td align="center"><?php echo $record['machineOffTime'] ?></td>
-                                                    <td align="center"><?php echo $record['machineRunningInHrs'] ?? '' ?></td>
-                                                    <td align="center"><?php echo $record['totalCoating'] ?></td>
-                                                    <td align="center"><?php echo $record['totalCoatingSandInKg'] ?></td>
-                                                    <td align="center"><?php echo $record['totalGasConsumption'] ?></td>
-                                                    <td align="center"><?php echo $record['perHourGasConsumption'] ?? '' ?></td>
-                                                    <td align="center"><?php echo $record['perHourCoatingSandQTY'] ?? '' ?></td>
-                                                    <td align="center"><?php echo $record['customerName']; ?></td>
-                                                    <td align="center">
+                                                    <td class="celda_normal"><?php echo $record['date'] ?></td>
+                                                    <td class="celda_normal"><?php echo $record['shift'] ?></td>
+                                                    <td class="celda_normal"><?php echo $record['machineOnTime'] ?></td>
+                                                    <td class="celda_normal"><?php echo $record['machineOffTime'] ?></td>
+                                                    <td class="celda_normal"><?php echo $record['machineRunningInHrs'] ?? '' ?></td>
+                                                    <td class="celda_normal"><?php echo $record['totalCoating'] ?></td>
+                                                    <td class="celda_normal"><?php echo $record['totalCoatingSandInKg'] ?></td>
+                                                    <td class="celda_normal"><?php echo $record['totalGasConsumption'] ?></td>
+                                                    <td class="celda_normal"><?php echo $record['perHourGasConsumption'] ?? '' ?></td>
+                                                    <td class="celda_normal"><?php echo $record['perHourCoatingSandQTY'] ?? '' ?></td>
+                                                    <td class="celda_normal"><?php echo $record['customerName']; ?></td>
+                                                    <td class="celda_normal" style="background-color:white;">
                                                         <a data-toggle="tooltip" class="edit-btn"
                                                             data-target="editCoatingMachineDetailModal" data-toggle="modal"
-                                                            style="cursor:pointer ;">
+                                                            style="cursor:pointer;">
                                                             <i class="fa fa-pencil-alt" 
                                                                 title="Click here to Edit "></i>
                                                             &nbsp;&nbsp;&nbsp;
@@ -188,6 +281,17 @@
 
                                     </tbody>
                                 </table>
+                            </div>
+
+
+                            <br>
+                            <?php if(empty($coatingMachineDetails)){ ?>
+                                    <h5 align="center" style="color:grey;">
+                                        No Coating Machine Details present in this month
+                                    </h5>
+                            <?php }?>
+
+                            
                             </div> <!-- end card body-->
                         </div> <!-- end card -->
                     </div><!-- end col-->