+ Minimal, Colorful Login Screen
+A simple and visually appealing login interface with vibrant colors to enhance user experience.
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/dodger_blue/static/description/theme_screenshot.jpg b/dodger_blue/static/description/theme_screenshot.jpg
new file mode 100644
index 000000000..329bdeceb
Binary files /dev/null and b/dodger_blue/static/description/theme_screenshot.jpg differ
diff --git a/dodger_blue/static/src/img/dashboard-header.jpg b/dodger_blue/static/src/img/dashboard-header.jpg
new file mode 100644
index 000000000..6a1044f6f
Binary files /dev/null and b/dodger_blue/static/src/img/dashboard-header.jpg differ
diff --git a/dodger_blue/static/src/js/sidebar_menu.js b/dodger_blue/static/src/js/sidebar_menu.js
new file mode 100644
index 000000000..0be45bfdf
--- /dev/null
+++ b/dodger_blue/static/src/js/sidebar_menu.js
@@ -0,0 +1,94 @@
+/** @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";
+const { onMounted } = owl;
+import { patch } from "@web/core/utils/patch";
+import { user } from "@web/core/user";
+
+
+
+
+patch(NavBar.prototype,{
+
+ //--------------------------------------------------------------------------
+ // Public
+ //--------------------------------------------------------------------------
+
+ /**
+ * @override
+ */
+ setup() {
+ super.setup()
+ this._search_def = $.Deferred();
+ let { apps, menuItems } = computeAppsAndMenuItems(this.menuService.getMenuAsTree("root"));
+ this._apps = apps;
+ this._searchableMenus = menuItems;
+ this.user_id = user.userId;
+ this.user_name = user.name
+ 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");
+ this.$cybro_main_menu = $(".cybro-main-menu")
+ var navbar = $(".o_main_navbar")
+ var self = this;
+ },
+ _searchMenusSchedule() {
+ 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() {
+ 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)
+ );
+ var resultsHtml = ""
+ this.$search_results.empty();
+ results.forEach(function(result) {
+ resultsHtml += ``;
+ })
+ this.$search_results.append(resultsHtml);
+ },
+ });
diff --git a/dodger_blue/static/src/scss/theme_style.scss b/dodger_blue/static/src/scss/theme_style.scss
new file mode 100644
index 000000000..034349e52
--- /dev/null
+++ b/dodger_blue/static/src/scss/theme_style.scss
@@ -0,0 +1,216 @@
+@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: 1rem 5rem 5rem;
+ background: #f1f4f5;
+}
+#wrapwrap .container .o_database_list{
+max-width: unset !important;
+}
+
+.oe_login_form{
+ width: max-content;
+ }
+
+.oe_login_form, .oe_signup_form, .oe_reset_password_form {
+ color: #fff !important;
+}
+.oe_login_form, .oe_signup_form, .oe_reset_password_form {
+ max-width: 360px;
+ position: relative;
+ margin: 50px auto;
+ border-radius: 7px;
+ padding: 3rem;
+ background: #ffffff;
+ box-shadow: 0 0 11px 0px #4477d4;
+}
+
+.oe_login_form input {
+ height: 40px !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: #3e8df7 !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 {
+ background: #303641;
+}
+.oe_website_login_container .btn-secondary {
+ color: #FFFFFF;
+ background-color: #afafaf;
+ border-color: #afafae;
+}
+input {
+ border: 1px solid #e4eaec !important;
+}
+.oe_login_form, .oe_signup_form, .oe_reset_password_form {
+ color: #37474f !important;
+ font-weight: 300 !important;
+}
+form label {
+ font-weight: 300 !important;
+}
+@media (max-width: 400px) {
+ .oe_login_form {
+ max-width: 300px;
+ }
+ }
+/*==============//login================*/
diff --git a/dodger_blue/static/src/scss/theme_style_backend.scss b/dodger_blue/static/src/scss/theme_style_backend.scss
new file mode 100644
index 000000000..1d6881b4f
--- /dev/null
+++ b/dodger_blue/static/src/scss/theme_style_backend.scss
@@ -0,0 +1,1481 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
+
+body {
+ font-size: 14px;
+ font-family: lato, sans-serif
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 0;
+ font-family: 'Roboto', 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: 'Roboto', sans-serif;
+}
+
+a:hover {
+ text-decoration: none
+}
+
+a:focus {
+ text-decoration: none;
+ outline: 0
+}
+
+a {
+ color: #000000 !important;
+}
+
+a:hover {
+ color: #3e8df7;
+}
+
+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;
+ background-color: #fff !important;
+ background-clip: padding-box;
+ border: 1px solid #ced4da !important;
+ border-radius: 0 !important;
+ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+}
+.o_sale_product_configurator_ptav_color input{
+ padding: .67rem .8rem !important;
+ height:1rem !important;
+}
+.o_sale_product_configurator_table .form-check-input{
+line-height :unset;
+color: unset;
+}
+.form-check-input {
+ width: 1em;
+ height: 1em;
+ margin-top: 0.25em;
+ vertical-align: top;
+ background-color: transparent !important;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ border: 1px solid #3e8ef7 !important;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ color-adjust: exact;
+ padding: unset !important;
+ border-radius: 50% !important;
+ height:1rem !important;
+}
+.o_sale_product_configurator_table .btn {
+padding:0.3125rem 0.625rem !important;
+background:#3e8ef7;
+}
+.o_sale_product_configurator_table i.fa {
+color:white !important;
+}
+.o_sale_product_configurator_qty a {
+color:#3e8ef7 !important;
+}
+.form-check-input:checked {
+ background-color: #3e8ef7 !important;
+ border-color: #3e8ef7 !important;
+}
+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
+}
+
+/*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: #3e8df7 !important;
+ margin-top: 10px;
+}
+
+.cybro-main-menu a.dropdown-item.o_app {
+ position: relative;
+display: flex;
+ align-items: center;
+ gap: 10px; font-size: 15px;
+ text-transform: capitalize;
+ padding: 15px !important;
+ letter-spacing: 0;
+ font-weight: 400;
+ padding-left: 32px !important;
+}
+
+
+.dropdown-item.active, .dropdown-item:active {
+ color: #fff !important;
+ background: rgba(11, 105, 227, 0.05) !important;
+}
+
+img.cybro-menuicon {
+ width: 28px;
+ margin-right: 10px;
+}
+
+/*//Menu Bar*/
+/*Top bar*/
+.o_main_navbar {
+ position: relative;
+ height: 60px;
+ padding-top: 6px;
+ border-bottom: 1px solid #d8e3e7;
+ color: #fff !important;
+ background-color: #3e8ef7;
+}
+
+.o_main_navbar > ul > li > a, .o_main_navbar > ul > li > label {
+ height: 46px !important;
+ padding: 0 10px !important;
+ color: #fff !important;
+ line-height: 46px !important;
+ transition: .3s all ease !important;
+}
+
+.o_main_navbar > ul > li > a:hover, .o_main_navbar > ul > li > label:hover {
+// background: none !important;
+ border: none;
+ color: #000 !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: #000 !important;
+}
+
+.o_main_navbar .show .dropdown-toggle {
+ background-color: #ffffff !important;
+ color: #3e8df7 !important;
+}
+
+.o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_sections .dropdown-toggle{
+background: none;
+}
+
+li.o_user_menu a.dropdown-toggle {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 0px 38px;
+ color: #fff !important;
+ height: 60px;
+ ffont-size: 14px;
+ font-family: 'Roboto', sans-serif;
+ margin-top: -5px !important;
+}
+
+.o_user_menu a.dropdown-toggle:hover {
+ border: none;
+ color: #020202 !important;
+}
+
+.o_main_navbar .o_user_menu .oe_topbar_avatar {
+ height: 35px;
+ transform: translateY(-2px);
+ margin-right: 9px;
+}
+
+.dropdown-menu a:hover {
+ color: #3e8df7 !important;
+// background: #ffffff !important;
+}
+select > option {
+color:black;
+}
+
+.cybro-main-menu a:hover {
+ color: #fff !important;
+// background: #f3f7fe !important;
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #3e8df7;
+ border-color: #3e8df7;
+}
+
+.btn {
+ display: inline-block;
+ font-weight: 300;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: 1px solid transparent;
+ border-top-color: transparent;
+ border-right-color: transparent;
+ border-bottom-color: transparent;
+ border-left-color: transparent;
+ padding: .429rem 1rem;
+ font-size: 1rem;
+ line-height: 1.571429;
+ border-radius: .215rem;
+ border-top-left-radius: 0.215rem;
+ border-bottom-left-radius: 0.215rem;
+ -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
+ -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+ transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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: #3e8df7;
+ 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: #dc3545;
+// box-shadow: 0px 0px 2px -1px #000000;
+}
+
+.o_MessagingMenu .o_MessagingMenu_counter {
+ background: #dc3545;
+}
+
+.o_searchview .o_searchview_facet .o_searchview_facet_label {
+ background-color: #3e8df7 !important;
+}
+
+.o_searchview .o_searchview_input {
+ border: none !important;
+ padding: 4px 0 0 0;
+}
+
+.o_searchview {
+
+ width: 96%;
+ display: block;
+ font-size: 1rem;
+ line-height: 1.571429;
+ color: #76838f;
+ background-color: #fff;
+ background-image: none;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ border: 1px solid #e4eaec;
+ border-top-color: rgb(228, 234, 236);
+ border-right-color: rgb(228, 234, 236);
+ border-bottom-color: rgb(228, 234, 236);
+ border-left-color: rgb(228, 234, 236);
+ border-radius: .215rem;
+ border-top-right-radius: 0.215rem;
+ border-bottom-right-radius: 0.215rem;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+ -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+ -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+
+}
+// 15s//
+.o_searchview_more {
+ position: absolute;
+ top: 0px !important;
+ left: auto;
+ bottom: auto;
+ right: 0px !important;
+ color: #fff;
+ padding: 13px;
+ background: #3e8ef7;
+}
+
+.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_navbar_apps_menu{
+// margin-left: 20px;
+// margin-top: 12px;
+// padding-left: 10px;
+// padding-right: 10px;
+//
+// }
+
+.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_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_control_panel button.btn.btn-secondary.fa {
+ padding: 11px;
+ padding-bottom: .8rem !important;
+ padding-top: .8rem !important;
+
+}
+
+.o_control_panel button.o_dropdown_toggler_btn.btn.btn-secondary.dropdown-toggle {
+ margin-right: 8px;
+ padding: 1rem 1rem;
+ font-size: 12px;
+ border: 1px solid #e4eaec;
+}
+
+.o_control_panel .o_cp_left {
+ justify-content: flex-end;
+}
+
+.o_control_panel button.btn.btn-secondary.o_button_import {
+ border: 1px solid #3e8df7;
+}
+//
+.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: #3e8df7;
+ background-color: #ffffff;
+ border-color: #3e8df7;
+}
+
+.o_control_panel .btn-secondary:hover {
+ color: #848484;
+ background-color: #ffffff;
+ border-color: #3e8df7;
+}
+
+/*//Controll panel*/
+.o_calendar_container .o_calendar_sidebar_container .ui-datepicker table .ui-state-active {
+ background: none;
+ background-color: #3e8df7;
+ 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: #3e8df7;
+ 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:hover{
+ background-color: #3e8ef7;
+}
+
+.btn-primary:hover {
+ background: #488eec !important;
+ border-color: #488eec;
+}
+
+.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: #3e8df7;
+ 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: #3e8df7 !important;
+ background-color: #ffffff;
+ border: 1px solid #3e8df7;
+ 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;
+ position:relative;
+ width: 5px;
+}
+
+::-webkit-scrollbar {
+ width: 5px;
+ background-color: #F5F5F5;
+ position:absolute;
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 0px;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+ background-color: #c8c8c8;
+}
+
+.o_Discuss_content .o_ThreadView .o_Discuss_thread {
+ background: #f1f1f1;
+}
+
+.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: 250px;
+ color: #000000;
+// box-shadow: 13px 9px 21px 20px #f1f1f1;
+// box-shadow: 12px 0px 4px 6px black;
+}
+
+// .o_DiscussSidebarItem.o-active {
+// background-color: #e8e8e8;
+// box-shadow: 1px 3px 12px 1px #e5e0f3d4;
+// }
+
+.o_DiscussSidebar_item {
+ padding: 1rem 16px !important;
+ margin-bottom: 2px;
+}
+
+.o_DiscussSidebarItem:hover {
+ background-color: #fff;
+ color: #3e8df7;
+}
+
+.o_DiscussSidebarItem_activeIndicator.o-item-active {
+ background-color: #e8e8e8;
+}
+
+.o_DiscussSidebarItem.o_DiscussSidebar_item.o-active {
+ background-color: #e8e8e8;
+ box-shadow: inset 3px 0 0 #3e8df7;
+}
+
+.o_DiscussSidebar_groupHeaderItem:hover {
+ color: #3e8df7;
+}
+
+.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: #3e8df7;
+}
+
+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: #3e8df7;
+ border-radius: 0 !important;
+}
+
+.datepicker .table-sm > thead > tr > th {
+ border-radius: 0;
+}
+
+.datepicker .table-sm > thead {
+ color: white;
+ background-color: #3e8df7;
+}
+
+.datepicker .table th, .datepicker .table td {
+ vertical-align: top;
+ border-top: 1px solid #ffffff;
+}
+
+i.fa {
+ color: #848484 !important;
+}
+
+.dropdown-menu.cybro-main-menu.show {
+ padding: 0 !important;
+ width: 240px !important;
+ top: 52px !important;
+ border-radius: 0px !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: 2rem !important;
+ margin-right: 11px;
+}
+
+.cybro-main-menu .input-group {
+ order: 2;
+}
+
+.cybro-main-menu input.form-control {
+ outline: none !important;
+ display: block;
+ padding: .429rem 1rem;
+ font-size: 1rem;
+ line-height: 1.571429;
+ color: #76838f;
+ font-size: 12px !important;
+ background-color: #fff;
+ background-image: none;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ border: 1px solid #e4eaec;
+ border-top-color: rgb(228, 234, 236);
+ border-right-color: rgb(228, 234, 236);
+ border-bottom-color: rgb(228, 234, 236);
+ border-left-color: rgb(228, 234, 236);
+ border-radius: .215rem;
+ border-top-right-radius: 0.215rem;
+ border-bottom-right-radius: 0.215rem;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+ -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+ -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+ &::placeholder{
+ color: #000 !important;
+ }
+}
+
+.cybro-main-menu .input-group-prepend {
+ order: 2;
+}
+
+.cybro-main-menu .input-group-prepend {
+ color: #fff;
+ background-color: #3e8ef7;
+ border-color: #3e8ef7;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 3px !important;
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
+}
+
+.cybro-main-menu .search-input .input-group {
+ background-color: #ffffff !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: #ffffff !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: #8d97ad !important;
+ max-width: 300px;
+ overflow-x: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.cybro-main-menu .search-results.col-md-10.ml-auto.mr-auto {
+ background: #fff;
+ margin: 0px 0 !important;
+ color: #8d97ad !important;
+ flex: 100% !important;
+ max-width: 100%;
+ width: 100%;
+}
+.sidebar-menus > li {
+ margin-bottom: 25px;
+}
+.sidebar-menus > li:last-child {
+ margin-bottom: 25px;
+}
+.o_menu_apps .dropdown-menu.show .form-row {
+ width: 100%;
+ margin: 25px 0px 0px 0px !important;
+ padding: 10px;
+}
+
+.o_kanban_record {
+ border: none !important;
+ box-shadow: 2px 4px 8px 2px rgba(67, 54, 251, .1) !important;
+}
+.o_menu_apps .dropdown-menu .search-container .search-input .input-group .input-group-prepend span.fa {
+ color: #ffffff !important;
+ font-size: 1.08333333rem;
+ margin-right: 1rem;
+ padding-top: 10px;
+ padding-left: 8px;
+}
+
+
+.o_mail_discuss .o_mail_discuss_sidebar .o_mail_discuss_item.o_unread_message {
+ color: #6c757d !important;
+}
+
+.o_mail_discuss .o_mail_discuss_sidebar .o_mail_discuss_item > .badge {
+ color: white;
+ background-color: #3e8df7 !important;
+}
+
+.o_onboarding.o_onboarding_blue .o_onboarding_wrap {
+ background: #3e8df7 !important;
+ 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;
+}
+.fa.fa-bars {
+ color: #fff !important;
+}
+.o_main_navbar > .o_menu_brand {
+ display: block;
+ float: left;
+ margin-right: 35px;
+ user-select: none;
+ color: white;
+ font-size: 15px;
+ font-weight: 400;
+ line-height: 46px;
+ cursor: pointer;
+ color: white !important;
+}
+.o_menu_systray li a i {
+ color: #fff !important;
+}
+.o_mail_systray_item.o_no_notification > a {
+ opacity: 1;
+}
+.dropdown-menu.cybro-main-menu.show {
+ transition: all .5s;
+ width: 260px;
+ background: #fff;
+ color: rgba(163,175,183,.9);
+ font-family: Roboto,sans-serif;
+ -webkit-box-shadow: 3px 0 6px 0 rgba(0,0,0,.05),3px 0 15px 0 rgba(0,0,0,.1);
+ box-shadow: 3px 0 6px 0 rgba(0,0,0,.05),3px 0 15px 0 rgba(0,0,0,.1);
+ -ms-transform: translate(-240px,0);
+ -webkit-transform: translate3d(-240px,0,0);
+ transform: translate3d(-240px,0,0);
+ scrollbar-width: thin;
+}
+.cybro-main-menu a.dropdown-item.o_app:hover {
+
+ color: #37474f !important;
+ background-color: rgba(11,105,227,.05) !important;
+
+}
+.dropdown-menu.cybro-main-menu .search-input {
+ flex: 0 0 100% !important;
+ max-width: 100% !important;
+}
+.btn-primary {
+ color: #fff;
+ background-color: #3e8ef7;
+ border-color: #3e8ef7;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.btn-primary.focus, .btn-primary.hover, .btn-primary:focus, .btn-primary:hover {
+ color: #fff;
+ background-color: #589ffc;
+ border-color: #589ffc;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.fa.fa-search {
+ color: #fff !important;
+}
+/*Placholder*/
+::-webkit-input-placeholder {
+ color: #76838f;
+ font-size: 12px;
+}
+::-moz-placeholder {
+ color: #76838f;
+ font-size: 12px;
+}
+:-ms-input-placeholder {
+ color: #76838f;
+ font-size: 12px;
+}
+::placeholder {
+ color: #76838f;
+ font-size: 12px;
+}
+/*//place holder*/
+.form-control {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 2.573rem;
+ font-weight: 100;
+ border-color: #e4eaec;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
+ -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
+ transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+}
+.form-control.focus, .form-control:focus {
+ border-color: #3e8ef7;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.o_searchview .o_searchview_autocomplete li.o-selection-focus {
+ background-color: #ffffff !important;
+}
+.o_mail_discuss .o_mail_discuss_sidebar .o_mail_discuss_item.o_active {
+ background-color: #212529;
+ box-shadow: inset 3px 0 0 #3e8df7;
+}
+.o_control_panel > .o_cp_right {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ width: 60%;
+ margin-top: 1px;
+}
+
+i.fa.fa-plus {
+ color: #fff !important;
+}
+.o_onboarding.o_onboarding_violet .o_onboarding_wrap {
+ background-color: rgba(77, 98, 172, 0.75);
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 112, 195, 0.5)), to(#475DA4));
+ background-image: -moz-line/home/ayisha/odoo-12.0ar-gradient(top, rgba(96, 112, 195, 0.5), #475DA4);
+ background-image: -ms-linear-gradient(top, rgba(96, 112, 195, 0.5), #475DA4);
+ background-image: -o-linear-gradient(top, rgba(96, 112, 195, 0.5), #475DA4);
+ background-image: linear-gradient(to bottom, rgba(96, 112, 195, 0.5), #475DA4);
+ box-shadow: inset 0 -7px 20px -5px rgba(0, 0, 0, 0.3);
+ background: #3e8df7;
+}
+.sidebar-menus {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ padding: 1rem 0;
+ display: flex;
+ flex-direction: column;
+ padding: 1rem;
+}
+.cybro-sidebar-qweb span.o-app-name {
+ display: none;
+}
+.cybro-sidebar-qweb .sidebar-menus {
+ background: #fff;
+ box-shadow: 2px 1px 5px 0px rgba(103, 103, 103, 0.19);
+ position: relative;
+ z-index: 5;
+ height: 94vh;
+ //overflow: scroll;
+ overflow-y: auto;
+}
+.cybro-sidebar-qweb .sidebar-menus img.o-app-icon {
+ width: 25px;
+ border-radius: 100%;
+ margin-bottom: 14px;
+}
+.btn-primary .fa {
+ color: #fff !important;
+}
+.o_required_modifier.o_input, .o_required_modifier .o_input {
+ background-color: #f7f7f7 !important;
+}
+.o_cp_left {
+
+ position: fixed !important;
+ bottom: 3px;
+ z-index: 5;
+ background: #fff;
+ width: 92.5vw !important;
+ padding: .5rem 1rem !important;
+ left: 70px;
+
+}
+button.btn.btn-primary span {
+ font-weight: 400;
+}
+
+
+
+.sidebar-user {
+ padding: 4rem 0.5rem;
+ width: 100%;
+ background: url("/dodger_blue/static/src/img/dashboard-header.jpg");
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: flex;
+ color: #fff;
+ justify-content: center;
+ align-items: center;
+ background-size: cover;
+ background-position: center;
+}
+
+
+
+
+
+.sidebar-user img {
+ width: 50px;
+ border-radius: 30px;
+}
+.sidebar-user img {
+ margin-right: 10px;
+}
+.sidebar-overlay {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: .6;
+ z-index: 2;
+}
+.sidebar-user span, .sidebar-user img {
+ position: relative;
+ z-index: 5;
+}
+span.sidebar-username {
+ font-size: 12px;
+ color: rgba(255,255,255,.6);
+}
+i.fa.fa-ellipsis-v {
+ color: #fff !important;
+}
+.o_web_client .o_mobile_search .o_mobile_search_header {
+ height: 46px;
+ margin-bottom: 10px;
+ width: 100%;
+ background-color: #3e8df7;
+ color: white;
+}
+.btn-secondary {
+ font-weight: 500;
+}
+.btn-secondary.disabled, .btn-secondary:disabled {
+ color: #000000;
+ background-color: #fff;
+ border-color: #fff;
+ font-weight: 500 !important;
+}
+button.btn.btn-secondary.o_mail_discuss_button_mark_all_read.disabled.d-none.d-md-inline-block {
+ font-weight: 600 !important;
+ color: black !important;
+ border: 1px solid #7b7b7b;
+}
+.btn-secondary {
+ font-weight: 500;
+ border: 1px solid #e4eaec;
+}
+aside.o_cp_sidebar button.o_dropdown_toggler_btn.btn.btn-secondary.dropdown-toggle {
+ background: #3e8df7;
+ color: #fff;
+}
+aside.o_cp_sidebar button.o_dropdown_toggler_btn.btn.btn-secondary.dropdown-toggle {
+ margin-right: 8px;
+ padding: 6px 9px !important;
+ font-size: 12px;
+ border: 1px solid #e4eaec;
+ border-radius: 5px;
+}
+
+aside.o_cp_sidebar button.o_dropdown_toggler_btn.btn.btn-secondary.dropdown-toggle .fa{
+ color: #fff !important;
+}
+.o_cp_buttons {
+ order: 2;
+}
+.o_control_panel.o_breadcrumb_full aside.o_cp_sidebar {
+ order: 1;
+}
+.o_control_panel.o_breadcrumb_full .o_cp_left {
+ order: 3;
+ width: 58%;
+ justify-content: space-between;
+ padding: 10px 55px !important;
+}
+.o_cp_left {
+ box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
+}
+@media (min-width: 1200px) {
+ .o_mail_discuss .o_mail_discuss_content {
+ margin-left: 218px !important;
+ }
+ .o_mail_discuss .o_mail_discuss_sidebar {
+ width: 218px;
+ }
+}
+
+@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: #3e8df7 !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: #3e8df7 !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) {
+ .cybro-sidebar {
+ display: none;
+ }
+ .o_cp_left {
+ position: static !important;
+ bottom: 0px;
+ z-index: 0;
+ background: #fff;
+ width: auto;
+ padding: 0 !important;
+}
+ .o_main_navbar > ul > li > a, .o_main_navbar > ul > li > label {
+ color: #000 !important;
+ font-weight: 300;
+}
+ .o_web_client .o_mobile_search .o_mobile_search_header .fa{
+ color: white !important;
+}
+ .oe_website_login_container {
+ padding: 1rem 1rem 5rem;
+ background: #f1f4f5;
+}
+ .oe_login_form, .oe_signup_form, .oe_reset_password_form {
+ max-width: 99%;
+ position: relative;
+ margin: 50px auto;
+ border-radius: 7px;
+ padding: 3rem;
+ background: #ffffff;
+ box-shadow: 0 0 11px 0px #4477d4;
+}
+}
+.cybro-sidebar {
+ position: relative;
+}
+.cybro-sidebar-qweb {
+ position: absolute;
+ width: auto;
+}
+.o_action_manager {
+ padding-left: 67px;
+}
+.o_cp_top {
+ width: 100%;
+}
+.o_cp_bottom {
+ width: 100%;
+}
+.o_DiscussSidebarItem_counter {
+ background: #3e8df7 !important;
+ color: white !important;
+}
+.row.theme_main_color .color {
+ width: 30px;
+ height: 30px;
+ cursor: pointer;
+}
+li::marker {
+ content: "";
+}
+.search-results .search_icons{
+margin-bottom: 10px;
+}
+
+.search-results .search_icons:last-child{
+ margin-bottom: 10px;
+}
+
+
+.search_icons .o-menu-search-result{
+ background-repeat: no-repeat;
+ background-size: contain;
+}
+
+.search-input .input-group-text{
+ background: transparent;
+ border: none;
+}
+
+.search-input .input-group-prepend{
+display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.o-checkbox.form-check{
+align-items: center;
+ justify-content: center;
+ padding-left: 10px;
+}
+.o-checkbox .form-check-input {
+ width: 16px !important;
+ height: 16px !important;
+appearance: auto;
+}
+thead .o_list_record_selector {
+ padding-left: 13px !important;
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(.d-none):disabled:not(.o_arrow_button_current){
+background-color:#dee2e6 !important;
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current:not(.d-none):disabled{
+background-color:#3e8ef7;
+border-color:#dee2e6 !important;
+color: white;
+}
+.o_loading_indicator{
+background-color:#3e8ef7;
+
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(.d-none):not(.o_first):before, .o_field_statusbar_duration > .o_statusbar_status > .o_arrow_button:not(.d-none):not(.o_first):before, .o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(.d-none):not(.o_first):after, .o_field_statusbar_duration > .o_statusbar_status > .o_arrow_button:not(.d-none):not(.o_first):after, .o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(.d-none):not(.o_last):before, .o_field_statusbar_duration > .o_statusbar_status > .o_arrow_button:not(.d-none):not(.o_last):before, .o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(.d-none):not(.o_last):after, .o_field_statusbar_duration > .o_statusbar_status > .o_arrow_button:not(.d-none):not(.o_last):after {
+top:0px ;
+border-top:22px solid transparent;
+}
+.o_searchview_facet.bg-200 {
+ background: transparent !important;
+}
+.o_filter_menu .fa.fa-filter{
+color:#3e8ef7 !important;
+}
+.o_group_by_menu .oi.oi-group{
+color:#3e8ef7 !important;
+}
+.o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current:not(.d-none):disabled:after{
+border-left-color:#3e8ef7 !important;
+}
+.dropdown-menu.d-block.p-0.o-mail-DiscussSystray{
+top: 58.5px !important;
+}
+.o-dropdown--menu.dropdown-menu.d-block
+{
+top:109x !important;
+}
+.o-dropdown.dropdown.o_user_menu.d-none.d-md-block.pe-0.o-dropdown--no-caret.show{
+ margin-right: 10px;
+}
+.o_menu_sections a{
+color:white !important;
+}
+
+.o_menu_systray i.fa{
+color:white !important;
+}
+.o_menu_systray .show i.fa{
+color:#3e8ef7 !important;
+}
+.o_datetime_picker_header .o_datetime_button{
+background-color:#3e8ef7;
+}
+.o_datetime_button .o_header_part{
+color:white;
+}
+.o_datetime_picker_header .o_next{
+background-color:#3e8ef7;
+color:white;
+
+}
+.o_datetime_picker_header .o_previous{
+background-color:#3e8ef7;
+color:white;
+
+}
+header .o-dropdown--menu .dropdown-item:not(.disabled):not(:disabled),{
+color:black !important;
+}
+.o_input_dropdown .ui-autocomplete .ui-menu-item > a:hover {
+color:#3e8ef7 !important;
+}
+.o_calendar_filter_items .o-checkbox.form-check{
+padding-left: 25px !important;
+}
\ No newline at end of file
diff --git a/dodger_blue/static/src/xml/sidebar_menu_icon_templates.xml b/dodger_blue/static/src/xml/sidebar_menu_icon_templates.xml
new file mode 100644
index 000000000..8a1a92a6d
--- /dev/null
+++ b/dodger_blue/static/src/xml/sidebar_menu_icon_templates.xml
@@ -0,0 +1,153 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+ 
+
+
+
+
+
+
+ Supports:
+
+
+ Community
+
+
+
+
+
+ Availability:
+
+
+ Odoo Online
+
+
+ Odoo Online
+
+
+ On Premise
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Our Features
+ +info includes 300+ elements that you may need to create website without + external plugins.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Kanban,Tree,Form view with a clean layout and modified font
+Redesigned Kanban, Tree, and Form views with an organized layout and customized fonts for improved readability and aesthetics.
+
+
+
+
+
+
+
+
+
+
+ Discuss page with a different style
+A refreshed design for the Discuss page, providing a unique look and feel for better interaction.
+
+
+
+
+
+
+
+
+
+ Truly Responsive
+Fully responsive design, ensuring optimal usability and display across all device types and screen sizes.
+
+
+
+
+
+
+
+
+
+
+ Customized date picker
+A date picker tailored to user needs, providing a more intuitive and efficient date selection experience.
+
+
+
+
+
+
+
+
+
+ Advanced searching option for App menus
+Enhanced search functionality within app menus, enabling quicker access to desired items and features.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ SETTINGS
+
+
+
+
+
+ Login Page
+
+
+
+
+
+ KANBAN VIEW
+
+
+
+
+ TREE VIEW
+
+
+
+
+ FORM VIEW
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
+
+
+
+ Fully Responsive
+
+
+
+ Fully Responsive
+ Layout.
+
+
+
+
+ Now take advantage of everything your dashboard has to offer even on the go. Our + design are now fully responsive, enabling you to view and manage everything from the comfort of your + mobile device.
+-
+
Fully responsive
+ - Fly-out hamburger menu on the left
+
- Fits perfectly to all screen sizes
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Kanban View
+
+
+
+ Kanban View
+ Layout
+
+
+
+
+ The Kanban View in the "Dodger Blue" theme for Odoo 18 offers a clean, organized layout with color-coded cards for easy task tracking. A blue and white color scheme, modified fonts, and enhanced buttons improve readability and usability. This responsive design allows users to manage workflows efficiently, with easy drag-and-drop functionality across stages.
+-
+
+
- New Color Combination
+
- Modified Font
+
- Clean Layout
+
- Buttons with New Colors
+
- Full Screen View
+
+
+
+
+
+
+ List View
+
+
+
+ List View
+ Layout
+
+
+
+
+ The List View in the "Dodger Blue" theme for Odoo 18 features a clean, structured layout with a blue and white color scheme that enhances readability. Each row displays essential information clearly, with color-coded indicators for easy status recognition. The layout is fully responsive, designed to improve navigation and data management, allowing users to view, filter, and sort records efficiently. +.
+-
+
- List View
+
- Stages are Separated in View
+
- New Color Combination
+
- Modified Font
+
- Clean Layout
+
- Buttons with New Colors
+
- Full Screen View
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Form View
+
+
+
+ Form View
+ Layout
+
+
+
+
+ The Form View in the "Dodger Blue" theme for Odoo 18 offers a streamlined, user-friendly design with a blue and white color scheme that improves readability. Key details are organized intuitively, with clearly labeled fields and sections, making data entry and editing straightforward. This responsive layout provides a clean, modern look that enhances the user experience while allowing efficient management of detailed records.
+-
+
- Modified Form Style
+
- Full Screen Form View
+
- New Looks for Tabs
+
+
+
+
+
+
+
+
+
+
+
+ Our Services
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ -
+
- + + + + + +
+
+
+
+
+
+ ![]()
+ ![]()
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ ![]()
+
+
+
+
+