merge:GWM

app/Views/checkout.php

@@ -374,8 +374,11 @@ $web_payment_sdk_url = $_ENV["ENVIRONMENT"] === Environment::PRODUCTION ? "https
                 </div>
 
                 </br>
-                <div class="address-form" >
+                <div class="address-form remember-section">                    
-                <input type="checkbox" id="rememberMe" > <label for="rememberMe">By placing your order, you agree to our company privacy policy and condition of use.</label>
+                    <label class="rember-label" for="rememberMe">By placing your order, you agree to our company privacy policy and condition of use.
+                        <input type="checkbox" id="rememberMe">
+                        <span class="checkmark"></span>
+                    </label>
                 </div>
 
 

app/Views/memberaccess.php

@@ -149,12 +149,15 @@
         <div class="row">
             <div class="col-lg-12">
                 <table class="table-design w-100 mt-4 mb-5 credit-custom-table">
+                    <thead>
                         <tr class="table-head">
                             <th>Date</th>
                             <th>Description</th>
                             <th>Credit Transactions</th>
                             <th>Credit Balance</th>
                         </tr>
+                    </thead>
+                    <tbody>
                     <?php for( $i = count($credit_data) - 1; $i >= 0 ; $i--) { ?>
                        <tr>
                        <td><?php $date = new DateTime($credit_data[$i]['created_at']);    echo $date->format('M d , Y');  ?></td>
@@ -178,6 +181,7 @@
                        <td><div class="credit-trans"><?= $credit_data[$i]['avaiable_credit'] ?></div> </td>
                    </tr>                   
                     <?php } ?>
+                    </tbody>
                 </table>
 
                 <!-- <div class="row dash-foot mb-3">

public/assets/member_css/front-style.css

@@ -441,6 +441,74 @@ body.checkout  .select2-container--default .select2-selection--single .select2-s
     color:#ffffff;
     background:var(--primary-color);
 }
+.remember-section{
+    padding-bottom:20px!important;
+}
+.rember-label {
+    display: block;
+    position: relative;
+    padding-left:40px;    
+    cursor: pointer;
+    font-size:16px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+  
+  /* Hide the browser's default checkbox */
+  .rember-label input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+  }
+  
+  /* Create a custom checkbox */
+  .checkmark {
+    position: absolute;
+    top: 2px;
+    left: 0;
+    height: 25px;
+    width: 25px;    
+    border:2px solid #979797;
+    border-radius:5px;
+  }
+  
+ 
+  
+  /* When the checkbox is checked, add a blue background */
+  .rember-label input:checked ~ .checkmark {
+    background-color: #00b4d5;
+    border-color:#00b4d5;
+  }
+  
+  /* Create the checkmark/indicator (hidden when not checked) */
+  .checkmark:after {
+    content: "";
+    position: absolute;
+    display: none;
+  }
+  
+  /* Show the checkmark when checked */
+  .rember-label input:checked ~ .checkmark:after {
+    display: block;
+  }
+  
+  /* Style the checkmark/indicator */
+  .rember-label .checkmark:after {
+    left: 9px;
+    top: 5px;
+    width: 5px;
+    height: 10px;
+    border: solid white;
+    border-width: 0 3px 3px 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+
 /*Membership*/
 .membership .mem-icontitle{
     font-size: 22px;