+
+
+
+
+ 
+
+
+
+ Outrageous Orange
+Clean + & Colorful Backend Theme for + Odoo 16
+
+
+
+
+
+
+
+
+
+ The app enables a user friendly backend + theme for Odoo 16.0 community edition.
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Carefully Crafted
+
+
+
+
+ 
+
+
+ Responsive Design
+
+
+
+ 
+
+
+ Quality Checked
+
+
+
+
+
+
+
+
+ 
+
+ Kanban View
+Clean & minimal Kanban view combined with the orange accent.
+
+
+
+
+ 
+
+ Form View
+Clean Form view combined with the orange accent.
+
+
+
+
+
+
+
+
+
+ Custom
+ Login
+ 
+
+
+ Minimal, Colorful Login Screen
++ Minimal login screen with bright colored gradient background. +
+
+
+ Custom
+ Datepicker
+ 
+
+
+ Discuss
++ Clean discuss view design with Blueberry themed action buttons. +
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Responsive Layout
+
+ Truly Responsive
++ Beautifully crafted to fit both mobile and desktop devices. Seamless navigation experience on all + devices. +
+
+
+
+
+
+
+
+
+ Custom
+ App
+ Drawer
+ 
+
+
+ Modified App Drawer
++ Modified app drawer sidebar with search option. +
+
+
+ Custom
+ Search Option
+ 
+
+
+ Advanced Searching for App Menus
++ Get detailed search results on queries. +
+
+
+
+
+
+
+ + Our Services
++ We provide following services
+
+
+
+
+ 
+
+
+ Odoo + Customization
+
+
+
+
+ 
+
+
+ Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ Odoo + Support
+
+
+
+
+ 
+
+
+ Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ Odoo + Integration
+
+
+
+
+
+ 
+
+
+ Odoo + Migration
+
+
+
+
+ 
+
+
+ Odoo + Consultancy
+
+
+
+
+ 
+
+
+ Odoo + Implementation
+
+
+
+ 
+
+
+ Odoo + Licensing Consultancy
+
+
+
+
+
+ + Our Industries
++ Our industry specifics and process segments to solve your complex business barriers.
+
+
+
+
+ 
+
+
+ + Trading +
+Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
+Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
+A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
+Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
+Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
+Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
+Run your bar or + restaurant methodically
+
+
+
+
+ 
+
+
+ + Hotel Management +
+An + all-inclusive + hotel management application
+
+
+
+
+
+
+ + Need Help?
++ Do you have any queries regarding our products & services? Let us know.
+
+
+
+
+
+
+
+
+
+
+
+
+ +91 86068 27707
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/orange_theme_odoo12/static/description/theme_screenshot.png b/orange_theme_odoo12/static/description/theme_screenshot.png
new file mode 100644
index 000000000..f75dfc8ad
Binary files /dev/null and b/orange_theme_odoo12/static/description/theme_screenshot.png differ
diff --git a/orange_theme_odoo12/static/src/js/chrome/search_apps.js b/orange_theme_odoo12/static/src/js/chrome/search_apps.js
new file mode 100644
index 000000000..c55bf9a89
--- /dev/null
+++ b/orange_theme_odoo12/static/src/js/chrome/search_apps.js
@@ -0,0 +1,96 @@
+/** @odoo-module */
+
+import { NavBar } from "@web/webclient/navbar/navbar";
+import { registry } from "@web/core/registry";
+const { fuzzyLookup } = require('@web/core/utils/search');
+import { computeAppsAndMenuItems } from "@web/webclient/menus/menu_helpers";
+import core from 'web.core';
+
+const commandProviderRegistry = registry.category("command_provider");
+const { onMounted } = owl;
+
+import { patch } from 'web.utils';
+var rpc = require('web.rpc');
+patch(NavBar.prototype, 'orange_theme_odoo12/static/src/js/chrome/search_apps.js', {
+
+ //--------------------------------------------------------------------------
+ // Public
+ //--------------------------------------------------------------------------
+
+ /**
+ * @override
+ */
+ setup() {
+ this._super();
+ this._search_def = $.Deferred();
+ let { apps, menuItems } = computeAppsAndMenuItems(this.menuService.getMenuAsTree("root"));
+ this._apps = apps;
+ this._searchableMenus = menuItems;
+ onMounted(this.onMounted);
+ },
+
+
+ onMounted() {
+ this.$search_container = $(".search-container");
+ this.$search_input = $(".search-input input");
+ this.$search_results = $(".search-results");
+ this.$app_menu = $(".app-menu");
+ this.$dropdown_menu = $(".dropdown-menu");
+ },
+ _searchMenusSchedule: function () {
+ this.$search_results.removeClass("o_hidden")
+ this.$app_menu.addClass("o_hidden");
+ this._search_def.reject();
+ this._search_def = $.Deferred();
+ setTimeout(this._search_def.resolve.bind(this._search_def), 50);
+
+ this._search_def.done(this._searchMenus.bind(this));
+ },
+
+ _searchMenus: function () {
+ var query = this.$search_input.val();
+ if (query === "") {
+ this.$search_container.removeClass("has-results");
+ this.$app_menu.removeClass("o_hidden");
+ this.$search_results.empty();
+ return;
+ }
+
+ var results = [];
+ fuzzyLookup(query, this._apps, (menu) => menu.label)
+ .forEach((menu) => {
+ results.push({
+ category: "apps",
+ name: menu.label,
+ actionID: menu.actionID,
+ id: menu.id,
+ webIconData: menu.webIconData,
+ });
+ });
+
+ fuzzyLookup(query, this._searchableMenus, (menu) =>
+ (menu.parents + " / " + menu.label).split("/").reverse().join("/")
+ ).forEach((menu) => {
+ results.push({
+ category: "menu_items",
+ name: menu.parents + " / " + menu.label,
+ actionID: menu.actionID,
+ id: menu.id,
+ });
+ });
+
+ this.$search_container.toggleClass(
+ "has-results",
+ Boolean(results.length)
+ );
+ this.$search_results.html(
+ core.qweb.render(
+ "orange_theme_odoo12.SearchResults",
+ {
+ results: results,
+ widget: this,
+ }
+ )
+ );
+ },
+});
\ No newline at end of file
diff --git a/orange_theme_odoo12/static/src/js/chrome/sidebar_menu.js b/orange_theme_odoo12/static/src/js/chrome/sidebar_menu.js
new file mode 100644
index 000000000..a42244999
--- /dev/null
+++ b/orange_theme_odoo12/static/src/js/chrome/sidebar_menu.js
@@ -0,0 +1,89 @@
+odoo.define('orange_theme_odoo12.SidebarMenu', function (require) {
+ "use strict";
+
+ //sidebar toggle effect
+ $(document).on("click", "#closeSidebar", function(event){
+ $("#closeSidebar").hide();
+ $("#openSidebar").show();
+ });
+ $(document).on("click", "#openSidebar", function(event){
+ $("#openSidebar").hide();
+ $("#closeSidebar").show();
+ });
+ $(document).on("click", "#openSidebar", function(event){
+ $("#sidebar_panel").css({'display':'block'});
+ $(".o_action_manager").css({'margin-left': '320px','transition':'all .1s linear'});
+
+ //add class in navbar
+ var navbar = $(".o_main_navbar");
+ var navbar_id = navbar.data("id");
+ $("nav").addClass(navbar_id);
+ navbar.addClass("small_nav");
+
+ //add class in action-manager
+ var action_manager = $(".o_action_manager");
+ var action_manager_id = action_manager.data("id");
+ $("div").addClass(action_manager_id);
+ action_manager.addClass("sidebar_margin");
+
+ //add class in top_heading
+ var top_head = $(".top_heading");
+ var top_head_id = top_head.data("id");
+ $("div").addClass(top_head_id);
+ top_head.addClass("sidebar_margin");
+ });
+ $(document).on("click", "#closeSidebar", function(event){
+ $("#sidebar_panel").css({'display':'none'});
+ $(".o_action_manager").css({'margin-left': '0px'});
+
+ //remove class in navbar
+ var navbar = $(".o_main_navbar");
+ var navbar_id = navbar.data("id");
+ $("nav").removeClass(navbar_id);
+ navbar.removeClass("small_nav");
+
+ //remove class in action-manager
+ var action_manager = $(".o_action_manager");
+ var action_manager_id = action_manager.data("id");
+ $("div").removeClass(action_manager_id);
+ action_manager.removeClass("sidebar_margin");
+
+ //remove class in top_heading
+ var top_head = $(".top_heading");
+ var top_head_id = top_head.data("id");
+ $("div").removeClass(top_head_id);
+ });
+
+ $(document).on("click", ".sidebar a", function(event){
+ var menu = $(".sidebar a");
+ var $this = $(this);
+ var id = $this.data("id");
+ $("header").removeClass().addClass(id);
+ menu.removeClass("active");
+ $this.addClass("active");
+
+ //sidebar close on menu-item click
+ $("#sidebar_panel").css({'display':'none'});
+ $(".o_action_manager").css({'margin-left': '0px'});
+ $("#closeSidebar").hide();
+ $("#openSidebar").show();
+
+ //remove class in navbar
+ var navbar = $(".o_main_navbar");
+ var navbar_id = navbar.data("id");
+ $("nav").removeClass(navbar_id);
+ navbar.removeClass("small_nav");
+
+ //remove class in action-manager
+ var action_manager = $(".o_action_manager");
+ var action_manager_id = action_manager.data("id");
+ $("div").removeClass(action_manager_id);
+ action_manager.removeClass("sidebar_margin");
+
+ //remove class in top_heading
+ var top_head = $(".top_heading");
+ var top_head_id = top_head.data("id");
+ $("div").removeClass(top_head_id);
+ top_head.removeClass("sidebar_margin");
+ });
+});
\ No newline at end of file
diff --git a/orange_theme_odoo12/static/src/scss/sidebar.scss b/orange_theme_odoo12/static/src/scss/sidebar.scss
new file mode 100644
index 000000000..d9fc9de92
--- /dev/null
+++ b/orange_theme_odoo12/static/src/scss/sidebar.scss
@@ -0,0 +1,178 @@
+.o_main_navbar .dropdown .dropdown-toggle, .o_main_navbar .o_menu_sections .dropdown .dropdown-toggle,
+.o_main_navbar .o_menu_systray .dropdown .dropdown-toggle, .o_main_navbar .o_nav_entry,
+.o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_systray .o_nav_entry,
+.o_main_navbar > .o_menu_sections > div, .o_main_navbar > .o_menu_sections > div > a,
+.o_main_navbar .o_menu_systray > div, .o_main_navbar .o_menu_systray > div > a,
+.o_main_navbar .o_menu_toggle, .o_main_navbar .o_navbar_apps_menu, .o_main_navbar .o_menu_brand {
+ color: #000000 !important;
+}
+.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;
+}
+#sidebar_panel {
+ height: calc(100% - 0%);
+ position: fixed;
+// top: 0px;
+ background-color: #2a3042;
+ display: none;
+ width: 320px;
+ overflow-y: scroll;
+ -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
+ scrollbar-width: none; /* Hide scrollbar for Firefox */
+ z-index: 999;
+}
+#sidebar_panel::-webkit-scrollbar {
+ display: none; /* Hide scrollbar for Chrome, Safari and Opera */
+}
+.sidebar_panel .sidebar {
+ padding: 0;
+ white-space: normal;
+ padding-bottom: 20px;
+ padding-top: 5px;
+}
+.sidebar_panel .sidebar_close {
+ text-align: end;
+ display: none;
+ position: sticky;
+ height: 35px;
+ padding-top: 5px;
+ top: 0;
+ background: #2a3042;
+ z-index: 1;
+}
+.sidebar_panel .sidebar_close a#closeSidebar {
+ font-size: 18px;
+ margin-right: 10px;
+ color: #ffffff;
+ opacity: .3;
+}
+.sidebar_panel .sidebar_close a#closeSidebar img {
+ width: 15px;
+}
+.sidebar_panel .sidebar .sidebar_logo {
+ padding-top: 20px;
+ text-align: center;
+ padding-bottom: 20px;
+}
+.sidebar_panel .sidebar .sidebar_logo img {
+ max-width: 150px;
+}
+
+.sidebar_panel .sidebar .sidebar_head {
+ padding-top: 20px;
+ padding-left: 15px;
+ color: #6a7187;
+ font-size: 14px;
+}
+
+.sidebar_panel .sidebar .sidebar_menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.sidebar_panel .sidebar .sidebar_menu li {
+ margin: 0;
+ padding: 0;
+ border: 0px;
+ display: block;
+}
+
+.sidebar_panel .sidebar .sidebar_menu li a {
+ margin: 0;
+ border: 0px;
+ display: block;
+ cursor: pointer;
+ overflow: hidden;
+ padding: 8px 10px 8px 25px;
+ color: #ffffff !important;
+ font-size: 1.45rem;
+ transition:.3s all;
+}
+.sidebar_panel .sidebar .sidebar_menu li:hover a {
+ background: #1e2230;
+ color: #fff;
+}
+.sidebar_panel .nav-link {
+ opacity: .5;
+ transition:.3s all;
+}
+.sidebar_panel .sidebar a{
+ color: #fff !important;
+ opacity: 1;
+}
+
+.sidebar_panel .sidebar .sidebar_menu li a .sidebar_img {
+ max-width: 3rem;
+ margin-right: 8px;
+}
+.search_icons > .o-menu-search-result{
+ width: 100%;
+ height: auto;
+ background-size: contain !important;
+ background-position: left !important;
+ background-repeat: no-repeat !important;
+ margin-top: 5px !important;
+ margin-bottom: 5px !important;
+ padding-left: 30px;
+ font-size: 12px;
+ white-space: normal;
+ word-wrap: normal;
+ line-height: 140%;
+
+ &::before{
+ content: '' !important;
+ }
+}
+.search-results{
+ max-height: calc(100vh - 47px - 6em);
+ padding-right: 5px;
+ padding-left: 5px;
+ overflow-y: scroll;
+ margin-left: 0px !important;
+ margin-right: 0px !important;
+}
+.input-group-prepend {
+ border-top-right-radius: 30px !important;
+ border-bottom-right-radius: 30px !important;
+ background-color: #fe5031 !important;
+ border: none !important;
+}
+.sidebar .search-container{
+ padding-top: 20px;
+ margin-right: 0px !important;
+ padding-right: 0px !important;
+}
+.search-container .search-input{
+ margin: 0px 0px 20px 0px !important;
+}
+.search-container .search-input .input-group {
+ flex-direction: row-reverse;
+}
+.search-container .search-input .input-group input.form-control {
+ color: #495057 !important;
+ background-color: #f1f1f1 !important;
+ padding-left: 10px;
+ border-radius: 30px 0px 0px 30px !important;
+
+ &:focus{
+ outline: 0 !important;
+ }
+}
+.input-group-text{
+ background-color: transparent !important;
+ border: none !important;
+ color: #fff !important;
+}
\ No newline at end of file
diff --git a/orange_theme_odoo12/static/src/scss/theme_style.scss b/orange_theme_odoo12/static/src/scss/theme_style.scss
new file mode 100644
index 000000000..6a7eac20f
--- /dev/null
+++ b/orange_theme_odoo12/static/src/scss/theme_style.scss
@@ -0,0 +1,181 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins');
+
+body {
+ font-size: 14px;
+ font-family: lato, sans-serif
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 0;
+ font-family: poppins, sans-serif
+}
+
+p {
+ font-family: lato, sans-serif;
+ font-size: 15px;
+ line-height: 26px;
+ color: #444;
+ margin-bottom: 0
+}
+
+p img {
+ margin: 0
+}
+
+a, a:visited {
+ text-decoration: none;
+ transition: all .3s ease-in-out;
+ -webkit-transition: all .3s ease-in-out;
+ -moz-transition: all .3s ease-in-out;
+ -o-transition: all .3s ease-in-out;
+ outline: 0;
+ font-family: poppins, sans-serif
+}
+
+a:hover {
+ text-decoration: none
+}
+
+a:focus {
+ text-decoration: none;
+ outline: 0
+}
+
+p a, p a:visited {
+ line-height: inherit;
+ outline: 0
+}
+
+ul, ol {
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0
+}
+
+ul {
+ margin: 0;
+ list-style-type: none
+}
+
+ol {
+ list-style: decimal
+}
+
+ol, ul.square, ul.circle, ul.disc {
+ margin-left: 0
+}
+
+ul.square {
+ list-style: square outside
+}
+
+ul.circle {
+ list-style: circle outside
+}
+
+ul.disc {
+ list-style: disc outside
+}
+
+ul ul, ul ol, ol ol, ol ul {
+ margin: 0
+}
+
+ul ul li, ul ol li, ol ol li, ol ul li {
+ margin-bottom: 0
+}
+
+button {
+ cursor: pointer;
+ outline: none !important;
+ letter-spacing: 0
+}
+
+blockquote {
+ padding: 60px;
+ position: relative;
+ background: #853bfa
+}
+
+blockquote:before {
+ content: '\f10d';
+ font-family: fontawesome;
+ color: #fff;
+ font-size: 32px;
+ position: absolute;
+ left: 16px;
+ top: 46px
+}
+
+blockquote p {
+ font-size: 17px;
+ color: #fff
+}
+
+.blockquote-footer {
+ color: #fff
+}
+/*==============login================*/
+.oe_website_login_container {
+ padding: 5rem;
+ background: linear-gradient(to right, #df2673 0%, #fe5031 100%);
+}
+
+.oe_login_form, .oe_signup_form, .oe_reset_password_form {
+ color: #fff !important;
+}
+
+.oe_login_form input {
+ height: 47px !important;
+ border-radius: 0 !important;
+ background: #fff !important;
+ border: 1px solid #ffffff;
+}
+
+.oe_login_form i.fa.fa-database {
+ margin-left: 6px;
+}
+
+.oe_login_form a.btn.btn-secondary {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-radius: 0 !important;
+}
+.cybro-login-btn {
+ height: 47px;
+ border-radius: 0;
+ background: #57b846 !important;
+ border: none;
+ color: #ffffff !important;
+ font-size: 16px;
+}
+.cybro-super-btn {
+ color: #fff;
+ font-size: 14px;
+ text-decoration: none;
+}
+.cybro-super-btn:hover {
+ color: black !important;
+ text-decoration: none;
+}
+.cybro-bg footer{
+ background: #303641 !important;
+ color: #fff;
+ padding-top: 2rem;
+}
+.cybro-bg .navbar {
+ background: #303641 !important;
+ color: #fff;
+}
+.cybro-bg footer a,.cybro-bg footer p,.cybro-bg header a,.cybro-bg header p {
+ color: #fff;
+}
+.cybro-bg .navbar-light .navbar-nav .nav-link {
+ color: #ffffff !important;
+}
+.homepage .dropdown-menu.js_usermenu.dropdown-menu-right.show {
+ color:#ffffff !important;
+ background: #303641;
+}
+/*==============//login================*/
diff --git a/orange_theme_odoo12/static/src/scss/theme_style_backend.scss b/orange_theme_odoo12/static/src/scss/theme_style_backend.scss
new file mode 100644
index 000000000..0a90ffe89
--- /dev/null
+++ b/orange_theme_odoo12/static/src/scss/theme_style_backend.scss
@@ -0,0 +1,1190 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins');
+
+body {
+ font-size: 14px;
+ font-family: lato, sans-serif
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 0;
+ font-family: poppins, sans-serif
+}
+
+p {
+ font-family: lato, sans-serif;
+ font-size: 15px;
+ line-height: 26px;
+ color: #444;
+ margin-bottom: 0
+}
+
+p img {
+ margin: 0
+}
+a,
+.o_form_view .o_form_uri > span:first-child,
+.o_form_view .o_form_uri > span:last-child,
+.o_button_icon,
+.btn-link
+{
+ color: #fe5031 !important;
+ text-decoration: none;
+}
+a, a:visited {
+ text-decoration: none;
+ transition: all .3s ease-in-out;
+ -webkit-transition: all .3s ease-in-out;
+ -moz-transition: all .3s ease-in-out;
+ -o-transition: all .3s ease-in-out;
+ outline: 0;
+ font-family: poppins, sans-serif
+}
+
+a:hover {
+ text-decoration: none
+}
+
+a:focus {
+ text-decoration: none;
+ outline: 0
+}
+
+a {
+ color: #000000 !important;
+}
+
+a:hover {
+ color: #fe5031;
+}
+
+p a, p a:visited {
+ line-height: inherit;
+ outline: 0
+}
+
+ul, ol {
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0
+}
+
+ul {
+ margin: 0;
+ list-style-type: none
+}
+
+ol {
+ list-style: decimal
+}
+
+ol, ul.square, ul.circle, ul.disc {
+ margin-left: 0
+}
+
+ul.square {
+ list-style: square outside
+}
+
+ul.circle {
+ list-style: circle outside
+}
+
+ul.disc {
+ list-style: disc outside
+}
+
+ul ul, ul ol, ol ol, ol ul {
+ margin: 0
+}
+
+ul ul li, ul ol li, ol ol li, ol ul li {
+ margin-bottom: 0
+}
+
+input {
+ font-size: 14px !important;
+ border: 1px solid rgba(170, 170, 170, .3) !important;
+ padding: 10.72px 12.8px;
+ padding: .67rem .8rem;
+ display: block;
+ width: 100%;
+// height: 37px !important;
+ padding: 2.375rem .75rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ color: #495057 !important;
+ background-color: #fff !important;
+ background-clip: padding-box;
+ border: 0px solid #ced4da !important;
+ border-radius: 0 !important;
+ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled::after, .o_field_statusbar >
+.o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled::before {
+ border-left-color: #fe5031;
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::before, .o_field_statusbar >
+.o_statusbar_status > .o_arrow_button:not(:first-child)::after {
+ content: " ";
+ content: " ";
+display: block;
+position: absolute;
+top: 0px;
+left: auto;
+bottom: auto;
+right: -11px;
+border-top: 16px solid transparent;
+border-bottom: 17px solid transparent;
+border-right: none;
+border-left: 11px solid white;
+ border-left-color: white;
+border-left-color: white;
+-moz-transform: scale(0.9999);
+color: #fe5031 !important;
+height: 20px;
+padding: 0px;
+// padding-top: 10px;
+height: 28px !important;
+padding-top: 9px;
+}
+
+button {
+ cursor: pointer;
+ outline: none !important;
+ letter-spacing: 0
+}
+.custom-control-input:checked ~ .custom-control-label::before,
+.badge-primary
+{
+ background-color: #fe5031 !important ;
+}
+blockquote {
+ padding: 60px;
+ position: relative;
+ background: #853bfa
+}
+
+blockquote:before {
+ content: '\f10d';
+ font-family: fontawesome;
+ color: #fff;
+ font-size: 32px;
+ position: absolute;
+ left: 16px;
+ top: 46px
+}
+
+blockquote p {
+ font-size: 17px;
+ color: #fff
+}
+
+.blockquote-footer {
+ color: #fff
+}
+
+/*Menu Bar*/
+.o_main_navbar .cybro-main-menu {
+ max-height: 100vh;
+ min-width: 100%;
+ overflow: auto;
+ margin-top: 0;
+ z-index: 99;
+ height: 100vh;
+ width: 280px;
+ overflow-y: scroll;
+// background: #30363F;
+ box-shadow: 2px 0 32px rgba(0, 0, 0, .05);
+ -webkit-transition: all .3s ease 0s;
+ transition: all .3s ease 0s;
+ transform: none !important;
+ border: none;
+}
+
+i.fa.fa-th-large {
+ font-size: 26px !important;
+ color: #fe5031 !important;
+ margin-top: 10px;
+}
+
+.cybro-main-menu a.dropdown-item.o_app {
+ position: relative;
+ display: block;
+ color: #8d97ad !important;
+ font-size: 15px;
+ text-transform: capitalize;
+ padding: 15px !important;
+ letter-spacing: 0;
+ font-weight: 400;
+ padding-left: 32px !important;
+}
+
+.cybro-main-menu a.dropdown-item.o_app:hover {
+ color: #ffffff !important;
+}
+
+.cybro-main-menu a:hover {
+ color: #fff !important;
+ background: #343942 !important;
+}
+
+.dropdown-item.active, .dropdown-item:active {
+ color: #fff !important;
+ background: #343942;
+}
+
+img.cybro-menuicon {
+ width: 28px;
+ margin-right: 10px;
+}
+
+/*//Menu Bar*/
+/*Top bar*/
+.o_main_navbar {
+ position: relative;
+ height: 70px;
+ padding-top: 15px;
+ border-bottom: 1px solid #d8e3e7;
+ background-color: #ffffff !important;
+ color: #333 !important;
+}
+
+.o_main_navbar > ul > li > a, .o_main_navbar > ul > li > label {
+ height: 46px;
+ padding: 0 10px;
+ color: #333 !important;
+ line-height: 46px;
+ transition: .3s all ease;
+}
+
+.o_main_navbar > ul > li > a:hover, .o_main_navbar > ul > li > label:hover {
+ background: none !important;
+ border: none;
+ color: #fe5031 !important;
+}
+
+.o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar > button:hover, .o_main_navbar > button:focus {
+ background: none;
+ color: inherit;
+ color: #fe5031 !important;
+}
+
+.o_main_navbar .show .dropdown-toggle {
+ background-color: #ffffff !important;
+ color: #fe5031;
+}
+
+li.o_user_menu a.dropdown-toggle {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ background: -webkit-linear-gradient(left, #df2673 0%, #fe5031 100%);
+ background: linear-gradient(to right, #df2673 0%, #fe5031 100%);
+// padding: 17px 38px;
+ color: #fff !important;
+ height: 70px;
+ font-size: 16px;
+ font-family: poppins, sans-serif;
+ margin-top: -15px;
+}
+
+.o_user_menu a.dropdown-toggle:hover {
+ border: none;
+ color: #020202 !important;
+ background: linear-gradient(to right, #df2673 0%, #fe5031 100%) !important;
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled, .o_ChatterTopbar_button o_ChatterTopbar_buttonSendMessage btn{
+ background-color: #fe5031;
+ }
+
+.o_main_navbar .o_user_menu .oe_topbar_avatar {
+ height: 45px;
+ transform: translateY(-2px);
+ margin-right: 9px;
+}
+.o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle, .o_main_navbar .o_menu_brand, .o_main_navbar
+.o_menu_systray > * > a, .o_main_navbar .o_menu_systray > * > .dropdown > a, .o_main_navbar .o_menu_systray > * > button, .o_main_navbar .o_menu_systray > * > label
+{
+ line-height: 33px;
+}
+
+.oe_module_action.d-flex.flex-wrap.justify-content-between a {
+ padding: 15px;
+}
+.d-md-flex{
+ justify-content: flex-start;
+}
+.top_heading{
+ justify-content: center;
+ align-items: center;
+ margin-left: 20px;
+}
+
+.o_main_navbar .o_menu_systray > * > a .badge, .o_main_navbar .o_menu_systray > * > .dropdown > a
+.badge, .o_main_navbar .o_menu_systray > * > button .badge, .o_main_navbar .o_menu_systray > * > label .badge
+{
+ background-color:#fe5031;
+ border-radius: 24px;
+ color: white;
+
+}
+.form-check-input{
+ appearance: radio;
+ height: 14px !important;
+}
+.o_menu_sections .o-dropdown .dropdown-toggle,
+.o_main_navbar .o_nav_entry, .o_main_navbar .o_menu_sections .o_nav_entry
+{
+ &:hover{
+ color: #fe5031 !important;
+ background: #ffffff !important;
+ }
+}
+.dropdown-menu a:hover {
+ color: #fe5031 !important;
+ background: #ffffff !important;
+}
+
+.cybro-main-menu a:hover {
+ color: #fff !important;
+ background: #343942 !important;
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #fe5031;
+ border-color: #fe5031;
+}
+
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ user-select: none;
+ border: 1px solid transparent;
+
+ padding: 1rem 1.0rem;
+ font-size: 1.08333333rem;
+ line-height: 1.5;
+ border-radius: 0px;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.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 {
+ content: " ";
+ display: block;
+ position: absolute;
+ top: 0;
+ left: auto;
+ bottom: auto;
+ right: -10px;
+ border-top: 19px solid transparent;
+ border-bottom: 23px solid transparent;
+ border-right: none;
+ border-left: 11px solid white;
+ transition: border 0.2s ease 0s;
+ -moz-transform: scale(0.9999);
+}
+
+.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled {
+ color: #fe5031;
+ font-size: 11px;
+ background-color: #e9ecef;
+ cursor: default;
+}
+
+.o_control_panel {
+ border-bottom: 1px solid #d8e3e7;
+}
+
+.o_form_view .o_form_statusbar {
+ border-bottom: 1px solid #d8e3e7;
+}
+
+.o_mail_systray_item .o_notification_counter {
+ background: #fe5031;
+}
+
+.o_MessagingMenu .o_MessagingMenu_counter {
+ background: #fe5031;
+ color: white;
+}
+
+.o_searchview .o_searchview_facet .o_searchview_facet_label {
+ background-color: #fe5031;
+}
+
+.o_searchview .o_searchview_input {
+ border: none !important;
+ padding: 4px 0 0 0;
+}
+
+.o_searchview {
+ width: 96%;
+ border-radius: 30px;
+ border: none;
+ height: 40px;
+ padding-left: 20px;
+ padding-right: 40px;
+ letter-spacing: 0;
+ background: #f1f1f1 !important;
+ margin-top: 5px;
+}
+
+.o_searchview button.btn-link {
+ color: #fe5031 !important;
+}
+
+.o_searchview_input_container input {
+ background: #f1f1f1 !important;
+ height: 34px;
+ color: #b1a7a7 !important;
+}
+
+.o_searchview .o_searchview_more {
+ position: absolute;
+ top: 11px;
+ left: auto;
+ bottom: auto;
+ right: 14px;
+ color: #b1a7a7;
+}
+
+.ui-autocomplete .ui-menu-item > a, .show .dropdown-menu .dropdown-item, .show .dropdown-menu .dropdown-header,
+.navbar-nav .show .dropdown-menu .dropdown-item, .navbar-nav .show .dropdown-menu .dropdown-header {
+ padding: 3px 20px;
+ transition: 0s !important;
+}
+
+.ui-autocomplete .ui-menu-item > a:hover {
+ display: block;
+ color: #ffffff !important;
+}
+
+.o_searchview_facet {
+ border-radius: 30px;
+ border: none !important;
+ margin: 6px 3px 6px 0 !important;
+}
+
+.o_facet_values {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 30px !important;
+ background: #fff;
+ border-top-left-radius: 0px !important;
+ border-bottom-left-radius: 0px !important;
+}
+
+span.o_searchview_facet_label {
+ border-radius: 30px;
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0px;
+ padding: 3px 12px !important;
+}
+
+.o_facet_values span {
+ padding: 0 2px 0 0px;
+ font-size: 12px;
+}
+
+/*controll panel*/
+
+.o_control_panel {
+ display: flex;
+ flex-flow: row wrap;
+ border-bottom: 1px solid darken($o-control-panel-background-color, 20%);
+ @include o-webclient-padding($top: 10px, $bottom: 10px);
+ background-color: $o-control-panel-background-color;
+
+ > .breadcrumb {
+ width: 50%;
+ }
+
+ &.o_breadcrumb_full > .breadcrumb {
+ width: 100%;
+ }
+
+ > .o_cp_searchview {
+ width: 40%;
+ min-height: $o-cp-breadcrumb-height;
+ }
+ > .o_cp_left {
+ display: flex;
+ justify-content: space-between;
+ width: 50%;
+ margin-top: 5px;
+ }
+ > .o_cp_right {
+ display: flex;
+ width: 60%;
+ margin-top: 5px;
+ }
+}
+
+.o_control_panel hr {
+ flex-basis: 100%;
+ background: #f0f4f5;
+}
+
+.o_dropdown_menu .o_menu_item > .dropdown-item:hover {
+ color: #fe5031 !important;
+}
+
+.o_control_panel span.o_pager_counter {
+ font-size: 12px;
+}
+
+.o_control_panel nav.o_cp_pager span.btn-group {
+ font-size: 12px !important;
+}
+
+.o_control_panel button.fa.fa-chevron-left.btn.btn-secondary.o_pager_previous {
+ font-size: 12px;
+ padding-right: 4px;
+ padding-left: 5px;
+ padding-bottom: .8rem !important;
+ padding-top: .8rem !important;
+}
+
+.o_control_panel button.fa.fa-chevron-right.btn.btn-secondary.o_pager_next {
+ font-size: 12px;
+ padding-left: 5px;
+ padding-right: 5px;
+ padding-bottom: .8rem !important;
+ padding-top: .8rem !important;
+}
+
+.o_cp_bottom button.btn.btn-secondary.fa {
+ padding: 11px;
+ padding-bottom: .8rem !important;
+ padding-top: .8rem !important;
+
+}
+
+.o_cp_bottom button.btn.btn-link {
+ color: #fe5031;
+}
+
+.o_cp_bottom button.btn.btn-link:hover {
+ color: #e66149;
+}
+
+.o_cp_bottom button.o_dropdown_toggler_btn.btn.btn-secondary {
+ box-shadow: 1px 3px 12px 1px #e5e0f3d4;
+ margin-right: 8px;
+ padding: .8rem 1rem;
+ font-size: 12px;
+}
+
+.o_control_panel .o_cp_left {
+ justify-content: flex-end;
+}
+
+.o_control_panel button.btn.btn-secondary.o_button_import {
+ border: 1px solid #fe5031;
+}
+
+.o_control_panel .btn-secondary:not(:disabled):not(.disabled):active, .o_control_panel .btn-secondary:
+not(:disabled):not(.disabled).active, .o_control_panel .show > .btn-secondary.dropdown-toggle {
+ color: #fe5031;
+ background-color: #ffffff;
+ border-color: #fe5031;
+}
+
+.o_control_panel .btn-secondary:hover {
+ color: #fe5031;
+ background-color: #ffffff;
+ border-color: #fe5031;
+}
+
+/*//Controll panel*/
+.o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-active {
+ background: none;
+ background-color: #fe5031;
+ color: white;
+}
+
+.o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-default:hover {
+ background: none;
+ background-color: rgb(254, 98, 67);
+ border-color: #7C7BAD;
+ color: white;
+}
+
+/*form header*/
+.o_control_panel.o_breadcrumb_full .o_cp_right {
+ order: 2;
+ width: auto;
+}
+
+.o_control_panel.o_breadcrumb_full hr {
+ flex-basis: 0;
+}
+
+.o_control_panel.o_breadcrumb_full ol.breadcrumb {
+ order: 1;
+}
+
+.o_control_panel.o_breadcrumb_full .o_cp_left {
+ order: 3;
+ width: 58%;
+ justify-content: space-between;
+}
+
+.o_control_panel.o_breadcrumb_full {
+ justify-content: space-between;
+}
+
+.o_control_panel.o_breadcrumb_full .o_cp_buttons {
+ order: 2;
+}
+
+.o_control_panel.o_breadcrumb_full aside.o_cp_sidebar {
+ order: 1;
+}
+
+/*//Form Header*/
+.ui-autocomplete .ui-menu-item.ui-state-focus {
+ background-color: #fe5031;
+ color: #fff !important;
+}
+
+.btn-group.o_date_range_buttons.d-none.d-md-inline-flex.float-right {
+ float: left !important;
+ margin-bottom: 5px;
+}
+
+.btn-group.d-none.d-md-inline-block.float-right {
+ float: left !important;
+}
+
+a.btn.btn-primary {
+ color: #fff !important;
+}
+
+.btn-primary:hover {
+ background: #f13d4f !important;
+ border-color: #f13d4f;
+}
+
+.oe_kanban_card.oe_kanban_global_click.o_kanban_record {
+ box-shadow: 1px 3px 12px 1px #d2c9eab5;
+ margin-right: 8px;
+ padding: .8rem 1rem;
+ font-size: 12px;
+ border: none !important;
+}
+
+.o_view_controller {
+ background: #fff;
+}
+
+.o_field_widget.badge.badge-primary {
+ background: #fe5031;
+ padding: 5px 8px;
+ border-radius: 0px !important;
+}
+
+.clearfix.o_form_sheet {
+ box-shadow: 1px 3px 12px 1px #d2c9eab5;
+ border: none !important;
+}
+
+.o_form_sheet_bg {
+ background: #ffffff !important;
+}
+
+ul.nav.nav-tabs li.nav-item a {
+ padding: 1rem 1rem;
+}
+
+.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
+ color: #fe5031 !important;
+ background-color: #ffffff;
+ border: 1px solid #fe5031;
+ border-bottom: 0;
+}
+
+.o_form_view .o_horizontal_separator {
+ color: #000000 !important;
+ font-weight: 500 !important;
+}
+
+::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ border-radius: 10px;
+ background-color: #F5F5F5;
+}
+
+::-webkit-scrollbar {
+ width: 12px;
+ background-color: #F5F5F5;
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+ background-color: #555;
+}
+
+.o_Discuss_content .o_ThreadView .o_Discuss_thread {
+ background: #f1f1f1;
+}
+.o_Message_prettyBody > div > p > a{
+ background-color: #fe5031 !important;
+ color: #fff !important;
+}
+.o_MessageList {
+ background: #f1f1f1;;
+}
+
+.o_Message {
+ background: #f1f1f1;;
+}
+
+.o_widget_Discuss .o_Discuss .o_DiscussSidebar {
+ border-top: 1px solid #cccccc;
+}
+.o_Discuss .o_Discuss_content {
+ background-color: white;
+}
+
+.o_Discuss .o_DiscussSidebar {
+ background-color: #ffffff;
+ width: 300px;
+ color: #000000;
+// box-shadow: 13px 9px 21px 20px #f1f1f1;
+// box-shadow: 12px 0px 4px 6px black;
+}
+
+.o_DiscussSidebarItem.o-active {
+ background-color: #ffffff;
+ box-shadow: 1px 3px 12px 1px #e5e0f3d4;
+}
+
+.o_DiscussSidebar_item {
+ padding: 1rem 16px !important;
+ margin-bottom: 2px;
+}
+
+.o_DiscussSidebarItem:hover {
+ background-color: #fff;
+ color: #fe5031;
+}
+
+.o_DiscussSidebarItem_activeIndicator.o-item-active {
+ background-color: #ffffff;
+}
+
+.o_DiscussSidebar_groupHeaderItem:hover {
+ color: #fe5031;
+}
+
+.o_DiscussSidebarItem_commandSettings {
+ opacity: .5 !important;
+}
+
+.o_DiscussSidebarItem_commandRename {
+ opacity: .5 !important;
+}
+
+.o_Discuss .o_DiscussSidebar .o_DiscussSidebar_groupHeader .o_add:hover, .o_Discuss .o_DiscussSidebar .o_DiscussSidebar_groupHeader
+.o_add:focus, .o_Discuss .o_DiscussSidebar .o_DiscussSidebar_groupHeader .o_add.focus {
+ color: #fe5031;
+}
+
+select {
+ border-radius: 0 !important;
+ height: 37px;
+}
+
+.o_field_monetary.o_field_number.o_input.o_field_widget.o_required_modifier {
+ border-radius: 0;
+ height: 43px;
+}
+
+.datepicker .table-sm > tbody > tr > td.active, .datepicker .table-sm > tbody > tr > td .active {
+ background-color: #fe5031;
+ border-radius: 0 !important;
+}
+
+.datepicker .table-sm > thead > tr > th {
+ border-radius: 0;
+}
+
+.datepicker .table-sm > thead {
+ color: white;
+ background-color: #fe5031;
+}
+
+.datepicker .table th, .datepicker .table td {
+ vertical-align: top;
+ border-top: 1px solid #ffffff;
+}
+
+i.fa:hover {
+ color: #fe5031 !important;
+}
+
+.dropdown-menu.cybro-main-menu.show {
+ padding: 0 !important;
+ width: 320px !important;
+}
+
+a.dropdown-item.o_app.cybro-mainmenu {
+ width: 100% !important;
+ text-align: left !important;
+ display: flex;
+ justify-content: flex-start !important;
+ align-items: center !important;
+ flex-direction: row !important;
+ padding: 1rem 1rem 1rem 2rem !important;
+}
+
+.o_menu_apps .dropdown-menu.show .o-app-icon {
+ max-width: 3rem !important;
+ margin-right: 11px;
+}
+
+.cybro-main-menu .input-group {
+ order: 2;
+}
+
+.cybro-main-menu input.form-control {
+ order: 1;
+ border-bottom-left-radius: 30px !important;
+ border-top-left-radius: 30px !important;
+ font-size: 12px !important;
+ border: none !important;
+ outline: none !important;
+ color: #495057 !important;
+ &::placeholder{
+ color: #000 !important;
+ }
+}
+
+.cybro-main-menu .input-group-prepend {
+ order: 2;
+}
+
+.cybro-main-menu .input-group-prepend {
+ border-top-right-radius: 30px !important;
+ border-bottom-right-radius: 30px !important;
+ background-color: #fe5031 !important;
+ border: none !important;
+}
+
+.cybro-main-menu .search-input .input-group {
+ background-color: #30363F !important;
+ box-shadow: none;
+}
+
+.o_menu_apps .dropdown-menu .search-container .search-input .input-group {
+ box-shadow: none;
+}
+
+.o_menu_apps .dropdown-menu .search-container .search-input .input-group input.form-control {
+ color: #495057 !important;
+ background-color: #f1f1f1 !important;
+ padding-left: 10px;
+}
+
+.search-input.col-md-10.ml-auto.mr-auto.mb-2 {
+ margin: 0 !important;
+ width: 100%;
+}
+
+.cybro-main-menu a.o-menu-search-result.dropdown-item.col-12.ml-auto.mr-auto {
+ padding-left: 30px !important;
+ font-size: 12px;
+ text-align: left !important;
+ width: 100%;
+ padding-right: 0px !important;
+ flex-wrap: wrap;
+ word-break: normal;
+ color: #fff !important;
+
+}
+
+.cybro-main-menu .search-results.col-md-10.ml-auto.mr-auto {
+ background: #30353f !important;
+ margin: 10px 0 !important;
+}
+.cybro-main-menu .search-results {
+ background: #30353f !important;
+ margin: 10px 0 !important;
+}
+
+.o_menu_apps .dropdown-menu.show .form-row {
+ width: 100%;
+ margin: 25px 0px 0px 0px !important;
+}
+
+.o_kanban_record {
+ border: none !important;
+ box-shadow: 2px 4px 8px 2px rgba(67, 54, 251, .1) !important;
+}
+
+.o_searchview_input_container input {
+ background: #f1f1f1 !important;
+ height: 34px;
+ color: #b1a7a7 !important;
+ border-radius: 30px !important;
+}
+
+.o_menu_apps .dropdown-menu .search-container .search-input .input-group .input-group-prepend span.fa {
+ color: #848484 !important;
+ font-size: 1.08333333rem;
+ margin-right: 1rem;
+ padding-top: 9px;
+ padding-left: 6px;
+}
+
+@media (min-width: 1200px) {
+ .o_mail_discuss .o_mail_discuss_content {
+ margin-left: 218px !important;
+ }
+ .o_mail_discuss .o_mail_discuss_sidebar {
+ width: 218px;
+ }
+}
+
+.o_MobileMessagingNavbar_tab.o-active {
+ color: #fe5031;
+}
+
+@media (min-width: 767px) {
+ ul.o_menu_sections.collapse.show {
+ margin-top: 24px !important;
+ }
+ .o_web_client .o_mobile_search .o_mobile_search_header {
+ height: 46px;
+ margin-bottom: 10px;
+ width: 100%;
+ background-color: #fe5031 !important;
+ color: white;
+ }
+ .o_searchview {
+ padding-right: 0 !important;
+ padding-left: 5px !important;
+ }
+
+ button.o_enable_searchview.btn.fa.fa-search {
+ float: right !important;
+ height: 39px !important;
+ width: 33px !important;
+ background: #fe5031 !important;
+ color: #fff !important;
+ border-top-right-radius: 30px !important;
+ border-bottom-right-radius: 30px !important;
+ }
+ .o_control_panel .btn.o_enable_searchview {
+ margin-left: 2%;
+ padding: 0px;
+ float: right;
+ background: white;
+ margin-right: -43px;
+ height: 40px;
+ border-top-right-radius: 20px;
+ margin-top: -1px;
+ border: 1px solid #f1f1f1;
+ padding: 11px;
+ border-bottom-right-radius: 20px;
+ }
+}
+@media (max-width: 767px) {
+ .o_control_panel > div{
+ flex-direction: column;
+ }
+}
+.o_Discuss .o_DiscussSidebar .o_DiscussSidebarItem.o_unread_message {
+ color: #6c757d !important;
+}
+
+.o_Discuss .o_DiscussSidebar .o_DiscussSidebarItem > .badge {
+ color: white;
+ background-color: #fe5031 !important;
+}
+.o_onboarding.o_onboarding_blue .o_onboarding_wrap {
+ background-color: rgb(254, 98, 67);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(223, 38, 115)), to(#fe4837));
+ background-image: -webkit-linear-gradient(top, rgb(254, 72, 55), #df2673);
+ background-image: -moz-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE);
+ background-image: -ms-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE);
+ background-image: -o-linear-gradient(top, rgba(96, 171, 195, 0.5), #4187AE);
+ background-image: linear-gradient(to bottom, rgb(223, 38, 115), #fe4837);
+ box-shadow: inset 0 -7px 20px -5px rgba(0, 0, 0, 0.3);
+ color: #fff;
+}
+
+.o_onboarding_step_title .mt16 a {
+ color: #fff !important;
+}
+
+h4.o_onboarding_step_title.mt16 a {
+ color: #fff !important;
+}
+
+.o_onboarding_step_content_info p {
+ color: #ececec !important;
+}
+
+.btn-info {
+ color: #fff !important;
+ background-color: #717171;
+ border-color: #717171;
+}
+
+.o_cp_top {
+ width: 100%;
+}
+.o_cp_bottom {
+ width: 100%;
+}
+.o_menu_apps .dropdown-menu {
+ position :absolute !important;
+}
+.o_cp_switch_buttons .btn-light:not(:disabled):not(.disabled).active,
+.o_cp_switch_buttons .btn-light:hover
+{
+ color: #fe5031 !important;
+ background-color: #fff !important;
+ border-color: #fe5031 !important;
+}
+.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled::before,
+.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled::after
+{
+ border-left-color: #E9ECEF !important;
+}
+.o_purchase_dashboard .table > thead > tr > td.o_main,
+.o_purchase_dashboard .table tbody > tr > td.o_main{
+ background-color: #fe5031 !important;
+ a{
+ color: #fff !important;
+ }
+}
+.o_base_settings .o_setting_container .settings_tab .selected {
+ box-shadow: inset 2px 0 0 #fe5031 !important;
+}
+.o_base_settings .o_control_panel .o_panel .o_setting_search .searchIcon {
+ top: 7px !important;
+ right: 10px !important;
+}
+.o_menu_systray{
+ display: flex;
+}
+.o_searchview .o_searchview_facet .o_facet_remove {
+ margin-top: -2px;
+ width: 31px;
+}
+.o_dashboards .o_website_dashboard .o_dashboard_common .o_inner_box {
+ background-color: #fe5031 !important;
+}
+.o_progressbar .o_progress .o_progressbar_complete {
+ background-color: #fe5031;
+}
+.o_input{
+ height: 22px;
+}
+.o_form_label {
+ font-size: 14px !important;
+ font-family: inherit;
+}
+.table-sm > :not(caption) > * > * {
+ padding: 1px;
+}
+#name {
+ font-size: inherit !important;
+}
+.oi-close::before {
+ font-weight: bold;
+ margin-left: 10px;
+}
+.btn.btn-secondary.btn-sm.float-end.oe_kanban_action.oe_kanban_action_a {
+
+ padding: 1rem 1.3rem;
+}
+.o_field_widget.o_field_many2one .o_external_button{
+ color: #fe5031 !important;
+}
+.o_ChatterTopbar_button.o_ChatterTopbar_buttonSendMessage.btn.text-nowrap.me-2.btn-odoo{
+ background-color: #fe5031 !important;
+}
+.o_main_navbar {
+ display: flex;
+ justify-content: space-between;
+}
+.text-bg-primary {
+
+ background-color: #fe5031 !important;
+}
+.btn-secondary:not(:disabled):not(.disabled).active{
+ background-color: #fe5031 !important;
+}
+button.btn-light:hover{
+ color: #fe5031 !important;
+}
+span.dropdown-item:hover{
+ color: #fe5031 !important;
+}
+.fa.fa-area-chart.text-primary {
+ color: #fe5031 !important;
+}
+a.dropdown-item o_menu_brand:hover{
+ color: #fe5031 !important;
+}
+.o_control_panel .btn-secondary:not(:disabled):not(.disabled).active{
+ color: white;
+ background-color: #ffffff;
+ border-color: #fe5031;
+}
+.dropdown #openSidebar .fa-lg{
+ color: #fe5031 !important;
+}.dropdown #closeSidebar .fa-lg{
+ color: #fe5031 !important;
+}
+i.fa-folder{
+ color: #fe5031 !important;
+}
+.o_calendar_view .o_calendar_widget .fc-timeGridWeek-view .fc-widget-header.fc-today {
+ border-radius: 25px;
+ background: #fe5031 !important;
+ color: white;
+}
+.o_dashboards .o_website_dashboard div.o_box h2{
+ color: #fe5031 !important;
+}
+
+.o_onboarding_step_content.py-3.flex-grow-1.d-flex.flex-column.align-items-center.justify-content-around span {
+ color: #fff;
+}
+.o_form_label.oe_edit_only.pb-1 {
+ height: 32px;
+}
+.oe_grey.p-2 {
+ height: 32px;
+}
+.o-form-buttonbox .btn.oe_stat_button {
+ height: 52px;
+}
+#code {
+ height: 22px !important;
+}
+#picking_type_id {
+ height: 20px !important;
+}
+#user_id {
+ height: 22px !important;
+}
+
+
diff --git a/orange_theme_odoo12/static/src/xml/styles.xml b/orange_theme_odoo12/static/src/xml/styles.xml
new file mode 100644
index 000000000..fc96d2320
--- /dev/null
+++ b/orange_theme_odoo12/static/src/xml/styles.xml
@@ -0,0 +1,26 @@
+
+
+ 
+
+
+
+
+
+ +
+ + +
+
+ 
+