//Top Bar @font-face { font-family: 'Poppins' !important; src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); } 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, .o_searchview_facet_label { background-color: transparent !important; color: $f_color !important; border:1px !important; } .o_menu_sections, .o_menu_systray, .o_web_client > header{ background: $bg_white !important; } .oe_topbar_name { color: $f_color !important; } .o_main_navbar > .o_menu_apps > li > a > i { color: $f_color !important; font-size: 16px !important; } .o_main_navbar { align-items: center; border-bottom: 0px solid #5f5e97 !important; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; background-color: #fff !important; } .top_heading { display: flex; justify-content: flex-start; align-items: center; width: 100%; } .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: $f_color !important; } .o_main_navbar > ul > li > a, .o_main_navbar > ul > li > label { height: 46px; padding: 0 5px; color: $f_color !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: #555b6d !important; font-size: 20px !important } .o_main_navbar .o_user_menu .oe_topbar_avatar { height: 35px; width: 35px; } .o_MessagingMenu_counter { background-color: #556ee6; color: #fff !important; } .o_mail_systray_item .o_notification_counter { background: #556ee6 !important; } .o_control_panel { background: #f8f8fb !important; border:none !important; } .o_facet_remove.oi.oi-close.btn.btn-link{ margin-top: -10px; margin-right: -5px !important; } .js_quantity.form-control.quantity.text-center{ height:3.4rem !important; } .o_searchview { border: 1px solid #ddd; padding-left: 12px; padding-right: 20px; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px; padding-top: 6px; height: 43px; } .o_searchview .o_searchview_facet { border: 1px solid #ddd; background: #f8f8fb; border-radius: 10px; padding: 0 2px; max-height:30px; } .o_cp_bottom_right span.o_dropdown_title { color: #555b6d; } .o_cp_bottom_left .o_form_button_cancel { margin-right: 5px !important; padding: 6px 8px !important; color: #fff !important; background-color: #f46a6a !important; border-color: #f46a6a !important; } .o_cp_bottom_left .o_form_button_cancel:hover { background-color: #cf5a5a !important; border-color: #c35555 !important; } .o_control_panel { border-bottom: none important; margin: 15px 15px 0 15px; background-color: #ffffff !important; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; border-radius: 5px; } .o_form_view, .o_widget_Discuss { background: #f8f8fb; } .o_form_statusbar .o_statusbar_buttons .btn { margin-right: 15px !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: 21px solid transparent !important; border-bottom: 17px solid transparent !important; } .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child):before { right: -11px; border-left-color: $primary_accent; } // Top Bar End // Button .btn { display: inline-block; font-weight: 400 !important; line-height: 1.5 !important; color: #495057; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 6px 15px !important; border-radius: 4px !important; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; height: 40px !important; margin-bottom: 2px; } .btn-primary { color: #fff !important; background-color: $primary_accent !important; border-color: $primary_accent !important; } .btn-primary:hover { color: #fff !important; background-color: $primary_hover !important; border-color: #4458b8 !important; } .btn-primary:active { color: #fff !important; background-color: #4458b8 !important; border-color: #4053ad !important; } .btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; background-color: #485ec4 !important; border-color: #4458b8 !important; -webkit-box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important; box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important; } .btn-primary i,.btn-primary span { color: #fff !important; } .btn-secondary { color: #fff !important; background-color: #74788d !important; border-color: #74788d !important; } .btn-secondary:hover { color: #fff !important; background-color: #636678 !important; border-color: #5d6071 !important; } .btn-secondary:active { color: #fff; background-color: #5d6071 !important; border-color: #575a6a !important; } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: #fff; background-color: #636678 !important; border-color: #5d6071 !important; -webkit-box-shadow: 0 0 0 .15rem rgba(137,140,158,.5) !important; box-shadow: 0 0 0 .15rem rgba(137,140,158,.5) !important; } .btn-secondary i,.btn-secondary span { color: #fff !important; } .btn-info { color: #fff !important; background-color: #50a5f1 !important; border-color: #50a5f1 !important; } .btn-info:hover { color: #fff !important; background-color: #448ccd !important; border-color: #4084c1 !important; } button[name="action_cancel"], button[name="button_cancel"], button[special="cancel"] { color: #fff !important; background-color: #f46a6a !important; border-color: #f46a6a !important; } button[name="action_cancel"]:hover, button[name="button_cancel"]:hover, button[special="cancel"]:hover { background-color: #cf5a5a !important; border-color: #c35555 !important; } button[name="action_cancel"]:active, button[name="button_cancel"]:active, button[special="cancel"]:active { color: #fff !important; background-color: #c35555 !important; border-color: #b75050 !important; } button[name="action_cancel"]:focus, button[name="button_cancel"]:focus, button[special="cancel"]:focus { color: #fff !important; background-color: #cf5a5a !important; border-color: #c35555 !important; -webkit-box-shadow: 0 0 0 0.15rem rgba(246,128,128,.50) !important; box-shadow: 0 0 0 0.15rem rgba(246,128,128,.50) !important; } button[name="update_module"] { margin-right: 2px; } .btn-warning, button[name="action_uninstall"] { color: #fff !important; background-color: #f1b44c !important; border-color: #f1b44c !important; } .btn-warning:hover, button[name="action_uninstall"]:hover { color: #fff !important; background-color: #cd9941 !important; border-color: #c1903d !important; } .btn-warning:active, button[name="action_uninstall"]:active { color: #fff !important; background-color: #c1903d !important; border-color: #b58739 !important; } .btn-warning:focus, button[name="action_uninstall"]:focus { color: #fff !important; background-color: #cd9941 !important; border-color: #c1903d !important; -webkit-box-shadow: 0 0 0 0.15rem rgba(243,191,103,.50) !important; box-shadow: 0 0 0 0.15rem rgba(243,191,1,.50) !important; } .o_statusbar_status .o_arrow_button.btn-secondary { border: solid 1px #556ee6 !important; color: #556ee6 !important; background-color: #fff !important; } .o_statusbar_status .o_arrow_button.btn-secondary:hover:after { border-color: #fff !important; } .o_statusbar_status .o_arrow_button.btn-primary { border: solid 1px #556ee6 !important; color: #fff !important; } .o_cp_bottom_right .btn-secondary { background: #fff; border-color: #dddddd !important; margin-right: 5px !important; padding : 6px 8px !important; } .o_cp_bottom_left .o_form_button_create { color: #fff !important; background-color: #74788d !important; border-color: #74788d !important; padding: 5px 15px !important; } .o_web_settings_invite { margin-left: 7px; position: relative; top: -1px; } .o_form_view .oe_button_box .btn.oe_stat_button { height: 44px !important; opacity: 1 !important; border-radius: 0px !important; } .oe_module_action .btn { height: auto !important; } .o_cp_buttons a.btn { display: flex !important; align-items: center; } button.fa.fa-external-link.btn.btn-secondary.o_external_button { padding: 2px !important; color: #74788d !important; background: none !important; } .o_statusbar_status.o_field_widget.o_readonly_modifier .btn { margin-right: 0 !important; } .btn-group .btn { margin-right: 3px; } .o_Composer_actionButton.o-last.o-has-current-partner-avatar.o-composer-is-compact { height: 48px !important; border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; } .oe_right .btn { margin-left: 2px; } //Button End // Table .table-sm th, .table-sm td { padding: 0.5rem; } tr.o_data_row { font-size: 15px; } .o_list_view .table-responsive .table thead tr:nth-child(1) th { position: sticky; top: 0; z-index: 999; background-color: #ffffff !important; } th.o_list_record_selector { color: #495057 !important; border-color: #eff2f7 !important; background-color: #f8f9fa !important; } .table>:not(caption)>*>* { padding: 1rem 1rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .o_list_view .o_list_table thead > tr > th:not(.o_list_record_selector).o_list_number_th { text-align: left !important; } .o_list_view .o_list_table thead > tr > th:not(.o_list_record_selector) { border-left: none !important; } .table thead th { vertical-align: bottom; border-bottom: none; } .table th { border-top: 1px solid #fff !important; } .o_list_view .o_list_table tfoot { background-color: #fff !important; } .o_list_view .table-responsive .o_list_table tfoot tr:nth-child(1) td { background-color: #fff !important; } .o_list_view .o_list_table tr:focus-within, .o_list_view .o_list_table.table-striped tr:focus-within { background-color: #fff !important; } // Table End // Checkbox .custom-checkbox label { position: relative; cursor: pointer; } .custom-checkbox label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 1px solid #0079bf; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; margin-top: 0px; } .custom-checkbox input:checked + label:after { content: ''; display: block; position: absolute; top: 2px; left: 9px; width: 6px; height: 14px; border: solid #0079bf; border-width: 0 2px 2px 0; transform: rotate(45deg); } .custom-checkbox label::before { content: ''; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .custom-control-label::before { position: absolute; top: 0px !important; left: 1px !important; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #FFFFFF; border: 1px solid rgba(0,0,0,.25) !important; box-shadow: none !important; border-radius: 5 !important; margin-top: -5px; } .custom-checkbox { padding-left: 0rem !important; } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: $primary_accent; } .custom-checkbox input:checked + label::after { content: ''; display: block; position: absolute; top: 1px; left: 9px; width: 6px; height: 14px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .dropdown-item .custom-checkbox input:checked + label::after { content: ''; display: block; position: absolute; top: 1px; left: 19px; width: 6px; height: 14px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .custom-control-input:checked ~ .custom-control-label::before { color: #ffffff; background-color: #556ee6; border-color: #556ee6; } .custom-control.custom-checkbox .custom-control-input:not(:checked):not(:indeterminate) ~ .custom-control-label:before { background: none; outline: none !important; } .o_list_selection_box { display: inline-block; padding: 0.375rem 0.75rem; vertical-align: middle; border: 1px solid rgba(85,110,230,.25)!important; background-color: rgba(85,110,230,.25)!important; color: $primary_accent !important; border-radius: 5px; } .o_radio_input + .custom-control-label::before { position: absolute !important; top: 8.5px !important; left: -1.5rem !important; display: block !important; width: 1rem !important; height: 1rem !important; pointer-events: none !important; content: "" !important; background-color: #FFFFFF !important; border: #adb5bd solid 1px !important; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background: $primary_accent !important; border-radius: 30px; } .o_form_view .o_form_statusbar { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; padding-left: 5px; border-bottom: none !important; background-color: white; border-radius: 5px; } .o_required_modifier > .o_input_dropdown > .ui-autocomplete-input { border-left: solid 3px #f46a6a !important; } .fa-building-o { color: #555b6d !important; } // Sheet end //Discuss .o_Discuss { padding: 15px !important; background: #f5f5f9 !important; } .o_Discuss .o_DiscussSidebar { background-color: #ffffff !important; color: #dee2e6 !important; border-radius: 5px; margin-right: 10px !important; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } .o_DiscussSidebar_item.o-active { color: #f46a6a !important; font-weight: 500 !important; } .o_DiscussSidebarItem:hover { background: none !important; } .o_DiscussSidebarItem { cursor: pointer !important; color: #74788d !important; line-height: 24px !important; padding: 10px 5px !important; } .o_DiscussSidebarItem_activeIndicator.o-item-active { background: none !important; } .o_DiscussSidebar_item.o-active .fa { color: #f46a6a !important; } .o_widget_Discuss .o_Discuss_content { border-top: none !important; background-color: #ffffff !important; border-radius: 5px; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; } .o_DiscussSidebarItem_counter { background-color: #f46a6a !important; color: #fff !important; } .o_ThreadIcon_online { color: #34c38f; } .o_Message_prettyBody table th { color: $primary_accent !important; } .o_Message_prettyBody table thead tr td { background-color: $primary_hover !important; } .o_DiscussSidebarMailbox.o-active { background-color: #e9ecef; color: #f46a6a !important; font-weight: 500 !important; } .o_Discuss .o_DiscussSidebar { color: #74788d !important; line-height: 24px !important; padding: 10px 5px !important; } .o_DiscussSidebarMailbox.o-starred-box .o_DiscussSidebarMailbox_counter { border-color: #f46a6a !important; background-color: #f46a6a !important; color: #fff !important; } .o_list_buttons.d-flex button { margin-right: 5px; } // Discuss End //Chatter @form .o_FormRenderer_chatterContainer { max-width: initial; margin-top: 15px !important; padding: 0 !important; border-radius: 5px; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } .o_ChatterContainer { padding: 10px; background: #fff; border-radius: 5px; } .o_Discuss .o_Message .o_Message_prettyBody p a { background: $primary_accent !important; } .o_Message.o-not-discussion { background-color: #eff2f7; margin: 5px; border-radius: 5px; border-bottom: none; } .o_Composer { background-color: #fff; border-radius: 0 0 5px 5px; border: none !important; } //Chatter @form Ends //Chatter mini starts .o_ChatWindow { background-color: #fff !important; border-radius: 5px 5px 0 0 !important; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.25) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .25) !important; } .o_PartnerImStatusIcon_icon.o-offline { color: #495057 !important; } .o_PartnerImStatusIcon_icon.o-online { color: #34c38f !important; } .o_PartnerImStatusIcon_innerBackground { color: white !important; } i.o_PartnerImStatusIcon_outerBackground.fa.fa-circle.fa-stack-1x { color: #fff !important; } .o_ChatWindowHeader_item.o_ChatWindowHeader_rightArea .fa { color: #fff !important; } .o_ChatWindowHeader { background-color: #556ee6; color: white !important; } //Chatter mini ends // Tabs Start .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { border: none; border-bottom: solid; font-weight: bold; background: $primary_accent; background-color: $primary_accent !important; color: #ffffff !important; border-radius: 5px; } .nav-link { display: block; padding: 1rem 2rem; } .o_form_view .o_notebook { clear: both; margin-top: 25px; --notebook-margin-x: -32px; --notebook-padding-x: 23px; } .nav-tabs { border-bottom: none; } .nav-tabs .nav-link { border: 1px solid #e3e3e3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom: none !important; } .nav-item > a { color: #555b6d !important; } .nav-link:hover, .nav-link:focus { border: 1px solid #e9e9e9 !important; border-bottom: none !important; } ul.sidebar_menu .nav-link:hover,ul.sidebar_menu .nav-link:focus { border: none !important; border-bottom: none !important; } a#closeSidebar { margin-left: 10px; } a#openSidebar { margin-left: 10px; } // TAbs End // Font color .o_horizontal_separator { color: #495057 !important; } .btn-link { font-weight: 400; color: $primary_accent !important; text-decoration: none; } .o_activity_view .o_record_selector { color: #34c38f; } // Font color ends // Form input { display: block; width: 100%; font-size: 13px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; box-shadow: none !important; margin-bottom:10px !important; } select { width: 100%; height: 40px !important; padding: 10px 20px; font-size: 13px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da !important; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; box-shadow: none !important; margin-bottom:10px !important; } .o_field_widget .o_input_dropdown .o_dropdown_button { position: absolute; top: 6px; left: auto; bottom: auto; right: 9px; } .o_datepicker .o_datepicker_button { position: absolute; top: 6px; left: auto; bottom: auto; right: 9px; pointer-events: none; } .o_input { border: solid 1px #ced4da !important; color: #495057 !important; } .o_form_view .oe_button_box .btn.oe_stat_button > .o_stat_info .o_stat_value, .o_form_view .oe_button_box .btn.oe_stat_button > span .o_stat_value { color: #556ee6; } .o_form_view .oe_button_box .oe_stat_button .o_button_icon { color: #556ee6; } // Form end // Search view .o_searchview input.o_searchview_input { border: none !important; height: auto !important; margin: 0 !important; padding: 0px; } .o_base_settings .o_control_panel .o_panel .o_setting_search .searchIcon { top: 9px; right: 10px; } .o_base_settings .o_control_panel .o_panel .o_setting_search .searchInput { padding: 10px 15px; } // Search view end // Settings page .o_web_settings_invite { margin-left: 7px; } .o_settings_container .o_setting_box .o_setting_right_pane { margin-left: 32px !important; border-left: 1px solid #dee2e6; padding-left: 12px; } .o_setting_container { background: #f8f8fb; padding: 15px 0 0 0; } .o_base_settings .o_control_panel { margin: 0; } .settings { margin-left: 15px; background-color: #ffffff !important; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; border-radius: 5px; } .settings_tab { background-color: #ffffff !important; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; border-radius: 5px; } .o_base_settings .o_setting_container .settings_tab .selected, .o_base_settings .o_setting_container .settings_tab .selected span { box-shadow: none !important; color: #f46a6a !important; font-weight: 500 !important; background: none !important; } .o_base_settings .o_setting_container .settings_tab .tab { color: #74788d !important; } .o_setting_container .o_field_widget.o_field_many2one.o_with_button.oe_inline { margin-left: 15px !important; } // Settings page end // Scrollbar starts ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.19); 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 3px rgba(0,0,0,.2); background-color: #c9ccd6; } // Scrollbar ends // Common starts .o_content { margin: 15px; border-radius: 5px; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; background-color: #f8f8fb; } .o_action { background: #f8f8fb; } // Common ends // Kanban_view starts .o_kanban_view { border-radius: 5px; background: #fff; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } .o_kanban_view.o_kanban_ungrouped .o_kanban_record { border-radius: 5px; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } .o_kanban_view .o_kanban_group { background: #fff; border-radius: 5px; margin-right: 10px; } .o_kanban_view.o_kanban_grouped { background-color: #f8f8fb; } .o_kanban_view.o_kanban_grouped .o_kanban_record, .o_kanban_view.o_kanban_grouped .o_kanban_quick_create { border-radius: 5px; margin-bottom: 10px; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } .o_kanban_view.o_kanban_dashboard .o_kanban_record .o_kanban_card_header + .container.o_kanban_card_content .o_kanban_primary_bottom.bottom_block { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: rgba(85,110,230,.25) !important; } .o_kanban_view .o_kanban_record.o_kanban_record_has_image_fill .o_kanban_image_fill_left { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .o_kanban_record::after { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .o_kanban_quick_create .o_form_view, .o_kanban_quick_create .o_action, .o_kanban_quick_create .o_content { background: #fff; margin: 0px; -webkit-box-shadow: none !important; box-shadow: none !important; } .o_kanban_view .o_kanban_content .bg-primary { border-radius: 5px 0 0 5px; } // Kanban_view ends // Canvas canvas.chartjs-render-monitor { width: 100% !important; height: 100% !important; } // Canvas End // Apps menu starts .o_search_panel { border-right: none; background-color: #ffffff; border-radius: 5px; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } .list-group-item-action { width: 100%; color: #74788d; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: none !important; background: none !important; } .o_search_panel .list-group-item header.active { background: none !important; color: #f46a6a !important; font-weight: 500 !important; } .o_controller_with_searchpanel .o_renderer_with_searchpanel { margin-left: 15px; } //Apps menu ends // Website app starts .o_dashboards .o_website_dashboard { background-color: #ffffff !important; } .o_dashboards .o_website_dashboard div.o_box { box-shadow: none !important; } .o_inner_box { background-color: $primary_accent !important; border-radius: 5px; } .o_inner_box:hover { background-color: $primary_hover !important; } // Website app ends // Purchase app starts td.o_main { background-color: $primary_accent !important; border-radius: 5px; } td.o_main:hover { background-color: $primary_hover !important; } .o_purchase_dashboard .table > thead > tr > td, .o_purchase_dashboard .table tbody > tr > td { border-radius: 5px; } //Purchase app ends // Input inside colour starts .o_searchview .o_searchview_facet .o_facet_values { border :1px solid white; } select, input { color: #4c4c4c !important; } .o_required_modifier > .o_input_dropdown > .ui-autocomplete-input { color: #4c4c4c !important; } .o_required_modifier.o_input, .o_required_modifier.o_input { color: #4c4c4c !important; } .o_datepicker.o_field_date.o_field_widget.o_required_modifier > input { color: #4c4c4c !important; } .o_field_widget.o_field_many2manytags .o_tag_color_0 { max-height:20px; } // Input inside colour ends // Welcome demo starts .o_onboarding_container.collapse.show { border-radius: 5px !important; margin: 15px 15px 0px 15px; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } .o_onboarding.o_onboarding_blue, .o_onboarding.o_onboarding_blue .o_onboarding_step_title, .o_onboarding.o_onboarding_blue .o_onboarding_step_action, .o_onboarding.o_onboarding_blue a.o_onboarding_all_done, .o_onboarding.o_onboarding_blue .o_onboarding_all_done > .fa, .o_onboarding.o_onboarding_blue .o_onboarding_btn_close { border-radius: 5px; } .o_onboarding { border-radius: 5px; } // Welcome demo ends // Modal starts .modal.o_technical_modal .modal-content { border-radius: 5px; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; background-color: #fff; background-clip: padding-box; border: 1px solid #f6f6f6; } .modal.o_technical_modal .modal-content .o_form_view, .modal.o_technical_modal .modal-content .o_content, .modal.o_technical_modal .modal-content .o_action { background-color: #fff !important;; -webkit-box-shadow: none !important; box-shadow: none !important; } .modal.show .modal-dialog { display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal .o_form_view .o_group .o_field_widget { width: 98% !important; } // Modal ends // Calendar starts .o_calendar_view { background: #fff; } // Calendar ends // Expense starts .o_content .o_expense_container { background: #fff; } // Expense ends // Lunch starts .o_lunch_content .o_lunch_banner { border-bottom: none !important; background-color: #fff !important; margin: 0 15px 10px 15px; border-radius: 5px; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } // Lunch ends // Kiosk starts .o_hr_attendance_kiosk_backdrop { background-color: #f8f8fb !important; } .o_hr_attendance_kiosk_mode { background-color: #fff !important; border-radius: 0 0 5px 5px !important; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } .o_hr_attendance_kiosk_mode .o_hr_attendance_user_badge { border-radius: 5px 5px 0 0 !important; border-top: none !important; background: rgba(85,110,230,.25) !important; } .o_hr_attendance_sign_in_out_icon.fa-sign-in { color: #fff !important; background-color: $primary_accent !important; border-color: $primary_accent !important; } .o_hr_attendance_sign_in_out_icon.fa-sign-in:hover { color: #fff !important; background-color: $primary_hover !important; border-color: #4458b8 !important; } .o_hr_attendance_sign_in_out_icon.fa-sign-in:active { color: #fff !important; background-color: #4458b8 !important; border-color: #4053ad !important; } .o_hr_attendance_sign_in_out_icon.fa-sign-in:focus { color: #fff; background-color: #485ec4 !important; border-color: #4458b8 !important; -webkit-box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important; box-shadow: 0 0 0 .15rem rgba(111,132,234,.5) !important; } .o_hr_attendance_kiosk_mode h3.mt0.mb0.text-muted { color: $primary_accent !important; } .o_hr_attendance_button_employees div.mb16.mt16 { margin-top: 4px !important; } // Kiosk ends // Timeoff starts .o_timeoff_container { background: #fff; } // Timeoff ends // Project .fa colours starts .o_mail_activity .o_activity_color_planned { color: #34c38f !important; } .o_mail_activity .o_activity_color_overdue { color: #f46a6a !important; } .o_field_widget.o_priority > .o_priority_star.fa-star { color: #f1b44c !important; } // Project .fa colours ends // Sale status icon starts .bg-primary { background-color: $primary_accent !important; } .bg-secondary { background-color: $secondary_accent !important; } .bg-success-light { color: #1f7556 !important; background-color: #d6f3e9 !important; } .bg-info-light { color: #306391 !important; background-color: #dcedfc !important; } .bg-danger-light { background-color: #fde1e1 !important; color: #924040 !important; } .bg-warning-light { background-color: #fcf0db !important; color: #916c2e !important; } .o_field_widget.o_field_badge { color: #464855; background-color: #e3e4e8; } // Sale status icon end // Stock icon colors starts .o_list_view .o_list_table .text-danger, .o_list_view .o_list_table .oe_import .alert.text-error, .oe_import .o_list_view .o_list_table .alert.text-error { color: #f46a6a !important; } .text-danger { color: #f1b44c !important; } .text-warning { color: #f1b44c !important; } .text-error { color: #f46a6a !important; } .text-success { color: #34c38f !important; } // Stock icon colors ends // Badges starts .badge-primary { background-color: #556ee6 !important; } .badge-secondary { background-color: #74788d; } .badge-success { background-color: #34c38f; } .badge-info { background-color: #50a5f1; } .badge-danger { background-color: #f46a6a; } .badge-warning { background-color: #f1b44c; } .badge-dark { background-color: #343a40; } .bg-success { background-color: #34c38f !important; } .bg-success-full { background-color: #34c38f !important; } .bg-warning-full { background-color: #f1b44c !important; } .bg-danger-full { background-color: #f46a6a; } .o-planned { color: #34c38f !important; } .o-overdue { color: #f46a6a !important; } .o_progressbar_complete { background-color: #34c38f !important; } // Badges ends // Alert starts .alert-warning { color: #916c2e; background-color: #fcf0db; border-color: #fbe9c9; } .alert-danger { color: #924040; background-color: #fde1e1; border-color: #fcd2d2; } .alert-success { color: #1f7556; background-color: #d6f3e9; border-color: #c2eddd; } .alert-info { color: #306391; background-color: #dcedfc; border-color: #cbe4fb; } .toast { border-radius: 5px !important; color: #924040 !important; background-color: #fde1e1 !important; border-color: #fcd2d2 !important; -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important; box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important; } .toast-header { border-bottom: 1px solid #fcd2d2 !important; color: #924040 !important; background-color: #fde1e1 !important; border-color: #fcd2d2 !important; } .toast-body { color: #924040 !important; background-color: #fde1e1 !important; border-color: #fcd2d2 !important; } .o_notification_manager { top: auto !important; bottom: 30px !important; } // Alert ends // Recruitment starts div.o_boolean_toggle.custom-control.custom-checkbox > label.custom-control-label::before, div.o_boolean_toggle.custom-control.custom-checkbox > label.custom-control-label::after { left: 0.1rem !important; } div.o_boolean_toggle.custom-control.custom-checkbox > input.custom-control-input:checked + label.custom-control-label::after { top: 1.5px !important; } div.o_boolean_toggle.custom-control.custom-checkbox > label.custom-control-label::after { top: 1px; } .o_kanban_view.o_kanban_dashboard.o_hr_recruitment_kanban .ribbon span { background-color: #556ee6; } .o_kanban_view.o_kanban_dashboard.o_hr_recruitment_kanban.o_kanban_ungrouped .o_kanban_record:not(.o_kanban_ghost) { height: 197px; } // Recruitment ends // Note editor starts .note-popover .popover .popover-body, .panel-heading.note-toolbar { padding: 5px !important; border-bottom: none !important; background: rgba(85, 110, 230, 0.25) !important; border-radius: 5px 5px 0 0 ; } .note-editor .note-statusbar { border-radius: 0 0 5px 5px; } .wysiwyg_iframe, .note-editor { border: 1px, bold !important; border-radius: 5px; } // Note editor ends // Progress starts .oe_kanban_content .progress .progress-bar { background-color: #556ee6; } .progress-bar.bg-muted-full { background-color: #dee2e6; } // Progress ends // Email marketing starts .o_domain_node.o_domain_tree.o_domain_selector > .o_domain_debug_container { background: rgba(85, 110, 230, 0.25); color: #000; } .o_domain_node.o_domain_tree.o_domain_selector > .o_domain_debug_container > input { background: rgba(85, 110, 230, 0.25); } .o_field_widget.o_field_domain.o_inline_mode.o_edit_mode > .o_field_domain_panel { top: -18px; } .o_domain_node .o_domain_selector_row > .o_domain_node_control_panel { top: 5px; } .o_mail_emojis_dropdown { bottom: 50px; } // Email marketing ends // Menu+ color starts .o_main_navbar > ul > li.o_extra_menu_items.show > ul > li > a { background-color: #74788d; } .o_main_navbar > ul > li.o_extra_menu_items.show > ul > li > a.dropdown-toggle { background-color: #abadba; } // Menu+ color ends // Top menu bar starts nav.o_main_navbar.small_nav { display: flex; flex-wrap: wrap; justify-content: space-between; height: auto; } ul.o_menu_systray.topbar_icon { margin-left: auto; } .o_main_navbar .o_user_menu > a { display: flex; align-items: center; } .oe_topbar_name { max-width: 300px; margin-left: 5px; white-space: nowrap; overflow: hidden; } ul.o_menu_sections { padding-left: 20px; } @media (max-width: 1371px) { nav.o_main_navbar { display: flex; justify-content: right; height: auto; } ul.o_menu_systray.topbar_icon { margin-left: auto; } } @media (max-width: 575.98px) { .o_main_navbar .o_menu_sections { max-width: 200px; overflow-x: auto; flex-wrap: nowrap !important; } .o_search_panel { flex: auto; } } // Top menu bar ends // Datetimepicker starts .datepicker td, .datepicker td a, .datepicker th, .datepicker span { padding: 0.5rem !important; } div.dropdown-menu.bootstrap-datetimepicker-widget { width: auto !important; } // Datetimepicker ends // Groupby color starts .o_list_view tbody > tr.o_group_header { background-image: none !important; } .table-striped tbody tr.o_group_header:nth-of-type(odd) { background-color: rgba(85,110,230,0.17); } .table-striped tbody tr.o_group_header:hover { background-color: rgba(85,110,230,0.23); } // Group by color ends // 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: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; } .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; } } //Responsive ends // New changes .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: $f_color !important; } .o_content .o_expense_purple { color: #556ee6; } .row.o_recruitment_kanban_boxes .custom-checkbox input:checked + label::after { display:none } // New fix .o_form_view .oe_button_box + .oe_title, .o_form_view .oe_button_box + .oe_avatar + .oe_title { width: 100% !important; } .form-check-input { box-sizing: border-box; } .o_facet_values { border: none !important; } // V17 Fixes .o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_sections .dropdown-toggle { background: white !important; } .o_cp_searchview .btn.btn-primary { max-height: 30px !important; left: -4px !important; } .o_facet_remove.oi.oi-close.btn.btn-link { margin-top: 0px; } .o_field_widget.o_field_badge { background: none !important; } .o_list_view .table-responsive .table { width: fit-content !important; left: -14px; } // Remove button one2many field .o_list_renderer .o_list_table > thead > tr > :last-child, .o_list_renderer .o_list_table > tbody > tr > :last-child, .o_list_renderer .o_list_table > tfoot > tr > :last-child { vertical-align: middle; } // Dropdown toggle .o_list_view .table-responsive .table thead tr:nth-child(1) th { width: 80px; } // Oe chatter search bar .btn-link.btn-action, .btn-link.btn-action:hover, .btn-link.btn-action:focus, .btn-link.btn-action:active, .btn-link.btn-action.active, .btn-link.text-action, .btn-link.text-action:hover, .btn-link.text-action:focus, .btn-link.text-action:active, .btn-link.text-action.active { margin-top: 8px; } // Buttons inside table .o_list_table .o_data_cell { vertical-align: middle; } .o_form_view .o_notebook > .tab-content > .tab-pane > :first-child:not(.o_group) .o_field_x2many.o_field_x2many_list .o_list_renderer tr > .o_handle_cell:first-child, .o_form_view .o_notebook > .tab-content > .tab-pane > .o_invisible_modifier:first-child .o_field_x2many.o_field_x2many_list .o_list_renderer tr > .o_handle_cell:first-child { width: 20px !important; } @media (min-width: 1200px) { .o_calendar_sidebar_container .o_calendar_sidebar { width: 300px; } button.o_date_item_cell > span.z-index-1 { margin-left: -5px; } } button.oe_stat_button { border-color: #616263!important; } // Statusbar @media (min-width: 1200px) { .o_form_statusbar .o_statusbar_buttons .btn { margin-right: 5px !important; } div.o_statusbar_status .btn-secondary { all: initial !important; } div.o_statusbar_status .btn-secondary.dropdown-toggle { display: none !important; } .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 { display: none !important; } .o_statusbar_status .o_arrow_button.btn-secondary { color: #74788d !important; background-color: white !important; border-color: white !important; border-radius: 1px !important; font-family: inherit !important; height: 30px !important; padding: 2px !important; height: 30px !important; line-height: 1px !important; } .o_statusbar_status .o_arrow_button.btn-secondary.o_arrow_button_current { color: white !important; background-color: black !important; font-family: inherit !important; } .o_statusbar_status .o_arrow_button.btn-secondary { border-top: 15px solid transparent !important; border-left: 15px solid white !important; border-bottom: 15px solid transparent !important; height: 0px !important; } .o_form_view:not(.o_field_highlight) .o_field_many2one_selection .o_external_button, .o_form_view:not(.o_field_highlight) .o_field_many2one_selection .o_dropdown_button { margin-top: -7px; } } .o_kanban_primary_left .btn-primary { height: 60px !important; } .btn{ height: 42px !important; margin-bottom: 0px !important; }