diff --git a/account_payment_approval/static/description/index.html b/account_payment_approval/static/description/index.html
index 0d14cd83d..c7457df40 100644
--- a/account_payment_approval/static/description/index.html
+++ b/account_payment_approval/static/description/index.html
@@ -14,9 +14,7 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-               style=" width: 22px; margin-right: 6px; "
-               alt="check">Approval stages in payments
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Approval stages in payments
             </li>
         </ul>
     </div>
diff --git a/advance_cash_flow_statements/static/description/index.html b/advance_cash_flow_statements/static/description/index.html
index 17d7577e5..c6036011e 100644
--- a/advance_cash_flow_statements/static/description/index.html
+++ b/advance_cash_flow_statements/static/description/index.html
@@ -14,34 +14,22 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check"> Available in
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Available in
                 Odoo13 community edition.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check"> Generate
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Generate
                 four levels of cash flow statements and print reports in both PDF and XLSX format.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check"> 1)Summary -
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> 1)Summary -
                 Month wise cash flow report.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 2)Consolidated - Report based on the cash flow affected account's type.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check"> 3)Detailed -
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> 3)Detailed -
                 Report based on the cash flow affected accounts.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check"> 4)Very
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> 4)Very
                 Detailed - Report shows the cash flow affected account,corresponding journal entries and its move lines.
             </li>
         </ul>
diff --git a/automatic_payroll/static/description/index.html b/automatic_payroll/static/description/index.html
index 1151f38fe..b8fdae350 100644
--- a/automatic_payroll/static/description/index.html
+++ b/automatic_payroll/static/description/index.html
@@ -19,12 +19,12 @@
          </div>
          <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
          <ul style=" padding: 0 1px; list-style: none; ">
-         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Automatic payroll generation for Odoo12 community edition.</li>
-         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Generate payslip batches via adding all active employees.</li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Automatic payroll generation for Odoo12 community edition.</li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Generate payslip batches via adding all active employees.</li>
 
-		 <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> The feature works with the help of scheduler.</li>
+		 <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> The feature works with the help of scheduler.</li>
 		
-		 <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Schedule the activity for month first,month end or specific day. </li>
+		 <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Schedule the activity for month first,month end or specific day. </li>
 		
          <div style=" text-align: left; ">
              <a href="#video" style="display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox; display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center; -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding: 0 30px;font-size: 15px;height: 56px;text-transform: uppercase;border: 1px solid #f21692;color: #000;border-radius: 50px;text-decoration: none;letter-spacing: 1px;"><i class="fa fa-eye" aria-hidden="true" style="margin-right: 5px;"></i> Video Demo</a>
diff --git a/dynamic_partner_fields/static/description/index.html b/dynamic_partner_fields/static/description/index.html
index d01905617..236ff15a9 100644
--- a/dynamic_partner_fields/static/description/index.html
+++ b/dynamic_partner_fields/static/description/index.html
@@ -13,9 +13,7 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Creates
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Creates
                 custom fields on partner.
             </li>
         </ul>
diff --git a/dynamic_product_fields/static/description/index.html b/dynamic_product_fields/static/description/index.html
index d49e4fc30..dc160263f 100644
--- a/dynamic_product_fields/static/description/index.html
+++ b/dynamic_product_fields/static/description/index.html
@@ -13,9 +13,7 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Creates
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Creates
                 custom fields on products.
             </li>
         </ul>
diff --git a/dynamic_sale_order_fields/static/description/index.html b/dynamic_sale_order_fields/static/description/index.html
index f7d6fba16..75d1a462c 100644
--- a/dynamic_sale_order_fields/static/description/index.html
+++ b/dynamic_sale_order_fields/static/description/index.html
@@ -13,9 +13,7 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Creates
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Creates
                 custom fields in Sale Order.
             </li>
         </ul>
diff --git a/hr_payslip_monthly_report/static/description/index.html b/hr_payslip_monthly_report/static/description/index.html
index bf6e46bff..fdb39875b 100644
--- a/hr_payslip_monthly_report/static/description/index.html
+++ b/hr_payslip_monthly_report/static/description/index.html
@@ -12,24 +12,16 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                           style=" width: 22px; margin-right: 6px; "
-                           alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Payroll-Payslip Report.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                           style=" width: 22px; margin-right: 6px; "
-                           alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Option for sending payslip report to employees by email.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                           style=" width: 22px; margin-right: 6px; "
-                           alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Automatic email to employee containing payslip details during the confirmation of payslip.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                           style=" width: 22px; margin-right: 6px; "
-                           alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Mass Confirmation of payslip.
             </li>
         </ul>
diff --git a/individual_product_report/static/description/index.html b/individual_product_report/static/description/index.html
index a1c8674fe..c5d793d96 100644
--- a/individual_product_report/static/description/index.html
+++ b/individual_product_report/static/description/index.html
@@ -11,9 +11,7 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Sale reports of individual products in graph view
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Sale reports of individual products in graph view
             </li>
         </ul>
     </div>
diff --git a/invoice_multi_approval/static/description/index.html b/invoice_multi_approval/static/description/index.html
index df402c077..3cb7d68d6 100644
--- a/invoice_multi_approval/static/description/index.html
+++ b/invoice_multi_approval/static/description/index.html
@@ -13,19 +13,13 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Configuration
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Configuration
                 panel for approval settings.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Document can
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Document can
                 only validate when all approvals are completed.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Approval
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Approval
                 Option can be enabled/disabled from the configuration panel.
             </li>
         </ul>
diff --git a/product_import/static/description/index.html b/product_import/static/description/index.html
index 03d085f20..ca39d896e 100644
--- a/product_import/static/description/index.html
+++ b/product_import/static/description/index.html
@@ -12,11 +12,9 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img
-                    src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Import product images from path and URL.
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Import product images from path and URL.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img
-                    src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Load image in product from url field.
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Load image in product from url field.
             </li>
         </ul>
     </div>
@@ -72,13 +70,11 @@
                         <ul>
                             <li class="mb8"
                                 style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                                <img src="images/checked.png"
-                                     style=" width: 22px; margin-right: 6px; " alt="check">Import Product image from path and URL.
+                                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Import Product image from path and URL.
                             </li>
                             <li class="mb8"
                                 style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                                <img src="images/checked.png"
-                                     style=" width: 22px; margin-right: 6px; " alt="check">Load image in product using URL in product view itself.
+                                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Load image in product using URL in product view itself.
                             </li>
                         </ul>
                     </div>
@@ -100,9 +96,7 @@
                                                      style="float: left;">
                                                     <h3 class="alert"
                                                         style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
-                                                        <img src="images/checked.png"
-                                                             style=" width: 22px; margin-right: 6px; "
-                                                             alt="check"> We can add the product image by updating URL in the given field.</h3>
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> We can add the product image by updating URL in the given field.</h3>
                                                     <div style=""><img
                                                             class="img img-responsive center-block"
                                                             style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
diff --git a/sale_customer_product_history/static/description/index.html b/sale_customer_product_history/static/description/index.html
index d841d66c2..595ce4c96 100644
--- a/sale_customer_product_history/static/description/index.html
+++ b/sale_customer_product_history/static/description/index.html
@@ -13,8 +13,7 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img
-                    src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Product
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Product
                 sale history button in sale order line, which allow users to view the sale order
                 history of the specific product for the customer
             </li>
@@ -74,8 +73,7 @@
                         <ul>
                             <li class="mb8"
                                 style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                                <img src="images/checked.png"
-                                     style=" width: 22px; margin-right: 6px; " alt="check">Users can
+                                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Users can
                                 view the sale order history of the product for the particular
                                 customer
                             </li>
@@ -99,9 +97,7 @@
                                                      style="float: left;">
                                                     <h3 class="alert"
                                                         style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
-                                                        <img src="images/checked.png"
-                                                             style=" width: 22px; margin-right: 6px; "
-                                                             alt="check"> History button in sale
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> History button in sale
                                                         order line.</h3>
                                                     <div style=""><img
                                                             class="img img-responsive center-block"
@@ -115,9 +111,7 @@
                                                      style="float: left;">
                                                     <h3 class="alert"
                                                         style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
-                                                        <img src="images/checked.png"
-                                                             style=" width: 22px; margin-right: 6px; "
-                                                             alt="check"> Click on the history
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Click on the history
                                                         button , A wizard will open which shows the
                                                         history of sale order for the specific
                                                         product for the particular customer.</h3>
diff --git a/stock_move_invoice/static/description/index.html b/stock_move_invoice/static/description/index.html
index ecac36ad0..502ad73b4 100644
--- a/stock_move_invoice/static/description/index.html
+++ b/stock_move_invoice/static/description/index.html
@@ -13,17 +13,11 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Creating invoice,bill,credit note and refund from individual picking.
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Creating invoice,bill,credit note and refund from individual picking.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Creating invoice documents by selecting multiple documents.
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Creating invoice documents by selecting multiple documents.
             </li>
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png"
-                                                                                               style=" width: 22px; margin-right: 6px; "
-                                                                                               alt="check">Option for configuring the journals from the settings.
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Option for configuring the journals from the settings.
             </li>
         </ul>
     </div>
diff --git a/website_product_publish/static/description/index.html b/website_product_publish/static/description/index.html
index d476d6b9e..891907047 100644
--- a/website_product_publish/static/description/index.html
+++ b/website_product_publish/static/description/index.html
@@ -13,15 +13,15 @@
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
             <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;">
-              <img src="images/checked.png" style=" width: 22px; margin-right: 6px;" alt="check">
+              <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Publish/Unpublish multiple products.
             </li>
             <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;">
-              <img src="images/checked.png" style=" width: 22px; margin-right: 6px;" alt="check">
+              <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Publish products based on category.
             </li>
              <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;">
-              <img src="images/checked.png" style=" width: 22px; margin-right: 6px;" alt="check">
+              <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Quick publish/unpublush button (without redirecting to website.)
             </li>
 
diff --git a/website_repeat_sale/static/description/index.html b/website_repeat_sale/static/description/index.html
index ac5d83f22..767bb92d8 100644
--- a/website_repeat_sale/static/description/index.html
+++ b/website_repeat_sale/static/description/index.html
@@ -14,8 +14,7 @@
         </div>
         <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
         <ul style=" padding: 0 1px; list-style: none; ">
-            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img
-                    src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">
+            <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Repeat a sale order quickly from sale order history(my/orders) of Customer.
                 Added a button in 'my/orders' and in sale order preview form.
             </li>
@@ -75,8 +74,7 @@
                         <ul>
                             <li class="mb8"
                                 style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
-                                <img src="images/checked.png"
-                                     style=" width: 22px; margin-right: 6px; " alt="check">Users can
+                                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Users can
                                 add all the products in a sale order to the cart from the sale order history of the user .
                             </li>
                         </ul>
@@ -99,9 +97,7 @@
                                                      style="float: left;">
                                                     <h3 class="alert"
                                                         style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
-                                                        <img src="images/checked.png"
-                                                             style=" width: 22px; margin-right: 6px; "
-                                                             alt="check"> Reorder button in User's sale order history list view.</h3>
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Reorder button in User's sale order history list view.</h3>
                                                     <div style=""><img
                                                             class="img img-responsive center-block"
                                                             style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
@@ -114,9 +110,7 @@
                                                      style="float: left;">
                                                     <h3 class="alert"
                                                         style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
-                                                        <img src="images/checked.png"
-                                                             style=" width: 22px; margin-right: 6px; "
-                                                             alt="check"> Reorder button in the sale order preview form.</h3>
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Reorder button in the sale order preview form.</h3>
                                                     <div style=""><img
                                                             class="img img-responsive center-block"
                                                             style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
@@ -129,9 +123,7 @@
                                                      style="float: left;">
                                                     <h3 class="alert"
                                                         style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
-                                                        <img src="images/checked.png"
-                                                             style=" width: 22px; margin-right: 6px; "
-                                                             alt="check">Click on the reorder button , it will add all the products in the sale order to cart</h3>
+                                                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Click on the reorder button , it will add all the products in the sale order to cart</h3>
                                                     <div style=""><img
                                                             class="img img-responsive center-block"
                                                             style="border-top-left-radius: 10px;border-top-right-radius: 10px;"