diff --git a/odex25_base/sfta_std_backend_theme/__init__.py b/odex25_base/sfta_std_backend_theme/__init__.py
new file mode 100644
index 000000000..5d65c3bdb
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/__init__.py
@@ -0,0 +1 @@
+from .hooks import test_pre_init_hook, test_post_init_hook
\ No newline at end of file
diff --git a/odex25_base/sfta_std_backend_theme/__manifest__.py b/odex25_base/sfta_std_backend_theme/__manifest__.py
new file mode 100644
index 000000000..08c0792c4
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/__manifest__.py
@@ -0,0 +1,27 @@
+# -*- coding: utf-8 -*-
+{
+    'name': 'Saudi Food & Drug Authority Theme',
+    'category': 'Tools',
+    'version': '0.1',
+    'summary': 'Customization for backend and forntend themes built for Saudi Food & Drug Authority',
+    'description': 'Saudi Food & Drug Authority Theme',
+    'author': "Expert Co. Ltd.",
+    'website': "https://www.exp-sa.com",
+    'depends': ['web','odex25_web'],
+    'data': [
+        'views/assets.xml',
+        'views/icons.xml',
+        'views/settings.xml',
+    ],
+    "qweb": [
+        'static/src/xml/*'
+    ],
+    'license': 'LGPL-3',
+    'pre_init_hook': 'test_pre_init_hook',
+    'post_init_hook': 'test_post_init_hook',
+    'installable': True,
+    'application': False,
+    'auto_install': False,
+}
+
+# vim:expandtab:smartindent:tabstop=4:softtabstop=4:shiftwidth=4:
diff --git a/odex25_base/sfta_std_backend_theme/hooks.py b/odex25_base/sfta_std_backend_theme/hooks.py
new file mode 100644
index 000000000..e90ea692b
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/hooks.py
@@ -0,0 +1,646 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2021-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+import base64
+
+from odoo import api, SUPERUSER_ID
+from odoo.modules import get_module_resource
+
+
+def test_pre_init_hook(cr):
+    """Hooks for Changing Menu Web_icon"""
+
+    env = api.Environment(cr, SUPERUSER_ID, {})
+    menu_item = env['ir.ui.menu'].search([('parent_id', '=', False)])
+
+    for menu in menu_item:
+        if menu.name == 'Contacts':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'contact.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Link Tracker':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'link_tracker.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Dashboards':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'dashboard.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Sales':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'sales.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Accounting':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'accounting.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Inventory':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'inventory.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Purchase':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'purchase.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Calendar':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'calendar.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'CRM':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'crm.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Note':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'notes.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Website':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'website.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Point of Sale':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'pos.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Manufacturing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'manufacturing.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Repairs':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'repair.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Email Marketing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'email_market.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'SMS Marketing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'sms.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Project':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'project.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Surveys':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'surveys.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Employees':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'employees.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Recruitment':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'recruitment.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Attendances':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'attendances.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Time Off':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'time-off.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Expenses':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'expenses.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Maintenance':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'maintenance.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Live Chat':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'new-live-chat.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Lunch':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'lunch.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Fleet':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'fleet.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Timesheets':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'timesheet.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Events':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'events.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'eLearning':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'e-learning.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Membership':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'membership.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Members':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'members.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+
+        if menu.name == 'Subscriptions':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'subscription.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Documents':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'documents.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Rental':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'rental.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Marketing Automation':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'marketing_automation.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'IoT':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'iot.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Helpdesk':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'help.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Planning':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'planning.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Appraisal':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'appraisal.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Consolidation':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'consolidation.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Payroll':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'payaroll.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Barcode':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'barcode.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Quality':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'quality.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'PLM':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'plm.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Field Service':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'field-service.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Data Cleaning':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'clean-code.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Approvals':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'approvals.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Referrals':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'referral.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Discuss':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'discuss.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Social Marketing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'like.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Document Management System':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'documents.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Asset Extend':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'assest-manager.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Odex25 Accounting':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'accounting.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Petty Cash':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'money.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Task Logs':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'task-log.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Base':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'dashboard.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'System Notification':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'notification.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Initiative Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'goal.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Sign':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'dashboard.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Recurring - Contracts Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'renewal.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Assets Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'assets.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Benefit Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'benefit_management.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'My Dashboard':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'my_dashboard.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Transactions Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'transactions_management.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Real Estate':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'real_estate.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Real Estate Marketing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'real_estate_marketing.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Kafalat System':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'kafalat_system.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'KPI':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'kpi.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Timesheet':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'timesheet.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Email Market':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'email_market.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Workflow':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'workflow.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Takaful Settings':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'takaful_settings.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Empowerment Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'empowerment_management.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Invoicing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'invoice.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+ 
+
+def test_post_init_hook(cr, registry):
+    """post init hook"""
+
+    env = api.Environment(cr, SUPERUSER_ID, {})
+    menu_item = env['ir.ui.menu'].search([('parent_id', '=', False)])
+
+    for menu in menu_item:
+        if menu.name == 'Contacts':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'contact.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Link Tracker':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'link_tracker.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Dashboards':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'dashboard.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Sales':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'sales.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Accounting':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'accounting.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Inventory':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'inventory.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Purchase':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'purchase.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Calendar':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'calendar.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'CRM':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'crm.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Note':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'notes.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Website':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'website.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Point of Sale':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'pos.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Manufacturing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'manufacturing.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Repairs':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'repair.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Email Marketing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'email_market.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'SMS Marketing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'sms.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Project':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'project.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Surveys':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'surveys.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Employees':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'employees.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Recruitment':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'recruitment.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Attendances':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'attendances.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Time Off':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'time-off.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Expenses':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'expenses.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Maintenance':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'maintenance.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Live Chat':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'new-live-chat.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Lunch':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'lunch.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Fleet':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'fleet.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Timesheets':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'timesheet.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Events':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'events.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'eLearning':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'e-learning.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Membership':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'membership.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Members':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'members.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+
+        if menu.name == 'Subscriptions':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'subscription.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Documents':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'documents.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Rental':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'rental.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Marketing Automation':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'marketing_automation.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'IoT':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'iot.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Helpdesk':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'help.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Planning':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'planning.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Appraisal':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'appraisal.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Consolidation':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'consolidation.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Payroll':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'payaroll.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Barcode':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'barcode.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Quality':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'quality.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'PLM':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'plm.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Field Service':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'field-service.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Data Cleaning':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'clean-code.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Approvals':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'approvals.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Referrals':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'referral.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Discuss':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'discuss.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Social Marketing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'like.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Document Management System':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'documents.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Asset Extend':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'assest-manager.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Odex25 Accounting':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'accounting.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Petty Cash':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'money.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Task Logs':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'task-log.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Base':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'dashboard.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'System Notification':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'notification.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Initiative Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'goal.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Sign':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'dashboard.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Recurring - Contracts Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'renewal.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Assets Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'assets.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Benefit Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'benefit_management.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'My Dashboard':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'my_dashboard.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Transactions Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'transactions_management.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Real Estate':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'real_estate.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Real Estate Marketing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'real_estate_marketing.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Kafalat System':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'kafalat_system.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'KPI':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'kpi.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Timesheet':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'timesheet.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Email Market':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'email_market.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Workflow':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'workflow.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Takaful Settings':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'takaful_settings.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Empowerment Management':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'empowerment_management.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
+        if menu.name == 'Invoicing':
+            img_path = get_module_resource(
+                'sfta_std_backend_theme', 'static', 'src', 'img', 'icons', 'invoice.png')
+            menu.write({'web_icon_data': base64.b64encode(open(img_path, "rb").read())})
diff --git a/odex25_base/sfta_std_backend_theme/static/description/icon.png b/odex25_base/sfta_std_backend_theme/static/description/icon.png
new file mode 100644
index 000000000..a37b5967b
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/description/icon.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/description/index.html b/odex25_base/sfta_std_backend_theme/static/description/index.html
new file mode 100644
index 000000000..c2182a0df
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/description/index.html
@@ -0,0 +1,83 @@
+<section class="oe_container">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan"
+            style="text-align: center;font-size: 25px;font-weight: 600;margin: 0px !important;color:#145374;">
+            ONE OF ODEX MODULES</h2>
+        <h6 class="oe_slogan" style="text-align: center;font-size: 18px;">
+            ODEX system is over than 200+ modules developed by love of Expert Company, based on ODEX system
+            <br/>
+            .to effectively suite's Saudi and Arabic market needs.It is the first Arabic open source ERP and all-in-one
+            solution
+        </h6>
+    </div>
+</section>
+
+<section class="oe_container" style="padding: 1% 0% 0% 3%;">
+    <div class="oe_row oe_spaced">
+        <h2 class="oe_slogan"
+            style="text-align: center;font-size: 25px;font-weight: 600;margin: 0px !important;color:#145374;">
+            Contact Us
+        </h2>
+        <br/>
+        <br/>
+        <div style="display:flex;padding-top: 20px;justify-content: space-between;">
+            <div style="flex-basis: 18%;"></div>
+            <div style="flex-basis: 18%;">
+                <div style="width:60px;height:60px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://exp-sa.com" target="_blank">
+                        <img src="internet.png" style="width: 100%;border-radius: 100%;"/>
+                    </a>
+                </div>
+                <h3 class="oe_slogan"
+                    style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <a href="https://exp-sa.com/" target="_blank">
+                        www.exp-sa.com
+                    </a>
+                </h3>
+            </div>
+            <div style="flex-basis: 18%;">
+                <div style="width:60px;height:60px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://twitter.com/expcosa/" target="_blank">
+                        <img src="twitter.png" style="width: 100%;border-radius: 100%;"/>
+                    </a>
+                </div>
+                <h3 class="oe_slogan"
+                    style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <a href="https://twitter.com/expcosa/" target="_blank">
+                        exposa
+                    </a>
+                </h3>
+            </div>
+            <div style="flex-basis: 18%;">
+                <div style="width:60px;height:60px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://www.linkedin.com/in/expert-company-52b5b812b/" target="_blank">
+                        <img src="linkedin.png" style="width: 100%;"/>
+                    </a>
+                </div>
+                <h3 class="oe_slogan"
+                    style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <a href="https://www.linkedin.com/in/expert-company-52b5b812b/" target="_blank">
+                        exposa
+                    </a>
+                </h3>
+            </div>
+            <div style="flex-basis: 18%;">
+                <div style="width:60px;height:60px;background:#fff; border-radius:100%;margin: auto;">
+                    <a href="https://erp.exp-sa.com/contactus/" target="_blank">
+                        <img src="mail.png" style="width: 100%;"/>
+                    </a>
+                </div>
+                <h3 class="oe_slogan"
+                    style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;">
+                    <a href="https://erp.exp-sa.com/contactus/" target="_blank">
+                        Info@exp-sa.com
+                    </a>
+                </h3>
+            </div>
+            <div style="flex-basis: 18%;"></div>
+        </div>
+    </div>
+</section>
+
+<section class="oe_container oe_separator">
+</section>
diff --git a/odex25_base/sfta_std_backend_theme/static/description/internet.png b/odex25_base/sfta_std_backend_theme/static/description/internet.png
new file mode 100644
index 000000000..a89809bfa
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/description/internet.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/description/linkedin.png b/odex25_base/sfta_std_backend_theme/static/description/linkedin.png
new file mode 100644
index 000000000..a0fe09caa
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/description/linkedin.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/description/mail.png b/odex25_base/sfta_std_backend_theme/static/description/mail.png
new file mode 100644
index 000000000..bc5a4de2a
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/description/mail.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/description/odex.png b/odex25_base/sfta_std_backend_theme/static/description/odex.png
new file mode 100644
index 000000000..de82c0ef4
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/description/odex.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/description/twitter.png b/odex25_base/sfta_std_backend_theme/static/description/twitter.png
new file mode 100644
index 000000000..983f325a3
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/description/twitter.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/29ltbukrabold.otf b/odex25_base/sfta_std_backend_theme/static/src/fonts/29ltbukrabold.otf
new file mode 100644
index 000000000..09046c826
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/29ltbukrabold.otf differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/29ltbukralight.ttf b/odex25_base/sfta_std_backend_theme/static/src/fonts/29ltbukralight.ttf
new file mode 100644
index 000000000..1c9c6b169
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/29ltbukralight.ttf differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/29ltbukraregular.otf b/odex25_base/sfta_std_backend_theme/static/src/fonts/29ltbukraregular.otf
new file mode 100644
index 000000000..4e447f03b
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/29ltbukraregular.otf differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.eot b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.eot
new file mode 100644
index 000000000..c98ced39f
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.eot differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.ttf b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.ttf
new file mode 100644
index 000000000..650919e26
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.ttf differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.woff b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.woff
new file mode 100644
index 000000000..565c0036b
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.woff differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.woff2 b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.woff2
new file mode 100644
index 000000000..27f95d004
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Bold.woff2 differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.eot b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.eot
new file mode 100644
index 000000000..d29fcdc8d
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.eot differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.ttf b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.ttf
new file mode 100644
index 000000000..af859750b
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.ttf differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.woff b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.woff
new file mode 100644
index 000000000..2c328bbd8
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.woff differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.woff2 b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.woff2
new file mode 100644
index 000000000..44cd1a9ae
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidKufi-Regular.woff2 differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.eot b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.eot
new file mode 100644
index 000000000..be6a9abf7
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.eot differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.ttf b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.ttf
new file mode 100644
index 000000000..692b79678
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.ttf differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.woff b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.woff
new file mode 100644
index 000000000..61c4ce65a
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.woff differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.woff2 b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.woff2
new file mode 100644
index 000000000..a480760f3
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Bold.woff2 differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.eot b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.eot
new file mode 100644
index 000000000..00213363c
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.eot differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.ttf b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.ttf
new file mode 100644
index 000000000..da9a45f15
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.ttf differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.woff b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.woff
new file mode 100644
index 000000000..7726404df
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.woff differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.woff2 b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.woff2
new file mode 100644
index 000000000..a5fd31b8f
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/DroidNaskh-Regular.woff2 differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/fonts/alfont_com_خط-بكرا-عريض.ttf b/odex25_base/sfta_std_backend_theme/static/src/fonts/alfont_com_خط-بكرا-عريض.ttf
new file mode 100644
index 000000000..e9981534e
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/fonts/alfont_com_خط-بكرا-عريض.ttf differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/app_drawer.avif b/odex25_base/sfta_std_backend_theme/static/src/img/app_drawer.avif
new file mode 100644
index 000000000..23dc11d35
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/app_drawer.avif differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/accounting.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/accounting.png
new file mode 100644
index 000000000..5050b4e16
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/accounting.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/appraisal.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/appraisal.png
new file mode 100644
index 000000000..02cd99bd2
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/appraisal.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/approvals.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/approvals.png
new file mode 100644
index 000000000..229a40da3
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/approvals.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/assest-manager.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/assest-manager.png
new file mode 100644
index 000000000..6dea6d93d
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/assest-manager.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/assets.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/assets.png
new file mode 100644
index 000000000..717b289f5
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/assets.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/attendances.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/attendances.png
new file mode 100644
index 000000000..30cd8fc45
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/attendances.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/barcode.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/barcode.png
new file mode 100644
index 000000000..2dc27379f
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/barcode.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/benefit_management.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/benefit_management.png
new file mode 100644
index 000000000..a352c38a1
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/benefit_management.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/calendar.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/calendar.png
new file mode 100644
index 000000000..fd16d0f65
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/calendar.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/clean-code.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/clean-code.png
new file mode 100644
index 000000000..36e26c3fa
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/clean-code.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/consolidation.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/consolidation.png
new file mode 100644
index 000000000..5001fc9f3
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/consolidation.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/contact.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/contact.png
new file mode 100644
index 000000000..c2567974d
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/contact.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/crm.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/crm.png
new file mode 100644
index 000000000..68ab60ecd
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/crm.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/dashboard.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/dashboard.png
new file mode 100644
index 000000000..9385c5ff3
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/dashboard.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/discuss.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/discuss.png
new file mode 100644
index 000000000..abccb07e7
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/discuss.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/documents.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/documents.png
new file mode 100644
index 000000000..a6a36fdb7
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/documents.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/e-learning.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/e-learning.png
new file mode 100644
index 000000000..1cdb69346
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/e-learning.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/email_market.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/email_market.png
new file mode 100644
index 000000000..055be09e1
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/email_market.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/employees.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/employees.png
new file mode 100644
index 000000000..6a1a25aad
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/employees.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/empowerment_management.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/empowerment_management.png
new file mode 100644
index 000000000..994482f27
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/empowerment_management.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/events.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/events.png
new file mode 100644
index 000000000..acbfa2784
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/events.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/expenses.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/expenses.png
new file mode 100644
index 000000000..053a0a8fe
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/expenses.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/field-service.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/field-service.png
new file mode 100644
index 000000000..ed3e7f9eb
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/field-service.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/fleet.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/fleet.png
new file mode 100644
index 000000000..64676656d
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/fleet.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/goal.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/goal.png
new file mode 100644
index 000000000..40e8233a6
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/goal.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/help.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/help.png
new file mode 100644
index 000000000..bcdd1d1e7
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/help.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/inventory.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/inventory.png
new file mode 100644
index 000000000..ca4539a0c
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/inventory.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/invoice.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/invoice.png
new file mode 100644
index 000000000..964e639e5
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/invoice.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/iot.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/iot.png
new file mode 100644
index 000000000..8f2cc8afc
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/iot.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/kafalat_system.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/kafalat_system.png
new file mode 100644
index 000000000..d18f5bcd4
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/kafalat_system.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/kpi.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/kpi.png
new file mode 100644
index 000000000..f240c9f93
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/kpi.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/like.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/like.png
new file mode 100644
index 000000000..ac9db2610
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/like.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/link_tracker.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/link_tracker.png
new file mode 100644
index 000000000..a2f51b756
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/link_tracker.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/lunch.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/lunch.png
new file mode 100644
index 000000000..348e1b015
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/lunch.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/maintenance.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/maintenance.png
new file mode 100644
index 000000000..fbfe9580f
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/maintenance.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/manufacturing.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/manufacturing.png
new file mode 100644
index 000000000..3f8d646b3
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/manufacturing.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/marketing_automation.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/marketing_automation.png
new file mode 100644
index 000000000..9e550c07f
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/marketing_automation.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/members.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/members.png
new file mode 100644
index 000000000..05bef1192
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/members.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/membership.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/membership.png
new file mode 100644
index 000000000..3bdf7729b
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/membership.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/menu.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/menu.png
new file mode 100644
index 000000000..107b74daf
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/menu.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/money.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/money.png
new file mode 100644
index 000000000..805298595
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/money.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/my_dashboard.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/my_dashboard.png
new file mode 100644
index 000000000..55af7ffa5
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/my_dashboard.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/new-live-chat.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/new-live-chat.png
new file mode 100644
index 000000000..6dea6d93d
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/new-live-chat.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/notes.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/notes.png
new file mode 100644
index 000000000..ab6811181
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/notes.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/notification.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/notification.png
new file mode 100644
index 000000000..f7622eee1
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/notification.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/payaroll.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/payaroll.png
new file mode 100644
index 000000000..a098a1b90
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/payaroll.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/petty_cash.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/petty_cash.png
new file mode 100644
index 000000000..cd17d6629
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/petty_cash.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/planning.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/planning.png
new file mode 100644
index 000000000..349a7269d
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/planning.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/plm.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/plm.png
new file mode 100644
index 000000000..1ef830ebb
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/plm.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/pos.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/pos.png
new file mode 100644
index 000000000..56fc6a03a
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/pos.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/project.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/project.png
new file mode 100644
index 000000000..536f17081
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/project.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/purchase.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/purchase.png
new file mode 100644
index 000000000..838ca3a67
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/purchase.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/quality.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/quality.png
new file mode 100644
index 000000000..89b31ee54
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/quality.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/real_estate.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/real_estate.png
new file mode 100644
index 000000000..0ec4b7922
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/real_estate.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/real_estate_marketing.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/real_estate_marketing.png
new file mode 100644
index 000000000..83cfe7668
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/real_estate_marketing.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/recruitment.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/recruitment.png
new file mode 100644
index 000000000..4ef9f3874
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/recruitment.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/referral.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/referral.png
new file mode 100644
index 000000000..3904830d1
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/referral.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/renewal.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/renewal.png
new file mode 100644
index 000000000..68de70025
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/renewal.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/rental.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/rental.png
new file mode 100644
index 000000000..dbd1d57e4
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/rental.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/repair.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/repair.png
new file mode 100644
index 000000000..6755e3d16
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/repair.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/sales.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/sales.png
new file mode 100644
index 000000000..422ff4b7c
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/sales.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/setting.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/setting.png
new file mode 100644
index 000000000..d3be8609f
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/setting.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/sms.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/sms.png
new file mode 100644
index 000000000..896fdce04
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/sms.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/subscription.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/subscription.png
new file mode 100644
index 000000000..197c8b350
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/subscription.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/surveys.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/surveys.png
new file mode 100644
index 000000000..5602ab97e
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/surveys.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/takaful_settings.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/takaful_settings.png
new file mode 100644
index 000000000..4ea087359
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/takaful_settings.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/task-log.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/task-log.png
new file mode 100644
index 000000000..9584642c1
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/task-log.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/time-off.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/time-off.png
new file mode 100644
index 000000000..51cb50ef5
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/time-off.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/timesheet.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/timesheet.png
new file mode 100644
index 000000000..8cf5d3d75
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/timesheet.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/transactions_management.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/transactions_management.png
new file mode 100644
index 000000000..199a414d7
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/transactions_management.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/website.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/website.png
new file mode 100644
index 000000000..9c4dd1b65
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/website.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/icons/workflow.png b/odex25_base/sfta_std_backend_theme/static/src/img/icons/workflow.png
new file mode 100644
index 000000000..624d9ddd8
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/icons/workflow.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/logo.png b/odex25_base/sfta_std_backend_theme/static/src/img/logo.png
new file mode 100644
index 000000000..e3b9e6da9
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/logo.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/pattern.png b/odex25_base/sfta_std_backend_theme/static/src/img/pattern.png
new file mode 100644
index 000000000..8fbdb4e4d
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/pattern.png differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/sfta_bg.jpg b/odex25_base/sfta_std_backend_theme/static/src/img/sfta_bg.jpg
new file mode 100644
index 000000000..2a729146e
Binary files /dev/null and b/odex25_base/sfta_std_backend_theme/static/src/img/sfta_bg.jpg differ
diff --git a/odex25_base/sfta_std_backend_theme/static/src/img/smiling_face.svg b/odex25_base/sfta_std_backend_theme/static/src/img/smiling_face.svg
new file mode 100644
index 000000000..250900ea0
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/src/img/smiling_face.svg
@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="140" viewBox="0 0 120 140">
+    <defs>
+        <linearGradient id="empty_state_file_happy-c" x1="91.284%" x2="25.707%" y1="100%" y2="0%">
+            <stop offset="0%" stop-color="#3E5D7F"/>
+            <stop offset="100%" stop-color="#3E5D7F"/>
+        </linearGradient>
+        <circle id="empty_state_file_happy-b" cx="56" cy="76.614" r="56"/>
+        <filter id="empty_state_file_happy-a" width="112.5%" height="112.5%" x="-6.2%" y="-4.5%" filterUnits="objectBoundingBox">
+            <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/>
+            <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/>
+            <feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.106063179 0"/>
+        </filter>
+        <path id="empty_state_file_happy-d" d="M56,122.807018 C86.927946,122.807018 112,97.6721263 112,66.6666667 C112,59.6606665 112,37.4384443 112,0 L0,0 C0,23.774138 0,45.9963602 0,66.6666667 C0,97.6721263 25.072054,122.807018 56,122.807018 Z"/>
+        <path id="empty_state_file_happy-f" d="M22,6.01503759 L84.3146067,6.01503759 L100.5,22.556391 L100.5,114.829574 L100.5,114.829574 C100.5,124.218415 92.8888407,131.829574 83.5,131.829574 L31,131.829574 L31,131.829574 C21.6111593,131.829574 14,124.218415 14,114.829574 L14,14.0150376 L14,14.0150376 C14,9.5967596 17.581722,6.01503759 22,6.01503759 Z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd" transform="translate(4 2)">
+        <use fill="#000" filter="url(#empty_state_file_happy-a)" xlink:href="#empty_state_file_happy-b"/>
+        <use fill="url(#empty_state_file_happy-c)" xlink:href="#empty_state_file_happy-b"/>
+        <g transform="translate(0 10)">
+            <mask id="empty_state_file_happy-e" fill="#fff">
+                <use xlink:href="#empty_state_file_happy-d"/>
+            </mask>
+            <g mask="url(#empty_state_file_happy-e)">
+                <use fill="#FFF" xlink:href="#empty_state_file_happy-f"/>
+                <path stroke="#A1ACBA" stroke-width="2" d="M99.5,22.9642476 L83.8940075,7.01503759 L22,7.01503759 C18.1340068,7.01503759 15,10.1490443 15,14.0150376 L15,114.829574 C15,123.66613 22.163444,130.829574 31,130.829574 L83.5,130.829574 C92.336556,130.829574 99.5,123.66613 99.5,114.829574 L99.5,22.9642476 Z"/>
+            </g>
+            <path stroke="#A1ACBA" stroke-width="2" d="M84.8002454,27.5045043 C87.4060329,25.0223449 91.4154529,21.2660453 91.7879265,20.6269769 C92.0921888,20.1049414 92.2011803,19.5697888 92.2011803,18.5540391 C92.2011803,17.9213416 92.0599129,17.3140076 91.7659798,16.6778758 C91.2745815,15.6143886 90.3683274,14.4694369 88.765383,12.8381982 C88.2386259,12.302143 86.3189539,10.4445628 84.8002454,8.96835098 L84.8002454,27.5045043 Z" mask="url(#empty_state_file_happy-e)" transform="rotate(135 88.5 18.226)"/>
+            <g fill="#000" mask="url(#empty_state_file_happy-e)" opacity=".07">
+                <g transform="translate(23 81)">
+                    <rect width="46.716" height="6.214"/>
+                    <rect width="68.812" height="6.214" y="8.7"/>
+                    <rect width="42.297" height="6.214" y="20.506"/>
+                    <rect width="52.398" height="6.214" y="31.07"/>
+                </g>
+            </g>
+        </g>
+        <path stroke="#A1ACBA" stroke-linecap="round" stroke-width="2" d="M13 14L4 5M18 9L18 0M1 20L10 20"/>
+        <g transform="translate(28.491 43.21)">
+            <path stroke="#A1ACBA" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.5087719,17.7894737 C28.0087719,26.7894737 44.5087719,17.7894737 44.5087719,17.7894737"/>
+            <circle cx="48.009" cy="5.289" r="3.5" fill="#A1ACBA"/>
+            <circle cx="8.009" cy="5.289" r="3.5" fill="#A1ACBA"/>
+        </g>
+    </g>
+</svg>
diff --git a/odex25_base/sfta_std_backend_theme/static/src/js/menu.js b/odex25_base/sfta_std_backend_theme/static/src/js/menu.js
new file mode 100644
index 000000000..1acd03ef8
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/src/js/menu.js
@@ -0,0 +1,140 @@
+odoo.define('sfta_std_backend_theme.menu', function (require) {
+    "use strict";
+
+    var concurrency = require('web.concurrency');
+    var config = require('web.config');
+    var core = require('web.core');
+    var dom = require('web.dom');
+    var _t = core._t;
+
+    dom.initAutoMoreMenu = function ($el, options) {
+        /**
+         * Creates an automatic 'more' dropdown-menu for a set of navbar items.
+         *
+         * @param {jQuery} $el
+         * @param {Object} [options]
+         * @param {string} [options.unfoldable='none']
+         * @param {function} [options.maxWidth]
+         * @param {string} [options.sizeClass='SM']
+         */
+            options = _.extend({
+                unfoldable: 'none',
+                maxWidth: false,
+                sizeClass: 'SM',
+            }, options || {});
+
+            var autoMarginLeftRegex = /\bm[lx]?(?:-(?:sm|md|lg|xl))?-auto\b/;
+            var autoMarginRightRegex = /\bm[rx]?(?:-(?:sm|md|lg|xl))?-auto\b/;
+
+            var $extraItemsToggle = null;
+
+            var debouncedAdapt = _.debounce(_adapt, 250);
+            core.bus.on('resize', null, debouncedAdapt);
+            _adapt();
+
+            $el.data('dom:autoMoreMenu:adapt', _adapt);
+            $el.data('dom:autoMoreMenu:destroy', function () {
+                _restore();
+                core.bus.off('resize', null, debouncedAdapt);
+                $el.removeData(['dom:autoMoreMenu:destroy', 'dom:autoMoreMenu:adapt']);
+            });
+
+            function _restore() {
+                if ($extraItemsToggle === null) {
+                    return;
+                }
+                var $items = $extraItemsToggle.children('.dropdown-menu').children();
+                $items.addClass('nav-item');
+                $items.children('.dropdown-item, a').removeClass('dropdown-item').addClass('nav-link');
+                $items.insertBefore($extraItemsToggle);
+                $extraItemsToggle.remove();
+                $extraItemsToggle = null;
+            }
+
+            function _adapt() {
+                _restore();
+
+                if (!$el.is(':visible') || $el.closest('.show').length) {
+                    // Never transform the menu when it is not visible yet or if
+                    // it is a toggleable one.
+                    return;
+                }
+                if (config.device.size_class <= config.device.SIZES[options.sizeClass]) {
+                    return;
+                }
+
+                var $allItems = $el.children();
+                var $unfoldableItems = $allItems.filter(options.unfoldable);
+                var $items = $allItems.not($unfoldableItems);
+
+                var maxWidth = 0;
+                if (options.maxWidth) {
+                    maxWidth = options.maxWidth();
+                } else {
+                    maxWidth = computeFloatOuterWidthWithMargins($el[0], true, true, true);
+                    var style = window.getComputedStyle($el[0]);
+                    maxWidth -= (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth));
+                    maxWidth -= _.reduce($unfoldableItems, function (sum, el) {
+                        return sum + computeFloatOuterWidthWithMargins(el, true, true, false);
+                    }, 0);
+                }
+
+                var nbItems = $items.length;
+                var menuItemsWidth = _.reduce($items, function (sum, el) {
+                    return sum + computeFloatOuterWidthWithMargins(el, false, false, false);
+                }, 0);
+
+                if (maxWidth - menuItemsWidth >= -0.001) {
+                    return;
+                }
+
+                maxWidth = maxWidth - 130
+
+                var $dropdownMenu = $('<ul/>', {
+                    class: 'dropdown-menu'
+                });
+                $extraItemsToggle = $('<li/>', {
+                        class: 'nav-item dropdown o_extra_menu_items'
+                    })
+                    .append($('<a/>', {
+                            role: 'button',
+                            href: '#',
+                            class: 'nav-link dropdown-toggle o-no-caret',
+                            'data-toggle': 'dropdown',
+                            'aria-expanded': false
+                        })
+                        .append($('<i/>', {
+                            class: 'fa fa-plus'
+                        })))
+                    .append($dropdownMenu);
+                $extraItemsToggle.insertAfter($items.last());
+
+                menuItemsWidth += computeFloatOuterWidthWithMargins($extraItemsToggle[0], true, true, false);
+                do {
+                    menuItemsWidth -= computeFloatOuterWidthWithMargins($items.eq(--nbItems)[0], true, true, false);
+                } while (!(maxWidth - menuItemsWidth >= -0.001) && (nbItems > 0));
+
+                var $extraItems = $items.slice(nbItems).detach();
+                $extraItems.removeClass('nav-item');
+                $extraItems.children('.nav-link, a').removeClass('nav-link').addClass('dropdown-item');
+                $dropdownMenu.append($extraItems);
+                $extraItemsToggle.find('.nav-link').toggleClass('active', $extraItems.children().hasClass('active'));
+            }
+
+            function computeFloatOuterWidthWithMargins(el, mLeft, mRight, considerAutoMargins) {
+                var rect = el.getBoundingClientRect();
+                var style = window.getComputedStyle(el);
+                var outerWidth = rect.right - rect.left;
+                if (mLeft !== false && (considerAutoMargins || !autoMarginLeftRegex.test(el.getAttribute('class')))) {
+                    outerWidth += parseFloat(style.marginLeft);
+                }
+                if (mRight !== false && (considerAutoMargins || !autoMarginRightRegex.test(el.getAttribute('class')))) {
+                    outerWidth += parseFloat(style.marginRight);
+                }
+                // Would be NaN for invisible elements for example
+                return isNaN(outerWidth) ? 0 : outerWidth;
+            }
+    };
+
+    return dom;
+});
\ No newline at end of file
diff --git a/odex25_base/sfta_std_backend_theme/static/src/scss/datetimepicker.scss b/odex25_base/sfta_std_backend_theme/static/src/scss/datetimepicker.scss
new file mode 100644
index 000000000..9c8f31088
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/src/scss/datetimepicker.scss
@@ -0,0 +1,68 @@
+/* date time picker colour changes for the theme */
+.datepicker {
+    .table-sm {
+        > thead {
+            > tr > .prev {
+                color: #fff !important;
+                background-color: $primary_accent !important;
+                &:hover{
+                    background-color: darken($primary_accent, 10%) !important;
+                }
+                > .fa{
+                    color: #fff !important;
+                }
+            }
+            > tr > .next {
+                color: #fff !important;
+                background-color: $primary_accent !important;
+                &:hover{
+                    background-color: darken($primary_accent, 10%) !important;
+                }
+                > .fa{
+                    color: #fff !important;
+                }
+            }
+            > tr > .picker-switch {
+                color: #fff !important;
+                background-color: $primary_accent !important;
+                &:hover{
+                    background-color: darken($primary_accent, 10%) !important;
+                }
+            }
+        }
+        > tbody > tr > td {
+            &.today:before {
+                border-bottom-color: $primary_accent !important;
+            }
+            &.active {
+                background-color: $primary_accent !important;
+            }
+        }
+    }
+}
+.picker-switch {
+    span.fa {
+        margin: 0;
+        @include transition($btn-transition);
+        &.primary {
+            background-color: $primary_accent;
+            color: white;
+            &:hover {
+                background-color: darken($primary_accent, 20%);
+            }
+        }
+    }
+}
+
+.daterangepicker .drp-calendar .calendar-table thead tr:first-child {
+    color: #FFFFFF;
+    background-color: $primary_accent;
+}
+
+.daterangepicker .drp-calendar .calendar-table tbody tr td:not(.off).active, .daterangepicker .drp-calendar .calendar-table tbody tr td:not(.off).active:hover {
+    background-color: $primary_accent;
+}
+
+.daterangepicker .drp-calendar .calendar-table thead tr:first-child th.prev:hover, .daterangepicker .drp-calendar .calendar-table thead tr:first-child th.next:hover {
+    background-color: darken($primary_accent, 20%);
+}
\ No newline at end of file
diff --git a/odex25_base/sfta_std_backend_theme/static/src/scss/navbar.scss b/odex25_base/sfta_std_backend_theme/static/src/scss/navbar.scss
new file mode 100644
index 000000000..7101431ec
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/src/scss/navbar.scss
@@ -0,0 +1,91 @@
+.o_menu_sections{
+    margin-right: auto!important;
+}
+
+.o_menu_systray{
+    margin-left: 0!important;
+}
+
+.o_user_menu_mobile{
+    display: none;
+}
+
+.o_menu_toggle{
+    &.fa-chevron-left{
+        margin-right: auto;
+    }
+}
+
+.o_burger_menu .o_burger_menu_content .o_burger_menu_user .o_user_menu_mobile{
+    display: block;
+}
+
+.o_burger_menu .o_burger_menu_content .o_burger_menu_user .o_user_menu_mobile a img{
+    width: 30px!important;
+}
+
+.o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar > button:hover, .o_main_navbar > button:focus {
+    background-color: transparent;
+}
+
+.o_burger_menu .o_burger_menu_content.o_burger_menu_dark {
+    background: $bg_main;
+}
+
+.o_burger_menu .o_burger_menu_topbar{
+    background: $bg_main;
+}
+
+.o_burger_menu .o_burger_menu_content .o_burger_menu_app ul .o_menu_entry_lvl_1{
+    color: $text_white;
+}
+
+.o_burger_menu .o_burger_menu_content .o_burger_menu_app ul .o_menu_entry_lvl_2{
+    color: $text_white;
+}
+
+.o_burger_menu .o_burger_menu_content .o_burger_menu_app ul .o_menu_entry_lvl_3{
+    color: $text_white;
+}
+
+.o_web_client .o_mobile_search .o_mobile_search_header{
+    background-color: $text_white !important;
+}
+
+.o_web_client .o_mobile_search{
+    height: 100%;
+}
+
+.o_base_settings .o_setting_container .settings_tab{
+    z-index: 0;
+}
+
+.fa-check-square{
+    color: $text_white;
+}
+
+.o_web_client .o_searchview.o_mobile_search > .o_mobile_search_content .o_mobile_search_filter .o_dropdown{
+    border: none;
+}
+
+// .o_menu_toggle{
+//     display: none;
+// }
+
+nav.o_main_navbar.small_nav {
+    justify-content: left !important;
+}
+.o_main_navbar > ul > li.o_extra_menu_items.show > ul{
+    transform: translate3d(0px, 46px, 0px) !important;
+}
+
+.o_menu_sections {
+    .show{
+        .dropdown-menu{
+            &.show{
+                left: 0!important;
+                right: auto!important;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/odex25_base/sfta_std_backend_theme/static/src/scss/rtl.scss b/odex25_base/sfta_std_backend_theme/static/src/scss/rtl.scss
new file mode 100644
index 000000000..e4149712a
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/src/scss/rtl.scss
@@ -0,0 +1,8 @@
+// .o_rtl {
+//     .o_menu_sections {
+//         .dropdown-menu {
+//             right: auto !important;
+//             left: 0 !important;
+//         }
+//     }
+// }
\ No newline at end of file
diff --git a/odex25_base/sfta_std_backend_theme/static/src/scss/theme.scss b/odex25_base/sfta_std_backend_theme/static/src/scss/theme.scss
new file mode 100644
index 000000000..196f5e42e
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/src/scss/theme.scss
@@ -0,0 +1,270 @@
+//Top Bar
+body {
+    font-family: "Poppins", sans-serif !important;
+    background-color: #f8f8fb;
+}
+a {
+    color: $primary_accent;
+}
+a:hover {
+    color: $primary_hover;
+}
+a.btn {
+    height: auto !important;
+}
+.o_main_navbar {
+    color: $text_white !important;
+    border: 1px !important;
+}
+.o_searchview_facet_label {
+    background-color: $bg_main !important;
+    color: $text_white !important;
+    border: 1px !important;
+}
+// .o_web_client > header{
+// background: $bg_main !important;
+// }
+.oe_topbar_name {
+    color: $text_white !important;
+}
+.o_main_navbar > .o_menu_apps > li > a > i {
+    color: $text_white !important;
+    font-size: 16px !important;
+}
+.o_main_navbar {
+    height: 65px;
+    display: flex;
+    align-items: center;
+    border-bottom: 0px solid $f_color !important;
+    -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03) !important;
+    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03) !important;
+
+    ul{
+        &:last-child{
+            margin-left: auto;
+        }
+    }
+}
+
+.top_heading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.top_heading ul {
+    margin-bottom: 0 !important;
+}
+.top_heading > a {
+    margin-left: 10px;
+    font-size: 20px;
+}
+.top_heading li {
+    list-style: none;
+}
+
+.o-no-caret > i,
+button[aria-pressed="true"] {
+    color: $text_white !important;
+}
+.o_main_navbar > ul > li > a,
+.o_main_navbar > ul > li > label {
+    height: 46px;
+    color: $text_white !important;
+    line-height: 46px;
+}
+// .o_main_navbar > .o_menu_sections > li > a:hover, .o_main_navbar > .o_menu_systray > li > a:hover, .o_main_navbar > .o_menu_sections > li.show > a, .o_main_navbar > .o_menu_systray > li.show > a {
+//     background-color: $bg_white !important;
+// }
+
+.topbar_icon .fa {
+    color: $text_white !important;
+    font-size: 20px !important;
+}
+
+.o_main_navbar .o_user_menu .oe_topbar_avatar {
+    height: 35px;
+    width: 35px;
+}
+
+//Responsive starts
+@media (max-width: 992px) {
+    .o_action_manager.sidebar_margin {
+        margin: 0 !important;
+    }
+    .top_heading.sidebar_margin {
+        margin: 0 !important;
+    }
+    .sidebar_panel .sidebar {
+        position: relative;
+        padding-top: 0px !important;
+    }
+    .sidebar_panel .sidebar_close {
+        display: block !important;
+    }
+}
+@media (max-width: 767px) {
+    .o_main_navbar > ul.o_menu_systray {
+        position: static !important;
+        height: auto !important;
+        text-align: right;
+        display: flex;
+    }
+}
+@media (max-width: 480px) {
+    ul.o_menu_apps {
+        padding-left: 25px;
+    }
+    .o_control_panel {
+        margin: 15px 10px 0 10px;
+    }
+    .o_control_panel > div {
+        flex-wrap: wrap;
+    }
+    .o_cp_top_left,
+    .o_cp_top_right,
+    .o_cp_bottom_left,
+    .o_cp_bottom_right {
+        width: 100%;
+    }
+    .o_widget_Discuss .o_Discuss.o-mobile:not(.o-adding-item) {
+        border: none !important;
+    }
+    html .o_web_client > .o_action_manager {
+        overflow: auto !important;
+    }
+    ul.o_menu_systray.topbar_icon li:nth-child(1) {
+        margin-left: 20px;
+    }
+    .o_main_navbar .o_user_menu {
+        margin-left: 20px;
+    }
+    .sidebar_panel .sidebar .sidebar_logo img {
+        max-width: 112px;
+    }
+    .sidebar_panel .sidebar .sidebar_logo {
+        padding-top: 20px;
+        text-align: center;
+        padding-bottom: 5px;
+    }
+    li.o_switch_company_menu.show .dropdown-menu.dropdown-menu-right.show {
+        right: auto !important;
+        left: 0px;
+    }
+    ul.o_menu_systray.topbar_icon .dropdown-menu.show {
+        left: 0px !important;
+        right: auto !important;
+    }
+    ul.o_menu_systray.topbar_icon {
+        margin-left: 0;
+        flex: none;
+    }
+    .o_MessagingMenu_dropdownMenu.o-mobile {
+        top: 70px;
+    }
+    .o_control_panel .o_cp_bottom_right {
+        flex-wrap: wrap;
+    }
+    .o_form_view .o_form_statusbar {
+        flex-wrap: wrap;
+    }
+    .btn {
+        padding: 2px 10px !important;
+        height: 35px !important;
+    }
+    .o_form_view
+        .o_form_statusbar
+        > .o_statusbar_status
+        > .o_arrow_button:not(:first-child):before,
+    .o_form_view
+        .o_form_statusbar
+        > .o_statusbar_status
+        > .o_arrow_button:not(:first-child):after {
+        border-top: 17px solid transparent !important;
+        border-bottom: 16px solid transparent !important;
+    }
+    .o_statusbar_status.o_field_widget.o_readonly_modifier {
+        width: 100%;
+        justify-content: flex-end;
+        margin-top: 5px;
+    }
+    .o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn {
+        margin: 1px 0px 4px 0;
+    }
+    .o_form_statusbar .o_statusbar_buttons .btn {
+        margin-right: 5px !important;
+    }
+    .o_control_panel
+        .o_cp_bottom_left
+        > .o_cp_action_menus
+        .o_dropdown_toggler_btn {
+        margin-right: 3px;
+    }
+    .o_form_view .o_form_sheet_bg > .o_form_sheet {
+        min-width: auto;
+    }
+    .nav-tabs .nav-link {
+        padding: 8px;
+    }
+    .modal.o_technical_modal.o_modal_full
+        .modal-dialog
+        .modal-content
+        .modal-header {
+        background: $primary_accent;
+    }
+    .o_form_view .o_group .o_group_col_6 {
+        width: 100%;
+    }
+    .o_kanban_view.o_kanban_ungrouped .o_kanban_record {
+        flex-wrap: wrap;
+    }
+    .o_kanban_view
+        .o_kanban_record.o_kanban_record_has_image_fill
+        .o_kanban_image_fill_left {
+        border-radius: 5px;
+    }
+    .o_field_widget.o_field_image
+        .o_form_image_controls
+        > .fa.o_select_file_button {
+        background: #74788d;
+    }
+}
+@media (max-width: 390px) {
+    .o_main_navbar .o_switch_company_menu > a .oe_topbar_name {
+        display: inline-block;
+        max-width: 110px !important;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        vertical-align: top;
+    }
+}
+
+.badge {
+    border: 1px solid $primary_accent;
+}
+@media (max-width: 768px) {
+    .o_main_navbar {
+        display: flex !important;
+        justify-content: space-between !important;
+    }
+    .o_control_panel .o_cp_searchview {
+        min-height: 35px;
+        width: 98%;
+    }
+    button.o_enable_searchview.btn.btn-link.fa.fa-search {
+        float: right;
+        padding: 0 !important;
+        margin-top: -9px;
+    }
+}
+@media (max-width: 480px) {
+    .o_control_panel > .o_cp_bottom {
+        -webkit-flex-wrap: nowrap !important;
+        flex-wrap: nowrap !important;
+    }
+}
+
+.o_MobileMessagingNavbar_tab.o-active {
+    color: $primary_accent;
+}
+//Responsive ends
diff --git a/odex25_base/sfta_std_backend_theme/static/src/scss/theme_accent.scss b/odex25_base/sfta_std_backend_theme/static/src/scss/theme_accent.scss
new file mode 100644
index 000000000..6fb2262f3
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/src/scss/theme_accent.scss
@@ -0,0 +1,19 @@
+$primary_accent: #001d3b !default;
+$secondary_accent: #007dc5 !default;
+$inverse_accent: #ffffff !default;
+$o-kanban-color-border-width: 8px;
+$selected_row: #ffffff !default;
+$bg_white: #ffffff !default;
+$f_color: #555b6d !default;
+$primary_hover: #124a84 !default;
+$bg_main: #001d3b;
+$bg_second: #007dc5;
+$text_white: #ffffff !default;
+// SIDEBAR THEME 
+$sidebar_bg: linear-gradient(135deg, #007dc5 0%, #001d3b 45%);
+$sidebar_logo_max_width: 100px;
+$sidebar_menu_item_color: #FFFFFF;
+$sidebar_menu_item_hover_color: #FFFFFF;
+$sidebar_menu_item_hover_bg: #1e2230;
+$sidebar_menu_padding: 0 0 150px 0;
+
diff --git a/odex25_base/sfta_std_backend_theme/static/src/scss/web.scss b/odex25_base/sfta_std_backend_theme/static/src/scss/web.scss
new file mode 100644
index 000000000..6601d692b
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/src/scss/web.scss
@@ -0,0 +1,5797 @@
+@font-face {
+    font-family: "bukra";
+    font-style: normal;
+    font-weight: 400;
+    src: url(../fonts/29ltbukraregular.otf)
+            format("opentype"),
+        url(../fonts/29ltbukralight.ttf)
+            format("truetype");
+}
+@font-face {
+    font-family: "bukra";
+    font-style: normal;
+    font-weight: 700;
+    src: url(../fonts/29ltbukrabold.otf)
+            format("opentype"),
+        url(../fonts/alfont_com_خط-بكرا-عريض.ttf)
+            format("truetype");
+}
+.rtl *:not(.fa),
+.o_rtl *:not(.fa) {
+    font-family: "bukra", serif !important;
+}
+
+body {
+    font-family: "bukra", serif !important;
+}
+
+.btn-fill-primary,
+.btn-primary {
+    background-color: $primary_accent;
+    border-color: $primary_accent;
+
+    &:hover {
+        background-color: $secondary_accent;
+        border-color: $secondary_accent;
+    }
+}
+
+.o_form_view .o_form_uri {
+    color: $primary_accent;
+    &:hover {
+        color: $secondary_accent;
+    }
+}
+
+.btn-secondary {
+    color: $secondary_accent;
+}
+
+.btn-link {
+    color: $primary_accent;
+    &:hover {
+        color: $secondary_accent;
+    }
+}
+
+.o_DiscussSidebarItem_activeIndicator.o-item-active {
+    background-color: $secondary_accent;
+}
+
+.o_ThreadIcon_online {
+    color: $secondary_accent;
+}
+
+.o_loading {
+    background-color: $primary_accent;
+}
+
+.o_MessageList_emptyTitle.o-neutral-face-icon:before,
+.o_view_nocontent .o_nocontent_help .o_view_nocontent_smiling_face:before {
+    background: transparent
+        url(../img/smiling_face.svg) no-repeat
+        center;
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
+    border-color: $primary_accent;
+    background-color: $primary_accent;
+}
+
+/*Human Resources Absence div*/
+.o_kanban_view.o_kanban_dashboard
+    .o_kanban_record
+    .o_kanban_card_header
+    + .container.o_kanban_card_content
+    .o_kanban_primary_bottom {
+    width: 100% !important;
+    padding-inline-start: 30px !important;
+}
+
+/*Dropdown menu headings bg color*/
+.o_main_navbar > ul > li.o_extra_menu_items.show > ul > li > a.dropdown-toggle {
+    background-color: $primary_accent !important;
+} /*# sourceMappingURL=backend_dashboard.css.map */
+
+body.o_home_menu_background header .o_main_navbar {
+    background: transparent !important;
+}
+
+.o_search_panel .list-group-item .list-group-item-action.active .o_search_panel_label_title{
+    color: #FFFFFF !important;
+}
+
+@media screen and (max-width: 319px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        height: auto !important;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+        flex: none;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 12px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Top Buttons*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button {
+        width: 50% !important;
+        height: 50px !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        i {
+        width: 25% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_value {
+        font-size: 11px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_text {
+        font-size: 11px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.o_button_more {
+        width: 100% !important;
+        height: 50px !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item {
+        width: 100% !important;
+        height: 50px !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        i {
+        width: 20% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        i::before {
+        font-size: 18px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        .o_form_field
+        .o_stat_value {
+        font-size: 11px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        .o_form_field
+        .o_stat_text {
+        font-size: 11px !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete
+        input {
+        font-size: 13px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 320px) and (max-width: 420px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        height: auto !important;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 14px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        label {
+        color: white;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Top Buttons*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button {
+        width: 50% !important;
+        height: 50px !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        i {
+        width: 25% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_value {
+        font-size: 11px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_text {
+        font-size: 11px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.o_button_more {
+        width: 100% !important;
+        height: 50px !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item {
+        width: 50% !important;
+        height: 50px !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        i {
+        width: 20% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        i::before {
+        font-size: 18px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        .o_form_field
+        .o_stat_value {
+        font-size: 11px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        .o_form_field
+        .o_stat_text {
+        font-size: 11px !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete
+        input {
+        font-size: 14px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 421px) and (max-width: 767px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        height: auto !important;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 14px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        label {
+        color: white;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Top Buttons*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button {
+        width: 50% !important;
+        height: 50px !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        i {
+        width: 25% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_value {
+        font-size: 11px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_text {
+        font-size: 11px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.o_button_more {
+        width: 100% !important;
+        height: 50px !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item {
+        width: 50% !important;
+        height: 50px !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        i {
+        width: 20% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        i::before {
+        font-size: 18px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        .o_form_field
+        .o_stat_value {
+        font-size: 11px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .o_dropdown_more
+        .btn.oe_stat_button.dropdown-item
+        .o_form_field
+        .o_stat_text {
+        font-size: 11px !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete
+        input {
+        font-size: 14px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 768px) and (max-width: 1024px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        height: auto !important;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    // .o_web_client header .o_main_navbar ul.o_menu_sections {
+    //     display: flex;
+    //     flex-wrap: nowrap;
+    // }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a span {
+        white-space: nowrap;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 16px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        label {
+        color: white;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete
+        input {
+        font-size: 18px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client .o_action_manager .o_action.o_view_controller .o_content {
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action.o_view_controller
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action.o_view_controller
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action.o_view_controller
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Top Buttons*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button {
+        width: 25% !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        i {
+        width: 30% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_value {
+        font-size: 13px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_text {
+        font-size: 13px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action.o_view_controller
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action.o_view_controller
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action.o_view_controller
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action.o_view_controller
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 1025px) and (max-width: 1200px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        height: auto !important;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    // .o_web_client header .o_main_navbar ul.o_menu_sections {
+    //     display: flex;
+    //     flex-wrap: nowrap;
+    // }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a span {
+        white-space: nowrap;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 16px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        label {
+        color: white;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Top Buttons*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button {
+        width: 25% !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        i {
+        width: 30% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_value {
+        font-size: 13px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_text {
+        font-size: 13px !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 1201px) and (max-width: 1599px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        height: auto !important;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    // .o_web_client header .o_main_navbar ul.o_menu_sections {
+    //     display: flex;
+    //     flex-wrap: nowrap;
+    // }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a span {
+        white-space: nowrap;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 16px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        label {
+        color: white;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Top Buttons*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button {
+        width: 25% !important;
+        border: 1px solid #e8e8e8 !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        i {
+        width: 30% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_value {
+        font-size: 13px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_text {
+        font-size: 13px !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 1600px) and (max-width: 1919px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        height: auto !important;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    // .o_web_client header .o_main_navbar ul.o_menu_sections {
+    //     display: flex;
+    //     flex-wrap: nowrap;
+    // }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a span {
+        white-space: nowrap;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 16px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        label {
+        color: white;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Top Buttons*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        i {
+        width: 25% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_value {
+        font-size: 12px !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_button_box
+        .btn.oe_stat_button
+        .o_form_field
+        .o_stat_text {
+        font-size: 12px !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 1920px) and (max-width: 2559px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        height: auto !important;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    // .o_web_client header .o_main_navbar ul.o_menu_sections {
+    //     display: flex;
+    //     flex-wrap: nowrap;
+    // }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a span {
+        white-space: nowrap;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 16px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        label {
+        color: white;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 2560px) and (max-width: 3839px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    // .o_web_client header .o_main_navbar ul.o_menu_sections {
+    //     display: flex;
+    //     flex-wrap: nowrap;
+    // }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a span {
+        white-space: nowrap;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 20px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        label {
+        color: white;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
+
+@media screen and (min-width: 3840px) {
+    body.o_home_menu_background {
+        background-image: url(../img/sfta_bg.jpg);
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-blend-mode: overlay;
+        position: relative;
+        overflow: hidden;
+        &::before{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: url('../img/pattern.png');
+            background-repeat: repeat;
+            background-size: auto;
+            opacity: 0.2;
+            z-index: -2;
+        }
+        &::after{
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(to top, #071729, rgba(0, 0, 0, 0.4));
+            z-index: -1;
+        }
+    }
+    .o_web_client header .o_main_navbar {
+        background: $sidebar_bg;
+        /*Menu Toggle*/
+        /*Selection Apps*/
+        /*Nav Left ul*/
+        /*Nav Right ul*/
+    }
+    .o_web_client header .o_main_navbar a.o_menu_toggle {
+        background-color: transparent;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar a.o_menu_brand:hover {
+        background-color: $primary_accent;
+    }
+    // .o_web_client header .o_main_navbar ul.o_menu_sections {
+    //     display: flex;
+    //     flex-wrap: nowrap;
+    // }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a {
+        color: white;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li a span {
+        white-space: nowrap;
+    }
+    .o_web_client header .o_main_navbar ul.o_menu_sections li.show a {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_sections
+        li.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_MessagingMenu
+        a.o_MessagingMenu_toggler
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item
+        a.o-no-caret
+        span {
+        background-color: black;
+        border-color: black;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_mail_systray_item.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret {
+        color: white !important;
+        font-weight: 600 !important;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret:hover {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu
+        a.o-no-caret
+        span {
+        background-color: transparent;
+        border-color: transparent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        a.o-no-caret {
+        background-color: $primary_accent;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu {
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a {
+        color: $primary_accent;
+        background-color: white;
+    }
+    .o_web_client
+        header
+        .o_main_navbar
+        ul.o_menu_systray
+        li.o_user_menu.show
+        div.dropdown-menu
+        a:hover {
+        color: white;
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_home_menu {
+        /*search section*/
+        /*apps section*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable {
+        /*apps container*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps {
+        /*app*/
+    }
+    .o_web_client .o_home_menu .o_home_menu_scrollable .o_apps .o_app:hover {
+        background-color: rgba(255, 255, 255, 0.2) !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app:hover
+        .o_app_icon {
+        box-shadow: none !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_app_icon {
+        background-size: contain !important;
+    }
+    .o_web_client
+        .o_home_menu
+        .o_home_menu_scrollable
+        .o_apps
+        .o_app
+        .o_caption {
+        font-size: 30px !important;
+        font-weight: 300 !important;
+        color: white !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_control_panel
+        .o_cp_top
+        .o_cp_top_right
+        .o_cp_searchview
+        .o_searchview
+        .o_searchview_input_container
+        .o_searchview_facet
+        .o_searchview_facet_label {
+        background-color: $primary_accent;
+    }
+    .o_web_client .o_action_manager .o_action .o_content {
+        /*Apps Module*/
+        /*accounting module-invoice*/
+        /*Setting Module*/
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        header.o_search_panel_section_header
+        i {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header
+        span {
+        color: black !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active {
+        background: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        label {
+        color: white;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_search_panel
+        .o_search_panel_section
+        ul.o_search_panel_field
+        li
+        header.active
+        span {
+        color: white !important;
+    }
+    .o_web_client .o_action_manager .o_action .o_content .o_kanban_view {
+        /*Employees*/
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .o_kanban_record
+        .o_kanban_card_conten
+        .o_kanban_card_upper_content
+        .o_kanban_primary_bottom {
+        width: 100% !important;
+        padding-inline-start: 30px !important;
+    }
+
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-secondary {
+        color: $primary_accent;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        button.btn-primary:hover {
+        background-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_module_vignette
+        .oe_module_desc
+        .oe_module_action
+        a.btn-info {
+        color: white;
+        background: $sidebar_bg;
+        border-color: $sidebar_bg;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_kanban_view
+        .oe_kanban_global_click
+        .oe_kanban_details
+        .o_kanban_record_top
+        .o_kanban_record_headings
+        .o_kanban_record_title
+        span {
+        font-weight: bold !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view {
+        height: auto !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        min-height: auto !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg {
+        overflow: unset !important;
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_form_sheet_bg
+        .o_form_sheet {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    /*Accounting - Suppliers - Title*/
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title {
+        width: 90%;
+        max-width: 90%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view
+        .o_form_sheet_bg
+        .o_form_sheet
+        .oe_title
+        h1
+        .o_field_partner_autocomplete {
+        width: 100%;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view
+        .o_FormRenderer_chatterContainer {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_control_panel {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container {
+        width: 100% !important;
+    }
+    .o_web_client
+        .o_action_manager
+        .o_action
+        .o_content
+        .o_form_view.o_xxl_form_view.oe_form_configuration.o_base_settings.o_form_nosheet.o_form_editable
+        .o_setting_container
+        .settings
+        .app_settings_block
+        h2 {
+        background: $sidebar_bg;
+        color: white !important;
+        font-weight: 500 !important;
+    }
+}
diff --git a/odex25_base/sfta_std_backend_theme/static/src/xml/styles.xml b/odex25_base/sfta_std_backend_theme/static/src/xml/styles.xml
new file mode 100644
index 000000000..f679484aa
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/static/src/xml/styles.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<templates id="template" xml:space="preserve">
+    <!--Align Invite Button in Settings-->
+    <!-- <t t-inherit="base_setup.res_config_invite_users" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('d-flex')]" position="attributes">
+            <attribute name="class">d-flex align-items-center</attribute>
+        </xpath>
+    </t> -->
+
+    <!--Remove App Icon in Settings-->
+    <t t-inherit="web.BaseSetting.Tabs" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('tab')]" position="replace">
+            <div class="tab" t-attf-data-key="#{tab.key}" role="tab">
+                <span class="app_name"><t t-esc="tab.string"/></span>
+            </div>
+        </xpath>
+    </t>
+
+    <!--Active Color for App Counter-->
+    <t t-inherit="web.SearchPanel.Category" t-inherit-mode="extension" owl="1">
+        <xpath expr="//span[hasclass('o_search_panel_counter')]" position="attributes">
+            <attribute name="class">o_search_panel_counter ml-2 small</attribute>
+        </xpath>
+    </t>
+</templates>
\ No newline at end of file
diff --git a/odex25_base/sfta_std_backend_theme/views/assets.xml b/odex25_base/sfta_std_backend_theme/views/assets.xml
new file mode 100644
index 000000000..c12d06c78
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/views/assets.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <template id="sfta_std_backend_theme_assets" name="Library Backend Theme Assets" inherit_id="web.assets_backend">
+            <xpath expr=".">
+                <link rel="stylesheet" type="text/scss" href="/sfta_std_backend_theme/static/src/scss/theme_accent.scss"/>
+                <link rel="stylesheet" type="text/scss" href="/sfta_std_backend_theme/static/src/scss/rtl.scss"/>
+                <link rel="stylesheet" type="text/scss" href="/sfta_std_backend_theme/static/src/scss/navbar.scss"/>
+                <link rel="stylesheet" type="text/scss" href="/sfta_std_backend_theme/static/src/scss/datetimepicker.scss"/>
+                <link rel="stylesheet" type="text/scss" href="/sfta_std_backend_theme/static/src/scss/theme.scss"/>
+                <link rel="stylesheet" type="text/scss" href="/sfta_std_backend_theme/static/src/scss/web.scss"/>
+                <script src="/sfta_std_backend_theme/static/src/js/menu.js"></script>
+            </xpath>
+        </template>
+	</data>
+</odoo>
\ No newline at end of file
diff --git a/odex25_base/sfta_std_backend_theme/views/icons.xml b/odex25_base/sfta_std_backend_theme/views/icons.xml
new file mode 100644
index 000000000..67ee8c6ca
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/views/icons.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <data>
+        <menuitem id="base.menu_administration" name="Settings"
+                  web_icon="sfta_std_backend_theme,static/src/img/icons/setting.png"/>
+        <menuitem id="base.menu_management" name="Apps"
+                  web_icon="sfta_std_backend_theme,static/src/img/icons/menu.png"/>
+    </data>
+</odoo>
\ No newline at end of file
diff --git a/odex25_base/sfta_std_backend_theme/views/settings.xml b/odex25_base/sfta_std_backend_theme/views/settings.xml
new file mode 100644
index 000000000..45387067e
--- /dev/null
+++ b/odex25_base/sfta_std_backend_theme/views/settings.xml
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <record id="res_config_settings_form_inherit" model="ir.ui.view">
+            <field name="name">res_config_settings_form_inhert</field>
+            <field name="model">res.config.settings</field>
+            <field name="inherit_id" ref="base_setup.res_config_settings_view_form"/>
+            <field name="arch" type="xml">
+                <data>
+                    <xpath expr="//div[@id='about']" position="replace">
+                        <div id="about">
+                            <h2>About</h2>
+                            <div class="row mt16 o_settings_container" name="about_setting_container">
+                                <div class="col-12 col-lg-6 o_setting_box" id="appstore">
+                                    <div class="d-flex">
+                                        <div class="o_setting_right_pane">
+                                            <!-- FIXME Those links are defined directly in the template which means that we will have to update the template code is the link ever changes -->
+                                            <a class="d-block mx-auto" href="https://exp-sa.com" target="blank">
+                                                <img alt="Odex Product" class="d-block mx-auto img img-fluid" src="/sfta_std_backend_theme/static/description/odex.png"/>
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="o_widget">
+                                    <div class="col-12 o_setting_box" id="edition">
+                                        <div class="o_setting_right_pane">
+                                            <div class="user-heading">
+                                                <h3>
+                                                    Odex V.25
+                                                </h3>
+                                            </div>
+                                            <div>
+                                                <div class="tab-content">
+                                                    <div role="tabpanel" id="settings" class="tab-pane active text-muted o_web_settings_compact_subtitle">
+                                                        <small>Copyright © 2018 <a target="_blank" href="https://www.exp-sa.com" style="text-decoration: underline;">Expert Company</a></small>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </xpath>
+                </data>
+            </field>
+        </record>
+    </data>
+</odoo>
\ No newline at end of file