[UPDT] Index Modified

6 years ago · 786da3e793
28 changed files with 170 additions and 170 deletions
--- a/advance_salary/static/description/index.html
+++ b/advance_salary/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Adds a salary rule
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Menu for advance salary configuration
         </h3>
    </div>
@ -48,15 +48,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>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
               Add "salary advance rule" to the salary structure.
            </div>
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
               Provide limit of advance salary.
            </div>
            <div>
-                <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+                <img src="https://www.cybrosys.com/images/ico-tick.png">
               Provide the minimum days to give advance salary
            </div>
         </h3>
@ -64,7 +64,7 @@
            <img src="advance-salary-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
             Define a Advance salary rule. In case of multi company keep separate config for each company
            </div>
        </h3>
@ -72,14 +72,14 @@
            <img src="advance-salary-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Select Employee.
            </div>
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Give the amount on Advance field.
            </div>
-            <div><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Select Payment method.
            </div>
        </h3>
@ -87,7 +87,7 @@
            <img src="advance-salary-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
           Select Home address.
            </div>
        </h3>
--- a/car_workshop_report/static/description/index.html
+++ b/car_workshop_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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Reporting Module for Car Workshop Application.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              PDF & XLS Reports.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Filter Facilities.
         </h3>
@ -56,7 +56,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Reports can be downloaded in XLS and PDF format. Filter results based on:
         </h3>
        <ul>
@ -71,14 +71,14 @@
            <img src="car-workshop-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            PDF Report
        </h3>
        <div class="oe_row oe_spaced">
            <img src="car-workshop-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            XLS Report
        </h3>
        <div class="oe_row oe_spaced">
--- a/colour_code_project/static/description/index.html
+++ b/colour_code_project/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Sets colour codes to tasks
         </h3>
@ -53,21 +53,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Choose colour code for project
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-project-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Choose colour code for tasks
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-project-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Automatically follows the specified colour code for that project.
         </h3>
        <div class="oe_row oe_spaced">
--- a/crm_drag_back_permission/static/description/index.html
+++ b/crm_drag_back_permission/static/description/index.html
@ -34,11 +34,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Restricts some users to drag leads backwards in sales pipeline.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Allows the administrator or head of the team to approve leads.
         </h3>
@ -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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Go to Configuration -> Stages, and set an 'order'(integer value) for each stage you want to use in the pipeline.
            The drag back works based on this 'order' field value.
        </h3>
@ -59,14 +59,14 @@
            <img src="cybrosys-kanban-dragback-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Shows the leads that are in the 'Waiting for Approval' State
         </h3>
        <div class="oe_row oe_spaced">
            <img src="cybrosys-kanban-dragback-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            The Administrator or the Head of Sales of team which the lead belongs to, can approve the lead to the stage requested by the user or decline the lead back to it's previous stage.
         </h3>
        <div class="oe_row oe_spaced">
--- a/cybro_product_stock_balance/static/description/index.html
+++ b/cybro_product_stock_balance/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Overall status of quantity on product form
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            This module gives you an overall status of quantity at each internal location right on product form.
         </h3>
        <div class="oe_row oe_spaced">
--- a/export_stockinfo_xls/static/description/index.html
+++ b/export_stockinfo_xls/static/description/index.html
@ -43,14 +43,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Negative stock will be highlighted in "red" cells.
         </h3>
    </div>
@ -61,27 +61,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Go to Inventory -> Reports -> Current stock in Excel.<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Now a wizard will appear on your screen.
-            <!--<i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+            <!--<img src="https://www.cybrosys.com/images/ico-tick.png">-->
                Please enter the warehouses which you want to take the report.<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can also select category for products(It is Optional).<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
                Then Click "Export Product with Stock Info" button.
-            <!--<i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>-->
+            <!--<img src="https://www.cybrosys.com/images/ico-tick.png">-->
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Per warehouse you can get Available Qty, Virtual Qty, Incoming Qty, Outgoing Qty, Net On Hand Qty,
                Total Sold & Total Purchased Qty.<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            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>
@ -89,7 +89,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Negative stock will be highlighted in "red" cells.
        </h3>
        <div class="oe_row oe_spaced">
--- a/fleet_car_workshop/static/description/index.html
+++ b/fleet_car_workshop/static/description/index.html
@ -31,21 +31,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             User Friendly 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Effective Time management.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Separate Journal 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Integrated with Accounting.</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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             High Scalability.</h3>
    </div>
 </section>
@ -55,7 +55,7 @@
           Dashboard/All Vehicles
        </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Whole Workshop Analysis
         </h3>
        <div class="oe_row oe_spaced">
@ -66,7 +66,7 @@
        </h2>
        <h3>Goto Car Workshop -->Search -->Worksheet</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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Organise all the works according to their Status. Works/Tasks assigned works using the kanban view and control deadlines in the calendar view.Each Work may have it's own stages.
         </h3>
        <h3>Kanban</h3>
@ -81,7 +81,7 @@
          Worksheet View
        </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            All details related to a work/task
         </h3>
        <div class="oe_row oe_spaced">
@ -92,13 +92,13 @@
        </h2>
        <h3>Goto Car Workshop >Search >Worksheet >Timesheet</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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            In timesheet ,Planned work is the sub works related to main Work. By ticking 'Completed' that work will be automatically updated to Work done.<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Work done is the details of completed works.<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Hour spent is time taken for completed work(Work Done).<br/>
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Remaining Hour is total time left(Difference between Total Time and Hour Spent).
        </h3>
        <div class="oe_row oe_spaced">
@ -108,7 +108,7 @@
         Report
        </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Tabular Details of Vehicles
         </h3>
        <div class="oe_row oe_spaced">
@ -118,7 +118,7 @@
        Settings
        </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Configure Preferred journal for Invoicing
         </h3>
        <h3>Goto Car Workshop >Configuration >Settings </h3>
@ -129,7 +129,7 @@
        Separate Journal
        </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Invoices from the car workshop will be saved to Separate journal.
         </h3>
        <h3>Goto Car Workshop >Search >Worksheet >Create Invoices </h3>
--- a/leave_approval_mail/static/description/index.html
+++ b/leave_approval_mail/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Instant Notification to employee on Leave approval
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Instant Notification to employee on Leave rejection
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            On clicking this Approve button E-mail is send to the employee
         </h3>
        <div class="oe_row oe_spaced">
            <img src="leave-approval-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Received E-mail regarding the approved leave
        </h3>
        <div class="oe_row oe_spaced">
--- a/magic_note/static/description/index.html
+++ b/magic_note/static/description/index.html
@ -45,23 +45,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             User Defined Colour Configuration for Notes.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Automatic Colour Change of Notes Based on Dead 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Default Colour for Forbidden.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Default Colour for Over Passed Notes.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Updates the note's colors every on-load of kanban view.
         </h3>
    </div>
@ -73,14 +73,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Changes the note color in kanban view relative to the dead-date field value and the date intervals
            </h3>
        <div class="oe_row oe_spaced">
            <img src="magic-note-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            Set date intervals and colors for the notes from Date interval tab under notes--->date interval(NOTE:Activate Developer mode).
            If a note does not belong to any date interval the note colour will be set according to the color specified in the settings
            By default when installed on a running system the dead date will be set to the current date of installation of this module
--- a/manufacturing_reports/static/description/index.html
+++ b/manufacturing_reports/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
               Filter manufacturing orders based on 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Set start and end date, to print the orders between this 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Filter orders based on the status of the production
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Enable filter based on the responsible person for production
         </h3>
    </div>
@ -65,21 +65,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Goto Manufacturing >>Print Report
         </h3>
        <div class="oe_row oe_spaced">
            <img src="manufacturing-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            PDF Report
        </h3>
        <div class="oe_row oe_spaced">
            <img src="manufacturing-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            XLS Report
        </h3>
        <div class="oe_row oe_spaced">
--- a/merge_same_products/static/description/index.html
+++ b/merge_same_products/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Merge same products in:
             <li>sale order line</li>
             <li>purchase order line</li>
@ -50,42 +50,42 @@
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Before saving the sale order
         </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            After saving the sale order
        </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Before saving the order
         </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            After  saving the order
        </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-product-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Before saving the order
         </h3>
        <div class="oe_row oe_spaced">
            <img src="merge-same-product-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            After saving the order
        </h3>
        <div class="oe_row oe_spaced">
--- a/mrp_secondary_uom/static/description/index.html
+++ b/mrp_secondary_uom/static/description/index.html
@ -32,15 +32,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
          Allows to manage MRP with Secondary UoM
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
          Products to Produce With Secondary UoM
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
         Produced Products With Secondary UoM
         </h3>
    </div>
@ -51,14 +51,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Produced Products according to the production with Secondary UoM.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="mrp-unit-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            As shown here, When we create a MO with a Primary and Secondary Product Quantities and UOMs. After saving, Order is in 'Confirmed' state. Same time we can see a record created in 'Finished Products' with secondary UoM.
            </div>
        </h3>
@ -66,7 +66,7 @@
            <img src="mrp-unit-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            We can change the Primary Quantity, Secondary Quantity and Secondary UoM at any time. There will be an 'Update' Button to handle the same.
            </div>
        </h3>
@ -74,14 +74,14 @@
            <img src="mrp-unit-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Change Product Quantity
         </h3>
        <div class="oe_row oe_spaced">
            <img src="mrp-unit-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
          When we click on the 'Produce' button, The same window is appear with Secondary Quantity and UoM.
            If we Produce Partially or completely, It automatically calculate the Secondary quantity with same ratio.
         </h3>
@ -89,7 +89,7 @@
            <img src="mrp-unit-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Update the Produced Products records.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Choose your product randomly
         </h3>
        <div class="oe_row oe_spaced">
            <img src="category-wise-receipt-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Product category wise receipt
         </h3>
        <div class="oe_row oe_spaced">
--- 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can set it in POS form as:
            <h4>
                Point of sale > Configuration > Point of Sale > Available Product Categories.
--- a/pos_sale_reports/static/description/index.html
+++ b/pos_sale_reports/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Daily Report in a single Touch
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Here it gives a relief to your employee for submitting daily sales reports.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="sale-reports-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            It is a simple and attractive design. It gives details of payments and grand total of Total price and payment methods.
            </div>
        </h3>
--- 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Detailed Report on Tasks & Issues.
        </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Advanced Filters for Report.
        </h3>
    </div>
@ -56,42 +56,42 @@
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can filter the project report by 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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            PDF Report Of Data Import/Export Plugin Project.(Both Tasks and Issues)
        </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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            PDF Report Of Data Import/Export Plugin Project.(Issues Only)
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            XLS Report Of Data Import/Export Plugin Project.(Both Tasks and Issues)
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-report-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            XLS Report Of Data Import/Export Plugin Project.(Issues Only)
        </h3>
        <div class="oe_row oe_spaced">
--- a/project_status_level_report/static/description/index.html
+++ b/project_status_level_report/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Helps to Analyse Project in Various Aspects.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Complete Project Status XLS Report with Budget Analysis.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Tasks, Gantt chart XLS Analysis.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
              Project Breakdown Charter Analysis.
         </h3>
@ -59,56 +59,56 @@
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Menu View
            </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            Wizard View
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            Project Graphical Overview
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
           Project Informations
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            The pie chart of Overall task status.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            End user can easily compare the actual and planned time the Project.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            To compare the actual and planned budget of the Project.
        </h3>
        <div class="oe_row oe_spaced">
            <img src="project-satus-level-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;">
-           <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+           <img src="https://www.cybrosys.com/images/ico-tick.png">
            Project task information and the bar chart are there. End user can easily Analysed the Tasks.
        </h3>
        <div class="oe_row oe_spaced">
--- a/project_time_spend/static/description/index.html
+++ b/project_time_spend/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Calculate the time spend for the specific task
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
          Go to Project -> Task. And then create Task by specifying start date and deadline.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="project-time-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Tree View
            </div>
        </h3>
@ -58,7 +58,7 @@
            <img src="project-time-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Form View
            </div>
        </h3>
--- a/purchase_recurring_orders/static/description/index.html
+++ b/purchase_recurring_orders/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             creates recurring orders for purchase.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Go to Purchases -> Purchase -> Recurring order agreements.
                Here you can fill all the information related to Recurring order agreements. Once saved, you can generate initial purchase order.
         </h3>
@ -55,7 +55,7 @@
            <img src="purchase-recurring-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Here you can generate initial purchase order by clicking "Generate initial Order" button.
        </h3>
        <div class="oe_row oe_spaced">
@ -66,7 +66,7 @@
            <img src="purchase-recurring-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            You can also create recurring orders from purchase order through "Generate agreement" button.
        </h3>
        <div class="oe_row oe_spaced">
--- a/quality_control_multi_quantitative/static/description/index.html
+++ b/quality_control_multi_quantitative/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Allows To Manage Multiple Quantitative Values.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            We Can Set The 'Number Of Tests' And Calculation Method.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Different Calculation Methods - Mean,Mode,Median,Largest and Smallest.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Choose Inspections
         </h3>
        <div class="oe_row oe_spaced">
            <img src="quality-control-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Select the corresponding calculation method
        </h3>
        <div class="oe_row oe_spaced">
            <img src="quality-control-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Calculation Methods:
            <ul>
                <li>Mean = Add all the test results/number of tests.</li>
@ -91,7 +91,7 @@
            <img src="quality-control-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            If you select the Mode Method in the line and No Test results are repeated.
            Then a warning will arise.
        </h3>
--- 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Manager level users can approve sale orders in 'Waiting Approval' stage.
         </h3>
        <div class="oe_row oe_spaced">
--- a/sale_invoice_tag_pass/static/description/index.html
+++ b/sale_invoice_tag_pass/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Invoice from 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Advance 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Percentage bases invoice from Sales Order.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Tags display on Quotation/Sale Order form will be pass to respective customer invoices of that sales order.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="sale-invoice-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Tax Tags on Customer Invoice Form
            <ul>
            <li>Tags from sale order will be shown here. </li>
--- a/salon_operation/static/description/index.html
+++ b/salon_operation/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Easily Manage salon booking
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Create chairs
         </h3>
        <div class="oe_row oe_spaced">
            <img src="salon-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
           Handling more than one chair
            </div>
        </h3>
@ -58,7 +58,7 @@
            <img src="salon-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
           Click Times menu to create Periods for a day.
            </div>
        </h3>
@ -66,7 +66,7 @@
            <img src="salon-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Schedule a Month using Auto-Filled Month . It generates a month that filled days, period and chairs automatically.
            </div>
        </h3>
@ -74,7 +74,7 @@
            <img src="salon-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
           Go to Schedule month menu, you can edit days, time and chair.
            </div>
        </h3>
@ -82,7 +82,7 @@
            <img src="salon-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
           Mark to identify the month is fully booked.
            </div>
@ -91,7 +91,7 @@
            <img src="salon-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
           'Schedule booking' menu to perform the booking. After adding month, days, time, and chair click confirm button.
            To see booked, go to the corresponding month, day, time and chair
            </div>
--- a/send_message_direct_composer/static/description/index.html
+++ b/send_message_direct_composer/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Full-Featured HTML Editor.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             See Entire Mail in a 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Forget About In-line Plain Textbox.
         </h3>
    </div>
@ -60,14 +60,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Normal Case
        </h3>
        <div class="oe_row oe_spaced">
            <img src="send-message-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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            After Installation
        </h3>
        <div class="oe_row oe_spaced">
--- a/sent_mails/static/description/index.html
+++ b/sent_mails/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           display the mails and discussions done by current user
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Sent Mail Menu Under Discuss
         </h3>
        <div class="oe_row oe_spaced">
--- a/taxless_accounting/static/description/index.html
+++ b/taxless_accounting/static/description/index.html
@ -41,7 +41,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Hides tax related fields and menus from accounting.
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             If you check this option hidden things will become visible for that user.
         </h3>
        <div class="oe_row oe_spaced">
--- a/taxless_purchase_sale/static/description/index.html
+++ b/taxless_purchase_sale/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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
            Hides tax related fields and menus
         </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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           This hiding happens in user level. If you check this option hidden things will become visible for that user
         </h3>
        <div class="oe_row oe_spaced">
            <img src="taxless-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Hide tax feom sale order
            </div>
        </h3>
--- a/visa_expiration/static/description/index.html
+++ b/visa_expiration/static/description/index.html
@ -34,11 +34,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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Adds a cron job to invoke 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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
             Adds an email template for employees
         </h3>
    </div>
@ -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;">
-            <i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <img src="https://www.cybrosys.com/images/ico-tick.png">
           Give work email.
         </h3>
        <div class="oe_row oe_spaced">
            <img src="visa-expiration-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Give visa Expiry Date
            </div>
        </h3>
@ -64,7 +64,7 @@
            <img src="visa-expiration-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><i class="fa fa-check" aria-hidden="true" style="color: #cd2d47;font-size: 15px;"></i>
+            <div><img src="https://www.cybrosys.com/images/ico-tick.png">
            Once you enable the option you get a field to configure the number of days before which you need the alert.
            </div>
        </h3>