body { background: var(--color-white) !important; } thead, tbody, tfoot, tr, td, th { border-style: none !important; padding:20px; } btn-fill-odoo:hover, .btn-odoo:hover { background-color: #e9ecef !important; } .btn-light:hover, .o_form_view .o_statusbar_status .o_arrow_button:hover:not(.disabled) { background-color: #e9ecef !important; } .o_DiscussSidebarMailbox_item { color: #212529 !important; } .o_DiscussSidebarCategory_titleText { color: #6c757d !important; } .o_record_selector .btn span{ color:#017e84 !important; } .o_searchview_icon{ color: var(--button-bg) !important; } .o_activity_view .o_activity_summary_cell.planned { background-color: #28a745 !important; } .table-bordered{ border: 1px solid #e9ecef !important; } .o_MessageList_emptyTitle{ text-align: center !important; font-style: italic !important; color: rgba(73, 80, 87, 0.76) !important; } .o_DiscussSidebarCategoryItem_item{ color: #212529 !important; } .o_action_manager .o_action .o_content .o_list_renderer table tbody tr td, .o_action_manager .o_view_controller .o_content .o_list_view .table-responsive table tbody tr td{ border: none !important; padding: 15px 15px !important; width: auto !important; font-size: 14px !important; font-weight: normal !important; color: var(--text-color-1) !important; } .border-start { border-left: none !important; } .border-bottom { border-bottom: none !important; } .o_list_renderer .o_list_table tbody > tr > td:not(.o_list_record_selector):not(.o_handle_cell):not(.o_list_button):not(.o_list_record_remove) { display: table-cell !important; max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; vertical-align: top !important; color: var(--text-color-1) !important; } button ,.o_ChatterTopbar_button,.o_ChatterTopbar_buttonSendMessage,.btn{ color:black !important; } .o_form_view .o_form_statusbar > .o_statusbar_buttons > .btn { min-height: 25px !important; margin: 4px 3px 4px 0 !important; padding-top: 2px !important; padding-bottom: 2px !important ; } .dropdown-menu .dropdown-item.focus, .o-dropdown-menu .dropdown-item.focus { background-color: var(--button-bg) !important; color: white !important; } .o_ChatterTopbar_actions button{ color: #495057 !important; font-size: 15px !important; } .o_list_renderer .o_list_table thead th:not(.o_list_record_selector) { border-left: none !important; } .btn-light, .o_form_view .o_statusbar_status .o_arrow_button:not(.disabled) { color: black !important; } .table > :not(caption) > * > * { border-bottom-width: 0px !important; } button, .o_ChatterTopbar_button, .o_ChatterTopbar_buttonSendMessage, .btn { color: white !important; } .text-bg-primary { border: 0; font-size: 13px !important; background-color: var(--tr-button-bg) !important; font-weight: 500 !important; display: inline-block !important; max-width: 100% !important; color: var(--button-bg) !important; width: 100px !important; text-align: center !important; padding: 7px 5px !important; } .modal-body >.alert > .btn{ color:red !important; } .o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::before{ right: -11px; border-left-color: var(--tr-button-bg) !important } .form-check-input:checked{ background-color:var(--button-bg) !important; border-color:#274d91 !important; } .dropend > .dropdown-item{ color:#495057 !important; } .o_row > .fa-plus-square-o{ background-color: white !important; } .o_lead_opportunity_form>.o_form_sheet_bg>.o_form_statusbar >.o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::after { content: " "; display: block; position: absolute; top: 0px; left: auto; bottom: auto; right: -12px; border-right: none; border-left: 14px solid #e6ecfc !important; border-top: none !important; border-bottom: none !important; border-right: none; } .o_field_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::after { content: " "; display: block; position: absolute; top: 0px; left: auto; bottom: auto; right: -12px; border-top: 18px solid transparent !important; border-bottom: 18px solid #ae0d0d00 !important; border-right: none; border-left: 14px solid #e6ecfc !important; } .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: 14px solid #5279be !important; border-left-color: rgb(82, 121, 190); border-left-style: solid; border-left-width: 12px; } .o_wrap_field > .o_cell >.o_field_widget > .o_field_tags > .rounded-pill{ background-color: var(--tr-button-bg) !important; font-weight: 500 !important; color: var(--button-bg) !important; width: 148px !important; text-align: center !important; padding: 7px 5px !important; } .o_tag.o_tag_color_10 { background-color: #30C381 !important; } .o_tag.o_tag_color_5 { color: #FFFFFF !important; } .o_tag.o_tag_color_1{ background-color: #F06050 !important; color: #FFFFFF !important; } .o_tag.o_tag_color_4 { background-color: #6CC1ED !important; color: #000000 !important; } .o_tag.o_tag_color_6 { background-color: #EB7E7F !important; color: #000000 !important; } .o_tag.o_tag_color_2 { background-color: #F4A460 !important; color: #000000 !important; } .o_field_tags > .rounded-pill { background-color: var(--tr-button-bg); font-weight: 500 !important; color: var(--button-bg); width: 75px !important; text-align: center !important; padding: 7px 5px !important; } a >.text-success{ color:green !important; } a >.text-warning{ color: #9a6b01 !important; } .o_statusbar_status .o_arrow_button:not(.disabled){ background-color: var(--tr-button-bg) !important; } a >.text-danger{ color:red !important; } :not(.o_field_x2many_list) > .o_list_renderer .o_list_table thead tr > :not(:empty), .o_list_renderer .o_list_table tfoot tr > :not(:empty) { padding-top: var(--ListRenderer-thead-padding-v) !important; padding-bottom: var(--ListRenderer-thead-padding-v) !important; } .o_list_renderer .o_list_table .o_column_sortable:not(.o_handle_cell) { user-select: none !important; } .table > :not(caption) > * > * { padding: 0.75rem 0.75rem !important; background-color: var(--table-bg) !important; box-shadow: inset 0 0 0 9999px var(--table-accent-bg) !important; } // Icon .fa{ color:var( --button-bg) !important; } .o_field_statusbar > .o_statusbar_status > .o_arrow_button.disabled:not(.o_arrow_button_current), .o_field_statusbar > .o_statusbar_status > .o_arrow_button.disabled:not(.o_arrow_button_current):hover, .o_field_statusbar > .o_statusbar_status > .o_arrow_button.disabled:not(.o_arrow_button_current):focus { color: var(--button-bg) !important; background: var(--tr-button-bg) !important; padding: 9px 14px !important; } .o_field_statusbar > .o_statusbar_status > .o_arrow_button.o_arrow_button_current.disabled{ color: white !important; background-color: var(--button-bg) !important; } .o_ChatterTopbar_rightSection > .btn-primary{ background-color:white !important; } .o_main_navbar { // width: 98%; background: #f3efef; // margin: auto; background: transparent !important; height: 65px; padding-top: 10px; margin-top: 6px; // margin-left: 20px; // margin-right: 20px; border: 1px solid transparent; border-bottom-color: #e3e3e3; .o_menu_brand { color: var(--brand-1) !important; font-size: 24px !important; font-weight: 500; &:hover { color: var(--black-color) !important; } } .dropdown-toggle { color: var(--text-color-1) !important; font-size: 15px !important; } .o_nav_entry { color: var(--text-color-1); font-size: 15px; } .o_menu_sections { .o_nav_entry { color: var(--text-color-1); font-size: 15px; } } } .o_main_navbar, .o_menu_systray, .o_web_client>header { margin-top: 0px !important; } .o_MessagingMenu_counter, .o_notification_counter { background: var(--button-bg) !important; color: var(--white-color) !important; } // Main body .o_action_manager { // margin-top: 25px !important; // width: 98% !important; // margin: auto; .o_action, .o_view_controller { .o_control_panel { border-bottom-color: transparent !important; .o_cp_top { margin-bottom: 10px !important; justify-content: space-between; } .o_cp_top_left { .breadcrumb { .breadcrumb-item { .text-900 { color: var(--black-color) !important; font-size: 26px !important; font-weight: 600 !important; } } } } .o_cp_top_right { width: 40%; .o_searchview { background-color: var(--white-color); border: none !important; border-radius: 3px; padding: 10px 26px 10px 8px; -webkit-box-shadow: 0px 1px 12px 2px rgba(240, 240, 240, 0.93); -moz-box-shadow: 0px 1px 12px 2px rgba(240, 240, 240, 0.93); box-shadow: 0px 1px 12px 2px rgba(240, 240, 240, 0.93); height: 40px; .o_searchview_icon { position: absolute; top: 10px; left: auto; bottom: auto; right: 16px; font-size: 18px; z-index: 999; } .o_searchview_input_container { .o_searchview_facet { border: none !important; border: none !important; background: var(--tr-button-bg) !important; padding: 4px 8px; border-radius: 6px; color: var(--button-bg) !important; margin-top: -3px; .o_searchview_facet_label { background: transparent !important; color: var(--button-bg) !important; } .o_facet_remove { color: var(--button-bg) !important; top: 1px; left: auto; bottom: 0; right: 3px; } } } } } .o_cp_bottom { padding-top: 10px; padding-bottom: 10px; .o_cp_pager{ button{ &:after{ display: none !important; } } } .o_cp_bottom_left { .o_cp_buttons { .o_list_buttons {} } } .o_cp_bottom_right { width: auto !important; display: contents !important; .o_search_options { :first-child {} .o-dropdown--no-caret { border-radius: 3px; margin: 0px 3px; background: var(--tr-button-bg) !important; // padding: 4px 8px; color: var(--button-bg) !important; } } .o_cp_switch_buttons { .btn-light { border-radius: 3px; background: var(--tr-button-bg) !important; color: var(--button-bg) !important; margin-left: 3px; } .active { border-radius: 3px; background: var(--tr-button-bg) !important; color: var(--button-bg) !important; } } } } } .o_content { // margin-top: 15px !important; .o_list_view { .o_dashboard_action{ background:var(--button-bg) !important; } .table-responsive { table { thead { background: transparent !important; border: none !important; border-style: none !important; th { border: none !important; border-style: none !important; width: auto; padding: 15px 15px; font-size: 15px; } } tbody { tr { td { border: none !important; padding: 15px 15px; border-style: none !important; width: auto; font-size: 14px; font-weight: normal !important; color: var(--text-color-1) !important; } } } tfoot { background: var(--white-color) !important; border: none !important; tr { td { border: none !important; } .o_list_number { font-size: 16px !important; } } } } table th:nth-child(7) { text-align: center; } table td:nth-child(7) { font-weight: 700 !important; text-align: center; } } } .o_form_statusbar { padding-bottom: 15px; .o_statusbar_status { button { margin-right: 12px; } .o_arrow_button.btn-primary { &:before { display: none !important; } &:after { content: " "; display: block; position: absolute; top: 0px; left: auto; bottom: auto; right: -12px; border-top: 18px solid transparent !important; border-bottom: 18px solid transparent !important; border-right: none; border-left: 12px solid #5279be !important; } } } } .o_arrow_button.btn-secondary { &:before { display: none !important; } &:after { content: " "; display: block; position: absolute; top: 0px; left: auto; bottom: auto; right: -12px; border-top: 18px solid transparent !important; border-bottom: 18px solid transparent !important; border-right: none; border-left: 12px solid #e6ecfc !important; } } } } } // Kanban view .o_kanban_view { .oe_kanban_card { padding: 25px 15px; border: none !important; -webkit-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98); -moz-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98); box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98); background-color: white; border-radius: 5px; margin-bottom: 20px !important; &:hover { -webkit-transition: 0.5s; transition: 0.5s; box-shadow: 0 0 11px rgba(33, 33, 33, .2) !important; } .o_kanban_record_title { font-size: 16px !important; color: var(--sub-color-i-3) !important; font-weight: 600 !important; .o_field_number { font-size: 16px !important; color: var(--sub-color-i-2) !important; font-weight: 600 !important; } } } .oe_module_vignette.o_kanban_record { padding: 25px 15px; border: none !important; -webkit-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98); -moz-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98); box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98); background-color: white; border-radius: 5px; margin-bottom: 20px !important; } } // Discuss .o_Discuss_content { .o_ThreadView_core { .o_Message_prettyBody div p a { background: var(--button-bg) !important; } } } // Calander .o_calendar_container { .fc-today { background: var(--button-bg) !important; } } // Contacts .o_form_sheet_bg{ padding-top:20px; .o_form_sheet{ .oe_title { .o_field_widget{ margin-bottom:15px !important; .custom-radio{ .o_form_label{ padding-left: 5px !important; padding-top: 2px; } } } } } } // Attendances .o_hr_attendance_kiosk_mode_container{ .o_hr_attendance_kiosk_backdrop{ background:var(--white-color) !important; } .o_hr_attendance_kiosk_mode{ box-shadow: 0 0 11px rgba(33, 33, 33, .2) !important; .o_hr_attendance_user_badge { background: linear-gradient(to right bottom, #546bbf, #546bbf87); } .o_hr_attendance_sign_in_out_icon{ &:after{ display:none !important; } } } } // Settings .settings { #invite_users_setting { .o_setting_right_pane .d-flex { display: unset !important; } } } .o_base_settings { .o_setting_container { .settings_tab .selected { box-shadow: inset 2px 0 0 var(--button-bg); } } } // Buttons .btn { display: inline-block; font-weight: 400; color: #495057; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 13px; line-height: 1.5; border-radius: 3px; 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; &-primary { background-color: var(--button-bg) !important; padding: 9px 20px; font-size: 14px; color: var(--white-color); border: none !important; } &-secondary { background: var(--tr-button-bg) !important; margin-left: 7px !important; color: var(--button-bg) !important; padding: 9px 14px; // &:after { // content: " "; // display: block; // position: absolute; // top: 0px; // left: auto; // bottom: auto; // right: -10px; // border-top: 19px solid transparent !important; // border-bottom: 19px solid transparent !important; // border-right: none; // border-left: 11px solid #e6eafc !important; // } } &-light { color: var(--button-bg) !important; .small { font-size: 16px; } .mr-1 { margin-right: 0.60rem !important; } span { font-size: 15px; } &:hover { background-color: transparent; border-color: transparent; } } &.o_external_button { background:transparent !important; } // fa fa-external-link btn btn-secondary o_external_button &-info { color: var(--white-color); background-color: #50a5f1 !important; border-color: #50a5f1 !important; &:hover { color: var(--white-color); background-color: #448ccd !important; border-color: #4084c1 !important; } } &-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; &:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } } &-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; &:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } } &-success { color: #fff; background-color: #28a745; border-color: #28a745; &:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } } } // Badges .o_required_modifier .o_input{ background:white !important; border:none !important; } .o_input { border-radius: 0px !important; color: #1f1f1f; background: var(--white-color) !important; padding: 10px 4px !important; margin-bottom: 10px !important; } .rounded-pill{ border: 0; font-size: 14px; user-select: none; background-color: var(--tr-button-bg) !important; font-weight: 500; display: inline-block; max-width: 100%; width: 130px; text-align: center; padding: 7px 5px; } .o_tag.o_tag_color_5 { color: #FFFFFF !important; } .o_facet_values{ border: none !important; } .align-middle{ border: none !important; padding: 15px 15px !important; font-size: 15px !important; } .o_list_renderer .o_list_table thead { background-color: #fff !important; } .o_field_badge span, { font-weight: 400 !important; } .o_kanban_renderer .o_kanban_record > div, .o_kanban_renderer .o_kanban_quick_create { border: none; background-color: white; } .btn-primary { padding: 9px 20px !important; font-size: 14px; color: var(--white-color); border: none !important; } .btn { position: relative; display: inline-block; color: var(--white-color); border: none; border-radius: 3px !important; outline: 0; font-weight: normal; text-align: center; text-transform: capitalize; cursor: pointer; } ::placeholder { opacity: 25 !important ; /* Firefox */ } .o_ActivityMenuView_counter{ background-color: var(--button-bg) !important; color:white !important; } .o_field_badge { border: 0; border-radius: 25px; font-size: 14px; user-select: none; font-weight: 400; display: inline-block; max-width: 100%; color: var(--button-bg) !important; width: 130px; text-align: center; padding: 7px 5px; } .align-middle{ padding:none !important; } .badge-primary { border: 0; font-size: 13px; background-color: var(--tr-button-bg) !important; font-weight: 500; display: inline-block; max-width: 100%; color: var(--button-bg) !important; width: 100px; text-align: center; padding: 7px 5px; } .badge-default { font-size: 12px; color: var(--tr-button-bg) !important; font-weight: 500; display: inline-block; background-color: var(--button-bg) !important; padding: 7px 5px; } // Input types and fields .o_form_label{ font-size:14px !important; } .o_input { // border: 1px solid var(--border-color) !important; border-radius: 0px !important; color: #1f1f1f; background:var(--white-color) !important; padding: 10px 4px !important; margin-bottom:10px !important; } .o_required_modifier .o_input, .o_required_modifier.o_input { // background:var(--border-color2) !important; } select.o_field_widget.o_input { background:var(--border-color2) !important; padding: 10px 4px !important; } .o_field_many2manytags{ border: 1px solid transparent !important; border-radius: 0px !important; color: #1f1f1f; background:var(--white-color) !important; padding: 0px !important; margin-bottom:10px !important; } // .o_field_widget{ // .btn-secondary{ // background:transparent !important; // } // } .form-check{ .form-check-label{ &:before{ color: #fff !important; border-color: var(--button-bg) !important; background-color: var(--button-bg) !important; width: 1.5rem; content: ""; height: 1.5rem; border-radius:2px !important; } &:after { position: absolute; top: 0.3125rem; left: -1.5rem !important; display: block; width: 1.5rem !important; height: 1.5rem !important; content: ""; background: no-repeat 50% / 50% 50%; } } } .custom-radio { .form-check-label{ &:before{ color: #fff; border-color: var(--button-bg) !important; background-color: var(--button-bg) !important; width: 1.5rem; height: 1.5rem; border-radius:50% !important; } &:after { position: absolute; top: 0.3125rem; left: -1.5rem !important; display: block; width: 1.5rem !important; height: 1.5rem !important; content: ""; background: no-repeat 50% / 50% 50%; } } } :not(.o_field_x2many_list) > .o_list_renderer .o_list_table thead tr > :not(:empty), .o_list_renderer .o_list_table tfoot tr > :not(:empty) { padding-left: 15px !important; } .o_list_record_selector{ .custom-checkbox .custom-control-input:checked ~ .form-check-label::before{ background:var(--sub-color-i-3) !important; } .form-check-input{ color: #fff; border-color: var(--tr-button-bg) !important; background-color: var(--tr-button-bg) !important; width: 1.5rem; height: 1.5rem; border-radius:2 !important; } .form-check-label{ &:before{ color: #fff; border-color: var(--tr-button-bg) !important; background-color: var(--tr-button-bg) !important; width: 1.5rem; height: 1.5rem; border-radius:2 !important; } &:after { position: absolute; top: 0.3125rem; left: -1.5rem !important; display: block; width: 1.5rem !important; height: 1.5rem !important; content: ""; background: no-repeat 50% / 50% 50%; } } } // Tabs .nav-tabs{ border-radius: 5px; .nav-item{ .nav-link{ Font-size:16px; color:var(--sub-color-i-3) !important; font-weight:600 !important; } .nav-link.active{ color:var(--sub-color-i) !important; font-weight:bold !important; } } } //Form view .o_form_view { .o_form_sheet_bg { background: none; padding-top: 0 !important; .o_form_sheet { border: none !important; -webkit-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98); -moz-box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98); box-shadow: 0px 0px 10px 1px rgba(240, 240, 240, 0.98); border-radius: 5px; padding: 25px; } } } .o_form_image_controls { background-color: var(--tr-button-bg) !important; } .o_calendar_navigation_buttons { .fa { color: var(--white-color) !important; } } .o_list_view tbody > tr.o_group_header { background-image: linear-gradient(to bottom, var(--tr-button-bg), var(--white-color)); } .o_list_view tbody > tr.o_group_header:focus-within { background-image: linear-gradient(to bottom, var(--tr-button-bg), var(--border-color)); } .o_searchview .o_searchview_autocomplete li.o_selection_focus { background-color: var(--button-bg); } .o-dropdown.dropup > .o-dropdown--menu, .o-dropdown.dropdown > .o-dropdown--menu, .o-dropdown.dropleft > .o-dropdown--menu, .o-dropdown.dropright > .o-dropdown--menu { left: auto !important; } 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 { padding-right: var(--ListRenderer-table-padding-h); width: 32px !important; min-width: 32px !important; display: flex !important; flex-wrap: wrap !important; } .o_optional_columns_dropdown_toggle{ color:black !important; } .o_list_controller .o-dropdown.dropdown > .o-dropdown--menu{ margin-left: -200px !important; }