diff --git a/app_crm_superbar/static/description/index.html b/app_crm_superbar/static/description/index.html
index 892fe796..ab69d770 100644
--- a/app_crm_superbar/static/description/index.html
+++ b/app_crm_superbar/static/description/index.html
@@ -160,7 +160,7 @@ <h2 class="text-center bg-info text-white pt16 pb16">- Feature Guide -</h2>
             </div>
             <div class="col-lg-10 col-md2 s_table_of_content_main oe_structure oe_empty o_colored_level" data-name="Content">
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_01">All in One Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_01">All in One Search</h3>
                     <h4 class="oe_slogan">Quick Advance Search and navigator for all app data.</h4>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/banner.png">
@@ -179,7 +179,7 @@ <h4 class="oe_slogan">Filter any data like product in search more windows</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_02">Product Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_02">Product Search</h3>
                     <h4 class="oe_slogan">Use in product and Category.</h4>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/product1.jpg">
@@ -190,7 +190,7 @@ <h4 class="oe_slogan">Filter product or any data in search more windows</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_03">Sale Search with list header</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_03">Sale Search with list header</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/sale1.jpg">
                     </div>
@@ -200,7 +200,7 @@ <h4 class="pt16">Sale Search with sidebar</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_04">Purchase Search with sidebar and list header</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_04">Purchase Search with sidebar and list header</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/purchase1.jpg">
                     </div>
@@ -214,7 +214,7 @@ <h4 class="pt16">Purchase report Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_05">Stock Inventory Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_05">Stock Inventory Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/stock1.jpg">
                     </div>
@@ -228,7 +228,7 @@ <h4 class="pt16">Lot Serial Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_06">CRM Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_06">CRM Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/crm1.jpg">
                     </div>
@@ -238,7 +238,7 @@ <h4 class="pt16">Leads Report Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_07">MRP Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_07">MRP Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/mrp1.jpg">
                     </div>
@@ -248,7 +248,7 @@ <h4 class="pt16">Work Order</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_08">POS point of sale Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_08">POS point of sale Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/pos1.jpg">
                     </div>
@@ -258,13 +258,13 @@ <h4 class="pt16">POS Report</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_09">HR employee Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_09">HR employee Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/hr1.jpg">
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_10">Account Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_10">Account Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/account1.jpg">
                     </div>
@@ -278,7 +278,7 @@ <h4 class="pt16">Journal Item Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_11">Project Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_11">Project Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/project1.jpg">
                     </div>
@@ -288,13 +288,13 @@ <h4 class="pt16">Task Report Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_12">Partner contacts Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_12">Partner contacts Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/contacts1.jpg">
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_13">Admin Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_13">Admin Search</h3>
                     <h4 class="pt16">Menu Quick Search</h4>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/base1.jpg">
diff --git a/app_product_superbar/static/description/index.html b/app_product_superbar/static/description/index.html
index e666544d..9cc0e383 100644
--- a/app_product_superbar/static/description/index.html
+++ b/app_product_superbar/static/description/index.html
@@ -160,7 +160,7 @@ <h2 class="text-center bg-info text-white pt16 pb16">- Feature Guide -</h2>
             </div>
             <div class="col-lg-10 col-md2 s_table_of_content_main oe_structure oe_empty o_colored_level" data-name="Content">
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_01">All in One Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_01">All in One Search</h3>
                     <h4 class="oe_slogan">Quick Advance Search and navigator for all app data.</h4>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/banner.png">
@@ -179,7 +179,7 @@ <h4 class="oe_slogan">Filter any data like product in search more windows</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_02">Product Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_02">Product Search</h3>
                     <h4 class="oe_slogan">Use in product and Category.</h4>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/product1.jpg">
@@ -190,7 +190,7 @@ <h4 class="oe_slogan">Filter product or any data in search more windows</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_03">Sale Search with list header</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_03">Sale Search with list header</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/sale1.jpg">
                     </div>
@@ -200,7 +200,7 @@ <h4 class="pt16">Sale Search with sidebar</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_04">Purchase Search with sidebar and list header</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_04">Purchase Search with sidebar and list header</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/purchase1.jpg">
                     </div>
@@ -214,7 +214,7 @@ <h4 class="pt16">Purchase report Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_05">Stock Inventory Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_05">Stock Inventory Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/stock1.jpg">
                     </div>
@@ -228,7 +228,7 @@ <h4 class="pt16">Lot Serial Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_06">CRM Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_06">CRM Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/crm1.jpg">
                     </div>
@@ -238,7 +238,7 @@ <h4 class="pt16">Leads Report Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_07">MRP Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_07">MRP Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/mrp1.jpg">
                     </div>
@@ -248,7 +248,7 @@ <h4 class="pt16">Work Order</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_08">POS point of sale Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_08">POS point of sale Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/pos1.jpg">
                     </div>
@@ -258,13 +258,13 @@ <h4 class="pt16">POS Report</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_09">HR employee Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_09">HR employee Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/hr1.jpg">
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_10">Account Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_10">Account Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/account1.jpg">
                     </div>
@@ -278,7 +278,7 @@ <h4 class="pt16">Journal Item Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_11">Project Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_11">Project Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/project1.jpg">
                     </div>
@@ -288,13 +288,13 @@ <h4 class="pt16">Task Report Search</h4>
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_12">Partner contacts Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_12">Partner contacts Search</h3>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/contacts1.jpg">
                     </div>
                 </section>
                 <section class="pb16 o_colored_level" style="background-image: none;">
-                    <h3 class="text-center" data-anchor="true" id="toc_13">Admin Search</h3>
+                    <h3 class="text-center bg-gray text-white" data-anchor="true" id="toc_13">Admin Search</h3>
                     <h4 class="pt16">Menu Quick Search</h4>
                     <div class="oe_demo oe_screenshot img img-fluid">
                         <img src="../app_web_superbar/base1.jpg">