diff --git a/resources/views/pembida/detailsbidaan.blade.php b/resources/views/pembida/detailsbidaan.blade.php
index 82fc6576..9543c232 100644
--- a/resources/views/pembida/detailsbidaan.blade.php
+++ b/resources/views/pembida/detailsbidaan.blade.php
@@ -3,11 +3,17 @@
 @section('content')
 <div class="container-fluid">
     <div class="row ">
-    <div class="col-md-11 mx-auto card p-4">
-            
-            <div class="nav nav-tabs" id="nav-tab" role="tablist">
-                <button  type="button" class="btn btn-light" ><a href="javascript:window.history.go(-1);"><h3><i class="fas fa-arrow-alt-circle-left"></i></h3></a></button>
-              </div><br>
+        <div class="col mx-auto p-4">
+            <div class="card">
+            <div class="card-header header-style">
+                <a href="javascript:window.history.go(-1);" class="header-style-icon">
+                    <i class="fas fa-arrow-left"></i>
+                </a>
+                <div class="header-style-title">
+                    senarai SAG Menang
+                </div>
+            </div>
+            <div class="card-body">
             @if ($message = Session::get('failed'))
                 <div class="alert alert-danger">
                     <p>{{ $message }}</p>
@@ -25,7 +31,7 @@
                         </div>
                     </div> -->
                 </div>
-                <table class="table table-striped  table-xl text-center" id="butirangadai" style="width:100%; margin-top:1%;">
+                <table class="table table-bordered  table-xl text-center" id="butirangadai" style="width:100%; margin-top:1%;">
                     <thead class="bg-primary text-white">
                             <tr>
                                 <th>Bil</th>
diff --git a/resources/views/pembida/detailsbidaanbelumbayar.blade.php b/resources/views/pembida/detailsbidaanbelumbayar.blade.php
index aee00bbb..72998e27 100644
--- a/resources/views/pembida/detailsbidaanbelumbayar.blade.php
+++ b/resources/views/pembida/detailsbidaanbelumbayar.blade.php
@@ -3,11 +3,17 @@
 @section('content')
 <div class="container-fluid">
     <div class="row ">
-    <div class="col-md-11 mx-auto card p-4">
-            
-            <div class="nav nav-tabs" id="nav-tab" role="tablist">
-                <button  type="button" class="btn btn-light" ><a href="javascript:window.history.go(-1);"><h3><i class="fas fa-arrow-alt-circle-left"></i></h3></a></button>
-              </div><br>
+        <div class="col mx-auto p-4">
+            <div class="card">
+            <div class="card-header header-style">
+                <a href="javascript:window.history.go(-1);" class="header-style-icon">
+                    <i class="fas fa-arrow-left"></i>
+                </a>
+                <div class="header-style-title">
+                    senarai Sag Untuk Isytihar Tak Laku
+                </div>
+            </div>
+            <div class="card-body">
             @if ($message = Session::get('failed'))
                 <div class="alert alert-danger">
                     <p>{{ $message }}</p>
@@ -20,10 +26,10 @@
                 <div class="container">
                     
                 </div>
-                <table class="table table-striped  table-xl text-center" id="butirangadai" style="width:100%; margin-top:1%;">
+                <table class="table table-bordered  table-xl text-center" id="butirangadai" style="width:100%; margin-top:1%;">
                     <thead class="bg-primary text-white">
                             <tr>
-                                <th><input type="checkbox" aria-label="Checkbox for following text input" class="check_all"></th>
+                                <th><input type="checkbox" aria-label="Checkbox for following text input" id="checkall"></th>
                                 <th>Bil</th>
                                 <th>No Rujukan</th>
                                 <th>Pembida</th>
@@ -37,7 +43,7 @@
                     <tbody>
                         @foreach($infos as $index=> $inf)
                             <tr>
-                                <td><input type="checkbox" aria-label="Checkbox for following text input" name="checkboxdata[]" value="{{ $inf['norujukan'] }}" class="custom_name"></td>
+                                <td><input type="checkbox" aria-label="Checkbox for following text input" name="checkboxdata[]" value="{{ $inf['norujukan'] }}" class="checkbox"></td>
                                 <td>{{ $loop->iteration }}</td>
                                 <td>{{ $inf['norujukan'] }}</td>
                                 <td>{{ $inf['nama_bidder'] }}</td>
@@ -67,6 +73,7 @@
         </div>
     </div>
 </div>
+
 <script>
      //Enable tooltips everywhere
      $(function () {
@@ -128,11 +135,32 @@
         $( '.addcaw').removeClass('dt-button');
         $( '.export').removeClass('dt-button');
 </script>
-<script>
-    $(".check_all").on("click", function(){
-        $(".custom_name").each(function(){
-            $(this).attr("checked", true);
-        });
-    });
-</script>     
+<script type='text/javascript'>
+    $(document).ready(function(){
+      // Check or Uncheck All checkboxes
+      $("#checkall").change(function(){
+        var checked = $(this).is(':checked');
+        if(checked){
+          $(".checkbox").each(function(){
+            $(this).prop("checked",true);
+          });
+        }else{
+          $(".checkbox").each(function(){
+            $(this).prop("checked",false);
+          });
+        }
+      });
+    
+     // Changing state of CheckAll checkbox 
+     $(".checkbox").click(function(){
+    
+       if($(".checkbox").length == $(".checkbox:checked").length) {
+         $("#checkall").prop("checked", true);
+       } else {
+         $("#checkall").prop("checked", false);
+       }
+   
+     });
+   });
+   </script>    
 @endsection
diff --git a/resources/views/pembida/pembayaranbidaan.blade.php b/resources/views/pembida/pembayaranbidaan.blade.php
index 4eeeef8f..283533a7 100644
--- a/resources/views/pembida/pembayaranbidaan.blade.php
+++ b/resources/views/pembida/pembayaranbidaan.blade.php
@@ -4,25 +4,31 @@
 
 <div class="container-fluid">
     <div class="row ">
-        <div class="col-md-11 mx-auto card p-4">
-            <div class="nav nav-tabs" id="nav-tab" role="tablist">
-                <button  type="button" class="btn btn-light" ><a href="javascript:window.history.go(-1);"><h3><i class="fas fa-arrow-alt-circle-left"></i></h3></a></button>
-              </div><br>
+        <div class="col mx-auto p-4">
+            <div class="card">
+            <div class="card-header header-style">
+                <a href="javascript:window.history.go(-1);" class="header-style-icon">
+                    <i class="fas fa-arrow-left"></i>
+                </a>
+                <div class="header-style-title">
+                    Senarai Pembayaran Bidaan 
+                </div>
+            </div>
+            <div class="card-body">
         @if ($message = Session::get('success'))
                 <div class="alert alert-success">
                     <p>{{ $message }}</p>
                 </div>
         @endif
-        <h4> Senarai Pembayaran Bidaan </h4>
             <p><i class="fas fa-caret-right"></i>  {{ $getkodcaw['caw_name'] }}</p>
-            <div class="row">
+            {{-- <div class="row">
                         <div class="text-center">
                             @if($listwinner != NULL)
                             <a class="btn btn-success" href="{{ route('importdata.exportdatacawangan',[$kodcaw,$lelong_id]) }}">Export Data Lelong</a>
                             @endif
                         </div>
-                    </div>
-            <table class="table table-striped  table-xl text-center" id="sahsagonline" style="width:100%">
+                    </div> --}}
+            <table class="table table-bordered  table-xl text-center" id="sahsagonline" style="width:100%">
             <thead class="bg-primary text-white">
                     <tr>
                         <th>Bil</th>
@@ -62,7 +68,7 @@
                             @endif
                         </td>
                         <td>
-                            <a  href="{{ route('pembida.detailsbidaan', [ 'user_id'=>$winner['details']['id'], $kodcaw ]) }}"  data-toggle="tooltip" data-placement="top" title="Butiran Bidaan"><i class="far fa-list-alt"></i></a>
+                            <a class="btn m-1 btn-info" href="{{ route('pembida.detailsbidaan', [ 'user_id'=>$winner['details']['id'], $kodcaw ]) }}"  data-toggle="tooltip" data-placement="top" title="Butiran Bidaan"><i class="far fa-list-alt"></i></a>
                         </td>
                         </tr>
                 @endforeach
diff --git a/resources/views/pembida/senlelbelumbayarbidaan.blade.php b/resources/views/pembida/senlelbelumbayarbidaan.blade.php
index 63f0497c..c6d10758 100644
--- a/resources/views/pembida/senlelbelumbayarbidaan.blade.php
+++ b/resources/views/pembida/senlelbelumbayarbidaan.blade.php
@@ -4,14 +4,21 @@
 
 <div class="container-fluid">
     <div class="row ">
-        <div class="col-md-11 mx-auto card p-4">
+        <div class="col mx-auto p-4">
+            <div class="card">
+            <div class="card-header header-style">
+                <div class="header-style-title">
+                    Bidaan Belum Bayar
+                </div>
+            </div>
+            <div class="card-body">
         @if ($message = Session::get('success'))
                 <div class="alert alert-success">
                     <p>{{ $message }}</p>
                 </div>
         @endif
     
-        <table class="table table-striped  table-xl text-center" id="senarailelongonline" style="width:100%">
+        <table class="table table-bordered  table-xl text-center" id="senarailelongonline" style="width:100%">
             <thead class="bg-primary text-white">
                     <tr>
                         <th>No</th>
@@ -32,7 +39,7 @@
                         echo($t_lelong);
                     @endphp</td>
                     <td class="text-left">
-                        <a href=" {{ route('pembida.belumbayarbidaan', ['lelong_id'=>$lel['lelong_id'], 'kodcaw'=>$lel['kodcaw']]) }} " data-toggle="tooltip" data-placement="top" title="Butiran Bidaan"><i class="far fa-edit"></i></a>
+                        <a class="btn m-1 btn-info" href=" {{ route('pembida.belumbayarbidaan', ['lelong_id'=>$lel['lelong_id'], 'kodcaw'=>$lel['kodcaw']]) }} " data-toggle="tooltip" data-placement="top" title="Butiran Bidaan"><i class="far fa-edit"></i></a>
                         <span class="m-2">{{ $lel['caw_name']}}
                         </span><br>
                     </td>
diff --git a/resources/views/pembida/senlelpembayaranbidaan.blade.php b/resources/views/pembida/senlelpembayaranbidaan.blade.php
index cd4496aa..cfeb28b2 100644
--- a/resources/views/pembida/senlelpembayaranbidaan.blade.php
+++ b/resources/views/pembida/senlelpembayaranbidaan.blade.php
@@ -4,13 +4,20 @@
 
 <div class="container-fluid">
     <div class="row ">
-        <div class="col-md-11 mx-auto card p-4">
+        <div class="col">
+            <div class="card">
+                <div class="card-header header-style">
+                    <div class="header-style-title">
+                        Senarai Pembayaran Bidaan
+                    </div>
+                </div>
+                <div class="card-body">
         @if ($message = Session::get('success'))
                 <div class="alert alert-success">
                     <p>{{ $message }}</p>
                 </div>
         @endif
-        <table class="table table-striped  table-xl text-center" id="senarailelongonline" style="width:100%">
+        <table class="table table-bordered  table-xl text-center" id="senarailelongonline" style="width:100%">
             <thead class="bg-primary text-white">
                     <tr>
                         <th>No</th>
@@ -36,7 +43,7 @@
                     @endphp</td>
                     <td class="text-left">
                         @foreach($lel['detailsinfo'] as $details)
-                        <a href=" {{ route('pembida.pembayaranbidaan', ['lelong_id'=>$lel['detail']['lelong_id'], 'kodcaw'=>$details['caw_code']]) }} " data-toggle="tooltip" data-placement="top" title="Butiran Bidaan"><i class="far fa-edit"></i></a>
+                        <a class="btn m-1 btn-info" href=" {{ route('pembida.pembayaranbidaan', ['lelong_id'=>$lel['detail']['lelong_id'], 'kodcaw'=>$details['caw_code']]) }} " data-toggle="tooltip" data-placement="top" title="Butiran Bidaan"><i class="far fa-edit"></i></a>
                         <span class="m-2">{{ $details['caw_name']}}
                         </span><br>
                         @endforeach