[UPDT] Index Updated

5 years ago · 6d64e15b3c
81 changed files with 590 additions and 1112 deletions
--- a/access_restriction_by_ip/static/description/index.html
+++ b/access_restriction_by_ip/static/description/index.html
@ -28,24 +28,24 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Administrator can set a IP or a group of IP address for each users
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Users can access their account only from the specified IP's
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Accessing system from a non-specified IP will restrict the user login
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             A warning message will be displayed</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             If no IP is set to user means there is no any restriction by IP</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             IP Address for each users can be set from users form view</h3>
    </div>
 </section>
@ -55,9 +55,9 @@
            Setting IP address for User
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Setting IP address for user from users form view<br/>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            User will be able to access his account only from this IP's
         </h3>
        <div class="oe_row oe_spaced">
@ -67,7 +67,7 @@
            User accessing his account
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           On accessing account from a non specified IP
         </h3>
        <div class="oe_row oe_spaced">
--- a/account_pdc/static/description/index.html
+++ b/account_pdc/static/description/index.html
@ -32,7 +32,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
          handle Post Dated Cheques
         </h3>
    </div>
@ -43,14 +43,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           As shown here, You have to select PDC to enable the PDC payment.This is only available with Journal of type 'Bank'
         </h3>
        <div class="oe_row oe_spaced">
            <img src="account-cheque-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Payment form have two extra fields to put Bank and Cheque Detail.
            </div>
        </h3>
@ -58,7 +58,7 @@
            <img src="account-cheque-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            When you select PDC, You have to put 'effective date' of PDC.
            </div>
        </h3>
--- a/amount_currency_purchase/static/description/index.html
+++ b/amount_currency_purchase/static/description/index.html
@ -42,18 +42,18 @@
                  Features
             </h2>
             <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  Total purchase amount in company currency of the purchase quotation tree view.
              </h3>
              <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  Total purchase amount in company currency of the purchase order tree view.
              </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  Total purchase amount in company currency of the vendor bill tree view.
              </h3>
              <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  Total purchase amount in company currency of the vendor credit note tree view.</h3>
         </div>
     </section>
@ -63,14 +63,14 @@
                 Screenshots
             </h2>
             <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Purchase order tree view
              </h3>
             <div class="oe_row oe_spaced">
                 <img src="amount-currency-purchase-cybrosys-1.png" alt="" style="width: 95%;"/>
             </div>
             <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Purchase Invoice tree view
              </h3>
             <div class="oe_row oe_spaced">
--- a/amount_currency_sale/static/description/index.html
+++ b/amount_currency_sale/static/description/index.html
@ -42,18 +42,18 @@
                  Features
             </h2>
             <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  Total sale amount in company currency of the sales quotation tree view.
              </h3>
              <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  Total sale amount in company currency of the sale order tree view.
              </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  Total sale amount in company currency of the customer invoice tree view.
              </h3>
              <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  Total sale amount in company currency of the customer credit note tree view.</h3>
         </div>
     </section>
@ -63,14 +63,14 @@
                 Screenshots
             </h2>
             <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Sale order tree view
              </h3>
             <div class="oe_row oe_spaced">
                 <img src="amount-currency-sale-cybrosys-1.png" alt="" style="width: 95%;"/>
             </div>
             <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                 <img src="https://www.cybrosys.com/images/ico-tick.png">
+                 <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Customer Invoice tree view
              </h3>
               <div class="oe_row oe_spaced">
--- a/asset_documents/static/description/index.html
+++ b/asset_documents/static/description/index.html
@ -42,21 +42,21 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Provision to manage the serial number in the asset category
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Automatic generation of serial number for asset under an asset category.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Provision to manage asset documents
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Manages document notification through emails</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Provision to add other informations of the assets
        </h3>
    </div>
@ -67,28 +67,28 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Here you can manage the serial number of different assets under this asset category.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="asset-management-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            The serial number will automatic comes here according to asset category type.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="asset-management-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            New provision to manage asset documents and its expiry.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="asset-management-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            New provision to add any information regarding the asset.
         </h3>
        <div class="oe_row oe_spaced">
--- a/backend_theme_odoo12/static/description/index.html
+++ b/backend_theme_odoo12/static/description/index.html
@ -38,26 +38,26 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Login Page
         </h3>
         <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Modified Font
         </h3><h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             New Color Combination
         </h3>
         <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Modified App Drawer
         </h3>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Advanced searching option for App menus.
         </h3>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Repositioned Create & Edit Button
         </h3>
@ -73,7 +73,7 @@
        </h2>
        <!--FIRST SCREENSHOT-->
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Login Page
         </h3>
        <div class="oe_row oe_spaced">
@ -81,49 +81,49 @@
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Discuss
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            App Search Box
            </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Advanced searching option for App menus.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: justify;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Tree view
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Kanban View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_6.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Form View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="theme_7.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="font-weight: 500 !important;text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Date Picker
         </h3>
        <div class="oe_row oe_spaced">
--- a/bank_reconciliation/static/description/index.html
+++ b/bank_reconciliation/static/description/index.html
@ -37,7 +37,7 @@
             <!--Features-->
        <!--</h2>-->
         <!--<h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">-->
-            <!--<img src="https://www.cybrosys.com/images/ico-tick.png">-->
+            <!--<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
             <!--Modify database selector page-->
         <!--</h3>-->
    <!--</div>-->
@ -49,21 +49,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            When You click on "New Statement" a window will open
         </h3>
        <div class="oe_row oe_spaced">
            <img src="bank-reconciliation-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            There you can see the list on journal items that are 'not reconciled'
        </h3>
        <div class="oe_row oe_spaced">
            <img src="bank-reconciliation-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            There you can see the list on journal items that are 'not reconciled'
            <ul>
            <li>You can see the details about the current balance as per company books, bank balance based on already reconciled journal entries as 'Balance as per bank'
@ -74,7 +74,7 @@
            <img src="bank-reconciliation-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Fill the dates mentioned in bank statement in 'Bank.St Date' column of respective line. Click on 'Save' button before closing the window.
        </h3>
        <ul>
@ -84,7 +84,7 @@
            <img src="bank-reconciliation-cybrosys-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            One more thing to point out is, this will also mark the bank payments as 'Reconciled'
        </h3>
        <div class="oe_row oe_spaced">
--- a/barcode_scanning_sale_purchase/static/description/index.html
+++ b/barcode_scanning_sale_purchase/static/description/index.html
@ -28,11 +28,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Use barcode in Sales order
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Use barcode in Purchase order
         </h3>
    </div>
@ -43,7 +43,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Product Form
         </h3>
        <p>
@ -53,7 +53,7 @@
            <img src="product_barcode.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Sale Order
         </h3>
        <p>
@ -63,7 +63,7 @@
            <img src="sale_order.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            >Purchase Order
         </h3>
        <p>
--- a/barcode_scrap/static/description/index.html
+++ b/barcode_scrap/static/description/index.html
@ -33,11 +33,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Avoid manual entry
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Use barcode for scrapping.
         </h3>
    </div>
@ -49,15 +49,15 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Enable editing mode.
            </div>
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Click the field ‘Barcode’ and scan the Product.
            </div>
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                If no associated product is found in list then a warning will popup.
            </div>
         </h3>
--- a/customer_due_days/static/description/index.html
+++ b/customer_due_days/static/description/index.html
@ -39,7 +39,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            We can get the details of invoices which is due and also the due days of that invoice
         </h3>
@ -53,7 +53,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                A new menu, 'Customer Due Analysis' is added under Invoicing -> Reporting for performing this analysis.
                Clicking on this menu will open a new wizard.
            </div>
@ -62,7 +62,7 @@
            <img src="due_wizard.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Sample report
            </div>
        </h3>
--- a/customer_product_qrcode/static/description/index.html
+++ b/customer_product_qrcode/static/description/index.html
@ -36,19 +36,19 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Unique QR code for products and customers.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Enables to configure a word prefix to QR code for unique identification.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            QR code for individual product variants.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             QR code for whole product template variants.
         </h3>
    </div>
@ -60,7 +60,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Set the product and customer prefixes from General Settings Menu.
            Set a Unique and Denotable Prefix to Your Customers.
         </h3>
@ -68,7 +68,7 @@
            <img src="customer-product-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Goto The Customer or Product Form.Click the Generate QR Button.
            The QR Sequence will be generated and the QR Code will be printed as a PDF.
        </h3>
@ -76,7 +76,7 @@
            <img src="customer-product-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Set the product and customer prefixes from General Settings Menu.
            Set a Unique and Denotable Prefix to Your Customers.
        </h3>
@ -84,7 +84,7 @@
            <img src="customer-product-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Each Customer or Product will have a unique qr sequence. Simply go to scan from menu bar and grant access to your device camera,
            you’re ready to scan a QR code using your laptop or mobile devices
        </h3>
--- a/customer_sequence/static/description/index.html
+++ b/customer_sequence/static/description/index.html
@ -35,7 +35,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Unique code for customers
         </h3>
    </div>
@ -47,7 +47,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            <ul>
                <li>Give the starting number of code.</li>
                <li>You can give separate starting for each company if it is a multi company.</li>
@ -57,7 +57,7 @@
            <img src="customer-sequence-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Create a customer and the code will generate automatically as defined in the company form..
        </h3>
        <div class="oe_row oe_spaced">
--- a/customized_barcode_generator/static/description/index.html
+++ b/customized_barcode_generator/static/description/index.html
@ -34,15 +34,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Create custom code for printing standard price on product labels.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Show/hide product reference on product labels.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Show/hide cost price as a code on product labels.
         </h3>
    </div>
@ -54,7 +54,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Go to <b>Invoicing </b> --><b> Settings</b>.<br>
            &nbsp; &nbsp; &nbsp;Select whether to show/hide <b>standard price as code</b> or <b>product reference</b> on product labels and click Save.<br>
         </h3>
@ -62,28 +62,28 @@
            <img src="customized-barcode-generator-settings-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Go to <b>Invoicing</b> --><b> Settings</b> --><b> Product Labels</b>. Click on <b>barcode code</b> to create a new rules.<br>
         </h3>
        <div class="oe_row oe_spaced">
            <img src="customized-barcode-generator-barcodecodetree-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            In the form view, you can set the code for each digit. Click on the active button to use this rule on the product label.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="customized-barcode-generator-barcodecodeform-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Go to <b>Products view</b> select products and print product labels as shown below<br>
         </h3>
        <div class="oe_row oe_spaced">
            <img src="customized-barcode-generator-productlabelprint-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can see the standard price of products on the bottom right of product label as code using the active rule, and at the bottom left you can see the product reference.
         </h3>
        <div class="oe_row oe_spaced">
--- a/developer_mode/static/description/index.html
+++ b/developer_mode/static/description/index.html
@ -41,19 +41,19 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Automatically Trigger Developer Mode.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Separate Group for 'Odoo Developers'.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Showing Running DB On Left Top.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Upgrade Modules Easily.
         </h3>
    </div>
@ -65,28 +65,28 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            As shown here, Simply automate the developer mode. It helps developer in several perspective.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-developer-mode-2.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Shows the running DB on the left top.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-developer-mode-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Easily upgrade any module without going the module form.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-developer-mode-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Recent upgraded filter view in Apps.
        </h3>
        <div class="oe_row oe_spaced">
--- a/employee_check_list/static/description/index.html
+++ b/employee_check_list/static/description/index.html
@ -36,23 +36,23 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Managing entry/exit process.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Automatic process on document attachments.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Option to enable Gauge widget for employee kanban.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Entry/Exit Percentpie in employee form view.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Entry Progressbar in employee tree view
         </h3>
    </div>
@ -64,7 +64,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Entry/Exit Checklist
         </h3>
        <div class="oe_row oe_spaced">
@ -75,28 +75,28 @@
            <img src="employee-checklist-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Employee From View With PercentPie
        </h3>
        <div class="oe_row oe_spaced">
            <img src="employee-checklist-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Employee Tree View With Progressbar
        </h3>
        <div class="oe_row oe_spaced">
            <img src="employee-checklist-cybrosys-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Employee Kanban View with Gauge
        </h3>
        <div class="oe_row oe_spaced">
            <img src="employee-checklist-cybrosys-5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Configuration
        </h3>
        <div class="oe_row oe_spaced">
--- a/employee_check_list/static/description/index.html~
+++ b/employee_check_list/static/description/index.html~
@ -1,140 +0,0 @@
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <h2 class="oe_slogan">Employee Exit/Entry Checklist</h2>
        <h3 class="oe_slogan">Manages Employees Entry & Exit Process</h3>
        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
    </div>
    <div class="oe_row oe_spaced" style="padding-left:65px;">
        <h4>Features:</h4>
        <div>
            <span style="color:green;"> &#9745; </span> Managing entry/exit process.<br/>
            <span style="color:green;"> &#9745; </span> Automatic process on document attachments.<br/>
            <span style="color:green;"> &#9745; </span> Option to enable Gauge widget for employee kanban.<br/>
            <span style="color:green;"> &#9745; </span> Entry/Exit Percentpie in employee form view.<br/>
            <span style="color:green;"> &#9745; </span> Entry Progressbar in employee tree view.<br/>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_picture">
            <h3 class="oe_slogan">Overview</h3>
            <p class="oe_mt32 text-justify" style="text-align: center;">
 A well functioning human resource department will lay down a number procedure and process before an employee during joining/resigning time. It may be submission/Return of a certificate or attending a conference etc.
 A person has to undergo all these checklist items before being admitted/resigned. The module simplifies the process by providing you a checklist to mark the proceedings. It will also display the PercentPie of the checklist items completed.
            </p>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h4>Entry/Exit Checklist</h4>
            <p>
        </div>
        <div style="text-align: center">
            <a href="https://www.cybrosys.com">
                <div class="oe_demo oe_picture oe_screenshot">
                    <img style="border:10px solid white;" src="entry_checklist.png">
                </div>
            </a>
        </div>
        <div style="text-align: center">
            <a href="https://www.cybrosys.com">
                <div class="oe_demo oe_picture oe_screenshot">
                    <img style="border:10px solid white;" src="exit_checklist.png">
                </div>
            </a>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h4>Employee From View With PercentPie</h4>
            </p>
        </div>
        <div class="" style="text-align: center">
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="form_view.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h4>Employee Tree View With Progressbar</h4>
            </p>
        </div>
        <div class="" style="text-align: center">
            <div class="oe_demo oe_screenshot">
                <img style="border:10px solid white;" src="tree_view.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h4>Employee Kanban View with Gauge</h4>
            </p>
        </div>
        <div class="" style="text-align: center">
            <div class="oe_demo oe_screenshot">
                <img style="border:10px solid white;" src="kanban_view.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <div style="text-align: center">
            <p>
                <h4>Configuration</h4>
            </p>
        </div>
        <div class="" style="text-align: center">
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="settings.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
    <div class="oe_slogan" style="margin-top:10px !important;">
        <div>
            <a  class="btn btn-primary btn-lg mt8"
            style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i
            class="fa fa-envelope"></i> Email </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="https://www.cybrosys.com/contact/"><i
            class="fa fa-phone"></i> Contact Us </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="https://www.cybrosys.com/odoo-customization-and-installation/"><i
            class="fa fa-check-square"></i> Request Customization </a>
        </div>
        <br>
        <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
        <div>
          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
        </div>
    </div>
 </section>
--- a/employee_documents_expiry/static/description/index.html
+++ b/employee_documents_expiry/static/description/index.html
@ -37,23 +37,23 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Managing Documents of Employees
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Documents Types
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Expiry Date for Documents
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Validation for Expiry Date
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Mail Notification Based on Expiry Date
         </h3>
    </div>
@ -65,7 +65,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Documents Super Button
            </div>
         </h3>
@ -74,7 +74,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Documents Form
            </div>
         </h3>
@ -82,7 +82,7 @@
            <img src="documents-expiry-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Notification Mail for Expiry Doc
            </div>
        </h3>
--- a/employee_dynamic_fields/static/description/index.html
+++ b/employee_dynamic_fields/static/description/index.html
@ -34,7 +34,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Ability to add custom fields in employee master
         </h3>
    </div>
@ -45,14 +45,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Here you can fill the field information to create a new field of employee master.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="dynamic-fields-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can see your field is created in employee master.
            </div>
        </h3>
--- a/employee_orientation/static/description/index.html
+++ b/employee_orientation/static/description/index.html
@ -37,21 +37,21 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Makes the Employee Orientation Program easier.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Systematical Workflow.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Allows to Create Employee Training Programs.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Email Notification for each Responsible person.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Certificates for training program attendees
        </h3>
    </div>
@ -62,7 +62,7 @@
            Orientation Checklist
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Create checklist for selected departments-->
 <!--         </h3>-->
        <div class="oe_row oe_spaced">
@ -72,7 +72,7 @@
             Orientation Checklist Line
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Checklist lines for a added checklist-->
 <!--         </h3>-->
        <div class="oe_row oe_spaced">
@ -82,7 +82,7 @@
             Employee Orientation
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Employee orientation for selected employee-->
 <!--         </h3>-->
        <div class="oe_row oe_spaced">
@ -92,7 +92,7 @@
           Automatic creation of checklist lines
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            On confirming employee orientation, creates orientation lines from corresponding orientation checklist.-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
@ -102,14 +102,14 @@
              Orientation Request
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Confirming orientation will create orientation requests automatically.
        </h3>
        <div class="oe_row oe_spaced">
                <img src="employee-orientation-cybrosys-5.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Orientation requests with the corresponding employee orientation are added
        </h3>
        <div class="oe_row oe_spaced">
@ -119,7 +119,7 @@
            Email Template
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Email for requesting to conduct the orientation-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
@ -129,7 +129,7 @@
           Employee Training
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--            Training for selected departments can be conducted.-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
@ -139,7 +139,7 @@
           Email Template
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--             Email for requesting to conduct the training program-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
@ -149,7 +149,7 @@
           Print Certificates
        </h2>
 <!--        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">-->
-<!--            <img src="https://www.cybrosys.com/images/ico-tick.png">-->
+<!--            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
 <!--             Issuing certificates for training attended employees-->
 <!--        </h3>-->
        <div class="oe_row oe_spaced">
--- a/employee_stages/static/description/index.html
+++ b/employee_stages/static/description/index.html
@ -36,43 +36,43 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Managing employee's different stages
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Added employee's current stage in tree view
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Added employee's current stage in kanban view
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Added group by stage in search view
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Added Employee filter in search view
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Added default search for employees in search bar
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Automatically recording the stage history
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Computing the duration of each stage
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Option to set 'Related User' while converting to the employee
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Automatically inactive the employee while terminating or relieving the employee
         </h3>
    </div>
@ -84,7 +84,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Here we can see different stages of employee, buttons to change the stages and overall history.
            </div>
         </h3>
@ -93,7 +93,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Status History tab tracking the Start date, End date and Duration of each stages.
            </div>
         </h3>
@ -101,7 +101,7 @@
            <img src="employee-stages-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             When an employee's state is reached to 'Resigned' stage then the system will automatically inactive this employee
            </div>
        </h3>
@ -109,7 +109,7 @@
            <img src="employee-stages-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             We have an option to add 'Related User' when we set to 'Employment' stage.
            </div>
        </h3>
@ -117,7 +117,7 @@
            <img src="employee-stages-cybrosys-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Kanban View
            </div>
        </h3>
@ -125,7 +125,7 @@
            <img src="employee-stages-cybrosys-5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Tree View
            </div>
        </h3>
@ -133,7 +133,7 @@
            <img src="employee-stages-cybrosys-6.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Search Bar
            </div>
        </h3>
@ -141,7 +141,7 @@
            <img src="employee-stages-cybrosys-7.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Search View using Filters Group By
            </div>
        </h3>
@ -149,7 +149,7 @@
            <img src="employee-stages-cybrosys-8.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Search View using Filters
            </div>
        </h3>
--- a/employee_vehicle_request/static/description/index.html
+++ b/employee_vehicle_request/static/description/index.html
@ -39,23 +39,23 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Employee can request for any vehicle
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Checking availability of vehicles
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Validation for send request
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Validation for requested dates
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Advanced search view
         </h3>
@ -72,7 +72,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Here any employee can request available vehicle for a time period.
                He should mention the time period and purpose. Then he can send this request to hr manager. Here also
                module checking the availability of vehicle
@ -84,7 +84,7 @@
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Here Hr Manager can approve the vehicle request. Or she can refuse the request. Also Employee
                 can cancel this request from this stage before approval or rejection.
            </div>
@ -96,7 +96,7 @@
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Validation Messages
            </div>
@ -108,7 +108,7 @@
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Requested Period Validation
            </div>
        </h3>
--- a/event_management/static/description/index.html
+++ b/event_management/static/description/index.html
@ -34,27 +34,27 @@
            Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Event order creation.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Automatically creates service orders.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Allocate the services to different users.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Integrated with Accounting module.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Simple Workflow.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Attractive Design.
        </h3>
    </div>
@ -65,35 +65,35 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Event Dashboard
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-event-management-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Event Order View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-event-management-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Event Order Form View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-event-management-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Event Type
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-event-management-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Event Services
         </h3>
        <p class="oe_mt32">
--- a/export_stockinfo_xls/static/description/index.html
+++ b/export_stockinfo_xls/static/description/index.html
@ -46,14 +46,14 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Select category for products
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Get your stock valuation details</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Negative stock will be highlighted in "red" cells.
         </h3>
    </div>
@ -64,27 +64,27 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Go to Inventory -> Reports -> Current stock in Excel.<br/>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Now a wizard will appear on your screen.
-            <!--<img src="https://www.cybrosys.com/images/ico-tick.png">-->
+            <!--<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
                Please enter the warehouses which you want to take the report.<br/>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can also select category for products(It is Optional).<br/>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Then Click "Export Product with Stock Info" button.
-            <!--<img src="https://www.cybrosys.com/images/ico-tick.png">-->
+            <!--<i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>-->
            Then You will get the corresponding report in XLS.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-current-stock-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Per warehouse you can get Available Qty, Virtual Qty, Incoming Qty, Outgoing Qty, Net On Hand Qty,
                Total Sold & Total Purchased Qty.<br/>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can get your stock valuation details too. In below screen-shot you
                can see stock details of 2 warehouse exported in single spreadsheet.<br/>
         </h3>
@ -92,7 +92,7 @@
            <img src="cybrosys-current-stock-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Negative stock will be highlighted in "red" cells.
        </h3>
        <div class="oe_row oe_spaced">
--- a/first_last_name/static/description/index.html
+++ b/first_last_name/static/description/index.html
@ -40,14 +40,14 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             First name
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Last name
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Nick name
         </h3>
    </div>
@ -58,7 +58,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Provision for First, Last and Nick names for all contacts
         </h3>
        <div class="oe_row oe_spaced">
--- a/front_office_management/static/description/index.html
+++ b/front_office_management/static/description/index.html
@ -36,27 +36,27 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Manage visitors.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Issue Visitor Pass.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Keep Check in, Check out Details of Visitors.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Manage Visitor Belongings.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Print Report Of visitor.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Manage Employee Belongings.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Print Property Label.</h3>
    </div>
 </section>
@ -67,7 +67,7 @@
        </h2>
        <h3>Visitors</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Create visitors.
         </h3>
        <div class="oe_row oe_spaced">
@ -75,7 +75,7 @@
        </div>
         <h3>Visits</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Add visiting details.
         </h3>
        <div class="oe_row oe_spaced">
@ -83,7 +83,7 @@
        </div>
         <h3>Visitor Pass</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Go to Visitor Management -> Visits -> Print -> Visitor Pass
         </h3>
        <div class="oe_row oe_spaced">
@ -91,7 +91,7 @@
        </div>
        <h3>Visitor Report</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Go to Visitor Management -> Visits -> Print -> Visitors Report
         </h3>
        <div class="oe_row oe_spaced">
@ -104,7 +104,7 @@
        </div>
        <h3>Employee Belongings</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Here you can specify the field 'Permission' with the values of Allowed,Not Allowed and Allowed with permission.
         </h3>
        <div class="oe_row oe_spaced">
@ -112,7 +112,7 @@
        </div>
         <h3>Property Label</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Print the properties name that are not allowed to enter to the office.
         </h3>
        <div class="oe_row oe_spaced">
@ -120,7 +120,7 @@
        </div>
         <h3>Receptionist</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            We can set 'Receptionist' access from users form.
         </h3>
        <div class="oe_row oe_spaced">
--- a/gatepass_slip/static/description/index.html
+++ b/gatepass_slip/static/description/index.html
@ -42,17 +42,17 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Creating the details of Gatepass with details of Vehicle number,Driver's name,Contact information of the driver,
             company of the driver
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Information about the products in the delivery order also provided in the ticket.
             This can be enable from the "Gatepass details'" form
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Printing Gatepass ticket
         </h3>
    </div>
@ -64,21 +64,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Here we can fill the details regarding to the Gate Pass
         </h3>
        <div class="oe_row oe_spaced">
            <img src="gate_pass_details.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            From the Print menu we can print the Gate Pass Ticket
        </h3>
        <div class="oe_row oe_spaced">
            <img src="gate_pass_print.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            This would be the printed Gate Pass Ticket
        </h3>
        <div class="oe_row oe_spaced">
--- a/gender_contact/static/description/index.html
+++ b/gender_contact/static/description/index.html
@ -40,7 +40,7 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Gender details
         </h3>
    </div>
@ -52,7 +52,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Provision for gender in all contacts
         </h3>
        <div class="oe_row oe_spaced">
--- a/hide_cost_price/static/description/index.html
+++ b/hide_cost_price/static/description/index.html
@ -34,15 +34,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Cost price visibility restricted.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Visible only for the users in the group.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             By default administrator will be added to this group.
         </h3>
    </div>
@ -53,7 +53,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Working
         </h3>
        <div>
--- a/hr_linkedin_recruitment/static/description/index.html
+++ b/hr_linkedin_recruitment/static/description/index.html
@ -35,11 +35,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Share Recruitment Post to LinkedIn from Odoo.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Enlarge Your Audience Range.
         </h3>
    </div>
@ -51,7 +51,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Setup a LinkedIn App with proper information.
         </h3>
@ -59,7 +59,7 @@
            <img src="hr-linkedin-integration1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Fill-up App Credentials
            <ul>
            <li>Activate developer mode & fill-up API keys</li>
@ -69,7 +69,7 @@
            <img src="hr-linkedin-integration2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Configuration of LinkedIn Account Details
            <ul>
            <li>Username, Password and Page ID.</li>
@ -79,7 +79,7 @@
            <img src="hr-linkedin-integration3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Share Job Requirement with LinkedIn
            <ul>
            <li>Share Job Requirement with LinkedIn by using 'Share on linked' button.</li>
@ -89,7 +89,7 @@
            <img src="hr-linkedin-integration4.png" alt="" style="width: 95%;"/>
        </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Shared Post in LinkedIn
             <ul>
            <li>Takes right candidates from right place.</li>
--- a/hr_payslip_monthly_report/static/description/index.html
+++ b/hr_payslip_monthly_report/static/description/index.html
@ -29,11 +29,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Retrieve pivot view of pay slips.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Able to get Reports
         </h3>
        <ul>
@ -52,7 +52,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Payroll Monthly Statement in Pivot View
         </h3>
        <ul>
@ -77,7 +77,7 @@
        </p>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Group by the pivot view
         </h3>
        <div class="oe_row oe_spaced">
@ -90,7 +90,7 @@
            </p>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Graph View
         </h3>
        <div class="oe_row oe_spaced">
--- a/hr_zk_attendance/static/description/index.html
+++ b/hr_zk_attendance/static/description/index.html
@ -33,30 +33,30 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Integrates biometric device(Face+Thumb) with HR attendance.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Option to keep the device attendance log in Odoo.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Option to clear the device attendance log from both device and Odoo.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Automating HR attendance.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Option to configure multiple devices.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            This module will support with ZKteco model 'uFace 202', ZKteco model 'iFace990'
        </h3>
    </div>
@ -68,7 +68,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Here you can configure your all devices with it's IP address and port number.
            </div>
         </h3>
@ -80,7 +80,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                After configuration, you can download your device attendance log into Odoo through
                'Download' button.If the device is connected, then the Odoo will download all device
                attendance log.
@ -91,7 +91,7 @@
            <img src="hr_zk_attendance_cybrosys_2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             You can also clear all attendance log from both Odoo and device via 'Clear' button.
                If the device is not connected it will display you a warning message as follow.
            </div>
@ -104,7 +104,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Here you can see all device attendance log
            </div>
         </h3>
@ -115,7 +115,7 @@
            HR Attendance
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Here, Odoo automatically generates HR attendance log while downloading the device attendance.
            </div>
        </h3>
@ -126,7 +126,7 @@
           Employee Configuration
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can update existing employees with the 'Device Id' which are the id in the biometric device.
            If there is no match with the biometric device id then system will automatically create corresponding employee.
         </h3>
@ -134,7 +134,7 @@
            <img src="hr_zk_attendance_cybrosys_6.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
        Note:- This integration is only applicable for the device ZKteco model 'uFace 202'<br/>
        Please install zklib library (sudo pip install zklib)
         </h3>
--- a/insurance_management_cybro/static/description/index.html
+++ b/insurance_management_cybro/static/description/index.html
@ -32,18 +32,18 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Create insurance policies for customers.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Manage insurance claims and details.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Manage agents salary and commission.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Create accounting entries for all details.
         </h3>
    </div>
@ -54,7 +54,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Insurance Management System
         </h3>
        <div>
@ -74,7 +74,7 @@
            <img src="insurance_1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Claims Management System
         </h3>
        <ul>
@ -89,7 +89,7 @@
            <img src="insurance_2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Employee Management
         </h3>
        <ul>
@ -107,7 +107,7 @@
            <img src="insurance_3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Create Policy
         </h3>
        <ul>
@ -119,7 +119,7 @@
            <img src="insurance_4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Customer Details Forms
         </h3>
        <div class="oe_row oe_spaced">
--- a/invoice_stock_move/static/description/index.html
+++ b/invoice_stock_move/static/description/index.html
@ -36,11 +36,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Stock Picking From Customer Invoice.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Stock Picking From Supplier Invoice.
         </h3>
@ -52,28 +52,28 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Transfer Button in Customer invoice
         </h3>
        <div class="oe_row oe_spaced">
            <img src="stock-picking-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            On clicking Transfer Button, Stock Is Moved To  Customer Inventory.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="stock-picking-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Receive Button in Vendor Bill.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="stock-picking-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            >On clicking Receive Button, Stock Is Moved To Our Inventory.
         </h3>
        <div class="oe_row oe_spaced">
--- a/laundry_management/static/description/index.html
+++ b/laundry_management/static/description/index.html
@ -46,43 +46,43 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Recording Laundry Order.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Assigning Works.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Make Invoices.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Separate View for Works.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Billing Facility for Extra Works.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Label Printing for Every Order.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Detailed Laundry Work Analysis Report.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Access Rights From Multiple Level.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Configuration for Washing Type.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Configuration for Extra Works (Ironing/Patching etc..).
         </h3>
@ -94,7 +94,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Recording Laundry Order
         </h3>
        <div>
@ -120,7 +120,7 @@
            <img src="cybrosys-laundry-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Laundry Label
         </h3>
        <span>
@ -130,7 +130,7 @@
            <img src="cybrosys-laundry-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Laundry Works
         </h3>
        <div>
@ -150,7 +150,7 @@
            <img src="cybrosys-laundry-7.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Invoice
         </h3>
        <span>
@ -166,7 +166,7 @@
            <img src="cybrosys-laundry-9.png" alt="" style="width: 95%;"/>
        </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Configuration
         </h3>
        <span>
@ -184,7 +184,7 @@
            <img src="cybrosys-laundry-11.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Laundry Work Analysis Report
         </h3>
         <span>
--- a/laundry_management/static/description/index.html~
+++ b/laundry_management/static/description/index.html~
@ -1,222 +0,0 @@
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <h2 class="oe_slogan">Laundry Service Management</h2>
        <h3 class="oe_slogan">Cybrosys Industrial Module Which Helps You To Manage Laundry Service</h3>
        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a> </h4>
    </div>
    <div class="oe_row oe_spaced" style="padding-left:65px;">
        <h4>Features:</h4>
        <div>
            <span style="color:green;"> &#9745; </span> Recording Laundry Order.<br/>
            <span style="color:green;"> &#9745; </span> Assigning Works.<br/>
            <span style="color:green;"> &#9745; </span> Make Invoices.<br/>
            <span style="color:green;"> &#9745; </span> Separate View for Works.<br/>
            <span style="color:green;"> &#9745; </span> Billing Facility for Extra Works.<br/>
            <span style="color:green;"> &#9745; </span> Label Printing for Every Order.<br/>
            <span style="color:green;"> &#9745; </span> Detailed Laundry Work Analysis Report.<br/>
            <span style="color:green;"> &#9745; </span> Access Rights From Multiple Level.<br/>
            <span style="color:green;"> &#9745; </span> Configuration for Washing Type.<br/>
            <span style="color:green;"> &#9745; </span> Configuration for Extra Works (Ironing/Patching etc..).<br/>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <div class="oe_picture">
            <h3 class="oe_slogan">Overview</h3>
            <p class="oe_mt32" style="text-align: center;">
                This is an industrial specific module by <a href="https://www.cybrosys.com">Cybrosys Technologies</a>
                for Laundry Management. It manages
                the laundry process with assigning works to workers.
            </p>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <h3 class="oe_slogan">Recording Laundry Order</h3>
        <div style="text-align: center">
            <p>
                <h4>Laundry Management -> Laundry Management -> Laundry Order</h4>
            <p>
             <span style="text-align: center;padding-left:65px;">&#9755; When you install this module, an extra menu
                Laundry Management will created in main menu. You
                can see the different sub menus under the main menu. Here you
                 can create Laundry Order via clicking the 'Create' button. There you can specify the customer, laundry person,
                 order lines with washing type and Extra works for your order.
             </span>
        </div>
        <div style="text-align: center">
                <div class="oe_demo oe_picture oe_screenshot">
                    <img style="border:10px solid white;height: 400px;" src="laundry_order.png">
                </div>
        </div>
        <div class="" style="text-align: center">
            <div style="padding-left:65px;">
                 <span>&#9755; When you confirm the Laundry Order the corresponding works will created under the
                     assigned person. There you can add extra products also. It will also add in Billing.</span>
            </div>
            <div class="oe_row oe_padded">
                <div class="oe_span6">
                    <div class="oe_demo oe_picture oe_screenshot">
                        <img style="border:10px solid white;" src="laundr_work.png">
                    </div>
                </div>
                <div class="oe_span6">
                    <div class="oe_demo oe_picture oe_screenshot">
                        <img style="border:10px solid white;" src="demo_work.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
       <h3 class="oe_slogan">Laundry Label</h3>
       <div class="" style="text-align: center">
           <div style="padding-left:65px;">
                 <span>&#9755; You can print label for each order from the print menu.</span>
             </div>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="label.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
       <h3 class="oe_slogan">Laundry Works</h3>
       <div class="" style="text-align: center">
             <div class="" style="text-align: center">
                <p>
                    <h4>Laundry Management -> Laundry Management -> Laundry Works</h4>
                <p>
            </div>
           <div style="padding-left:65px;">
                 <span>&#9755; This is the Separate Laundry Works Form. Here you can see the work status of Laundry Works.</span>
             </div>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="order.png">
            </div>
           <div style="padding-left:65px;">
                 <span>&#9755; If there is any extra works , it will created as work When you finish the main work. Then we can see the
                 status of that order line is become 'Make Over'.</span>
             </div>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;" src="makeover.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
       <h3 class="oe_slogan">Invoice</h3>
        <div class="" style="text-align: center">
            <span>&#9755;
                 You can create Invoice via the button 'Create Invoice' when the order reaches to 'Done' state.
            </span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;height:400px;" src="invoice1.png">
            </div>
        </div>
        <div class="" style="text-align: center">
            <span>&#9755;
                 You can see all the Invoice through the smart button "Invoices" from the Laundry Order form.
            </span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;height:400px;" src="invoice.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
       <h3 class="oe_slogan">Configuration</h3>
        <div class="" style="text-align: center">
            <span>&#9755;
                 You can configure washing types from the menu Laundry Management -> Configuration -> Washing Type by
                specifying the name, assigned person and service charge
            </span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;height:400px;" src="washing_type.png">
            </div>
        </div>
         <div class="" style="text-align: center">
            <span>&#9755;
                 You can configure additional works from the menu Laundry Management -> Configuration -> Additional Works by
                specifying the name, assigned person and service charge
            </span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;height:400px;" src="additional.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
       <h3 class="oe_slogan">Laundry Work Analysis Report</h3>
        <div class="" style="text-align: center">
            <span>&#9755;
                 You can also analyse your all Laundry Works from Laundry Management -> Report -> Laundry Order Analysis.
            </span>
            <div class="oe_demo oe_picture oe_screenshot">
                <img style="border:10px solid white;height:400px;" src="laundry_report.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
       <h3 class="oe_slogan">Access Rights</h3>
        <div class="" style="padding-left:65px;">
            <span>&#9755;Laundry Manager :- Laundry manager have all the access across the fleet rental management <br/></span>
            <span>&#9755;Laundry User :- Laundry user can read, write and create the records.</span>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <br/>
    <h2 class="oe_slogan" style="margin-top:20px;" >You Looking for a functional Documentation of this Application.?</h2>
    <h3 class="oe_slogan">Give a Request Mail to:&nbsp;&nbsp;<i class="fa fa-envelope" aria-hidden="true"></i>&nbsp;&nbsp;<a href="#" style="color:blue;">odoo@cybrosys.com</a></h3>
 <br/>
 <br/>
 </section>
 <section class="oe_container oe_dark">
 		<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
 		<div class="oe_slogan" style="margin-top:10px !important;">
            <div>
 				<a  class="btn btn-primary btn-lg mt8"
 				style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
 				class="fa fa-envelope"></i> Email </a> <a
 				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
 				href="http://www.cybrosys.com/contact/"><i
 				class="fa fa-phone"></i> Contact Us </a> <a
 				class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
 				href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
 				class="fa fa-check-square"></i> Request Customization </a>
 	        </div>
            <br>
 		    <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
            <div>
 			  <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
              <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
              <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
              <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
              <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
            </div>
 		</div>
 </section>
--- a/legal_case_management/static/description/index.html
+++ b/legal_case_management/static/description/index.html
@ -42,27 +42,27 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Creating Lawyers and Clients.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Featuring Case Registration.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Arrange Sittings for the case
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Provision to add case related attachments
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Payment Of the case and Payslip generation for lawyers
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Offering a pivot report.
         </h3>
    </div>
@ -74,21 +74,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            We can create or view the clients from the menu "Clients" under Master Data
         </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            We can create or view the lawyers from the menu "Lawyers" under Master Data
        </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            A new case can be registered from the menu "Case Register" by filling the mandatory fields.
            And can attach any documents if needed.
        </h3>
@ -96,21 +96,21 @@
            <img src="legal-case-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            And we can add multiple sittings to the same case from the tab "Sittings"
        </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            An Internal Note field is added for adding any notes related to case
        </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            By clicking on the button "Make Payment" we were lead into a form of making payment to the
            corresponding lawyer.
        </h3>
@ -118,7 +118,7 @@
            <img src="legal-case-cybrosys-6.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            If we want to add sittings after the payment there is button "Add Sittings" is provided and
            if the case is over we can mark it as by clicking on "Mark as Done"
        </h3>
@ -126,14 +126,14 @@
            <img src="legal-case-cybrosys-7.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            The state changes from "Invoiced" to "Completed" after clicking of "Mark As Done"
        </h3>
        <div class="oe_row oe_spaced">
            <img src="legal-case-cybrosys-8.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            We can view the pivot report based on Lawyer,Client,Case Category etc..
        </h3>
        <div class="oe_row oe_spaced">
--- a/login_user_detail/static/description/index.html
+++ b/login_user_detail/static/description/index.html
@ -33,7 +33,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Login Details
         </h3>
        <div class="oe_row oe_spaced">
--- a/lunch_payroll/static/description/index.html
+++ b/lunch_payroll/static/description/index.html
@ -42,11 +42,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Link Lunch and Payroll.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Deduct Lunch amount from employee pay slip.
         </h3>
    </div>
@ -58,21 +58,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            New salary rule named Lunch is added.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="lunch_payroll_1.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            This Lunch rule is added to salary structure.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="lunch_payroll_2.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Lunch amount is deducted from the payslip.
        </h3>
        <div class="oe_row oe_spaced">
--- a/medical_lab_management/static/description/index.html
+++ b/medical_lab_management/static/description/index.html
@ -33,31 +33,31 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Manage Patients
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Issue Patient Card
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Manage Referrals of Patients
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Manage Appointments
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Mail Notification For Appointments
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Manage Lab Requests
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Print Lab Test Result Of Patient
         </h3>
    </div>
@ -70,7 +70,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Create patients.
            </div>
         </h3>
@ -79,7 +79,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Go to Laboratory -> Patient -> Print -> Patient Card.
            </div>
         </h3>
@ -87,7 +87,7 @@
            <img src="lab-management-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Go to Laboratory -> Appointments->Create Appointments.
            </div>
        </h3>
@ -95,7 +95,7 @@
            <img src="lab-management-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             When we confirm the appointment the appointment details will be sent through E-Mail.
            </div>
        </h3>
@ -103,7 +103,7 @@
            <img src="lab-management-cybrosys-4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Lab Request
            </div>
        </h3>
@ -111,7 +111,7 @@
            <img src="lab-management-cybrosys-5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Lab Test Result
            </div>
        </h3>
@ -119,7 +119,7 @@
            <img src="lab-management-cybrosys-6.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Create invoice for lab test.
            </div>
        </h3>
@ -127,7 +127,7 @@
            <img src="lab-management-cybrosys-7.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             You can see today's appointments here.
            </div>
        </h3>
@ -135,7 +135,7 @@
            <img src="lab-management-cybrosys-8.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Go to Laboratory -> Configuration -> Lab test.
            </div>
        </h3>
@ -143,7 +143,7 @@
            <img src="lab-management-cybrosys-9.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Go to Laboratory -> Configuration -> Test Contents.
            </div>
        </h3>
@ -151,7 +151,7 @@
            <img src="lab-management-cybrosys-10.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Go to Laboratory -> Configuration -> Testing Unit.
            </div>
        </h3>
@ -159,7 +159,7 @@
            <img src="lab-management-cybrosys-11.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             We can add referral physician details.
            </div>
        </h3>
@ -167,7 +167,7 @@
            <img src="lab-management-cybrosys-12.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             There are two type <users class=""></users>
            </div>
        </h3>
--- a/mobile_service_shop/static/description/index.html
+++ b/mobile_service_shop/static/description/index.html
@ -34,9 +34,9 @@
            Access Rights
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-             <img src="https://www.cybrosys.com/images/ico-tick.png">
+             <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            <strong>Manager</strong> :-  Manager has the complete access over the mobile shop management. <br/>
-             <img src="https://www.cybrosys.com/images/ico-tick.png">
+             <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            <strong>Mobile Technician</strong>  :- Mobile Technician can read and write service requests and also update the parts usage.
         </h3>
    </div>
@ -48,38 +48,38 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Service request creation.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Assigning service request to technicians.         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Mobile service ticket generation.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Tracking the service status.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Integrated with accounting and sales module. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Multi-level access rights. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Mobile complaint templates.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Invoice for parts usage and service charges. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Email notifications to customer. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Parts inventory. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Flexible for further customization. </h3>
    </div>
 </section>
@ -90,7 +90,7 @@
        </h2>
        <div class="oe_row oe_spaced">
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                When you install the module, an extra menu named Mobile Service is created.
                Here you can see the service requests and thereafter configure your mobile service shop.
         </h3>
@ -101,7 +101,7 @@
         <div class="oe_row oe_spaced">
         <h4>Mobile Service -> Service Request -> Create</h4>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                This is the service request creation form. Service request can be created according to the device brand and model.
                One can assign the technician, service request, provide with warranty details, customer details, IMEI no, request and return dates etc.
         </h3>
@ -115,7 +115,7 @@
        <div class="oe_row oe_spaced">
         <h4>Generating tickets for service request.</h4>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Here you can create tickets for service requests by using the 'Print Ticket' button.
         </h3>
        </div>
@ -123,7 +123,7 @@
            <img src="mobile-service-shop16.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Service ticket will be generated as follows,
         </h3>
        </div>
@ -136,7 +136,7 @@
        <div class="oe_row oe_spaced">
         <h4>Mobile parts inventory</h4>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Here you see the mobile parts used for service processing.
         </h3>
        </div>
@ -144,7 +144,7 @@
            <img src="mobile-service-shop18.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Product will be only visible in the parts inventory if 'is a mobile part' is checked.
                <br>You can provide the brand, model and color details from here.
         </h3>
@ -158,7 +158,7 @@
        <div class="oe_row oe_spaced">
         <h4>Invoice for service requests</h4>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Here you can create invoices for service requests.
         </h3>
        </div>
@ -166,7 +166,7 @@
            <img src="mobile-service-shop14.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Invoice can be created based on advance or full amount.
         </h3>
        </div>
@ -174,7 +174,7 @@
            <img src="mobile-service-shop5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                The parts used during the service process will be automatically added to the invoice line.
         </h3>
        <div class="oe_row oe_spaced">
@ -185,7 +185,7 @@
        </h2>
        <div class="oe_row oe_spaced">
             <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                No need to create stock moves for parts usage manually. 'Post Stock Moves' will generate stock  for the parts usage.
         </h3>
            <div class="oe_row oe_spaced">
@ -196,7 +196,7 @@
        </h2>
        <div class="oe_row oe_spaced">
             <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 The system will send email notification to the customer for each stage in the service request.</br>
             <br><I>Note:- You should configure outgoing and incoming e-mail settings from your Odoo for email service.</I>
         </h3>
@ -210,7 +210,7 @@
           Brands Configuration
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 Create mobile brands which is used in service request creation.
            <br> <strong> Mobile Service -> Configuration -> Brands</strong>
         </h3>
@ -222,7 +222,7 @@
            Models Configuration
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can also create models for different mobile brands from
            <br><strong>Mobile Service -> Configuration -> Models</strong>
        </h3>
@ -233,7 +233,7 @@
            Complaint Types
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can create different complaint types from
            <br><strong>Mobile Service -> Configuration -> Complaint Types</strong>
        </h3>
@ -244,7 +244,7 @@
            Complaint Templates
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Complaint Templates can be created from
            <br><strong>Mobile Service -> Configuration -> Complaint Types</strong>
        </h3>
@ -252,7 +252,7 @@
            <img src="mobile-service-shop11.png" alt="" style="width: 95%;"/>
        </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can select different complaint templates from the 'Complaints' page while creating service requests.
        </h3>
        <div class="oe_row oe_spaced">
@ -262,7 +262,7 @@
            Terms and conditions
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Terms and conditions for service request can be added from,
            <br><strong>Mobile Service -> Configuration -> Terms and Conditions</strong>
            which will be added to the service tickets.
@ -279,23 +279,23 @@
             Features
        </h5>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Device details from IMEI number.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Customized pivot report.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Mobile service request report
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Parts usage report.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Complaint Type report.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
--- a/mrp_production_draft/static/description/index.html
+++ b/mrp_production_draft/static/description/index.html
@ -40,18 +40,18 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Newly Created Manufacturing Orders Will Be In 'Draft' State.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             User Can Change The Product, Quantity, etc.. On This State.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             A New Button 'Confirm' Is Added To Confirm The Manufacturing Order.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Sequence Number Will Not Be Generated Until Confirmation Of Manufacturing Order.</h3>
    </div>
 </section>
@ -61,21 +61,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Default in odoo, there is only the confirmed state as default. You cannot edit if the order is confirmed.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-mrp-draft-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Provides a new state 'Draft' as default. So that users can manage a manufacturing order more easily.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-mrp-draft-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Change in the warning mesage if you try to edit the confirmed manufacturing order.
         </h3>
        <div class="oe_row oe_spaced">
--- a/odoo-debrand/static/description/index.html
+++ b/odoo-debrand/static/description/index.html
@ -46,31 +46,31 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Modify database selector page
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Modify login page
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Remove Odoo's default favicon
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Updated "About" list
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Removed advertisements from the settings page
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Updated warning messages
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Page title modification
         </h3>
@ -83,7 +83,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            As you see in the settings option you need to set up the Website name & favicon then only the change will be affected
            in the title. Also you need to setup the company logo from the settings page to change the default logo.
         </h3>
@ -91,39 +91,39 @@
            <img src="cybrosys-odoo-debranding-1.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Company logo in login page.</div>
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-odoo-debranding-2.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Powered by in the front-end is removed.</div>
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Default title is changed.</div>
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-odoo-debranding-3.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Updated the Odoo title in the messages.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-odoo-debranding-4.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Updated the Odoo title in the warning message</div>
        </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-odoo-debranding-5.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Odoo promotional banners in the settings dashboard page is changed.</div>
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Odoo accounts and documentation is removed from the dropdown list.</div>
        </h3>
        <div class="oe_row oe_spaced">
--- a/personal_info/static/description/index.html
+++ b/personal_info/static/description/index.html
@ -40,11 +40,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             First name, Last name, Nick name and gender for partners.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             New tab for personal informaions.
         </h3>
    </div>
@ -56,14 +56,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Names and gender
         </h3>
        <div class="oe_row oe_spaced">
            <img src="personal-details-cybrosys.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            New tab for personal info
         </h3>
        <div class="oe_row oe_spaced">
--- a/point_of_sale_logo/static/description/index.html
+++ b/point_of_sale_logo/static/description/index.html
@ -37,15 +37,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Logo for each point of sale.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Logo in pos screen.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Logo in pos receipt.
         </h3>
    </div>
@ -57,7 +57,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Point of Sale -> Configuration -> Point of Sale
         </h3>
        <ul>
@ -75,7 +75,7 @@
            <img src="cybrosys-point-of -sale-logo-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            POS receipt with point of sale logo and name
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_category_wise_receipt/static/description/index.html
+++ b/pos_category_wise_receipt/static/description/index.html
@ -32,7 +32,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Category wise bill
         </h3>
    </div>
@ -47,14 +47,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Choose your product randomly
         </h3>
        <div class="oe_row oe_spaced">
            <img src="category-wise-receipt-cybrosys-1.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Product category wise receipt
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_lock_session/static/description/index.html
+++ b/pos_lock_session/static/description/index.html
@ -32,23 +32,23 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Screen lock option in POS session configuration.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Screen lock button in POS.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Lock screen using keyboard shortcut 'CTRL+L'.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Login/Unlock screen in pos.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Extra layer of security.
         </h3>
    </div>
@ -59,7 +59,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Configuration
            <h4>
                Using the newly appeared Boolean button in POS configuration user can enable screen lock option.
@ -69,14 +69,14 @@
            <img src="pos_session_lock_01.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Lock Screen
         </h3>
        <div class="oe_row oe_spaced">
            <img src="pos_session_lock_02.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Login/Unlock Screen
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_magnify_image/static/description/index.html
+++ b/pos_magnify_image/static/description/index.html
@ -32,11 +32,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            + icon on pos product image.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            On clicking + icon, display pop up with magnified product image.
         </h3>
    </div>
@ -48,7 +48,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Click on + button to get magnified product image.
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_mrp_order/static/description/index.html
+++ b/pos_mrp_order/static/description/index.html
@ -35,15 +35,15 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Automatically create MRP order form POS sale
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             We have to assign the products for which MRP order gets created Automatically.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Identify the MRP orders easily generated from POS.
         </h3>
    </div>
@ -55,14 +55,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            How enable MRP order creation from POS
         </h3>
        <div class="oe_row oe_spaced">
            <img src="pos-mrp-order-cybrosys-1.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           There is a heading 'Point of Sale' under sales tab in the product form. Enable 'To create MRP order' and make sure that this product has a bill of material, else system will generate a warning.
            If you forget to set the BOM, then MRP order does not get created.
        </h3>
@ -70,7 +70,7 @@
            <img src="pos-mrp-order-cybrosys-2.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
        Every product needs minimum one BoM, then only MRP order gets created at the time of POS sale.</br>
@ -90,7 +90,7 @@
            <img src="pos-mrp-order-cybrosys-3.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Point Of Sale
            <ul>
            <li>Select the products for sale.</li>
@ -102,7 +102,7 @@
            <img src="pos-mrp-order-cybrosys-4.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            From the "Source", we can easily find out the MRP orders that is created by POS.
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_order_line_image/static/description/index.html
+++ b/pos_order_line_image/static/description/index.html
@ -34,7 +34,7 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Product image in pos order line.
         </h3>
    </div>
--- a/pos_product_category_filter/static/description/index.html
+++ b/pos_product_category_filter/static/description/index.html
@ -33,7 +33,7 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Set available  product categories for each POS.
         </h3>
    </div>
@ -44,7 +44,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 0% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can set it in POS form as:
            <h4>
                Point of sale > Configuration > Point of Sale > Available Product Categories.
--- a/pos_product_creation/static/description/index.html
+++ b/pos_product_creation/static/description/index.html
@ -36,7 +36,7 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Allows you to create products from Point of Sale
         </h3>
@ -49,14 +49,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Enter the details of products.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="pos-product-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             The products list will be updated real time. It is not needed to reload the page to show the newly created product in Point of Sale products list.
        </h3>
        <div class="oe_row oe_spaced">
--- a/pos_product_reference/static/description/index.html
+++ b/pos_product_reference/static/description/index.html
@ -35,11 +35,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Product names with product reference.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Print POS receipts with Product references.
         </h3>
    </div>
@ -51,7 +51,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            &nbsp; &nbsp; &nbsp;The product reference will displays with product name. <br>
         </h3>
@ -59,7 +59,7 @@
            <img src="1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            &nbsp; &nbsp; &nbsp;Product Reference In Pos Order Lines .<br>
         </h3>
@ -67,7 +67,7 @@
            <img src="2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            &nbsp; &nbsp; &nbsp;The receipt generated by POS is as follows.<br>
         </h3>
--- a/pos_quotation_order/static/description/index.html
+++ b/pos_quotation_order/static/description/index.html
@ -39,27 +39,27 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            'Create Quotation' button in POS
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Create pos quotations
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              'Quotation List' button in POS
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Quotation list window
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Manage quotations from POS
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Quotation reference in order receipt and order
         </h3>
    </div>
@ -71,7 +71,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               After installation, open POS window and start and new Session.
            </div>
         </h3>
@ -79,7 +79,7 @@
            <img src="pos-quotation-order-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             In order to create a quotation you have to add products in Order line. Otherwise it will raise an alert popup with invalid order line.
            </div>
        </h3>
@ -88,7 +88,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Add the products in order line and click ‘Create Quotation’ it will give you a popup to add order date and a note for quotation
            </div>
         </h3>
@ -97,7 +97,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Once you have successfully created a quotation, you will get a Quotation reference number as in the figure.
            </div>
         </h3>
@ -106,7 +106,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                You can view and manage the created PoS quotations from Point of Sale -> Orders -> Quotation
            </div>
         </h3>
@ -115,7 +115,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Click on any of the quotation to view the details of the particular quotation.
            </div>
         </h3>
@ -124,7 +124,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                You can view all ‘Draft’ quotation by clicking ‘Quotation List' button in POS. Click the corresponding ‘Confirm’ button.
            </div>
         </h3>
@ -133,7 +133,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                On confirming quotation, you can view the order lines and customer assigned with quotation details.
            </div>
         </h3>
@ -142,7 +142,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                POS Receipt with Quotation Reference
            </div>
         </h3>
@ -151,7 +151,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Now, if you go to the quotation details you can see that the Quotation status is changed to ‘confirmed’.
            </div>
         </h3>
@ -160,7 +160,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                POS Order with Quotation Reference
            </div>
         </h3>
--- a/pos_restaurant_floor_facility/static/description/index.html
+++ b/pos_restaurant_floor_facility/static/description/index.html
@ -35,19 +35,19 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Facilities With Charging Percentage.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Facility Lines in Floor Master.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Enables Separate Price in Floors Wise.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Simple Configuration.
         </h3>
    </div>
@ -58,14 +58,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Facility Master - Tree View
         </h3>
        <div class="oe_row oe_spaced">
            <img src="pos-restaurant-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Facility Master - Form View
            <ul>
                <li>Facilities with its charging percentage.</li>
@ -76,7 +76,7 @@
            <img src="pos-restaurant-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Floor Master With Facility Lines - Form View
            <ul>
                <li>Facility lines with its charging percentage.</li>
@ -88,7 +88,7 @@
            <img src="pos-restaurant-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Floor Wise Price Change - POS Screen
            <ul>
                <li>Floor facility charge will added with actual price of product.</li>
--- a/pos_ticket/static/description/index.html
+++ b/pos_ticket/static/description/index.html
@ -35,7 +35,7 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Company logo and info will be displayed in POS receipt.
         </h3>
    </div>
@ -47,14 +47,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Differences between old and new look of POS receipt.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-pos-ticket-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Differences between old and new look of POS Logo.
         </h3>
        <div class="oe_row oe_spaced">
--- a/pos_ticket/static/description/index.html~
+++ b/pos_ticket/static/description/index.html~
@ -1,78 +0,0 @@
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <h2 class="oe_slogan" style="color:#875A7B;">Company Logo In POS Receipt</h2>
        <h3 class="oe_slogan">Company logo and info will be displayed in POS receipt</h3>
        <h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a></h4>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <div class="oe_span12">
            <h3 class="oe_slogan">Receipt Details</h3>
            </div>
            <p class="oe_mt32" style="margin-left:48px;">
            Currently in Odoo POS receipt there is no company logo.
            This module adds the company logo to the POS receipt so that the users will get more information about
            the company from the receipt. Also replace the default POS logo in the Status bar with Company logo
            </p>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_row oe_spaced">
        <h2 class="oe_slogan" style="color:#875A7B;">Receipt</h2>
    	<div class="col-sm-5">
            <img class="oe_picture oe_screenshot" src="old_receipt.png"/>
        </div>
        <div class="col-sm-2" style="top:45px;color:green">
            <i class="fa fa-hand-o-right fa-2x" aria-hidden="true"></i>
        </div>
        <div class="col-sm-5">
            <img class="oe_picture oe_screenshot" src="new_receipt_pos.png"/>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <h2 class="oe_slogan" style="color:#875A7B;">POS Logo</h2>
    	<div class="col-md-5">
            <img class="oe_picture oe_screenshot" src="old_pos_logo.png"/>
        </div>
        <div class="col-md-2" style="top:50px;color:green">
            <i class="fa fa-hand-o-right fa-2x" aria-hidden="true"></i>
        </div>
        <div class="col-md-5">
            <img class="oe_picture oe_screenshot" src="new_pos_logo.png"/>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
    <div class="oe_slogan" style="margin-top:10px !important;">
        <div>
            <a  class="btn btn-primary btn-lg mt8"
            style="color: #FFFFFF !important;border-radius: 0;" href="https://www.cybrosys.com"><i
            class="fa fa-envelope"></i> Email </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="https://www.cybrosys.com/contact/"><i
            class="fa fa-phone"></i> Contact Us </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="https://www.cybrosys.com/odoo-customization-and-installation/"><i
            class="fa fa-check-square"></i> Request Customization </a>
        </div>
        <br>
        <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
        <div>
          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
        </div>
    </div>
 </section>
--- a/pos_traceability_validation/static/description/index.html
+++ b/pos_traceability_validation/static/description/index.html
@ -36,11 +36,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Validates given serial number is available in stock
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Prevents duplicated entry for more than one quantity
         </h3>
    </div>
@ -52,7 +52,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Warnings
         </h3>
        <div class="oe_row oe_spaced">
--- a/product_deletion/static/description/index.html
+++ b/product_deletion/static/description/index.html
@ -41,11 +41,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Only users in the group Product Deletion can delete the product.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             If user is not in the group Odoo will raise a warning message.
         </h3>
    </div>
@ -57,7 +57,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Product Form
         </h3>
        <div class="oe_row oe_spaced">
--- a/product_expiry_warning/static/description/index.html
+++ b/product_expiry_warning/static/description/index.html
@ -42,11 +42,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Both Sales and Inventory Section Gets the Warning Message
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Integrate with Products Expiration Date Module
         </h3>
    </div>
@ -57,7 +57,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Warning in Sale order<br> &nbsp; &nbsp; &nbsp; If you select a product that does not have good products in the
                inventory, you will get this error message.
         </h3>
@ -65,7 +65,7 @@
            <img src="product_expiry_warning1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Warning at Stock Picking<br>
            &nbsp; &nbsp; &nbsp; This warning is generated when you pick some expired product from
                the inventory.
@ -74,7 +74,7 @@
            <img src="product_expiry_warning2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Define expiry date<br>
            &nbsp; &nbsp; &nbsp;You can set expiry date from <strong>Inventory --> Inventory Control --> Lots/Serial Numbers</strong>  <br>
            &nbsp; &nbsp; &nbsp;The app generate Expiry warning based on the date you give on "End of Life" field.
--- a/product_image_suggestion/static/description/index.html
+++ b/product_image_suggestion/static/description/index.html
@ -40,15 +40,15 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             A seamless and accurate search of product images from Google
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Prioritizing the image suggestions via setting the desired search limit
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Easy image editing; Can automatically resize the image to 1024x1204 px
         </h3>
    </div>
@ -60,7 +60,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Product Form.</div>
        </h3>
        <div class="oe_row oe_spaced">
--- a/product_price_update_advanced/static/description/index.html
+++ b/product_price_update_advanced/static/description/index.html
@ -45,11 +45,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Updates sale price
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Updates cost price
         </h3>
    </div>
@ -61,7 +61,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can update the price of product here
         </h3>
        <div class="oe_row oe_spaced">
--- a/product_return_pos/static/description/index.html
+++ b/product_return_pos/static/description/index.html
@ -32,11 +32,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Manage Product Return through POS interface.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Track Return Reference and Status
         </h3>
    </div>
@ -48,7 +48,7 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Create a normal order.
            </div>
         </h3>
@ -57,7 +57,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Click on Return button In order to return products.
            </div>
         </h3>
@ -65,7 +65,7 @@
            <img src="pos_return_cybrosys_2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Select the order and click on Return.
            </div>
        </h3>
@ -74,7 +74,7 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Return some of the products.
            </div>
         </h3>
@ -82,7 +82,7 @@
            <img src="pos_return_cybrosys_4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              We get the return reference and status of the return from backend also.
            </div>
        </h3>
--- a/product_volume/static/description/index.html
+++ b/product_volume/static/description/index.html
@ -41,11 +41,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Seamless adding of properties- Length, Breadth and Height of the product in the product master page
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Automatic calculation of volume with the above details
         </h3>
    </div>
@ -57,7 +57,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Provision for the product dimensions
         </h3>
        <div class="oe_row oe_spaced">
--- a/project_report_pdf/static/description/index.html
+++ b/project_report_pdf/static/description/index.html
@ -32,19 +32,19 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             PDF Reports in Project.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              XLS Reports in Project.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Detailed Report on Tasks.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Advanced Filters for Report.
        </h3>
    </div>
@ -56,28 +56,28 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Go to Project -> Project
         </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-           <img src="https://www.cybrosys.com/images/ico-tick.png">
+           <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You can filter the project report via selecting the appropriate options from the wizard.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-           <img src="https://www.cybrosys.com/images/ico-tick.png">
+           <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            PDF Report Of Data Import/Export Plugin Project.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-           <img src="https://www.cybrosys.com/images/ico-tick.png">
+           <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Excel Report Of Data Import/Export Plugin Project.
        </h3>
        <div class="oe_row oe_spaced">
--- a/sale_discount_total/static/description/index.html
+++ b/sale_discount_total/static/description/index.html
@ -33,15 +33,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Select 'Percentage' from Discount type and give discount percentage as Discount rate.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Select 'Amount' from Discount type and give discount amount as Discount rate.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            System will update the value of Discount and Total
         </h3>
    </div>
@ -52,21 +52,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Sale Order
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-sales-discount-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Customer Invoice
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-sales-discount-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            And the module also allows you to set a limit for total discount in percentage. Exceeding this limit
            will require approval.
         </h3>
@ -74,7 +74,7 @@
            <img src="cybrosys-sales-discount-3.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Manager level users can approve sale orders in 'Waiting Approval' stage.
         </h3>
        <div class="oe_row oe_spaced">
--- a/sale_promotion/static/description/index.html
+++ b/sale_promotion/static/description/index.html
@ -30,14 +30,14 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Create sales promotion offers for products.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Create sales promotion offers for product categories.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Attract more customers.
         </h3>
    </div>
@ -48,7 +48,7 @@
            Create Promotion Rules
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Case 1.Buy One get One Free.
         </h3>
        <div class="oe_row oe_spaced">
@ -58,7 +58,7 @@
            <img src="sale_promotion_2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Case 2.Buy 2 Get Another Free
         </h3>
        <div class="oe_row oe_spaced">
@ -68,7 +68,7 @@
            <img src="sale_promotion_4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            You must tick the check box to get the product in the sales promotion window.
            Also it helps to identify the promotional products.
         </h3>
@ -77,7 +77,7 @@
        </div>
        <h3>Select Offer In Sale Order</h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 1% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Select the promotion rule in the sale order and click on 'Apply Offer'
         </h3>
        <div class="oe_row oe_spaced">
--- a/sale_purchase_previous_product_cost/static/description/index.html
+++ b/sale_purchase_previous_product_cost/static/description/index.html
@ -33,15 +33,15 @@
                 Features
            </h2>
             <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Previous sale price history
             </h3>
             <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Previous purchase price history
             </h3>
             <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Provide product's previous prices in product page
             </h3>
        </div>
@ -54,7 +54,7 @@
            </h2>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <img src="https://www.cybrosys.com/images/ico-tick.png">
+                    <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                   go to Sale/Purchase Order Form
                </div>
             </h3>
@ -64,7 +64,7 @@
            </div>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <img src="https://www.cybrosys.com/images/ico-tick.png">
+                    <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                   Select product and go to product form view
                </div>
             </h3>
@ -74,7 +74,7 @@
            </div>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <img src="https://www.cybrosys.com/images/ico-tick.png">
+                    <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  In product form you can see a new tab named "Previous Price History". In this tab 'Partner' field already filled with the partner name which you are selected in sale/purchase form. You have also an option to change this 'Partner'.
                </div>
             </h3>
@ -84,7 +84,7 @@
            </div>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <img src="https://www.cybrosys.com/images/ico-tick.png">
+                    <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                  To see previous sale price history please click on the button name 'Previous Sale Rates'.
                </div>
             </h3>
@ -94,7 +94,7 @@
            </div>
            <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
                <div>
-                    <img src="https://www.cybrosys.com/images/ico-tick.png">
+                    <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                 To see previous purchase price history please click on the button name 'Previous Purchase Rates'
                </div>
             </h3>
--- a/salon_management/static/description/index.html
+++ b/salon_management/static/description/index.html
@ -47,27 +47,27 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Online booking facility.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Accounting facility.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Customer notification via email.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             User interactive dashboard.</h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Customer can view the available chairs and order details.</h3>
 <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Different access levels for users and administrator.</h3>
 <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Track the chair user by date.
         </h3>
    </div>
--- a/stock_exipry_reprt/static/description/index.html
+++ b/stock_exipry_reprt/static/description/index.html
@ -42,15 +42,15 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Provides report of the products which will expire within the mentioned date.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Provides Location wise Report.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Expiry Report based on specific locations also included.
         </h3>
    </div>
@ -62,21 +62,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            For the report Purpose We have to enable 'Lots and Serial Numbers' and 'Expiration Date' from the settings.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="settings.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Here the field Generate Report For(days) specifies the number of days the we want to generate the report.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="report_days.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Now the report is generated based on the conditions that we provided.
        </h3>
        <div class="oe_row oe_spaced">
--- a/stock_last_purchase_price/static/description/index.html
+++ b/stock_last_purchase_price/static/description/index.html
@ -45,19 +45,19 @@
            Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            A New Costing Method Is Added To The List And Can Be Chosen From Product Category Form.
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Cost Price Of Products Will Be Updated With Their Last Purchase Price
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Takes Last Purchase Price In Stock Valuation Report
        </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Automatically Posting Price Difference Related Accounting Entries To The
            'Price Difference Account' When We Use Automated Inventory Valuation
        </h3>
@ -70,14 +70,14 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Product category
         </h3>
        <div class="oe_row oe_spaced">
            <img src="prod_category.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Journal Item generated by the price change
         </h3>
        <div class="oe_row oe_spaced">
--- a/task_deadline_reminder/static/description/index.html
+++ b/task_deadline_reminder/static/description/index.html
@ -34,15 +34,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Helps the HR manager to know the deadline of various tasks.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             HR can send reminder mail to the particular employee whose tasks is going to end today
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             HR can take actions and further processes based on the deadline
         </h3>
    </div>
@ -53,7 +53,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Project Task Form - Configuration of Task Deadline Reminder
         </h3>
        <ul>
@ -65,18 +65,18 @@
            <img src="cybrosys-task-reminder-1.jpg" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Automation Scheduled Action - Cron Job
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-task-reminder-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Now link will allow user to jump to related task directly.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;padding: 0% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            This email will group all tasks which are deadline today for that user and send summary table to user/employee by email.
         </h3>
        <div class="oe_row oe_spaced">
--- a/timesheets_by_employee/static/description/index.html
+++ b/timesheets_by_employee/static/description/index.html
@ -39,11 +39,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Print the timesheets of selected employees.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Perform period wise grouping of timesheet lines.
         </h3>
    </div>
@ -55,21 +55,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
          Timesheets -> Reporting -> Print Timesheets
         </h3>
        <div class="oe_row oe_spaced">
            <img src="timesheet-by-employee-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Generate Timesheet Report Wizard with Dates.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="timesheet-by-employee-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            PDF Report of Employee Timesheet.
         </h3>
        <div class="oe_row oe_spaced">
--- a/top_selling_product_report/static/description/index.html
+++ b/top_selling_product_report/static/description/index.html
@ -35,15 +35,15 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Generates top/least selling product report.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Generates reports for certain time periods.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Report for a range of product.
         </h3>
    </div>
@ -64,11 +64,11 @@
            Go to <b>Sales</b> --> <b>Reporting</b> --> <b>Top/Least Selling Product</b>.<br>
            &nbsp; &nbsp; &nbsp; A wizard will be opened once the user clicks on it..<br>
-             <img src="https://www.cybrosys.com/images/ico-tick.png">
+             <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Choose companies and warehouses for generating report. <br>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Select a time period from 'Top Selling product of' selection field.<br>
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Select 'Least Selling Product' to generate least selling product report.<br>
         </h3>
        <div class="oe_row oe_spaced">
@ -82,7 +82,7 @@
            <img src="top-selling-product-report4.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            For 'Top selling product report' deselect 'Least Selling Product'.<br>
            &nbsp; &nbsp; &nbsp; Click the button <b>Print</b> to get top selling product report in PDF format.<br>
         </h3>
--- a/total_payable_receivable/static/description/index.html
+++ b/total_payable_receivable/static/description/index.html
@ -23,7 +23,7 @@
            Partner Form
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Amount payable and receivable is shown in the partner form
         </h3>
        <div class="oe_row oe_spaced">
--- a/user_login_alert/static/description/index.html
+++ b/user_login_alert/static/description/index.html
@ -34,19 +34,19 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Email notification on Log in
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Details of the system that accessed the account
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             IP, OS and browser as well as log in time will be there in the notification email
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            User will receive notification only if user exist in group receive login notification
         </h3>
@ -59,11 +59,11 @@
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
            <div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Adding user to the login notification group
            </div>
-                <img src="https://www.cybrosys.com/images/ico-tick.png">
+                <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                user will receive notification only if he is added in this group
            </div>
         </h3>
@ -71,7 +71,7 @@
            <img src="login-alert-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
+            <div><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            User received e-mail on successful login
            </div>
        </h3>
@ -85,31 +85,31 @@
             Working
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            If the user is logging in from the same system, user will be only notified for the first time
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            If the user changes the browser or OS from the same system, the notification email will be received
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             if user logged in from a new system , notification mail will send
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           Users IP, OS ad browser details will be stored in User form
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
          Logging in from above IP ,browser and OS user wont be notified
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
           This will get updated based on users latest login
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            This will details be visible  only in developer mode
         </h3>
--- a/user_login_alert/static/description/index.html~
+++ b/user_login_alert/static/description/index.html~
@ -1,82 +0,0 @@
 <section class="oe_container">
    <div class="oe_spaced">
        <h2 class="oe_slogan">Birthday Notification By E-mail</h2>
        <h3 class="oe_slogan">This module will wish the employees on their birthday</h3>
        <h4 class="oe_slogan">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4>
        <div style="padding-left:66px;">
        <h4>Features:</h4>
        <ul>
            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Adds a cron job to invoke email</li>
            <li style="list-style:none !important;"><span style="color:green;"> &#8594;</span>&nbsp;&nbsp; Adds an email template</li>
        </ul>
        </div>
    </div>
 </section>
 <section class="oe_container oe_dark">
    <div class="oe_spaced">
        <div class="oe_picture">
            <h3 class="oe_slogan">Overview</h3>
            <p class="oe_mt32">
                HR departments need not worry to wish their employees for their Birthday. In this module we have included the feature to send an email Birthday notification to the employee.
            </p>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <h4 class="oe_slogan">Employee Form</h4>
        <div class="oe_span12">
            <p class='oe_mt32'>
                &#x261B; Give Date of Birth for employee.<br>
                &#x261B; Give work email.<br>
            </p>
            <div class="oe_row_img oe_centered">
                <img class="oe_picture oe_screenshot" src="birthday_1.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <div class="oe_row oe_spaced">
        <h4 class="oe_slogan">Email Template</h4>
        <div class="oe_span12">
            <p class='oe_mt32'>
                &#x261B; The cron job will invoke the email<br>
                &#x261B; Email template is very simple<br>
            </p>
            <div class="oe_row_img oe_centered">
                <img class="oe_picture oe_screenshot" src="temp.png">
            </div>
        </div>
    </div>
 </section>
 <section class="oe_container">
    <h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2>
    <div class="oe_slogan" style="margin-top:10px !important;">
        <div>
            <a  class="btn btn-primary btn-lg mt8"
            style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i
            class="fa fa-envelope"></i> Email </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="http://www.cybrosys.com/contact/"><i
            class="fa fa-phone"></i> Contact Us </a> <a
            class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;"
            href="http://www.cybrosys.com/odoo-customization-and-installation/"><i
            class="fa fa-check-square"></i> Request Customization </a>
        </div>
        <br>
        <img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block">
        <div>
          <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td>
          <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td>
          <a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td>
          <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td>
        </div>
    </div>
 </section>
--- a/vouchers_pos/static/description/index.html
+++ b/vouchers_pos/static/description/index.html
@ -32,27 +32,27 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Create gift vouchers for products.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Create gift vouchers for point of sale category.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Create global gift vouchers.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Create and configure coupon codes.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Apply coupon codes from point of sale.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Coupon usage tracking.
         </h3>
    </div>
@ -63,7 +63,7 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Coupon menu
         </h3>
        <ul>
@ -79,7 +79,7 @@
            <img src="vouchers-pos-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Create coupons & vouchers
         </h3>
        <ul>
@ -94,7 +94,7 @@
            <img src="vouchers-pos-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Apply Coupons
         </h3>
        <ul>
@ -122,7 +122,7 @@
            <img src="vouchers-pos-5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Coupon Tracking
         </h3>
       <ul>
--- a/website_coupon/static/description/index.html
+++ b/website_coupon/static/description/index.html
@ -30,21 +30,21 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Create and configure vouchers for providing a discount based on product, product category or for all products.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Generate a unique code for each coupon.
         </h3><h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Limit the usage of coupons by each user.
         </h3>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Provide a validity for the coupons. </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             History of coupons used by each customer. </h3>
    </div>
 </section>
@ -54,7 +54,7 @@
            Enable the voucher option from the website.
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            When we added some product to our cart, under the 'Customize' menu, we can see the 'Voucher Code' option.
         </h3>
        <div class="oe_row oe_spaced">
@ -64,14 +64,14 @@
            Apply the coupon by providing the secret code.
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            After enabling the 'Voucher Code' option, we can enter our coupon code. If that code is valid, it will be applied to the order. The validation is based on the expiry date of the voucher, the voucher type, coupon code entered, coupon balance, etc. The total amount of an order can't be zero or less than, zero.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="apply_coupon.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            After we have entered the coupon code and pressed the apply button, the system will check the amount after applying the coupon specified is greater than zero or not. If not, we cannot apply this coupon to this order. In this case we will see a notification saying that this coupon is not applicable.
         </h3>
        <div class="oe_row oe_spaced">
@ -81,7 +81,7 @@
            Create and configure vouchers.
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            For creating a voucher, there are three options. We can create a voucher for a single product or a product category or for the complete products. For the first option, we need to specify a product, that means, this voucher will be applicable only if the customer has selected this product in his order. The minimum and maximum voucher values can be set here. The expiry date indicates the validity of this voucher.
         </h3>
        <div class="oe_row oe_spaced">
@ -89,14 +89,14 @@
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            For creating voucher for a product category, we need to select a category. In this case, this voucher will be applicable only if the cart contains products from this category.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="voucher_category.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            The third option can be used to provide discounts for all the products.         </h3>
        <div class="oe_row oe_spaced">
            <img src="voucher_all.png" alt="" style="width: 95%;"/>
@ -105,7 +105,7 @@
           Create and configure coupons and codes.
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            When we create the coupon, a unique, auto-generated and editable code will be there for each coupon. There are mainly
                two types of coupons, fixed and percentage. The fixed type is used to deduct a fixed amount from the order. The
                percentage type will deduct a certain percentage of amount from the order.
@ -123,7 +123,7 @@
           Coupon History.
        </h2>
    <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Under the 'Coupon History' menu, we can see the details of coupons used by all the customers.    </h3>
    <div class="oe_row oe_spaced">
            <img src="history.png" alt="" style="width: 95%;"/>
--- a/website_product_attachments/static/description/index.html
+++ b/website_product_attachments/static/description/index.html
@ -39,11 +39,11 @@
             Features
        </h2>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Allows users to attach documents.
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
              Download attachments from website.
         </h3>
    </div>
@ -55,21 +55,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
         Attach your documents like, product specification on product master.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="website-product-attachments-1.png" alt="" style="width: 95%;"/>
        </div>
 	<h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
         Allow to attach multiple documents for products.
         </h3>
 	<div class="oe_row oe_spaced">
            <img src="website-product-attachments-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Visitors of your e-commerce portal can download these attachments.
         </h3>
        <div class="oe_row oe_spaced">
--- a/website_sale_advanced_search/static/description/index.html
+++ b/website_sale_advanced_search/static/description/index.html
@ -41,27 +41,27 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             E-commerce product search.
         </h3>
 		<h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Provision to select category.
         </h3>
 		<h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             New drop down with product website categories.
         </h3>
 		<h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
             Find all products related to searching content according to the category selected.
         </h3>
 		<h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
 			Display results as drop down.
         </h3>
 		<h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
 			Selection of results redirects to the product description page.
         </h3>
    </div>
@ -73,21 +73,21 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Lists all categories as drop down.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="advanced-search-in-ecommerce1.png" alt="" style="width: 95%;"/>
        </div>
 		<h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Listing of results for category 'All' as a drop down.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="advanced-search-in-ecommerce2.png" alt="" style="width: 95%;"/>
        </div>
 		<h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Product page preview.
         </h3>
        <div class="oe_row oe_spaced">
--- a/whatsapp_redirect/static/description/index.html
+++ b/whatsapp_redirect/static/description/index.html
@ -41,11 +41,11 @@
             Features
        </h2>
         <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Send messages to partners
         </h3>
        <h3 class="oe_slogan" style="text-align: left;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 18px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            User friendly
         </h3>
    </div>
@ -57,35 +57,35 @@
            Screenshots
        </h2>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Enter the whatsapp number
         </h3>
        <div class="oe_row oe_spaced">
            <img src="whatsapp-cybrosys-5.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            Select 'whatsapp message' from partner form.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="whatsapp-cybrosys-1.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
                Enter the text that you have to send.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="whatsapp-cybrosys-2.png" alt="" style="width: 95%;"/>
        </div>
        <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
               Choose Send option
        </h3>
        <div class="oe_row oe_spaced">
            <img src="whatsapp-cybrosys-3.png" alt="" style="width: 95%;"/>
        </div>
         <h3 class="oe_slogan" style="text-align: left;padding: 5% 0% 0% 0%;font-size: 16px;width: 90%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 24px;">
-            <img src="https://www.cybrosys.com/images/ico-tick.png">
+            <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>
            The message is delivered to whatsapp web.
        </h3>
        <div class="oe_row oe_spaced">