@import url("https://fonts.googleapis.com/css?family=Inter:300,400,500,600&display=swap"); @import url("https://fonts.googleapis.com/css?family=Caveat:700&display=swap"); /* */ @charset "UTF-8"; /* /web/static/lib/bootstrap/scss/_functions.scss */ /* /web/static/lib/bootstrap/scss/_mixins.scss */ /* /web/static/src/scss/functions.scss */ /* /web/static/src/scss/mixins_forwardport.scss */ /* /web/static/src/scss/bs_mixins_overrides.scss */ /* @import url("https://fonts.googleapis.com/css?family=Inter:300,400,500,600&display=swap"); */ /* @import url("https://fonts.googleapis.com/css?family=Caveat:700&display=swap"); */ #calendar_employee .fc-col-header h1, .o_colored_level #calendar_employee .fc-col-header h1, #calendar_employee .fc-cell-shaded h1, .o_colored_level #calendar_employee .fc-cell-shaded h1, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h1, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h1, .o_figure_relative_layout .figure-caption h1, .o_colored_level .o_figure_relative_layout .figure-caption h1, .o_footer .o_footer_copyright h1, .o_colored_level .o_footer .o_footer_copyright h1, .o_cc5 h1, .o_colored_level .o_cc5 h1, .o_cc4 h1, .o_colored_level .o_cc4 h1, .o_cc3 h1, .o_colored_level .o_cc3 h1, .o_cc2 h1, .o_footer h1, .o_colored_level .o_cc2 h1, .o_colored_level .o_footer h1, .o_cc1 h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h1, .navbar-light h1, .o_colored_level .o_cc1 h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h1, .o_colored_level .navbar-light h1, .bg-o-color-5 h1, .o_colored_level .bg-o-color-5 h1, .bg-o-color-4 h1, .o_colored_level .bg-o-color-4 h1, .bg-o-color-3 h1, .o_colored_level .bg-o-color-3 h1, .bg-o-color-2 h1, .o_colored_level .bg-o-color-2 h1, .bg-o-color-1 h1, .o_colored_level .bg-o-color-1 h1, :where(.card:not([data-vxml])) .card-body h1, .o_colored_level :where(.card:not([data-vxml])) .card-body h1, .bg-white h1, .o_colored_level .bg-white h1, .bg-black h1, .o_colored_level .bg-black h1, .bg-black-50 h1, .o_colored_level .bg-black-50 h1, .bg-black-75 h1, .o_colored_level .bg-black-75 h1, .bg-white-50 h1, .o_colored_level .bg-white-50 h1, .bg-white-75 h1, .o_colored_level .bg-white-75 h1, .bg-white-85 h1, .o_colored_level .bg-white-85 h1, .bg-900 h1, .o_colored_level .bg-900 h1, .bg-800 h1, .o_colored_level .bg-800 h1, .bg-700 h1, .o_colored_level .bg-700 h1, .bg-600 h1, .o_colored_level .bg-600 h1, .bg-500 h1, .o_colored_level .bg-500 h1, .bg-400 h1, .o_colored_level .bg-400 h1, .bg-300 h1, .o_colored_level .bg-300 h1, .bg-200 h1, .o_colored_level .bg-200 h1, .bg-100 h1, .o_colored_level .bg-100 h1, #calendar_employee .fc-col-header .h1, .o_colored_level #calendar_employee .fc-col-header .h1, #calendar_employee .fc-cell-shaded .h1, .o_colored_level #calendar_employee .fc-cell-shaded .h1, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h1, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h1, .o_figure_relative_layout .figure-caption .h1, .o_colored_level .o_figure_relative_layout .figure-caption .h1, .o_footer .o_footer_copyright .h1, .o_colored_level .o_footer .o_footer_copyright .h1, .o_cc5 .h1, .o_colored_level .o_cc5 .h1, .o_cc4 .h1, .o_colored_level .o_cc4 .h1, .o_cc3 .h1, .o_colored_level .o_cc3 .h1, .o_cc2 .h1, .o_footer .h1, .o_colored_level .o_cc2 .h1, .o_colored_level .o_footer .h1, .o_cc1 .h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h1, .navbar-light .h1, .o_colored_level .o_cc1 .h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h1, .o_colored_level .navbar-light .h1, .bg-o-color-5 .h1, .o_colored_level .bg-o-color-5 .h1, .bg-o-color-4 .h1, .o_colored_level .bg-o-color-4 .h1, .bg-o-color-3 .h1, .o_colored_level .bg-o-color-3 .h1, .bg-o-color-2 .h1, .o_colored_level .bg-o-color-2 .h1, .bg-o-color-1 .h1, .o_colored_level .bg-o-color-1 .h1, :where(.card:not([data-vxml])) .card-body .h1, .o_colored_level :where(.card:not([data-vxml])) .card-body .h1, .bg-white .h1, .o_colored_level .bg-white .h1, .bg-black .h1, .o_colored_level .bg-black .h1, .bg-black-50 .h1, .o_colored_level .bg-black-50 .h1, .bg-black-75 .h1, .o_colored_level .bg-black-75 .h1, .bg-white-50 .h1, .o_colored_level .bg-white-50 .h1, .bg-white-75 .h1, .o_colored_level .bg-white-75 .h1, .bg-white-85 .h1, .o_colored_level .bg-white-85 .h1, .bg-900 .h1, .o_colored_level .bg-900 .h1, .bg-800 .h1, .o_colored_level .bg-800 .h1, .bg-700 .h1, .o_colored_level .bg-700 .h1, .bg-600 .h1, .o_colored_level .bg-600 .h1, .bg-500 .h1, .o_colored_level .bg-500 .h1, .bg-400 .h1, .bg-300 .h1, .bg-200 .h1, .bg-100 .h1, #calendar_employee .fc-col-header h2, .o_colored_level #calendar_employee .fc-col-header h2, #calendar_employee .fc-cell-shaded h2, .o_colored_level #calendar_employee .fc-cell-shaded h2, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h2, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h2, .o_figure_relative_layout .figure-caption h2, .o_colored_level .o_figure_relative_layout .figure-caption h2, .o_footer .o_footer_copyright h2, .o_colored_level .o_footer .o_footer_copyright h2, .o_cc5 h2, .o_colored_level .o_cc5 h2, .o_cc4 h2, .o_colored_level .o_cc4 h2, .o_cc3 h2, .o_colored_level .o_cc3 h2, .o_cc2 h2, .o_footer h2, .o_colored_level .o_cc2 h2, .o_colored_level .o_footer h2, .o_cc1 h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h2, .navbar-light h2, .o_colored_level .o_cc1 h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h2, .o_colored_level .navbar-light h2, .bg-o-color-5 h2, .o_colored_level .bg-o-color-5 h2, .bg-o-color-4 h2, .o_colored_level .bg-o-color-4 h2, .bg-o-color-3 h2, .o_colored_level .bg-o-color-3 h2, .bg-o-color-2 h2, .o_colored_level .bg-o-color-2 h2, .bg-o-color-1 h2, .o_colored_level .bg-o-color-1 h2, :where(.card:not([data-vxml])) .card-body h2, .o_colored_level :where(.card:not([data-vxml])) .card-body h2, .bg-white h2, .o_colored_level .bg-white h2, .bg-black h2, .o_colored_level .bg-black h2, .bg-black-50 h2, .o_colored_level .bg-black-50 h2, .bg-black-75 h2, .o_colored_level .bg-black-75 h2, .bg-white-50 h2, .o_colored_level .bg-white-50 h2, .bg-white-75 h2, .o_colored_level .bg-white-75 h2, .bg-white-85 h2, .o_colored_level .bg-white-85 h2, .bg-900 h2, .o_colored_level .bg-900 h2, .bg-800 h2, .o_colored_level .bg-800 h2, .bg-700 h2, .o_colored_level .bg-700 h2, .bg-600 h2, .o_colored_level .bg-600 h2, .bg-500 h2, .o_colored_level .bg-500 h2, .bg-400 h2, .o_colored_level .bg-400 h2, .bg-300 h2, .o_colored_level .bg-300 h2, .bg-200 h2, .o_colored_level .bg-200 h2, .bg-100 h2, .o_colored_level .bg-100 h2, #calendar_employee .fc-col-header .h2, .o_colored_level #calendar_employee .fc-col-header .h2, #calendar_employee .fc-cell-shaded .h2, .o_colored_level #calendar_employee .fc-cell-shaded .h2, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h2, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h2, .o_figure_relative_layout .figure-caption .h2, .o_colored_level .o_figure_relative_layout .figure-caption .h2, .o_footer .o_footer_copyright .h2, .o_colored_level .o_footer .o_footer_copyright .h2, .o_cc5 .h2, .o_colored_level .o_cc5 .h2, .o_cc4 .h2, .o_colored_level .o_cc4 .h2, .o_cc3 .h2, .o_colored_level .o_cc3 .h2, .o_cc2 .h2, .o_footer .h2, .o_colored_level .o_cc2 .h2, .o_colored_level .o_footer .h2, .o_cc1 .h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h2, .navbar-light .h2, .o_colored_level .o_cc1 .h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h2, .o_colored_level .navbar-light .h2, .bg-o-color-5 .h2, .o_colored_level .bg-o-color-5 .h2, .bg-o-color-4 .h2, .o_colored_level .bg-o-color-4 .h2, .bg-o-color-3 .h2, .o_colored_level .bg-o-color-3 .h2, .bg-o-color-2 .h2, .o_colored_level .bg-o-color-2 .h2, .bg-o-color-1 .h2, .o_colored_level .bg-o-color-1 .h2, :where(.card:not([data-vxml])) .card-body .h2, .o_colored_level :where(.card:not([data-vxml])) .card-body .h2, .bg-white .h2, .o_colored_level .bg-white .h2, .bg-black .h2, .o_colored_level .bg-black .h2, .bg-black-50 .h2, .o_colored_level .bg-black-50 .h2, .bg-black-75 .h2, .o_colored_level .bg-black-75 .h2, .bg-white-50 .h2, .o_colored_level .bg-white-50 .h2, .bg-white-75 .h2, .o_colored_level .bg-white-75 .h2, .bg-white-85 .h2, .o_colored_level .bg-white-85 .h2, .bg-900 .h2, .o_colored_level .bg-900 .h2, .bg-800 .h2, .o_colored_level .bg-800 .h2, .bg-700 .h2, .o_colored_level .bg-700 .h2, .bg-600 .h2, .o_colored_level .bg-600 .h2, .bg-500 .h2, .o_colored_level .bg-500 .h2, .bg-400 .h2, .bg-300 .h2, .bg-200 .h2, .bg-100 .h2, #calendar_employee .fc-col-header h3, .o_colored_level #calendar_employee .fc-col-header h3, #calendar_employee .fc-cell-shaded h3, .o_colored_level #calendar_employee .fc-cell-shaded h3, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h3, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h3, .o_figure_relative_layout .figure-caption h3, .o_colored_level .o_figure_relative_layout .figure-caption h3, .o_footer .o_footer_copyright h3, .o_colored_level .o_footer .o_footer_copyright h3, .o_cc5 h3, .o_colored_level .o_cc5 h3, .o_cc4 h3, .o_colored_level .o_cc4 h3, .o_cc3 h3, .o_colored_level .o_cc3 h3, .o_cc2 h3, .o_footer h3, .o_colored_level .o_cc2 h3, .o_colored_level .o_footer h3, .o_cc1 h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h3, .navbar-light h3, .o_colored_level .o_cc1 h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h3, .o_colored_level .navbar-light h3, .bg-o-color-5 h3, .o_colored_level .bg-o-color-5 h3, .bg-o-color-4 h3, .o_colored_level .bg-o-color-4 h3, .bg-o-color-3 h3, .o_colored_level .bg-o-color-3 h3, .bg-o-color-2 h3, .o_colored_level .bg-o-color-2 h3, .bg-o-color-1 h3, .o_colored_level .bg-o-color-1 h3, :where(.card:not([data-vxml])) .card-body h3, .o_colored_level :where(.card:not([data-vxml])) .card-body h3, .bg-white h3, .o_colored_level .bg-white h3, .bg-black h3, .o_colored_level .bg-black h3, .bg-black-50 h3, .o_colored_level .bg-black-50 h3, .bg-black-75 h3, .o_colored_level .bg-black-75 h3, .bg-white-50 h3, .o_colored_level .bg-white-50 h3, .bg-white-75 h3, .o_colored_level .bg-white-75 h3, .bg-white-85 h3, .o_colored_level .bg-white-85 h3, .bg-900 h3, .o_colored_level .bg-900 h3, .bg-800 h3, .o_colored_level .bg-800 h3, .bg-700 h3, .o_colored_level .bg-700 h3, .bg-600 h3, .o_colored_level .bg-600 h3, .bg-500 h3, .o_colored_level .bg-500 h3, .bg-400 h3, .o_colored_level .bg-400 h3, .bg-300 h3, .o_colored_level .bg-300 h3, .bg-200 h3, .o_colored_level .bg-200 h3, .bg-100 h3, .o_colored_level .bg-100 h3, #calendar_employee .fc-col-header .h3, .o_colored_level #calendar_employee .fc-col-header .h3, #calendar_employee .fc-cell-shaded .h3, .o_colored_level #calendar_employee .fc-cell-shaded .h3, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h3, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h3, .o_figure_relative_layout .figure-caption .h3, .o_colored_level .o_figure_relative_layout .figure-caption .h3, .o_footer .o_footer_copyright .h3, .o_colored_level .o_footer .o_footer_copyright .h3, .o_cc5 .h3, .o_colored_level .o_cc5 .h3, .o_cc4 .h3, .o_colored_level .o_cc4 .h3, .o_cc3 .h3, .o_colored_level .o_cc3 .h3, .o_cc2 .h3, .o_footer .h3, .o_colored_level .o_cc2 .h3, .o_colored_level .o_footer .h3, .o_cc1 .h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h3, .navbar-light .h3, .o_colored_level .o_cc1 .h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h3, .o_colored_level .navbar-light .h3, .bg-o-color-5 .h3, .o_colored_level .bg-o-color-5 .h3, .bg-o-color-4 .h3, .o_colored_level .bg-o-color-4 .h3, .bg-o-color-3 .h3, .o_colored_level .bg-o-color-3 .h3, .bg-o-color-2 .h3, .o_colored_level .bg-o-color-2 .h3, .bg-o-color-1 .h3, .o_colored_level .bg-o-color-1 .h3, :where(.card:not([data-vxml])) .card-body .h3, .o_colored_level :where(.card:not([data-vxml])) .card-body .h3, .bg-white .h3, .o_colored_level .bg-white .h3, .bg-black .h3, .o_colored_level .bg-black .h3, .bg-black-50 .h3, .o_colored_level .bg-black-50 .h3, .bg-black-75 .h3, .o_colored_level .bg-black-75 .h3, .bg-white-50 .h3, .o_colored_level .bg-white-50 .h3, .bg-white-75 .h3, .o_colored_level .bg-white-75 .h3, .bg-white-85 .h3, .o_colored_level .bg-white-85 .h3, .bg-900 .h3, .o_colored_level .bg-900 .h3, .bg-800 .h3, .o_colored_level .bg-800 .h3, .bg-700 .h3, .o_colored_level .bg-700 .h3, .bg-600 .h3, .o_colored_level .bg-600 .h3, .bg-500 .h3, .o_colored_level .bg-500 .h3, .bg-400 .h3, .bg-300 .h3, .bg-200 .h3, .bg-100 .h3, #calendar_employee .fc-col-header h4, .o_colored_level #calendar_employee .fc-col-header h4, #calendar_employee .fc-cell-shaded h4, .o_colored_level #calendar_employee .fc-cell-shaded h4, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h4, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h4, .o_figure_relative_layout .figure-caption h4, .o_colored_level .o_figure_relative_layout .figure-caption h4, .o_footer .o_footer_copyright h4, .o_colored_level .o_footer .o_footer_copyright h4, .o_cc5 h4, .o_colored_level .o_cc5 h4, .o_cc4 h4, .o_colored_level .o_cc4 h4, .o_cc3 h4, .o_colored_level .o_cc3 h4, .o_cc2 h4, .o_footer h4, .o_colored_level .o_cc2 h4, .o_colored_level .o_footer h4, .o_cc1 h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h4, .navbar-light h4, .o_colored_level .o_cc1 h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h4, .o_colored_level .navbar-light h4, .bg-o-color-5 h4, .o_colored_level .bg-o-color-5 h4, .bg-o-color-4 h4, .o_colored_level .bg-o-color-4 h4, .bg-o-color-3 h4, .o_colored_level .bg-o-color-3 h4, .bg-o-color-2 h4, .o_colored_level .bg-o-color-2 h4, .bg-o-color-1 h4, .o_colored_level .bg-o-color-1 h4, :where(.card:not([data-vxml])) .card-body h4, .o_colored_level :where(.card:not([data-vxml])) .card-body h4, .bg-white h4, .o_colored_level .bg-white h4, .bg-black h4, .o_colored_level .bg-black h4, .bg-black-50 h4, .o_colored_level .bg-black-50 h4, .bg-black-75 h4, .o_colored_level .bg-black-75 h4, .bg-white-50 h4, .o_colored_level .bg-white-50 h4, .bg-white-75 h4, .o_colored_level .bg-white-75 h4, .bg-white-85 h4, .o_colored_level .bg-white-85 h4, .bg-900 h4, .o_colored_level .bg-900 h4, .bg-800 h4, .o_colored_level .bg-800 h4, .bg-700 h4, .o_colored_level .bg-700 h4, .bg-600 h4, .o_colored_level .bg-600 h4, .bg-500 h4, .o_colored_level .bg-500 h4, .bg-400 h4, .o_colored_level .bg-400 h4, .bg-300 h4, .o_colored_level .bg-300 h4, .bg-200 h4, .o_colored_level .bg-200 h4, .bg-100 h4, .o_colored_level .bg-100 h4, #calendar_employee .fc-col-header .h4, .o_colored_level #calendar_employee .fc-col-header .h4, #calendar_employee .fc-cell-shaded .h4, .o_colored_level #calendar_employee .fc-cell-shaded .h4, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h4, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h4, .o_figure_relative_layout .figure-caption .h4, .o_colored_level .o_figure_relative_layout .figure-caption .h4, .o_footer .o_footer_copyright .h4, .o_colored_level .o_footer .o_footer_copyright .h4, .o_cc5 .h4, .o_colored_level .o_cc5 .h4, .o_cc4 .h4, .o_colored_level .o_cc4 .h4, .o_cc3 .h4, .o_colored_level .o_cc3 .h4, .o_cc2 .h4, .o_footer .h4, .o_colored_level .o_cc2 .h4, .o_colored_level .o_footer .h4, .o_cc1 .h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h4, .navbar-light .h4, .o_colored_level .o_cc1 .h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h4, .o_colored_level .navbar-light .h4, .bg-o-color-5 .h4, .o_colored_level .bg-o-color-5 .h4, .bg-o-color-4 .h4, .o_colored_level .bg-o-color-4 .h4, .bg-o-color-3 .h4, .o_colored_level .bg-o-color-3 .h4, .bg-o-color-2 .h4, .o_colored_level .bg-o-color-2 .h4, .bg-o-color-1 .h4, .o_colored_level .bg-o-color-1 .h4, :where(.card:not([data-vxml])) .card-body .h4, .o_colored_level :where(.card:not([data-vxml])) .card-body .h4, .bg-white .h4, .o_colored_level .bg-white .h4, .bg-black .h4, .o_colored_level .bg-black .h4, .bg-black-50 .h4, .o_colored_level .bg-black-50 .h4, .bg-black-75 .h4, .o_colored_level .bg-black-75 .h4, .bg-white-50 .h4, .o_colored_level .bg-white-50 .h4, .bg-white-75 .h4, .o_colored_level .bg-white-75 .h4, .bg-white-85 .h4, .o_colored_level .bg-white-85 .h4, .bg-900 .h4, .o_colored_level .bg-900 .h4, .bg-800 .h4, .o_colored_level .bg-800 .h4, .bg-700 .h4, .o_colored_level .bg-700 .h4, .bg-600 .h4, .o_colored_level .bg-600 .h4, .bg-500 .h4, .o_colored_level .bg-500 .h4, .bg-400 .h4, .bg-300 .h4, .bg-200 .h4, .bg-100 .h4, #calendar_employee .fc-col-header h5, .o_colored_level #calendar_employee .fc-col-header h5, #calendar_employee .fc-cell-shaded h5, .o_colored_level #calendar_employee .fc-cell-shaded h5, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h5, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h5, .o_figure_relative_layout .figure-caption h5, .o_colored_level .o_figure_relative_layout .figure-caption h5, .o_footer .o_footer_copyright h5, .o_colored_level .o_footer .o_footer_copyright h5, .o_cc5 h5, .o_colored_level .o_cc5 h5, .o_cc4 h5, .o_colored_level .o_cc4 h5, .o_cc3 h5, .o_colored_level .o_cc3 h5, .o_cc2 h5, .o_footer h5, .o_colored_level .o_cc2 h5, .o_colored_level .o_footer h5, .o_cc1 h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h5, .navbar-light h5, .o_colored_level .o_cc1 h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h5, .o_colored_level .navbar-light h5, .bg-o-color-5 h5, .o_colored_level .bg-o-color-5 h5, .bg-o-color-4 h5, .o_colored_level .bg-o-color-4 h5, .bg-o-color-3 h5, .o_colored_level .bg-o-color-3 h5, .bg-o-color-2 h5, .o_colored_level .bg-o-color-2 h5, .bg-o-color-1 h5, .o_colored_level .bg-o-color-1 h5, :where(.card:not([data-vxml])) .card-body h5, .o_colored_level :where(.card:not([data-vxml])) .card-body h5, .bg-white h5, .o_colored_level .bg-white h5, .bg-black h5, .o_colored_level .bg-black h5, .bg-black-50 h5, .o_colored_level .bg-black-50 h5, .bg-black-75 h5, .o_colored_level .bg-black-75 h5, .bg-white-50 h5, .o_colored_level .bg-white-50 h5, .bg-white-75 h5, .o_colored_level .bg-white-75 h5, .bg-white-85 h5, .o_colored_level .bg-white-85 h5, .bg-900 h5, .o_colored_level .bg-900 h5, .bg-800 h5, .o_colored_level .bg-800 h5, .bg-700 h5, .o_colored_level .bg-700 h5, .bg-600 h5, .o_colored_level .bg-600 h5, .bg-500 h5, .o_colored_level .bg-500 h5, .bg-400 h5, .o_colored_level .bg-400 h5, .bg-300 h5, .o_colored_level .bg-300 h5, .bg-200 h5, .o_colored_level .bg-200 h5, .bg-100 h5, .o_colored_level .bg-100 h5, #calendar_employee .fc-col-header .h5, .o_colored_level #calendar_employee .fc-col-header .h5, #calendar_employee .fc-cell-shaded .h5, .o_colored_level #calendar_employee .fc-cell-shaded .h5, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h5, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h5, .o_figure_relative_layout .figure-caption .h5, .o_colored_level .o_figure_relative_layout .figure-caption .h5, .o_footer .o_footer_copyright .h5, .o_colored_level .o_footer .o_footer_copyright .h5, .o_cc5 .h5, .o_colored_level .o_cc5 .h5, .o_cc4 .h5, .o_colored_level .o_cc4 .h5, .o_cc3 .h5, .o_colored_level .o_cc3 .h5, .o_cc2 .h5, .o_footer .h5, .o_colored_level .o_cc2 .h5, .o_colored_level .o_footer .h5, .o_cc1 .h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h5, .navbar-light .h5, .o_colored_level .o_cc1 .h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h5, .o_colored_level .navbar-light .h5, .bg-o-color-5 .h5, .o_colored_level .bg-o-color-5 .h5, .bg-o-color-4 .h5, .o_colored_level .bg-o-color-4 .h5, .bg-o-color-3 .h5, .o_colored_level .bg-o-color-3 .h5, .bg-o-color-2 .h5, .o_colored_level .bg-o-color-2 .h5, .bg-o-color-1 .h5, .o_colored_level .bg-o-color-1 .h5, :where(.card:not([data-vxml])) .card-body .h5, .o_colored_level :where(.card:not([data-vxml])) .card-body .h5, .bg-white .h5, .o_colored_level .bg-white .h5, .bg-black .h5, .o_colored_level .bg-black .h5, .bg-black-50 .h5, .o_colored_level .bg-black-50 .h5, .bg-black-75 .h5, .o_colored_level .bg-black-75 .h5, .bg-white-50 .h5, .o_colored_level .bg-white-50 .h5, .bg-white-75 .h5, .o_colored_level .bg-white-75 .h5, .bg-white-85 .h5, .o_colored_level .bg-white-85 .h5, .bg-900 .h5, .o_colored_level .bg-900 .h5, .bg-800 .h5, .o_colored_level .bg-800 .h5, .bg-700 .h5, .o_colored_level .bg-700 .h5, .bg-600 .h5, .o_colored_level .bg-600 .h5, .bg-500 .h5, .o_colored_level .bg-500 .h5, .bg-400 .h5, .bg-300 .h5, .bg-200 .h5, .bg-100 .h5, #calendar_employee .fc-col-header h6, .o_colored_level #calendar_employee .fc-col-header h6, #calendar_employee .fc-cell-shaded h6, .o_colored_level #calendar_employee .fc-cell-shaded h6, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h6, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear h6, .o_figure_relative_layout .figure-caption h6, .o_colored_level .o_figure_relative_layout .figure-caption h6, .o_footer .o_footer_copyright h6, .o_colored_level .o_footer .o_footer_copyright h6, .o_cc5 h6, .o_colored_level .o_cc5 h6, .o_cc4 h6, .o_colored_level .o_cc4 h6, .o_cc3 h6, .o_colored_level .o_cc3 h6, .o_cc2 h6, .o_footer h6, .o_colored_level .o_cc2 h6, .o_colored_level .o_footer h6, .o_cc1 h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h6, .navbar-light h6, .o_colored_level .o_cc1 h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h6, .o_colored_level .navbar-light h6, .bg-o-color-5 h6, .o_colored_level .bg-o-color-5 h6, .bg-o-color-4 h6, .o_colored_level .bg-o-color-4 h6, .bg-o-color-3 h6, .o_colored_level .bg-o-color-3 h6, .bg-o-color-2 h6, .o_colored_level .bg-o-color-2 h6, .bg-o-color-1 h6, .o_colored_level .bg-o-color-1 h6, :where(.card:not([data-vxml])) .card-body h6, .o_colored_level :where(.card:not([data-vxml])) .card-body h6, .bg-white h6, .o_colored_level .bg-white h6, .bg-black h6, .o_colored_level .bg-black h6, .bg-black-50 h6, .o_colored_level .bg-black-50 h6, .bg-black-75 h6, .o_colored_level .bg-black-75 h6, .bg-white-50 h6, .o_colored_level .bg-white-50 h6, .bg-white-75 h6, .o_colored_level .bg-white-75 h6, .bg-white-85 h6, .o_colored_level .bg-white-85 h6, .bg-900 h6, .o_colored_level .bg-900 h6, .bg-800 h6, .o_colored_level .bg-800 h6, .bg-700 h6, .o_colored_level .bg-700 h6, .bg-600 h6, .o_colored_level .bg-600 h6, .bg-500 h6, .o_colored_level .bg-500 h6, .bg-400 h6, .o_colored_level .bg-400 h6, .bg-300 h6, .o_colored_level .bg-300 h6, .bg-200 h6, .o_colored_level .bg-200 h6, .bg-100 h6, .o_colored_level .bg-100 h6, #calendar_employee .fc-col-header .h6, .o_colored_level #calendar_employee .fc-col-header .h6, #calendar_employee .fc-cell-shaded .h6, .o_colored_level #calendar_employee .fc-cell-shaded .h6, #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h6, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .h6, .o_figure_relative_layout .figure-caption .h6, .o_colored_level .o_figure_relative_layout .figure-caption .h6, .o_footer .o_footer_copyright .h6, .o_colored_level .o_footer .o_footer_copyright .h6, .o_cc5 .h6, .o_colored_level .o_cc5 .h6, .o_cc4 .h6, .o_colored_level .o_cc4 .h6, .o_cc3 .h6, .o_colored_level .o_cc3 .h6, .o_cc2 .h6, .o_footer .h6, .o_colored_level .o_cc2 .h6, .o_colored_level .o_footer .h6, .o_cc1 .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h6, .navbar-light .h6, .o_colored_level .o_cc1 .h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h6, .o_colored_level .navbar-light .h6, .bg-o-color-5 .h6, .o_colored_level .bg-o-color-5 .h6, .bg-o-color-4 .h6, .o_colored_level .bg-o-color-4 .h6, .bg-o-color-3 .h6, .o_colored_level .bg-o-color-3 .h6, .bg-o-color-2 .h6, .o_colored_level .bg-o-color-2 .h6, .bg-o-color-1 .h6, .o_colored_level .bg-o-color-1 .h6, :where(.card:not([data-vxml])) .card-body .h6, .o_colored_level :where(.card:not([data-vxml])) .card-body .h6, .bg-white .h6, .o_colored_level .bg-white .h6, .bg-black .h6, .o_colored_level .bg-black .h6, .bg-black-50 .h6, .o_colored_level .bg-black-50 .h6, .bg-black-75 .h6, .o_colored_level .bg-black-75 .h6, .bg-white-50 .h6, .o_colored_level .bg-white-50 .h6, .bg-white-75 .h6, .o_colored_level .bg-white-75 .h6, .bg-white-85 .h6, .o_colored_level .bg-white-85 .h6, .bg-900 .h6, .o_colored_level .bg-900 .h6, .bg-800 .h6, .o_colored_level .bg-800 .h6, .bg-700 .h6, .o_colored_level .bg-700 .h6, .bg-600 .h6, .o_colored_level .bg-600 .h6, .bg-500 .h6, .o_colored_level .bg-500 .h6, .bg-400 .h6, .bg-300 .h6, .bg-200 .h6, .bg-100 .h6 { color: inherit; } /* /web/static/src/scss/utils.scss */ .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper, .o_colorpicker_widget .o_opacity_slider, .o_colorpicker_widget .o_color_preview, .o_color_picker_button { position: relative; z-index: 0; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::before, .o_colorpicker_widget .o_opacity_slider::before, .o_colorpicker_widget .o_color_preview::before, .o_color_picker_button::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-image: url("/web/static/img/transparent.png"); background-size: var(--PreviewAlphaBg-background-size, 10px) auto; border-radius: inherit; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::after, .o_colorpicker_widget .o_opacity_slider::after, .o_colorpicker_widget .o_color_preview::after, .o_color_picker_button::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: inherit; border-radius: inherit; box-shadow: inherit; } .o_sign_view .o_view_nocontent .o_view_nocontent_sign:before, .o_knowledge_public_view .o_view_nocontent_empty_folder:before, .o_nocontent_help .o_empty_folder_image:before { content: ""; display: block; margin: auto; background-size: cover; } .o_knowledge_public_view .o_view_nocontent_empty_folder:before, .o_nocontent_help .o_empty_folder_image:before { width: 120px; height: 80px; margin-top: 30px; margin-bottom: 30px; background: transparent url(/web/static/img/empty_folder.svg) no-repeat center; } /* /web_enterprise/static/src/scss/primary_variables.scss */ /* /web/static/src/scss/primary_variables.scss */ /* /web_enterprise/static/src/webclient/home_menu/home_menu.variables.scss */ /* /web_enterprise/static/src/webclient/navbar/navbar.variables.scss */ /* /html_editor/static/src/scss/html_editor.variables.scss */ /* /web/static/src/core/avatar/avatar.variables.scss */ /* /web/static/src/core/bottom_sheet/bottom_sheet.variables.scss */ /* /web/static/src/core/notifications/notification.variables.scss */ /* /web/static/src/search/control_panel/control_panel.variables.scss */ /* /web/static/src/search/search_bar/search_bar.variables.scss */ /* /web/static/src/search/search_panel/search_panel.variables.scss */ /* /web/static/src/views/fields/statusbar/statusbar_field.variables.scss */ /* /web/static/src/views/fields/translation_button.variables.scss */ /* /web/static/src/views/form/form.variables.scss */ /* /web/static/src/views/kanban/kanban.variables.scss */ /* /web/static/src/webclient/burger_menu/burger_menu.variables.scss */ /* /web/static/src/webclient/navbar/navbar.variables.scss */ .o_main_navbar .o_menu_brand, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle, .o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle { position: relative; display: flex; align-items: center; width: auto; height: calc(var(--o-navbar-height) - 20px); border-radius: 0.25rem; user-select: none; background-color: inherit; font-size: 1em; color: var(--NavBar-entry-color, #111827); } .o_main_navbar .o_menu_brand:hover, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:hover, .o_main_navbar .o_nav_entry:hover, .o_main_navbar .dropdown-toggle:hover:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle:hover, .o_main_navbar .o_menu_brand:focus, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:focus, .o_main_navbar .o_nav_entry:focus, .o_main_navbar .dropdown-toggle:focus:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle:focus, .o_main_navbar .focus.o_menu_brand, .o_main_navbar .o_navbar_apps_menu .focus.dropdown-toggle, .o_main_navbar .focus.o_nav_entry, .o_main_navbar .focus.dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .focus.o_menu_toggle { color: var(--NavBar-entry-color--hover, #000); } .o_main_navbar .o_menu_brand, .o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle { margin: 0; margin-left: var(--NavBar-entry-margin-left, 1px); margin-right: var(--NavBar-entry-margin-right, 1px); padding: 0; padding-left: var(--NavBar-entry-padding-left, 0.63em); padding-right: var(--NavBar-entry-padding-right, 0.63em); line-height: calc(var(--o-navbar-height) - 20px); } /* /mail/static/src/core/common/primary_variables.scss */ /* /mail/static/src/scss/variables/primary_variables.scss */ /* /onboarding/static/src/scss/onboarding.variables.scss */ /* /portal/static/src/scss/primary_variables.scss */ /* /account/static/src/scss/variables.scss */ @keyframes animate-red { 0% { color: red; } 100% { color: inherit; } } .animate { animation: animate-red 1s ease; } /* /html_builder/static/src/core/building_blocks/builder_checkbox.variables.scss */ /* /html_builder/static/src/core/building_blocks/builder_row.variables.scss */ /* /html_builder/static/src/scss/builder.variables.scss */ .o_we_shape { --ShapeConnections--size-tiny: 2rem; --ShapeConnections--size-regular: 4rem; --ShapeConnections--size-big: 15rem; --ShapeAngular--size-regular: 15rem; --ShapeWavy--size-regular: 15rem; --ShapePattern--size-tiny: 12.5rem; --ShapePattern--size-regular: 50rem; } .o_we_shape_btn_content .o_we_shape { --ShapeConnections--size-tiny: 25%; --ShapeConnections--size-regular: 50%; --ShapeConnections--size-big: 75%; --ShapeAngular--size-regular: 50%; --ShapePattern--size-regular: 100%; --ShapePattern--size-tiny: 50%; --ShapeWavy--size-regular: 100%; } /* /website/static/src/scss/primary_variables.scss */ /* /website/static/src/scss/options/user_values.scss */ /* /website/static/src/scss/options/colors/user_color_palette.scss */ /* /website/static/src/scss/options/colors/user_gray_color_palette.scss */ /* /website/static/src/scss/options/colors/user_theme_color_palette.scss */ /* /website_sale/static/src/scss/primary_variables.scss */ /* /web_gantt/static/src/gantt_view.variables.scss */ /* /hr_org_chart/static/src/scss/variables.scss */ /* /documents/static/src/scss/documents.variables.scss */ /* /marketing_automation/static/src/scss/variables.scss */ /* /odoo_theme/static/src/scss/primary_variables.scss */ /* /openerp_website/static/src/scss/primary_variables.scss */ /* /website_knowledge/static/src/scss/primary_variables.scss */ /* /theme_common/static/src/scss/primary_variables.scss */ /* /website/static/src/snippets/s_badge/000_variables.scss */ /* /website/static/src/scss/secondary_variables.scss */ /* /web_enterprise/static/src/scss/secondary_variables.scss */ /* /web/static/src/scss/secondary_variables.scss */ /* /html_editor/static/src/scss/secondary_variables.scss */ /* /website/static/src/scss/user_custom_bootstrap_overridden.scss */ /* /odoo_theme/static/src/scss/bootstrap_overridden.scss */ /* /website/static/src/scss/bootstrap_overridden.scss */ .carousel-instant .carousel-item { transition-duration: 200ms !important; } /* /portal/static/src/scss/bootstrap_overridden.scss */ /* /html_editor/static/src/scss/bootstrap_overridden.scss */ /* /web/static/src/scss/bootstrap_overridden_frontend.scss */ /* /web/static/src/scss/pre_variables.scss */ /* /web/static/lib/bootstrap/scss/_variables.scss */ /* /web/static/lib/bootstrap/scss/_variables-dark.scss */ /* /web/static/lib/bootstrap/scss/_maps.scss */ /* /web/static/src/scss/import_bootstrap.scss */ /*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme="light"] { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #FFF; --gray: #6C757D; --gray-dark: #374151; --o-cc5-btn-secondary-border: ; --o-cc5-btn-secondary: #f9f9f9; --o-cc5-btn-primary-border: ; --o-cc5-btn-primary: ; --o-cc5-link: #00a09d; --o-cc5-h6: ; --o-cc5-h5: ; --o-cc5-h4: ; --o-cc5-h3: ; --o-cc5-h2: ; --o-cc5-headings: #ffffff; --o-cc5-text: ; --o-cc5-bg: #111827; --o-cc4-btn-secondary-border: ; --o-cc4-btn-secondary: #f9f9f9; --o-cc4-btn-primary-border: ; --o-cc4-btn-primary: #111827; --o-cc4-link: #111827; --o-cc4-h6: ; --o-cc4-h5: ; --o-cc4-h4: ; --o-cc4-h3: ; --o-cc4-h2: ; --o-cc4-headings: ; --o-cc4-text: ; --o-cc4-bg: #714b67; --o-cc3-btn-secondary-border: ; --o-cc3-btn-secondary: #f9f9f9; --o-cc3-btn-primary-border: ; --o-cc3-btn-primary: ; --o-cc3-link: #00a09d; --o-cc3-h6: ; --o-cc3-h5: ; --o-cc3-h4: ; --o-cc3-h3: ; --o-cc3-h2: ; --o-cc3-headings: ; --o-cc3-text: ; --o-cc3-bg: #017e84; --o-cc2-btn-secondary-border: ; --o-cc2-btn-secondary: ; --o-cc2-btn-primary-border: ; --o-cc2-btn-primary: ; --o-cc2-link: ; --o-cc2-h6: ; --o-cc2-h5: ; --o-cc2-h4: ; --o-cc2-h3: ; --o-cc2-h2: ; --o-cc2-headings: #111827; --o-cc2-text: ; --o-cc2-bg: #f9f9f9; --o-cc1-btn-secondary-border: ; --o-cc1-btn-secondary: ; --o-cc1-btn-primary-border: ; --o-cc1-btn-primary: ; --o-cc1-link: ; --o-cc1-h6: ; --o-cc1-h5: ; --o-cc1-h4: ; --o-cc1-h3: ; --o-cc1-h2: ; --o-cc1-headings: ; --o-cc1-text: ; --o-cc1-bg: #ffffff; --copyright-custom: #1A1C24; --copyright: ; --footer-custom: #252733; --footer: #f9f9f9; --header-sales_four-custom: ; --header-sales_four: #ffffff; --header-sales_three-custom: ; --header-sales_three: #f9f9f9; --header-sales_two-custom: ; --header-sales_two: #111827; --header-sales_one-custom: ; --header-sales_one: #f9f9f9; --menu-border-color: ; --menu-custom: ; --menu: #ffffff; --input: ; --body: white; --o-color-5: #111827; --o-color-4: #ffffff; --o-color-3: #f9f9f9; --o-color-2: #017e84; --o-color-1: #714b67; --gray-100: #F9FAFB; --gray-200: #F3F4F6; --gray-300: #E6E9ED; --gray-400: #D8DADD; --gray-500: #ADB5BD; --gray-600: #6C757D; --gray-700: #495057; --gray-800: #374151; --gray-900: #111827; --gray-white-85: rgba(255, 255, 255, 0.85); --gray-white-75: rgba(255, 255, 255, 0.75); --gray-white-50: rgba(255, 255, 255, 0.5); --gray-white-25: rgba(255, 255, 255, 0.25); --gray-black-75: rgba(0, 0, 0, 0.75); --gray-black-50: rgba(0, 0, 0, 0.5); --gray-black-25: rgba(0, 0, 0, 0.25); --gray-black-15: rgba(0, 0, 0, 0.15); --gray-black: #000000; --gray-white: #FFFFFF; --primary: #714b67; --secondary: #017e84; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f9f9f9; --dark: #111827; --o-color-9: #00CEB3; --o-color-8: #1BB6F9; --o-color-7: #FBB130; --o-color-6: #FC787D; --epsilon: #d5653e; --delta: #5c5b80; --gamma: #e46f78; --beta: #5b899e; --alpha: #00a09d; --primary-rgb: 113, 75, 103; --secondary-rgb: 1, 126, 132; --success-rgb: 40, 167, 69; --info-rgb: 23, 162, 184; --warning-rgb: 255, 193, 7; --danger-rgb: 220, 53, 69; --light-rgb: 249, 249, 249; --dark-rgb: 17, 24, 39; --o-color-9-rgb: 0, 206, 179; --o-color-8-rgb: 27, 182, 249; --o-color-7-rgb: 251, 177, 48; --o-color-6-rgb: 252, 120, 125; --epsilon-rgb: 213, 101, 62; --delta-rgb: 92, 91, 128; --gamma-rgb: 228, 111, 120; --beta-rgb: 91, 137, 158; --alpha-rgb: 0, 160, 157; --primary-text-emphasis: #65435c; --secondary-text-emphasis: #003235; --success-text-emphasis: #10431c; --info-text-emphasis: #09414a; --warning-text-emphasis: #664d03; --danger-text-emphasis: #58151c; --light-text-emphasis: #495057; --dark-text-emphasis: #495057; --primary-bg-subtle: #e3dbe1; --secondary-bg-subtle: #cce5e6; --success-bg-subtle: #d4edda; --info-bg-subtle: #d1ecf1; --warning-bg-subtle: #fff3cd; --danger-bg-subtle: #f8d7da; --light-bg-subtle: #fcfdfd; --dark-bg-subtle: #D8DADD; --primary-border-subtle: #c6b7c2; --secondary-border-subtle: #99cbce; --success-border-subtle: #a9dcb5; --info-border-subtle: #a2dae3; --warning-border-subtle: #ffe69c; --danger-border-subtle: #f1aeb5; --light-border-subtle: #F3F4F6; --dark-border-subtle: #ADB5BD; --white-rgb: 255, 255, 255; --black-rgb: 0, 0, 0; --font-sans-serif: "Inter", "Odoo Unicode Support Noto", sans-serif; --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --body-font-family: var(--font-sans-serif); --body-font-size: 1rem; --body-font-weight: 400; --body-line-height: 1.5; --body-color: #374151; --body-color-rgb: 55, 65, 81; --body-bg: #ffffff; --body-bg-rgb: 255, 255, 255; --emphasis-color: #000; --emphasis-color-rgb: 0, 0, 0; --secondary-color: rgba(55, 65, 81, 0.75); --secondary-color-rgb: 55, 65, 81; --secondary-bg: #F3F4F6; --secondary-bg-rgb: 243, 244, 246; --tertiary-color: rgba(55, 65, 81, 0.5); --tertiary-color-rgb: 55, 65, 81; --tertiary-bg: #e7e8e9; --tertiary-bg-rgb: 231, 232, 233; --heading-color: #111827; --link-color: #714b67; --link-color-rgb: 113, 75, 103; --link-decoration: none; --link-hover-color: #432c3d; --link-hover-color-rgb: 67.01861702, 44.48138298, 61.08776596; --link-hover-decoration: none; --code-color: #e83e8c; --highlight-color: #374151; --highlight-bg: #fff3cd; --border-width: 1px; --border-style: solid; --border-color: var(--o-border-color); --border-color-translucent: rgba(0, 0, 0, 0.175); --border-radius: 0.625rem; --border-radius-sm: 0.25rem; --border-radius-lg: 1.25rem; --border-radius-xl: 1.5rem; --border-radius-xxl: 3rem; --border-radius-2xl: var(--border-radius-xxl); --border-radius-pill: 50rem; --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); --box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --focus-ring-width: 0.25rem; --focus-ring-opacity: 0.25; --focus-ring-color: rgba(113, 75, 103, 0.25); --form-valid-color: #28a745; --form-valid-border-color: #28a745; --form-invalid-color: #dc3545; --form-invalid-border-color: #dc3545; } [data-bs-theme="dark"] { color-scheme: dark; --body-color: #dee2e6; --body-color-rgb: 222, 226, 230; --body-bg: #212529; --body-bg-rgb: 33, 37, 41; --emphasis-color: #FFF; --emphasis-color-rgb: 255, 255, 255; --secondary-color: rgba(222, 226, 230, 0.75); --secondary-color-rgb: 222, 226, 230; --secondary-bg: #374151; --secondary-bg-rgb: 55, 65, 81; --tertiary-color: rgba(222, 226, 230, 0.5); --tertiary-color-rgb: 222, 226, 230; --tertiary-bg: #2c333d; --tertiary-bg-rgb: 44, 51, 61; --primary-text-emphasis: #aa93a4; --secondary-text-emphasis: #67b2b5; --success-text-emphasis: #7eca8f; --info-text-emphasis: #74c7d4; --warning-text-emphasis: #ffda6a; --danger-text-emphasis: #ea868f; --light-text-emphasis: #F9FAFB; --dark-text-emphasis: #dee2e6; --primary-bg-subtle: #170f15; --secondary-bg-subtle: #00191a; --success-bg-subtle: #08210e; --info-bg-subtle: #052025; --warning-bg-subtle: #332701; --danger-bg-subtle: #2c0b0e; --light-bg-subtle: #374151; --dark-bg-subtle: #1c2129; --primary-border-subtle: #442d3e; --secondary-border-subtle: #014c4f; --success-border-subtle: #186429; --info-border-subtle: #0e616e; --warning-border-subtle: #997404; --danger-border-subtle: #842029; --light-border-subtle: #495057; --dark-border-subtle: #374151; --heading-color: inherit; --link-color: #aa93a4; --link-hover-color: #bba9b6; --link-color-rgb: 170, 147, 164; --link-hover-color-rgb: 187, 169, 182; --code-color: #f18bba; --highlight-color: #dee2e6; --highlight-bg: #664d03; --border-color: #495057; --border-color-translucent: rgba(255, 255, 255, 0.15); --form-valid-color: #7eca8f; --form-valid-border-color: #7eca8f; --form-invalid-color: #ea868f; --form-invalid-border-color: #ea868f; } *, *::before, *::after { box-sizing: border-box; } body { margin: 0; font-family: var(--body-font-family); font-size: var(--body-font-size); font-weight: var(--body-font-weight); line-height: var(--body-line-height); color: var(--body-color); text-align: var(--body-text-align); background-color: var(--body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--border-width) solid var(--o-border-color); opacity: 1; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 1rem; font-family: "Inter", "Odoo Unicode Support Noto", sans-serif; font-weight: 600; line-height: 1.2; color: var(--heading-color); } h1, .h1 { font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 3.5rem; } } h2, .h2 { font-size: calc(1.4rem + 1.8vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2.75rem; } } h3, .h3 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 2rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 16px; } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--highlight-color); background-color: var(--highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: rgba(var(--link-color-rgb), var(--link-opacity, 1)); text-decoration: none; } a:hover { --link-color-rgb: var(--link-hover-color-rgb); text-decoration: none; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--body-bg); background-color: var(--body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: var(--secondary-color); text-align: left; } th { font-weight: 500; text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } select:disabled, select.o_wysiwyg_loader { opacity: 1; } [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled):not(.o_wysiwyg_loader), [type="button"]:not(:disabled):not(.o_wysiwyg_loader), [type="reset"]:not(:disabled):not(.o_wysiwyg_loader), [type="submit"]:not(:disabled):not(.o_wysiwyg_loader) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.525rem + 3.3vw); font-weight: 600; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 4rem; } } .display-2 { font-size: calc(1.425rem + 2.1vw); font-weight: 600; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 3rem; } } .display-3 { font-size: calc(1.375rem + 1.5vw); font-weight: 600; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 2.5rem; } } .display-4 { font-size: calc(1.325rem + 0.9vw); font-weight: 600; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 2rem; } } .display-5 { font-size: calc(1.275rem + 0.3vw); font-weight: 600; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 1.5rem; } } .display-6 { font-size: 1rem; font-weight: 600; line-height: 1.2; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 0; font-size: 1.125rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: 0; margin-bottom: 0; font-size: 0.875em; color: #6C757D; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.75rem; background-color: var(--body-bg); border: 0 solid var(--border-color); border-radius: var(--border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: inherit; } .container, .o_container_small, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --gutter-x: 32px; --gutter-y: 0; width: 100%; padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container, .o_container_small { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container, .o_container_small { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container, .o_container_small { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container, .o_container_small { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .o_container_small { max-width: 1320px; } } :root { --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px; } .row { --gutter-x: 32px; --gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--gutter-y)); margin-right: calc(-.5 * var(--gutter-x)); margin-left: calc(-.5 * var(--gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5); margin-top: var(--gutter-y); } .grid { display: grid; grid-template-rows: repeat(var(--rows, 1), 1fr); grid-template-columns: repeat(var(--columns, 12), 1fr); gap: var(--gap, 32px); } .grid .g-col-1 { grid-column: auto/span 1; } .grid .g-col-2 { grid-column: auto/span 2; } .grid .g-col-3 { grid-column: auto/span 3; } .grid .g-col-4 { grid-column: auto/span 4; } .grid .g-col-5 { grid-column: auto/span 5; } .grid .g-col-6 { grid-column: auto/span 6; } .grid .g-col-7 { grid-column: auto/span 7; } .grid .g-col-8 { grid-column: auto/span 8; } .grid .g-col-9 { grid-column: auto/span 9; } .grid .g-col-10 { grid-column: auto/span 10; } .grid .g-col-11 { grid-column: auto/span 11; } .grid .g-col-12 { grid-column: auto/span 12; } .grid .g-start-1 { grid-column-start: 1; } .grid .g-start-2 { grid-column-start: 2; } .grid .g-start-3 { grid-column-start: 3; } .grid .g-start-4 { grid-column-start: 4; } .grid .g-start-5 { grid-column-start: 5; } .grid .g-start-6 { grid-column-start: 6; } .grid .g-start-7 { grid-column-start: 7; } .grid .g-start-8 { grid-column-start: 8; } .grid .g-start-9 { grid-column-start: 9; } .grid .g-start-10 { grid-column-start: 10; } .grid .g-start-11 { grid-column-start: 11; } @media (min-width: 576px) { .grid .g-col-sm-1 { grid-column: auto/span 1; } .grid .g-col-sm-2 { grid-column: auto/span 2; } .grid .g-col-sm-3 { grid-column: auto/span 3; } .grid .g-col-sm-4 { grid-column: auto/span 4; } .grid .g-col-sm-5 { grid-column: auto/span 5; } .grid .g-col-sm-6 { grid-column: auto/span 6; } .grid .g-col-sm-7 { grid-column: auto/span 7; } .grid .g-col-sm-8 { grid-column: auto/span 8; } .grid .g-col-sm-9 { grid-column: auto/span 9; } .grid .g-col-sm-10 { grid-column: auto/span 10; } .grid .g-col-sm-11 { grid-column: auto/span 11; } .grid .g-col-sm-12 { grid-column: auto/span 12; } .grid .g-start-sm-1 { grid-column-start: 1; } .grid .g-start-sm-2 { grid-column-start: 2; } .grid .g-start-sm-3 { grid-column-start: 3; } .grid .g-start-sm-4 { grid-column-start: 4; } .grid .g-start-sm-5 { grid-column-start: 5; } .grid .g-start-sm-6 { grid-column-start: 6; } .grid .g-start-sm-7 { grid-column-start: 7; } .grid .g-start-sm-8 { grid-column-start: 8; } .grid .g-start-sm-9 { grid-column-start: 9; } .grid .g-start-sm-10 { grid-column-start: 10; } .grid .g-start-sm-11 { grid-column-start: 11; } } @media (min-width: 768px) { .grid .g-col-md-1 { grid-column: auto/span 1; } .grid .g-col-md-2 { grid-column: auto/span 2; } .grid .g-col-md-3 { grid-column: auto/span 3; } .grid .g-col-md-4 { grid-column: auto/span 4; } .grid .g-col-md-5 { grid-column: auto/span 5; } .grid .g-col-md-6 { grid-column: auto/span 6; } .grid .g-col-md-7 { grid-column: auto/span 7; } .grid .g-col-md-8 { grid-column: auto/span 8; } .grid .g-col-md-9 { grid-column: auto/span 9; } .grid .g-col-md-10 { grid-column: auto/span 10; } .grid .g-col-md-11 { grid-column: auto/span 11; } .grid .g-col-md-12 { grid-column: auto/span 12; } .grid .g-start-md-1 { grid-column-start: 1; } .grid .g-start-md-2 { grid-column-start: 2; } .grid .g-start-md-3 { grid-column-start: 3; } .grid .g-start-md-4 { grid-column-start: 4; } .grid .g-start-md-5 { grid-column-start: 5; } .grid .g-start-md-6 { grid-column-start: 6; } .grid .g-start-md-7 { grid-column-start: 7; } .grid .g-start-md-8 { grid-column-start: 8; } .grid .g-start-md-9 { grid-column-start: 9; } .grid .g-start-md-10 { grid-column-start: 10; } .grid .g-start-md-11 { grid-column-start: 11; } } @media (min-width: 992px) { .grid .g-col-lg-1 { grid-column: auto/span 1; } .grid .g-col-lg-2 { grid-column: auto/span 2; } .grid .g-col-lg-3 { grid-column: auto/span 3; } .grid .g-col-lg-4 { grid-column: auto/span 4; } .grid .g-col-lg-5 { grid-column: auto/span 5; } .grid .g-col-lg-6 { grid-column: auto/span 6; } .grid .g-col-lg-7 { grid-column: auto/span 7; } .grid .g-col-lg-8 { grid-column: auto/span 8; } .grid .g-col-lg-9 { grid-column: auto/span 9; } .grid .g-col-lg-10 { grid-column: auto/span 10; } .grid .g-col-lg-11 { grid-column: auto/span 11; } .grid .g-col-lg-12 { grid-column: auto/span 12; } .grid .g-start-lg-1 { grid-column-start: 1; } .grid .g-start-lg-2 { grid-column-start: 2; } .grid .g-start-lg-3 { grid-column-start: 3; } .grid .g-start-lg-4 { grid-column-start: 4; } .grid .g-start-lg-5 { grid-column-start: 5; } .grid .g-start-lg-6 { grid-column-start: 6; } .grid .g-start-lg-7 { grid-column-start: 7; } .grid .g-start-lg-8 { grid-column-start: 8; } .grid .g-start-lg-9 { grid-column-start: 9; } .grid .g-start-lg-10 { grid-column-start: 10; } .grid .g-start-lg-11 { grid-column-start: 11; } } @media (min-width: 1200px) { .grid .g-col-xl-1 { grid-column: auto/span 1; } .grid .g-col-xl-2 { grid-column: auto/span 2; } .grid .g-col-xl-3 { grid-column: auto/span 3; } .grid .g-col-xl-4 { grid-column: auto/span 4; } .grid .g-col-xl-5 { grid-column: auto/span 5; } .grid .g-col-xl-6 { grid-column: auto/span 6; } .grid .g-col-xl-7 { grid-column: auto/span 7; } .grid .g-col-xl-8 { grid-column: auto/span 8; } .grid .g-col-xl-9 { grid-column: auto/span 9; } .grid .g-col-xl-10 { grid-column: auto/span 10; } .grid .g-col-xl-11 { grid-column: auto/span 11; } .grid .g-col-xl-12 { grid-column: auto/span 12; } .grid .g-start-xl-1 { grid-column-start: 1; } .grid .g-start-xl-2 { grid-column-start: 2; } .grid .g-start-xl-3 { grid-column-start: 3; } .grid .g-start-xl-4 { grid-column-start: 4; } .grid .g-start-xl-5 { grid-column-start: 5; } .grid .g-start-xl-6 { grid-column-start: 6; } .grid .g-start-xl-7 { grid-column-start: 7; } .grid .g-start-xl-8 { grid-column-start: 8; } .grid .g-start-xl-9 { grid-column-start: 9; } .grid .g-start-xl-10 { grid-column-start: 10; } .grid .g-start-xl-11 { grid-column-start: 11; } } @media (min-width: 1400px) { .grid .g-col-xxl-1 { grid-column: auto/span 1; } .grid .g-col-xxl-2 { grid-column: auto/span 2; } .grid .g-col-xxl-3 { grid-column: auto/span 3; } .grid .g-col-xxl-4 { grid-column: auto/span 4; } .grid .g-col-xxl-5 { grid-column: auto/span 5; } .grid .g-col-xxl-6 { grid-column: auto/span 6; } .grid .g-col-xxl-7 { grid-column: auto/span 7; } .grid .g-col-xxl-8 { grid-column: auto/span 8; } .grid .g-col-xxl-9 { grid-column: auto/span 9; } .grid .g-col-xxl-10 { grid-column: auto/span 10; } .grid .g-col-xxl-11 { grid-column: auto/span 11; } .grid .g-col-xxl-12 { grid-column: auto/span 12; } .grid .g-start-xxl-1 { grid-column-start: 1; } .grid .g-start-xxl-2 { grid-column-start: 2; } .grid .g-start-xxl-3 { grid-column-start: 3; } .grid .g-start-xxl-4 { grid-column-start: 4; } .grid .g-start-xxl-5 { grid-column-start: 5; } .grid .g-start-xxl-6 { grid-column-start: 6; } .grid .g-start-xxl-7 { grid-column-start: 7; } .grid .g-start-xxl-8 { grid-column-start: 8; } .grid .g-start-xxl-9 { grid-column-start: 9; } .grid .g-start-xxl-10 { grid-column-start: 10; } .grid .g-start-xxl-11 { grid-column-start: 11; } } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --gutter-x: 0; } .g-0, .gy-0 { --gutter-y: 0; } .g-1, .gx-1 { --gutter-x: 0.25rem; } .g-1, .gy-1 { --gutter-y: 0.25rem; } .g-2, .gx-2 { --gutter-x: 0.5rem; } .g-2, .gy-2 { --gutter-y: 0.5rem; } .g-3, .gx-3 { --gutter-x: 1rem; } .g-3, .gy-3 { --gutter-y: 1rem; } .g-4, .gx-4 { --gutter-x: 1.5rem; } .g-4, .gy-4 { --gutter-y: 1.5rem; } .g-5, .gx-5 { --gutter-x: 3rem; } .g-5, .gy-5 { --gutter-y: 3rem; } .g-6, .gx-6 { --gutter-x: 4rem; } .g-6, .gy-6 { --gutter-y: 4rem; } .g-7, .gx-7 { --gutter-x: 6rem; } .g-7, .gy-7 { --gutter-y: 6rem; } .g-8, .gx-8 { --gutter-x: 8rem; } .g-8, .gy-8 { --gutter-y: 8rem; } .g-9, .gx-9 { --gutter-x: 10rem; } .g-9, .gy-9 { --gutter-y: 10rem; } .g-10, .gx-10 { --gutter-x: 12rem; } .g-10, .gy-10 { --gutter-y: 12rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --gutter-x: 0; } .g-sm-0, .gy-sm-0 { --gutter-y: 0; } .g-sm-1, .gx-sm-1 { --gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --gutter-y: 3rem; } .g-sm-6, .gx-sm-6 { --gutter-x: 4rem; } .g-sm-6, .gy-sm-6 { --gutter-y: 4rem; } .g-sm-7, .gx-sm-7 { --gutter-x: 6rem; } .g-sm-7, .gy-sm-7 { --gutter-y: 6rem; } .g-sm-8, .gx-sm-8 { --gutter-x: 8rem; } .g-sm-8, .gy-sm-8 { --gutter-y: 8rem; } .g-sm-9, .gx-sm-9 { --gutter-x: 10rem; } .g-sm-9, .gy-sm-9 { --gutter-y: 10rem; } .g-sm-10, .gx-sm-10 { --gutter-x: 12rem; } .g-sm-10, .gy-sm-10 { --gutter-y: 12rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --gutter-x: 0; } .g-md-0, .gy-md-0 { --gutter-y: 0; } .g-md-1, .gx-md-1 { --gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --gutter-x: 1rem; } .g-md-3, .gy-md-3 { --gutter-y: 1rem; } .g-md-4, .gx-md-4 { --gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --gutter-x: 3rem; } .g-md-5, .gy-md-5 { --gutter-y: 3rem; } .g-md-6, .gx-md-6 { --gutter-x: 4rem; } .g-md-6, .gy-md-6 { --gutter-y: 4rem; } .g-md-7, .gx-md-7 { --gutter-x: 6rem; } .g-md-7, .gy-md-7 { --gutter-y: 6rem; } .g-md-8, .gx-md-8 { --gutter-x: 8rem; } .g-md-8, .gy-md-8 { --gutter-y: 8rem; } .g-md-9, .gx-md-9 { --gutter-x: 10rem; } .g-md-9, .gy-md-9 { --gutter-y: 10rem; } .g-md-10, .gx-md-10 { --gutter-x: 12rem; } .g-md-10, .gy-md-10 { --gutter-y: 12rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --gutter-x: 0; } .g-lg-0, .gy-lg-0 { --gutter-y: 0; } .g-lg-1, .gx-lg-1 { --gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --gutter-y: 3rem; } .g-lg-6, .gx-lg-6 { --gutter-x: 4rem; } .g-lg-6, .gy-lg-6 { --gutter-y: 4rem; } .g-lg-7, .gx-lg-7 { --gutter-x: 6rem; } .g-lg-7, .gy-lg-7 { --gutter-y: 6rem; } .g-lg-8, .gx-lg-8 { --gutter-x: 8rem; } .g-lg-8, .gy-lg-8 { --gutter-y: 8rem; } .g-lg-9, .gx-lg-9 { --gutter-x: 10rem; } .g-lg-9, .gy-lg-9 { --gutter-y: 10rem; } .g-lg-10, .gx-lg-10 { --gutter-x: 12rem; } .g-lg-10, .gy-lg-10 { --gutter-y: 12rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --gutter-x: 0; } .g-xl-0, .gy-xl-0 { --gutter-y: 0; } .g-xl-1, .gx-xl-1 { --gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --gutter-y: 3rem; } .g-xl-6, .gx-xl-6 { --gutter-x: 4rem; } .g-xl-6, .gy-xl-6 { --gutter-y: 4rem; } .g-xl-7, .gx-xl-7 { --gutter-x: 6rem; } .g-xl-7, .gy-xl-7 { --gutter-y: 6rem; } .g-xl-8, .gx-xl-8 { --gutter-x: 8rem; } .g-xl-8, .gy-xl-8 { --gutter-y: 8rem; } .g-xl-9, .gx-xl-9 { --gutter-x: 10rem; } .g-xl-9, .gy-xl-9 { --gutter-y: 10rem; } .g-xl-10, .gx-xl-10 { --gutter-x: 12rem; } .g-xl-10, .gy-xl-10 { --gutter-y: 12rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --gutter-y: 3rem; } .g-xxl-6, .gx-xxl-6 { --gutter-x: 4rem; } .g-xxl-6, .gy-xxl-6 { --gutter-y: 4rem; } .g-xxl-7, .gx-xxl-7 { --gutter-x: 6rem; } .g-xxl-7, .gy-xxl-7 { --gutter-y: 6rem; } .g-xxl-8, .gx-xxl-8 { --gutter-x: 8rem; } .g-xxl-8, .gy-xxl-8 { --gutter-y: 8rem; } .g-xxl-9, .gx-xxl-9 { --gutter-x: 10rem; } .g-xxl-9, .gy-xxl-9 { --gutter-y: 10rem; } .g-xxl-10, .gx-xxl-10 { --gutter-x: 12rem; } .g-xxl-10, .gy-xxl-10 { --gutter-y: 12rem; } } .table { --table-color-type: initial; --table-bg-type: initial; --table-color-state: initial; --table-bg-state: initial; --table-color: inherit; --table-bg: transparent; --table-border-color: var(--o-border-color); --table-accent-bg: transparent; --table-striped-color: inherit; --table-striped-bg: rgba(var(--emphasis-color-rgb), 0.01); --table-active-color: inherit; --table-active-bg: rgba(var(--emphasis-color-rgb), 0.05); --table-hover-color: inherit; --table-hover-bg: rgba(var(--emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--table-border-color); } .table > :not(caption) > * > * { padding: 0.75rem 0.75rem; color: var(--table-color-state, var(--table-color-type, var(--table-color))); background-color: var(--table-bg); border-bottom-width: var(--border-width); box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--border-width) * 2) solid var(--o-border-color); } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.3rem 0.3rem; } .table-bordered > :not(caption) > * { border-width: var(--border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --table-color-type: var(--table-striped-color); --table-bg-type: var(--table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --table-color-type: var(--table-striped-color); --table-bg-type: var(--table-striped-bg); } .table-active { --table-color-state: var(--table-active-color); --table-bg-state: var(--table-active-bg); } .table-hover > tbody > tr:hover > * { --table-color-state: var(--table-hover-color); --table-bg-state: var(--table-hover-bg); } .table-primary { --table-color: #111827; --table-bg: #e3dbe1; --table-border-color: #b9b4bc; --table-striped-bg: #e1d9df; --table-striped-color: #111827; --table-active-bg: #d9d1d8; --table-active-color: #111827; --table-hover-bg: #d3ccd3; --table-hover-color: #111827; color: var(--table-color); border-color: var(--table-border-color); } .table-secondary { --table-color: #111827; --table-bg: #cce5e6; --table-border-color: #a7bcc0; --table-striped-bg: #cae3e4; --table-striped-color: #111827; --table-active-bg: #c3dbdc; --table-active-color: #111827; --table-hover-bg: #bed6d8; --table-hover-color: #111827; color: var(--table-color); border-color: var(--table-border-color); } .table-success { --table-color: #111827; --table-bg: #d4edda; --table-border-color: #adc2b6; --table-striped-bg: #d2ebd8; --table-striped-color: #111827; --table-active-bg: #cae2d1; --table-active-color: #111827; --table-hover-bg: #c5ddcd; --table-hover-color: #111827; color: var(--table-color); border-color: var(--table-border-color); } .table-info { --table-color: #111827; --table-bg: #d1ecf1; --table-border-color: #abc2c9; --table-striped-bg: #cfeaef; --table-striped-color: #111827; --table-active-bg: #c7e1e7; --table-active-color: #111827; --table-hover-bg: #c3dce2; --table-hover-color: #111827; color: var(--table-color); border-color: var(--table-border-color); } .table-warning { --table-color: #111827; --table-bg: #fff3cd; --table-border-color: #cfc7ac; --table-striped-bg: #fdf1cb; --table-striped-color: #111827; --table-active-bg: #f3e8c5; --table-active-color: #111827; --table-hover-bg: #ede3c1; --table-hover-color: #111827; color: var(--table-color); border-color: var(--table-border-color); } .table-danger { --table-color: #111827; --table-bg: #f8d7da; --table-border-color: #cab1b6; --table-striped-bg: #f6d5d8; --table-striped-color: #111827; --table-active-bg: #eccdd1; --table-active-color: #111827; --table-hover-bg: #e7c9cd; --table-hover-color: #111827; color: var(--table-color); border-color: var(--table-border-color); } .table-light { --table-color: #111827; --table-bg: #f9f9f9; --table-border-color: #cbcccf; --table-striped-bg: #f7f7f7; --table-striped-color: #111827; --table-active-bg: #edeeef; --table-active-color: #111827; --table-hover-bg: #e8e8e9; --table-hover-color: #111827; color: var(--table-color); border-color: var(--table-border-color); } .table-dark { --table-color: #FFFFFF; --table-bg: #111827; --table-border-color: #414652; --table-striped-bg: #131a29; --table-striped-color: #FFFFFF; --table-active-bg: #1d2432; --table-active-color: #FFFFFF; --table-hover-bg: #232937; --table-hover-color: #FFFFFF; color: var(--table-color); border-color: var(--table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.75rem + var(--border-width)); padding-bottom: calc(0.75rem + var(--border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.625rem + var(--border-width)); padding-bottom: calc(0.625rem + var(--border-width)); font-size: 1rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--border-width)); padding-bottom: calc(0.25rem + var(--border-width)); font-size: 0.75rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--secondary-color); } .form-control { display: block; width: 100%; padding: 0.75rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #111827; appearance: none; background-color: #ffffff; background-clip: padding-box; border: var(--border-width) solid var(--o-border-color); border-radius: 0.25rem; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type="file"] { overflow: hidden; } .form-control[type="file"]:not(:disabled):not(.o_wysiwyg_loader):not([readonly]) { cursor: pointer; } .form-control:focus { color: #111827; background-color: #ffffff; border-color: #b8a5b3; outline: 0; box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::placeholder { color: #888c93; opacity: 1; } .form-control:disabled, .form-control.o_wysiwyg_loader { background-color: #e7e8e9; border-color: rgba(17, 24, 39, 0.15); opacity: 1; } .form-control::file-selector-button { padding: 0.75rem 0.75rem; margin: -0.75rem -0.75rem; margin-inline-end: 0.75rem; color: #111827; background-color: #f4f5f5; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--border-width); border-radius: 0; 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; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not(.o_wysiwyg_loader):not([readonly])::file-selector-button { background-color: #dbdcdf; } .form-control-plaintext { display: block; width: 100%; padding: 0.75rem 0; margin-bottom: 0; line-height: 1.5; color: var(--body-color); background-color: transparent; border: solid transparent; border-width: var(--border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--border-width) * 2)); padding: 0.25rem 0.25rem; font-size: 0.75rem; border-radius: 0.25rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.25rem; margin: -0.25rem -0.25rem; margin-inline-end: 0.25rem; } .form-control-lg { min-height: calc(1.5em + 1.25rem + calc(var(--border-width) * 2)); padding: 0.625rem 0.625rem; font-size: 1rem; border-radius: 0.25rem; } .form-control-lg::file-selector-button { padding: 0.625rem 0.625rem; margin: -0.625rem -0.625rem; margin-inline-end: 0.625rem; } textarea.form-control { min-height: calc(1.5em + 1.5rem + calc(var(--border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.5em + 1.25rem + calc(var(--border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.5em + 1.5rem + calc(var(--border-width) * 2)); padding: 0.75rem; } .form-control-color:not(:disabled):not(.o_wysiwyg_loader):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: 0.25rem; } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + calc(var(--border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.5em + 1.25rem + calc(var(--border-width) * 2)); } .form-select { --form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.75rem 2.25rem 0.75rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #111827; appearance: none; background-color: #ffffff; background-image: var(--form-select-bg-img), var(--form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--border-width) solid var(--o-border-color); border-radius: 0.25rem; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #b8a5b3; outline: 0; box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled, .form-select.o_wysiwyg_loader { color: #888c93; background-color: #e7e8e9; border-color: rgba(17, 24, 39, 0.15); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #111827; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.25rem; font-size: 0.75rem; border-radius: 0.25rem; } .form-select-lg { padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 0.625rem; font-size: 1rem; border-radius: 0.25rem; } [data-bs-theme="dark"] .form-select { --form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --form-check-bg: #ffffff; flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--form-check-bg); background-image: var(--form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid var(--o-border-color); print-color-adjust: exact; } .form-check-input[type="checkbox"] { border-radius: 0.25rem; } .form-check-input[type="radio"] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #b8a5b3; outline: 0; box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25); } .form-check-input:checked { background-color: #714b67; border-color: #714b67; } .form-check-input:checked[type="checkbox"] { --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type="radio"] { --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFF'/%3e%3c/svg%3e"); } .form-check-input[type="checkbox"]:indeterminate { background-color: #714b67; border-color: #714b67; --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled, .form-check-input.o_wysiwyg_loader { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label, .form-check-input.o_wysiwyg_loader ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23111827'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b8a5b3'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn, .btn-check.o_wysiwyg_loader + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 2px #fff, 0 0 0 3px #714b67; } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 2px #fff, 0 0 0 3px #714b67; } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; appearance: none; background-color: #714b67; border: 1px solid #714b67; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #714b67; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #e7e8e9; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; appearance: none; background-color: #714b67; border: 1px solid #714b67; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { transition: none; } } .form-range::-moz-range-thumb:active { background-color: #714b67; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #e7e8e9; border-color: transparent; border-radius: 1rem; } .form-range:disabled, .form-range.o_wysiwyg_loader { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb, .form-range.o_wysiwyg_loader::-webkit-slider-thumb { background-color: #e7e8e9; } .form-range:disabled::-moz-range-thumb, .form-range.o_wysiwyg_loader::-moz-range-thumb { background-color: #e7e8e9; } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--border-width) * 2)); min-height: calc(3.5rem + calc(var(--border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { color: rgba(var(--body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: #ffffff; border-radius: 0.25rem; } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: var(--border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .o_wysiwyg_loader ~ label, .form-floating > .form-control:disabled ~ label { color: #6C757D; } .form-floating > :disabled ~ label::after, .form-floating > .o_wysiwyg_loader ~ label::after, .form-floating > .form-control:disabled ~ label::after { background-color: #e7e8e9; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.75rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #111827; text-align: center; white-space: nowrap; background-color: var(--tertiary-bg); border: var(--border-width) solid var(--o-border-color); border-radius: 0.25rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.625rem 0.625rem; font-size: 1rem; border-radius: 0.25rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.25rem; font-size: 0.75rem; border-radius: 0.25rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.o_dropdown_menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.o_dropdown_menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.o_dropdown_menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.5rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--success); border-radius: var(--border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--form-valid-border-color); padding-right: calc(1.5em + 1.5rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.375rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 1.5rem); background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 1.5rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.5rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--danger); border-radius: var(--border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--form-invalid-border-color); padding-right: calc(1.5em + 1.5rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.375rem) center; background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 1.5rem); background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 1.5rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --btn-padding-x: 1.5rem; --btn-padding-y: 0.75rem; --btn-font-family: ; --btn-font-size: 1rem; --btn-font-weight: 600; --btn-line-height: 1.5; --btn-color: var(--body-color); --btn-bg: transparent; --btn-border-width: var(--border-width); --btn-border-color: transparent; --btn-border-radius: 0.25rem; --btn-hover-border-color: transparent; --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --btn-disabled-opacity: 0.65; --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--btn-padding-y) var(--btn-padding-x); font-family: var(--btn-font-family); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); color: var(--btn-color); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border: var(--btn-border-width) solid var(--btn-border-color); border-radius: var(--btn-border-radius); background-color: var(--btn-bg); 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; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--btn-hover-color); background-color: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); } .btn-check + .btn:hover { color: var(--btn-color); background-color: var(--btn-bg); border-color: var(--btn-border-color); } .btn:focus-visible { color: var(--btn-hover-color); background-color: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); outline: 0; box-shadow: var(--btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--btn-hover-border-color); outline: 0; box-shadow: var(--btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--btn-active-color); background-color: var(--btn-active-bg); border-color: var(--btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--btn-focus-box-shadow); } .btn:disabled, .btn.o_wysiwyg_loader, .btn.disabled, fieldset:disabled .btn, fieldset.o_wysiwyg_loader .btn { color: var(--btn-disabled-color); pointer-events: none; background-color: var(--btn-disabled-bg); border-color: var(--btn-disabled-border-color); opacity: var(--btn-disabled-opacity); } .btn-link { --btn-font-weight: 400; --btn-color: var(--link-color); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--link-hover-color); --btn-hover-border-color: transparent; --btn-active-color: var(--link-hover-color); --btn-active-border-color: transparent; --btn-disabled-color: #6C757D; --btn-disabled-border-color: transparent; --btn-box-shadow: 0 0 0 #000; --btn-focus-shadow-rgb: 134, 102, 126; text-decoration: none; } .btn-link:hover, .btn-link:focus-visible { text-decoration: none; } .btn-link:focus-visible { color: var(--btn-color); } .btn-link:hover { color: var(--btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --btn-padding-y: 1rem; --btn-padding-x: 2rem; --btn-font-size: 1.125rem; --btn-border-radius: 0.25rem; } .btn-sm, .btn-group-sm > .btn { --btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-font-size: 0.875rem; --btn-border-radius: 0.25rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu, .o_dropdown_menu { --dropdown-zindex: 1000; --dropdown-min-width: 10rem; --dropdown-padding-x: 0; --dropdown-padding-y: 0.5rem; --dropdown-spacer: 0.125rem; --dropdown-font-size: 1rem; --dropdown-color: var(--body-color); --dropdown-bg: #ffffff; --dropdown-border-color: var(--o-border-color); --dropdown-border-radius: 0.25rem; --dropdown-border-width: 0; --dropdown-inner-border-radius: calc(0.25rem - 0); --dropdown-divider-bg: var(--o-border-color); --dropdown-divider-margin-y: 0.5rem; --dropdown-box-shadow: var(--box-shadow); --dropdown-link-color: var(--body-color); --dropdown-link-hover-color: var(--body-color); --dropdown-link-hover-bg: var(--tertiary-bg); --dropdown-link-active-color: #111827; --dropdown-link-active-bg: rgba(17, 24, 39, 0.2); --dropdown-link-disabled-color: var(--tertiary-color); --dropdown-item-padding-x: 1rem; --dropdown-item-padding-y: 0.25rem; --dropdown-header-color: #6C757D; --dropdown-header-padding-x: 1rem; --dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--dropdown-zindex); display: none; min-width: var(--dropdown-min-width); padding: var(--dropdown-padding-y) var(--dropdown-padding-x); margin: 0; font-size: var(--dropdown-font-size); color: var(--dropdown-color); text-align: left; list-style: none; background-color: var(--dropdown-bg); background-clip: padding-box; border: var(--dropdown-border-width) solid var(--dropdown-border-color); border-radius: var(--dropdown-border-radius); } .dropdown-menu[data-bs-popper], [data-bs-popper].o_dropdown_menu { top: 100%; left: 0; margin-top: var(--dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper], .dropup [data-bs-popper].o_dropdown_menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper], .dropend [data-bs-popper].o_dropdown_menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper], .dropstart [data-bs-popper].o_dropdown_menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--dropdown-link-color); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--dropdown-link-hover-color); background-color: var(--dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--dropdown-link-active-color); text-decoration: none; background-color: var(--dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled, .dropdown-item.o_wysiwyg_loader { color: var(--dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show, .show.o_dropdown_menu { display: block; } .dropdown-header { display: block; padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); color: var(--dropdown-link-color); } .dropdown-menu-dark { --dropdown-color: #dee2e6; --dropdown-bg: #374151; --dropdown-border-color: var(--o-border-color); --dropdown-box-shadow: ; --dropdown-link-color: #dee2e6; --dropdown-link-hover-color: #FFF; --dropdown-divider-bg: var(--o-border-color); --dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --dropdown-link-active-color: #111827; --dropdown-link-active-bg: rgba(17, 24, 39, 0.2); --dropdown-link-disabled-color: #ADB5BD; --dropdown-header-color: #ADB5BD; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: 0.25rem; } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(var(--border-width) * -1); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.5rem; padding-left: 1.5rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(var(--border-width) * -1); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --nav-link-padding-x: 1rem; --nav-link-padding-y: 0.5rem; --nav-link-font-weight: 600; --nav-link-color: var(--link-color); --nav-link-hover-color: var(--link-hover-color); --nav-link-disabled-color: var(--secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--nav-link-padding-y) var(--nav-link-padding-x); font-size: var(--nav-link-font-size); font-weight: var(--nav-link-font-weight); color: var(--nav-link-color); background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25); } .nav-link.disabled, .nav-link:disabled, .nav-link.o_wysiwyg_loader { color: var(--nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --nav-tabs-border-width: var(--border-width); --nav-tabs-border-color: var(--border-color); --nav-tabs-border-radius: var(--border-radius); --nav-tabs-link-hover-border-color: var(--secondary-bg) var(--secondary-bg) var(--border-color); --nav-tabs-link-active-color: var(--emphasis-color); --nav-tabs-link-active-bg: var(--body-bg); --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--body-bg); border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--nav-tabs-border-width)); border: var(--nav-tabs-border-width) solid transparent; border-top-left-radius: var(--nav-tabs-border-radius); border-top-right-radius: var(--nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--nav-tabs-link-active-color); background-color: var(--nav-tabs-link-active-bg); border-color: var(--nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu, .nav-tabs .o_dropdown_menu { margin-top: calc(-1 * var(--nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --nav-pills-border-radius: var(--border-radius); --nav-pills-link-active-color: #fff; --nav-pills-link-active-bg: #017e84; } .nav-pills .nav-link { border-radius: var(--nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--nav-pills-link-active-color); background-color: var(--nav-pills-link-active-bg); } .nav-underline { --nav-underline-gap: 1rem; --nav-underline-border-width: 0.125rem; --nav-underline-link-active-color: var(--emphasis-color); gap: var(--nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 600; color: var(--nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --navbar-padding-x: 0; --navbar-padding-y: 0.5rem; --navbar-color: rgba(var(--emphasis-color-rgb), 0.65); --navbar-hover-color: rgba(var(--emphasis-color-rgb), 0.8); --navbar-disabled-color: rgba(var(--emphasis-color-rgb), 0.3); --navbar-active-color: rgba(var(--emphasis-color-rgb), 1); --navbar-brand-padding-y: 0.3125rem; --navbar-brand-margin-end: 1rem; --navbar-brand-font-size: 1.25rem; --navbar-brand-color: rgba(var(--emphasis-color-rgb), 1); --navbar-brand-hover-color: rgba(var(--emphasis-color-rgb), 1); --navbar-nav-link-padding-x: 0.5rem; --navbar-toggler-padding-y: 0.25rem; --navbar-toggler-padding-x: 0.75rem; --navbar-toggler-font-size: 1.25rem; --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2855, 65, 81, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --navbar-toggler-border-color: transparent; --navbar-toggler-border-radius: 0.25rem; --navbar-toggler-focus-width: 0.25rem; --navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--navbar-padding-y) var(--navbar-padding-x); } .navbar > .container, .navbar > .o_container_small, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--navbar-brand-padding-y); padding-bottom: var(--navbar-brand-padding-y); margin-right: var(--navbar-brand-margin-end); font-size: var(--navbar-brand-font-size); color: var(--navbar-brand-color); white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--navbar-brand-hover-color); } .navbar-nav { --nav-link-padding-x: 0; --nav-link-padding-y: 0.5rem; --nav-link-font-weight: 600; --nav-link-color: var(--navbar-color); --nav-link-hover-color: var(--navbar-hover-color); --nav-link-disabled-color: var(--navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--navbar-active-color); } .navbar-nav .dropdown-menu, .navbar-nav .o_dropdown_menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--navbar-toggler-padding-y) var(--navbar-toggler-padding-x); font-size: var(--navbar-toggler-font-size); line-height: 1; color: var(--navbar-color); background-color: transparent; border: var(--border-width) solid var(--navbar-toggler-border-color); border-radius: var(--navbar-toggler-border-radius); transition: var(--navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme="dark"] { --navbar-color: rgba(255, 255, 255, 0.55); --navbar-hover-color: rgba(255, 255, 255, 0.75); --navbar-disabled-color: rgba(255, 255, 255, 0.25); --navbar-active-color: #FFF; --navbar-brand-color: #FFF; --navbar-brand-hover-color: #FFF; --navbar-toggler-border-color: transparent; --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme="dark"] .navbar-toggler-icon { --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --card-spacer-y: 1.5rem; --card-spacer-x: 1.5rem; --card-title-spacer-y: 0.75rem; --card-title-color: ; --card-subtitle-color: ; --card-border-width: var(--border-width); --card-border-color: #D8DADD; --card-border-radius: var(--border-radius); --card-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width))); --card-cap-padding-y: 0.75rem; --card-cap-padding-x: 1.5rem; --card-cap-bg: transparent; --card-cap-color: ; --card-height: ; --card-color: ; --card-bg: #ffffff; --card-img-overlay-padding: 1rem; --card-group-margin: 16px; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--card-height); color: var(--body-color); word-wrap: break-word; background-color: var(--card-bg); background-clip: border-box; border: var(--card-border-width) solid var(--card-border-color); border-radius: var(--card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--card-inner-border-radius); border-top-right-radius: var(--card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--card-inner-border-radius); border-bottom-left-radius: var(--card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--card-spacer-y) var(--card-spacer-x); color: var(--card-color); } .card-title { margin-bottom: var(--card-title-spacer-y); color: var(--card-title-color); } .card-subtitle { margin-top: calc(-.5 * var(--card-title-spacer-y)); margin-bottom: 0; color: var(--card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--card-spacer-x); } .card-header { padding: var(--card-cap-padding-y) var(--card-cap-padding-x); margin-bottom: 0; color: var(--card-cap-color); background-color: var(--card-cap-bg); border-bottom: var(--card-border-width) solid var(--card-border-color); } .card-header:first-child { border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0; } .card-footer { padding: var(--card-cap-padding-y) var(--card-cap-padding-x); color: var(--card-cap-color); background-color: var(--card-cap-bg); border-top: var(--card-border-width) solid var(--card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius); } .card-header-tabs { margin-right: calc(-.5 * var(--card-cap-padding-x)); margin-bottom: calc(-1 * var(--card-cap-padding-y)); margin-left: calc(-.5 * var(--card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--card-bg); border-bottom-color: var(--card-bg); } .card-header-pills { margin-right: calc(-.5 * var(--card-cap-padding-x)); margin-left: calc(-.5 * var(--card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--card-img-overlay-padding); border-radius: var(--card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--card-inner-border-radius); border-top-right-radius: var(--card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--card-inner-border-radius); border-bottom-left-radius: var(--card-inner-border-radius); } .card-group > .card { margin-bottom: var(--card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion { --accordion-color: inherit; --accordion-bg: inherit; --accordion-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, border-radius 0.15s ease; --accordion-border-color: #D8DADD; --accordion-border-width: 1px; --accordion-border-radius: var(--border-radius); --accordion-inner-border-radius: calc(var(--border-radius) - 1px); --accordion-btn-padding-x: 1.5rem; --accordion-btn-padding-y: 1.25rem; --accordion-btn-color: var(--body-color); --accordion-btn-bg: #FFF; --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23374151'%3e%3cpath transform='rotate%280, 8, 8%29' fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --accordion-btn-icon-width: 1.25rem; --accordion-btn-icon-transform: rotate(-180deg); --accordion-btn-icon-transition: transform 0.2s ease-in-out; --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23111827' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --accordion-btn-focus-box-shadow: none; --accordion-body-padding-x: 1.5rem; --accordion-body-padding-y: 1.25rem; --accordion-active-color: #111827; --accordion-active-bg: #f1edf0; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--accordion-btn-padding-y) var(--accordion-btn-padding-x); font-size: 1rem; color: var(--accordion-btn-color); text-align: left; background-color: var(--accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--accordion-active-color); background-color: var(--accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--accordion-btn-active-icon); transform: var(--accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--accordion-btn-icon-width); height: var(--accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--accordion-btn-icon); background-repeat: no-repeat; background-size: var(--accordion-btn-icon-width); transition: var(--accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--accordion-color); background-color: var(--accordion-bg); border: var(--accordion-border-width) solid var(--accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--accordion-border-radius); border-top-right-radius: var(--accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--accordion-inner-border-radius); border-top-right-radius: var(--accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--accordion-border-radius); border-bottom-left-radius: var(--accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--accordion-inner-border-radius); border-bottom-left-radius: var(--accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--accordion-border-radius); border-bottom-left-radius: var(--accordion-border-radius); } .accordion-body { padding: var(--accordion-body-padding-y) var(--accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0; } [data-bs-theme="dark"] .accordion-button::after { --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aa93a4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aa93a4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .breadcrumb { --breadcrumb-padding-x: 1rem; --breadcrumb-padding-y: 0.75rem; --breadcrumb-margin-bottom: 1rem; --breadcrumb-bg: ; --breadcrumb-border-radius: ; --breadcrumb-divider-color: var(--secondary-color); --breadcrumb-item-padding-x: 0.5rem; --breadcrumb-item-active-color: var(--secondary-color); display: flex; flex-wrap: wrap; padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x); margin-bottom: var(--breadcrumb-margin-bottom); font-size: var(--breadcrumb-font-size); list-style: none; background-color: var(--breadcrumb-bg); border-radius: var(--breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--breadcrumb-item-padding-x); color: var(--breadcrumb-divider-color); content: var(--breadcrumb-divider, "/") /* rtl: var(--breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--breadcrumb-item-active-color); } .pagination { --pagination-padding-x: 1rem; --pagination-padding-y: 0.5rem; --pagination-font-size: 1rem; --pagination-color: #6C757D; --pagination-bg: transparent; --pagination-border-width: var(--border-width); --pagination-border-color: #D8DADD; --pagination-border-radius: 0.25rem; --pagination-hover-color: #714b67; --pagination-hover-bg: #E6E9ED; --pagination-hover-border-color: #E6E9ED; --pagination-focus-color: #714b67; --pagination-focus-bg: #E6E9ED; --pagination-focus-box-shadow: none; --pagination-active-color: #FFF; --pagination-active-bg: #714b67; --pagination-active-border-color: #714b67; --pagination-disabled-color: rgba(17, 24, 39, 0.5); --pagination-disabled-bg: transparent; --pagination-disabled-border-color: transparent; display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--pagination-padding-y) var(--pagination-padding-x); font-size: var(--pagination-font-size); color: var(--pagination-color); background-color: var(--pagination-bg); border: var(--pagination-border-width) solid var(--pagination-border-color); transition: none; } .page-link:hover { z-index: 2; color: var(--pagination-hover-color); background-color: var(--pagination-hover-bg); border-color: var(--pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--pagination-focus-color); background-color: var(--pagination-focus-bg); outline: 0; box-shadow: var(--pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--pagination-active-color); background-color: var(--pagination-active-bg); border-color: var(--pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--pagination-disabled-color); pointer-events: none; background-color: var(--pagination-disabled-bg); border-color: var(--pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: 0.25rem; } .page-item .page-link { border-radius: var(--pagination-border-radius); } .pagination-lg { --pagination-padding-x: 1.5rem; --pagination-padding-y: 0.75rem; --pagination-font-size: 1.25rem; --pagination-border-radius: 0.25rem; } .pagination-sm { --pagination-padding-x: 0.5rem; --pagination-padding-y: 0.25rem; --pagination-font-size: 0.875rem; --pagination-border-radius: 0.25rem; } .badge { --badge-padding-x: 0.8em; --badge-padding-y: 0.5em; --badge-font-size: 0.75rem; --badge-font-weight: 500; --badge-color: #FFF; --badge-border-radius: 0.25rem; display: inline-block; padding: var(--badge-padding-y) var(--badge-padding-x); font-size: var(--badge-font-size); font-weight: var(--badge-font-weight); line-height: 1; color: var(--badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --alert-bg: transparent; --alert-padding-x: 1rem; --alert-padding-y: 1rem; --alert-margin-bottom: 1rem; --alert-color: inherit; --alert-border-color: transparent; --alert-border: var(--border-width) solid var(--alert-border-color); --alert-border-radius: var(--border-radius); --alert-link-color: inherit; position: relative; padding: var(--alert-padding-y) var(--alert-padding-x); margin-bottom: var(--alert-margin-bottom); color: var(--alert-color); background-color: var(--alert-bg); border: var(--alert-border); border-radius: var(--alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 600; color: var(--alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --alert-color: var(--primary-text-emphasis); --alert-bg: var(--primary-bg-subtle); --alert-border-color: var(--primary-border-subtle); --alert-link-color: var(--primary-text-emphasis); } .alert-secondary { --alert-color: var(--secondary-text-emphasis); --alert-bg: var(--secondary-bg-subtle); --alert-border-color: var(--secondary-border-subtle); --alert-link-color: var(--secondary-text-emphasis); } .alert-success { --alert-color: var(--success-text-emphasis); --alert-bg: var(--success-bg-subtle); --alert-border-color: var(--success-border-subtle); --alert-link-color: var(--success-text-emphasis); } .alert-info { --alert-color: var(--info-text-emphasis); --alert-bg: var(--info-bg-subtle); --alert-border-color: var(--info-border-subtle); --alert-link-color: var(--info-text-emphasis); } .alert-warning { --alert-color: var(--warning-text-emphasis); --alert-bg: var(--warning-bg-subtle); --alert-border-color: var(--warning-border-subtle); --alert-link-color: var(--warning-text-emphasis); } .alert-danger { --alert-color: var(--danger-text-emphasis); --alert-bg: var(--danger-bg-subtle); --alert-border-color: var(--danger-border-subtle); --alert-link-color: var(--danger-text-emphasis); } .alert-light { --alert-color: var(--light-text-emphasis); --alert-bg: var(--light-bg-subtle); --alert-border-color: var(--light-border-subtle); --alert-link-color: var(--light-text-emphasis); } .alert-dark { --alert-color: var(--dark-text-emphasis); --alert-bg: var(--dark-bg-subtle); --alert-border-color: var(--dark-border-subtle); --alert-link-color: var(--dark-text-emphasis); } .alert-o-color-9 { --alert-color: var(--o-color-9-text-emphasis); --alert-bg: var(--o-color-9-bg-subtle); --alert-border-color: var(--o-color-9-border-subtle); --alert-link-color: var(--o-color-9-text-emphasis); } .alert-o-color-8 { --alert-color: var(--o-color-8-text-emphasis); --alert-bg: var(--o-color-8-bg-subtle); --alert-border-color: var(--o-color-8-border-subtle); --alert-link-color: var(--o-color-8-text-emphasis); } .alert-o-color-7 { --alert-color: var(--o-color-7-text-emphasis); --alert-bg: var(--o-color-7-bg-subtle); --alert-border-color: var(--o-color-7-border-subtle); --alert-link-color: var(--o-color-7-text-emphasis); } .alert-o-color-6 { --alert-color: var(--o-color-6-text-emphasis); --alert-bg: var(--o-color-6-bg-subtle); --alert-border-color: var(--o-color-6-border-subtle); --alert-link-color: var(--o-color-6-text-emphasis); } .alert-epsilon { --alert-color: var(--epsilon-text-emphasis); --alert-bg: var(--epsilon-bg-subtle); --alert-border-color: var(--epsilon-border-subtle); --alert-link-color: var(--epsilon-text-emphasis); } .alert-delta { --alert-color: var(--delta-text-emphasis); --alert-bg: var(--delta-bg-subtle); --alert-border-color: var(--delta-border-subtle); --alert-link-color: var(--delta-text-emphasis); } .alert-gamma { --alert-color: var(--gamma-text-emphasis); --alert-bg: var(--gamma-bg-subtle); --alert-border-color: var(--gamma-border-subtle); --alert-link-color: var(--gamma-text-emphasis); } .alert-beta { --alert-color: var(--beta-text-emphasis); --alert-bg: var(--beta-bg-subtle); --alert-border-color: var(--beta-border-subtle); --alert-link-color: var(--beta-text-emphasis); } .alert-alpha { --alert-color: var(--alpha-text-emphasis); --alert-bg: var(--alpha-bg-subtle); --alert-border-color: var(--alpha-border-subtle); --alert-link-color: var(--alpha-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --progress-height: 1rem; --progress-font-size: 0.75rem; --progress-bg: var(--secondary-bg); --progress-border-radius: var(--border-radius); --progress-box-shadow: var(--box-shadow-inset); --progress-bar-color: #FFF; --progress-bar-bg: #714b67; --progress-bar-transition: width 0.6s ease; display: flex; height: var(--progress-height); overflow: hidden; font-size: var(--progress-font-size); background-color: var(--progress-bg); border-radius: var(--progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--progress-bar-bg); transition: var(--progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--progress-height) var(--progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { --list-group-color: #374151; --list-group-bg: #ffffff; --list-group-border-color: #D8DADD; --list-group-border-width: var(--border-width); --list-group-border-radius: var(--border-radius); --list-group-item-padding-x: 1.5rem; --list-group-item-padding-y: 0.5rem; --list-group-action-color: var(--secondary-color); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--tertiary-bg); --list-group-action-active-color: var(--body-color); --list-group-action-active-bg: var(--secondary-bg); --list-group-disabled-color: var(--secondary-color); --list-group-disabled-bg: #ffffff; --list-group-active-color: #FFFFFF; --list-group-active-bg: #714b67; --list-group-active-border-color: #714b67; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: var(--list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--list-group-action-hover-color); text-decoration: none; background-color: var(--list-group-action-hover-bg); } .list-group-item-action:active { color: var(--list-group-action-active-color); background-color: var(--list-group-action-active-bg); } .list-group-item { position: relative; display: block; padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x); color: var(--list-group-color); background-color: var(--list-group-bg); border: var(--list-group-border-width) solid var(--list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled, .list-group-item.o_wysiwyg_loader { color: var(--list-group-disabled-color); pointer-events: none; background-color: var(--list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--list-group-active-color); background-color: var(--list-group-active-bg); border-color: var(--list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--list-group-border-width)); border-top-width: var(--list-group-border-width); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--list-group-border-width)); border-left-width: var(--list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --list-group-color: var(--primary-text-emphasis); --list-group-bg: var(--primary-bg-subtle); --list-group-border-color: var(--primary-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--primary-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--primary-border-subtle); --list-group-active-color: var(--primary-bg-subtle); --list-group-active-bg: var(--primary-text-emphasis); --list-group-active-border-color: var(--primary-text-emphasis); } .list-group-item-secondary { --list-group-color: var(--secondary-text-emphasis); --list-group-bg: var(--secondary-bg-subtle); --list-group-border-color: var(--secondary-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--secondary-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--secondary-border-subtle); --list-group-active-color: var(--secondary-bg-subtle); --list-group-active-bg: var(--secondary-text-emphasis); --list-group-active-border-color: var(--secondary-text-emphasis); } .list-group-item-success { --list-group-color: var(--success-text-emphasis); --list-group-bg: var(--success-bg-subtle); --list-group-border-color: var(--success-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--success-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--success-border-subtle); --list-group-active-color: var(--success-bg-subtle); --list-group-active-bg: var(--success-text-emphasis); --list-group-active-border-color: var(--success-text-emphasis); } .list-group-item-info { --list-group-color: var(--info-text-emphasis); --list-group-bg: var(--info-bg-subtle); --list-group-border-color: var(--info-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--info-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--info-border-subtle); --list-group-active-color: var(--info-bg-subtle); --list-group-active-bg: var(--info-text-emphasis); --list-group-active-border-color: var(--info-text-emphasis); } .list-group-item-warning { --list-group-color: var(--warning-text-emphasis); --list-group-bg: var(--warning-bg-subtle); --list-group-border-color: var(--warning-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--warning-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--warning-border-subtle); --list-group-active-color: var(--warning-bg-subtle); --list-group-active-bg: var(--warning-text-emphasis); --list-group-active-border-color: var(--warning-text-emphasis); } .list-group-item-danger { --list-group-color: var(--danger-text-emphasis); --list-group-bg: var(--danger-bg-subtle); --list-group-border-color: var(--danger-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--danger-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--danger-border-subtle); --list-group-active-color: var(--danger-bg-subtle); --list-group-active-bg: var(--danger-text-emphasis); --list-group-active-border-color: var(--danger-text-emphasis); } .list-group-item-light { --list-group-color: var(--light-text-emphasis); --list-group-bg: var(--light-bg-subtle); --list-group-border-color: var(--light-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--light-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--light-border-subtle); --list-group-active-color: var(--light-bg-subtle); --list-group-active-bg: var(--light-text-emphasis); --list-group-active-border-color: var(--light-text-emphasis); } .list-group-item-dark { --list-group-color: var(--dark-text-emphasis); --list-group-bg: var(--dark-bg-subtle); --list-group-border-color: var(--dark-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--dark-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--dark-border-subtle); --list-group-active-color: var(--dark-bg-subtle); --list-group-active-bg: var(--dark-text-emphasis); --list-group-active-border-color: var(--dark-text-emphasis); } .list-group-item-o-color-9 { --list-group-color: var(--o-color-9-text-emphasis); --list-group-bg: var(--o-color-9-bg-subtle); --list-group-border-color: var(--o-color-9-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--o-color-9-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--o-color-9-border-subtle); --list-group-active-color: var(--o-color-9-bg-subtle); --list-group-active-bg: var(--o-color-9-text-emphasis); --list-group-active-border-color: var(--o-color-9-text-emphasis); } .list-group-item-o-color-8 { --list-group-color: var(--o-color-8-text-emphasis); --list-group-bg: var(--o-color-8-bg-subtle); --list-group-border-color: var(--o-color-8-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--o-color-8-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--o-color-8-border-subtle); --list-group-active-color: var(--o-color-8-bg-subtle); --list-group-active-bg: var(--o-color-8-text-emphasis); --list-group-active-border-color: var(--o-color-8-text-emphasis); } .list-group-item-o-color-7 { --list-group-color: var(--o-color-7-text-emphasis); --list-group-bg: var(--o-color-7-bg-subtle); --list-group-border-color: var(--o-color-7-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--o-color-7-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--o-color-7-border-subtle); --list-group-active-color: var(--o-color-7-bg-subtle); --list-group-active-bg: var(--o-color-7-text-emphasis); --list-group-active-border-color: var(--o-color-7-text-emphasis); } .list-group-item-o-color-6 { --list-group-color: var(--o-color-6-text-emphasis); --list-group-bg: var(--o-color-6-bg-subtle); --list-group-border-color: var(--o-color-6-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--o-color-6-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--o-color-6-border-subtle); --list-group-active-color: var(--o-color-6-bg-subtle); --list-group-active-bg: var(--o-color-6-text-emphasis); --list-group-active-border-color: var(--o-color-6-text-emphasis); } .list-group-item-epsilon { --list-group-color: var(--epsilon-text-emphasis); --list-group-bg: var(--epsilon-bg-subtle); --list-group-border-color: var(--epsilon-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--epsilon-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--epsilon-border-subtle); --list-group-active-color: var(--epsilon-bg-subtle); --list-group-active-bg: var(--epsilon-text-emphasis); --list-group-active-border-color: var(--epsilon-text-emphasis); } .list-group-item-delta { --list-group-color: var(--delta-text-emphasis); --list-group-bg: var(--delta-bg-subtle); --list-group-border-color: var(--delta-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--delta-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--delta-border-subtle); --list-group-active-color: var(--delta-bg-subtle); --list-group-active-bg: var(--delta-text-emphasis); --list-group-active-border-color: var(--delta-text-emphasis); } .list-group-item-gamma { --list-group-color: var(--gamma-text-emphasis); --list-group-bg: var(--gamma-bg-subtle); --list-group-border-color: var(--gamma-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--gamma-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--gamma-border-subtle); --list-group-active-color: var(--gamma-bg-subtle); --list-group-active-bg: var(--gamma-text-emphasis); --list-group-active-border-color: var(--gamma-text-emphasis); } .list-group-item-beta { --list-group-color: var(--beta-text-emphasis); --list-group-bg: var(--beta-bg-subtle); --list-group-border-color: var(--beta-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--beta-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--beta-border-subtle); --list-group-active-color: var(--beta-bg-subtle); --list-group-active-bg: var(--beta-text-emphasis); --list-group-active-border-color: var(--beta-text-emphasis); } .list-group-item-alpha { --list-group-color: var(--alpha-text-emphasis); --list-group-bg: var(--alpha-bg-subtle); --list-group-border-color: var(--alpha-border-subtle); --list-group-action-hover-color: var(--emphasis-color); --list-group-action-hover-bg: var(--alpha-border-subtle); --list-group-action-active-color: var(--emphasis-color); --list-group-action-active-bg: var(--alpha-border-subtle); --list-group-active-color: var(--alpha-bg-subtle); --list-group-active-bg: var(--alpha-text-emphasis); --list-group-active-border-color: var(--alpha-text-emphasis); } .btn-close { --btn-close-color: #000; --btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --btn-close-opacity: 0.5; --btn-close-hover-opacity: 0.75; --btn-close-focus-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25); --btn-close-focus-opacity: 1; --btn-close-disabled-opacity: 0.25; --btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--btn-close-color); background: transparent var(--btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.625rem; opacity: var(--btn-close-opacity); } .btn-close:hover { color: var(--btn-close-color); text-decoration: none; opacity: var(--btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--btn-close-focus-shadow); opacity: var(--btn-close-focus-opacity); } .btn-close:disabled, .btn-close.o_wysiwyg_loader, .btn-close.disabled { pointer-events: none; user-select: none; opacity: var(--btn-close-disabled-opacity); } .btn-close-white { filter: var(--btn-close-white-filter); } [data-bs-theme="dark"] .btn-close { filter: var(--btn-close-white-filter); } .toast { --toast-zindex: 1090; --toast-padding-x: 0.75rem; --toast-padding-y: 0.5rem; --toast-spacing: 32px; --toast-max-width: 350px; --toast-font-size: 0.875rem; --toast-color: ; --toast-bg: rgba(var(--body-bg-rgb), 0.85); --toast-border-width: var(--border-width); --toast-border-color: var(--border-color-translucent); --toast-border-radius: var(--border-radius); --toast-box-shadow: var(--box-shadow); --toast-header-color: var(--secondary-color); --toast-header-bg: rgba(var(--body-bg-rgb), 0.85); --toast-header-border-color: var(--border-color-translucent); width: var(--toast-max-width); max-width: 100%; font-size: var(--toast-font-size); color: var(--toast-color); pointer-events: auto; background-color: var(--toast-bg); background-clip: padding-box; border: var(--toast-border-width) solid var(--toast-border-color); box-shadow: var(--toast-box-shadow); border-radius: var(--toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --toast-zindex: 1090; position: absolute; z-index: var(--toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--toast-padding-y) var(--toast-padding-x); color: var(--toast-header-color); background-color: var(--toast-header-bg); background-clip: padding-box; border-bottom: var(--toast-border-width) solid var(--toast-header-border-color); border-top-left-radius: calc(var(--toast-border-radius) - var(--toast-border-width)); border-top-right-radius: calc(var(--toast-border-radius) - var(--toast-border-width)); } .toast-header .btn-close { margin-right: calc(-.5 * var(--toast-padding-x)); margin-left: var(--toast-padding-x); } .toast-body { padding: var(--toast-padding-x); word-wrap: break-word; } .modal { --modal-zindex: 1055; --modal-width: 650px; --modal-padding: 1rem; --modal-margin: 0.5rem; --modal-color: ; --modal-bg: #ffffff; --modal-border-color: var(--border-color-translucent); --modal-border-width: var(--border-width); --modal-border-radius: 0.625rem; --modal-box-shadow: var(--box-shadow-sm); --modal-inner-border-radius: calc(0.625rem - (var(--border-width))); --modal-header-padding-x: 1rem; --modal-header-padding-y: 1rem; --modal-header-padding: 1rem 1rem; --modal-header-border-color: var(--border-color); --modal-header-border-width: var(--border-width); --modal-title-line-height: 1.5; --modal-footer-gap: 0.5rem; --modal-footer-bg: ; --modal-footer-border-color: var(--border-color); --modal-footer-border-width: var(--border-width); position: fixed; top: 0; left: 0; z-index: var(--modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--modal-color); pointer-events: auto; background-color: var(--modal-bg); background-clip: padding-box; border: var(--modal-border-width) solid var(--modal-border-color); border-radius: var(--modal-border-radius); outline: 0; } .modal-backdrop { --backdrop-zindex: 1050; --backdrop-bg: #000; --backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--modal-header-padding); border-bottom: var(--modal-header-border-width) solid var(--modal-header-border-color); border-top-left-radius: var(--modal-inner-border-radius); border-top-right-radius: var(--modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--modal-header-padding-y) * .5) calc(var(--modal-header-padding-x) * .5); margin: calc(-.5 * var(--modal-header-padding-y)) calc(-.5 * var(--modal-header-padding-x)) calc(-.5 * var(--modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--modal-padding) - var(--modal-footer-gap) * .5); background-color: var(--modal-footer-bg); border-top: var(--modal-footer-border-width) solid var(--modal-footer-border-color); border-bottom-right-radius: var(--modal-inner-border-radius); border-bottom-left-radius: var(--modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--modal-footer-gap) * .5); } @media (min-width: 576px) { .modal { --modal-margin: 1.75rem; --modal-box-shadow: var(--box-shadow); } .modal-dialog { max-width: var(--modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --modal-width: 980px; } } @media (min-width: 1200px) { .modal-xl { --modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --tooltip-zindex: 1080; --tooltip-max-width: 220px; --tooltip-padding-x: 0.5rem; --tooltip-padding-y: 0.5rem; --tooltip-margin: ; --tooltip-font-size: 0.875rem; --tooltip-color: var(--body-bg); --tooltip-bg: var(--emphasis-color); --tooltip-border-radius: var(--border-radius); --tooltip-opacity: 1; --tooltip-arrow-width: 1.2rem; --tooltip-arrow-height: 0.6rem; z-index: var(--tooltip-zindex); display: block; margin: var(--tooltip-margin); font-family: var(--font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--tooltip-arrow-width); height: var(--tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { bottom: calc(-1 * var(--tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { top: -1px; border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * .5) 0; border-top-color: var(--tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow { left: calc(-1 * var(--tooltip-arrow-height)); width: var(--tooltip-arrow-height); height: var(--tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { right: -1px; border-width: calc(var(--tooltip-arrow-width) * .5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * .5) 0; border-right-color: var(--tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow { top: calc(-1 * var(--tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--tooltip-arrow-width) * .5) var(--tooltip-arrow-height); border-bottom-color: var(--tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow { right: calc(-1 * var(--tooltip-arrow-height)); width: var(--tooltip-arrow-height); height: var(--tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { left: -1px; border-width: calc(var(--tooltip-arrow-width) * .5) 0 calc(var(--tooltip-arrow-width) * .5) var(--tooltip-arrow-height); border-left-color: var(--tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--tooltip-max-width); padding: var(--tooltip-padding-y) var(--tooltip-padding-x); color: var(--tooltip-color); text-align: center; background-color: var(--tooltip-bg); border-radius: var(--tooltip-border-radius); } .popover { --popover-zindex: 1070; --popover-max-width: 276px; --popover-font-size: 0.875rem; --popover-bg: #ffffff; --popover-border-width: 0; --popover-border-color: var(--o-border-color); --popover-border-radius: 0.25rem; --popover-inner-border-radius: calc(0.25rem - 0); --popover-box-shadow: var(--box-shadow); --popover-header-padding-x: 1rem; --popover-header-padding-y: 1rem; --popover-header-font-size: 1rem; --popover-header-color: #111827; --popover-header-bg: var(--secondary-bg); --popover-body-padding-x: 1rem; --popover-body-padding-y: 1rem; --popover-body-color: var(--body-color); --popover-arrow-width: 0.625rem; --popover-arrow-height: 0.5rem; --popover-arrow-border: var(--popover-border-color); z-index: var(--popover-zindex); display: block; max-width: var(--popover-max-width); font-family: var(--font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--popover-font-size); word-wrap: break-word; background-color: var(--popover-bg); background-clip: padding-box; border: var(--popover-border-width) solid var(--popover-border-color); border-radius: var(--popover-border-radius); } .popover .popover-arrow { display: block; width: var(--popover-arrow-width); height: var(--popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow { bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * .5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before { bottom: 0; border-top-color: var(--popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after { bottom: var(--popover-border-width); border-top-color: var(--popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow { left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { border-width: calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * .5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before { left: 0; border-right-color: var(--popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after { left: var(--popover-border-width); border-right-color: var(--popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow { top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { border-width: 0 calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before { top: 0; border-bottom-color: var(--popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after { top: var(--popover-border-width); border-bottom-color: var(--popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--popover-arrow-width); margin-left: calc(-.5 * var(--popover-arrow-width)); content: ""; border-bottom: var(--popover-border-width) solid var(--popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow { right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width)); width: var(--popover-arrow-height); height: var(--popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { border-width: calc(var(--popover-arrow-width) * .5) 0 calc(var(--popover-arrow-width) * .5) var(--popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before { right: 0; border-left-color: var(--popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after { right: var(--popover-border-width); border-left-color: var(--popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--popover-header-padding-y) var(--popover-header-padding-x); margin-bottom: 0; font-size: var(--popover-header-font-size); color: var(--popover-header-color); background-color: var(--popover-header-bg); border-bottom: var(--popover-border-width) solid var(--popover-border-color); border-top-left-radius: var(--popover-inner-border-radius); border-top-right-radius: var(--popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--popover-body-padding-y) var(--popover-body-padding-x); color: var(--popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 10%; padding: 0; color: #FFF; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #FFF; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/; } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/; } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 10%; margin-bottom: 1rem; margin-left: 10%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #FFF; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #FFF; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } [data-bs-theme="dark"] .carousel .carousel-control-prev-icon, [data-bs-theme="dark"] .carousel .carousel-control-next-icon, [data-bs-theme="dark"].carousel .carousel-control-prev-icon, [data-bs-theme="dark"].carousel .carousel-control-next-icon { filter: invert(1) grayscale(100); } [data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { background-color: #000; } [data-bs-theme="dark"] .carousel .carousel-caption, [data-bs-theme="dark"].carousel .carousel-caption { color: #000; } .spinner-grow, .spinner-border { display: inline-block; width: var(--spinner-width); height: var(--spinner-height); vertical-align: var(--spinner-vertical-align); border-radius: 50%; animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --spinner-width: 2rem; --spinner-height: 2rem; --spinner-vertical-align: -0.125em; --spinner-border-width: 0.25em; --spinner-animation-speed: 0.75s; --spinner-animation-name: spinner-border; border: var(--spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --spinner-width: 1rem; --spinner-height: 1rem; --spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --spinner-width: 2rem; --spinner-height: 2rem; --spinner-vertical-align: -0.125em; --spinner-animation-speed: 0.75s; --spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --spinner-width: 1rem; --spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --offcanvas-zindex: 1045; --offcanvas-width: var(--Offcanvas-horizontal-width, 400px); --offcanvas-height: 30vh; --offcanvas-padding-x: 1rem; --offcanvas-padding-y: 1rem; --offcanvas-color: var(--body-color); --offcanvas-bg: var(--body-bg); --offcanvas-border-width: 0; --offcanvas-border-color: var(--border-color-translucent); --offcanvas-box-shadow: var(--box-shadow-sm); --offcanvas-transition: transform 0.3s ease-in-out; --offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --offcanvas-height: auto; --offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--offcanvas-color); visibility: hidden; background-color: var(--offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--offcanvas-width); border-right: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--offcanvas-width); border-left: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-bottom: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--offcanvas-height); max-height: 100%; border-top: var(--offcanvas-border-width) solid var(--offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.3; } .offcanvas-header { display: flex; align-items: center; padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--offcanvas-padding-y) * .5) calc(var(--offcanvas-padding-x) * .5); margin: calc(-.5 * var(--offcanvas-padding-y)) calc(-.5 * var(--offcanvas-padding-x)) calc(-.5 * var(--offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: .6em; } .placeholder-sm { min-height: .8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #FFFFFF !important; background-color: RGBA(var(--primary-rgb), var(--bg-opacity, 1)) !important; } .text-bg-secondary { color: #FFFFFF !important; background-color: RGBA(var(--secondary-rgb), var(--bg-opacity, 1)) !important; } .text-bg-success { color: #FFFFFF !important; background-color: RGBA(var(--success-rgb), var(--bg-opacity, 1)) !important; } .text-bg-info { color: #FFFFFF !important; background-color: RGBA(var(--info-rgb), var(--bg-opacity, 1)) !important; } .text-bg-warning { color: #111827 !important; background-color: RGBA(var(--warning-rgb), var(--bg-opacity, 1)) !important; } .text-bg-danger { color: #FFFFFF !important; background-color: RGBA(var(--danger-rgb), var(--bg-opacity, 1)) !important; } .text-bg-light { color: #111827 !important; background-color: RGBA(var(--light-rgb), var(--bg-opacity, 1)) !important; } .text-bg-dark { color: #FFFFFF !important; background-color: RGBA(var(--dark-rgb), var(--bg-opacity, 1)) !important; } .text-bg-o-color-9 { color: #111827 !important; background-color: RGBA(var(--o-color-9-rgb), var(--bg-opacity, 1)) !important; } .text-bg-o-color-8 { color: #111827 !important; background-color: RGBA(var(--o-color-8-rgb), var(--bg-opacity, 1)) !important; } .text-bg-o-color-7 { color: #111827 !important; background-color: RGBA(var(--o-color-7-rgb), var(--bg-opacity, 1)) !important; } .text-bg-o-color-6 { color: #111827 !important; background-color: RGBA(var(--o-color-6-rgb), var(--bg-opacity, 1)) !important; } .text-bg-epsilon { color: #FFFFFF !important; background-color: RGBA(var(--epsilon-rgb), var(--bg-opacity, 1)) !important; } .text-bg-delta { color: #FFFFFF !important; background-color: RGBA(var(--delta-rgb), var(--bg-opacity, 1)) !important; } .text-bg-gamma { color: #FFFFFF !important; background-color: RGBA(var(--gamma-rgb), var(--bg-opacity, 1)) !important; } .text-bg-beta { color: #FFFFFF !important; background-color: RGBA(var(--beta-rgb), var(--bg-opacity, 1)) !important; } .text-bg-alpha { color: #FFFFFF !important; background-color: RGBA(var(--alpha-rgb), var(--bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--primary-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--primary-rgb), var(--link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(90, 60, 82, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(90, 60, 82, var(--link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--secondary-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--secondary-rgb), var(--link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(1, 101, 106, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(1, 101, 106, var(--link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--success-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--success-rgb), var(--link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(32, 134, 55, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(32, 134, 55, var(--link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--info-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--info-rgb), var(--link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(18, 130, 147, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(18, 130, 147, var(--link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--warning-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--warning-rgb), var(--link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--danger-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--danger-rgb), var(--link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--light-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--light-rgb), var(--link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(250, 250, 250, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(250, 250, 250, var(--link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--dark-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--dark-rgb), var(--link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(14, 19, 31, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(14, 19, 31, var(--link-underline-opacity, 1)) !important; } .link-o-color-9 { color: RGBA(var(--o-color-9-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--o-color-9-rgb), var(--link-underline-opacity, 1)) !important; } .link-o-color-9:hover, .link-o-color-9:focus { color: RGBA(51, 216, 194, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(51, 216, 194, var(--link-underline-opacity, 1)) !important; } .link-o-color-8 { color: RGBA(var(--o-color-8-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--o-color-8-rgb), var(--link-underline-opacity, 1)) !important; } .link-o-color-8:hover, .link-o-color-8:focus { color: RGBA(73, 197, 250, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(73, 197, 250, var(--link-underline-opacity, 1)) !important; } .link-o-color-7 { color: RGBA(var(--o-color-7-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--o-color-7-rgb), var(--link-underline-opacity, 1)) !important; } .link-o-color-7:hover, .link-o-color-7:focus { color: RGBA(252, 193, 89, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(252, 193, 89, var(--link-underline-opacity, 1)) !important; } .link-o-color-6 { color: RGBA(var(--o-color-6-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--o-color-6-rgb), var(--link-underline-opacity, 1)) !important; } .link-o-color-6:hover, .link-o-color-6:focus { color: RGBA(253, 147, 151, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(253, 147, 151, var(--link-underline-opacity, 1)) !important; } .link-epsilon { color: RGBA(var(--epsilon-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--epsilon-rgb), var(--link-underline-opacity, 1)) !important; } .link-epsilon:hover, .link-epsilon:focus { color: RGBA(170, 81, 50, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(170, 81, 50, var(--link-underline-opacity, 1)) !important; } .link-delta { color: RGBA(var(--delta-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--delta-rgb), var(--link-underline-opacity, 1)) !important; } .link-delta:hover, .link-delta:focus { color: RGBA(74, 73, 102, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(74, 73, 102, var(--link-underline-opacity, 1)) !important; } .link-gamma { color: RGBA(var(--gamma-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--gamma-rgb), var(--link-underline-opacity, 1)) !important; } .link-gamma:hover, .link-gamma:focus { color: RGBA(182, 89, 96, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(182, 89, 96, var(--link-underline-opacity, 1)) !important; } .link-beta { color: RGBA(var(--beta-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--beta-rgb), var(--link-underline-opacity, 1)) !important; } .link-beta:hover, .link-beta:focus { color: RGBA(73, 110, 126, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(73, 110, 126, var(--link-underline-opacity, 1)) !important; } .link-alpha { color: RGBA(var(--alpha-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--alpha-rgb), var(--link-underline-opacity, 1)) !important; } .link-alpha:hover, .link-alpha:focus { color: RGBA(0, 128, 126, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(0, 128, 126, var(--link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--emphasis-color-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--emphasis-color-rgb), var(--link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--emphasis-color-rgb), var(--link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--emphasis-color-rgb), var(--link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--focus-ring-x, 0) var(--focus-ring-y, 0) var(--focus-ring-blur, 0) var(--focus-ring-width) var(--focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--link-color-rgb), var(--link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --aspect-ratio: 100%; } .ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { --aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--border-width); min-height: 1em; background-color: currentcolor; opacity: 1; } /* /web/static/src/scss/utilities_custom.scss */ .opacity-0-hover:hover, .opacity-0-hover:focus-visible, .opacity-trigger-hover:hover .opacity-0-hover, .opacity-trigger-hover:focus-visible .opacity-0-hover { opacity: 0 !important; } .opacity-25-hover:hover, .opacity-25-hover:focus-visible, .opacity-trigger-hover:hover .opacity-25-hover, .opacity-trigger-hover:focus-visible .opacity-25-hover { opacity: 0.25 !important; } .opacity-50-hover:hover, .opacity-50-hover:focus-visible, .opacity-trigger-hover:hover .opacity-50-hover, .opacity-trigger-hover:focus-visible .opacity-50-hover { opacity: 0.5 !important; } .opacity-75-hover:hover, .opacity-75-hover:focus-visible, .opacity-trigger-hover:hover .opacity-75-hover, .opacity-trigger-hover:focus-visible .opacity-75-hover { opacity: 0.75 !important; } .opacity-100-hover:hover, .opacity-100-hover:focus-visible, .opacity-trigger-hover:hover .opacity-100-hover, .opacity-trigger-hover:focus-visible .opacity-100-hover { opacity: 1 !important; } .opacity-disabled-hover:hover, .opacity-disabled-hover:focus-visible, .opacity-trigger-hover:hover .opacity-disabled-hover, .opacity-trigger-hover:focus-visible .opacity-disabled-hover { opacity: 0.5 !important; } .opacity-muted-hover:hover, .opacity-muted-hover:focus-visible, .opacity-trigger-hover:hover .opacity-muted-hover, .opacity-trigger-hover:focus-visible .opacity-muted-hover { opacity: 0.76 !important; } .d-empty-none:empty { display: none !important; } .smaller { font-size: 0.75rem; } /* /html_builder/static/src/scss/utilities_custom.scss */ /* /web/static/lib/bootstrap/scss/utilities/_api.scss */ .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { object-fit: contain !important; } .object-fit-cover { object-fit: cover !important; } .object-fit-fill { object-fit: fill !important; } .object-fit-scale { object-fit: scale-down !important; } .object-fit-none { object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .opacity-disabled { opacity: 0.5 !important; } .opacity-muted { opacity: 0.76 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .d-contents { display: contents !important; } .shadow { box-shadow: var(--box-shadow) !important; } .shadow-sm { box-shadow: var(--box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --focus-ring-color: rgba(var(--primary-rgb), var(--focus-ring-opacity)); } .focus-ring-secondary { --focus-ring-color: rgba(var(--secondary-rgb), var(--focus-ring-opacity)); } .focus-ring-success { --focus-ring-color: rgba(var(--success-rgb), var(--focus-ring-opacity)); } .focus-ring-info { --focus-ring-color: rgba(var(--info-rgb), var(--focus-ring-opacity)); } .focus-ring-warning { --focus-ring-color: rgba(var(--warning-rgb), var(--focus-ring-opacity)); } .focus-ring-danger { --focus-ring-color: rgba(var(--danger-rgb), var(--focus-ring-opacity)); } .focus-ring-light { --focus-ring-color: rgba(var(--light-rgb), var(--focus-ring-opacity)); } .focus-ring-dark { --focus-ring-color: rgba(var(--dark-rgb), var(--focus-ring-opacity)); } .focus-ring-o-color-9 { --focus-ring-color: rgba(var(--o-color-9-rgb), var(--focus-ring-opacity)); } .focus-ring-o-color-8 { --focus-ring-color: rgba(var(--o-color-8-rgb), var(--focus-ring-opacity)); } .focus-ring-o-color-7 { --focus-ring-color: rgba(var(--o-color-7-rgb), var(--focus-ring-opacity)); } .focus-ring-o-color-6 { --focus-ring-color: rgba(var(--o-color-6-rgb), var(--focus-ring-opacity)); } .focus-ring-epsilon { --focus-ring-color: rgba(var(--epsilon-rgb), var(--focus-ring-opacity)); } .focus-ring-delta { --focus-ring-color: rgba(var(--delta-rgb), var(--focus-ring-opacity)); } .focus-ring-gamma { --focus-ring-color: rgba(var(--gamma-rgb), var(--focus-ring-opacity)); } .focus-ring-beta { --focus-ring-color: rgba(var(--beta-rgb), var(--focus-ring-opacity)); } .focus-ring-alpha { --focus-ring-color: rgba(var(--alpha-rgb), var(--focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--border-width) var(--border-style) var(--border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--border-width) var(--border-style) var(--border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--border-width) var(--border-style) var(--border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--border-width) var(--border-style) var(--border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--border-width) var(--border-style) var(--border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --border-opacity: 1; border-color: rgba(var(--primary-rgb), var(--border-opacity)) !important; } .border-secondary { --border-opacity: 1; border-color: rgba(var(--secondary-rgb), var(--border-opacity)) !important; } .border-success { --border-opacity: 1; border-color: rgba(var(--success-rgb), var(--border-opacity)) !important; } .border-info { --border-opacity: 1; border-color: rgba(var(--info-rgb), var(--border-opacity)) !important; } .border-warning { --border-opacity: 1; border-color: rgba(var(--warning-rgb), var(--border-opacity)) !important; } .border-danger { --border-opacity: 1; border-color: rgba(var(--danger-rgb), var(--border-opacity)) !important; } .border-light { --border-opacity: 1; border-color: rgba(var(--light-rgb), var(--border-opacity)) !important; } .border-dark { --border-opacity: 1; border-color: rgba(var(--dark-rgb), var(--border-opacity)) !important; } .border-o-color-9 { --border-opacity: 1; border-color: rgba(var(--o-color-9-rgb), var(--border-opacity)) !important; } .border-o-color-8 { --border-opacity: 1; border-color: rgba(var(--o-color-8-rgb), var(--border-opacity)) !important; } .border-o-color-7 { --border-opacity: 1; border-color: rgba(var(--o-color-7-rgb), var(--border-opacity)) !important; } .border-o-color-6 { --border-opacity: 1; border-color: rgba(var(--o-color-6-rgb), var(--border-opacity)) !important; } .border-epsilon { --border-opacity: 1; border-color: rgba(var(--epsilon-rgb), var(--border-opacity)) !important; } .border-delta { --border-opacity: 1; border-color: rgba(var(--delta-rgb), var(--border-opacity)) !important; } .border-gamma { --border-opacity: 1; border-color: rgba(var(--gamma-rgb), var(--border-opacity)) !important; } .border-beta { --border-opacity: 1; border-color: rgba(var(--beta-rgb), var(--border-opacity)) !important; } .border-alpha { --border-opacity: 1; border-color: rgba(var(--alpha-rgb), var(--border-opacity)) !important; } .border-black { --border-opacity: 1; border-color: rgba(var(--black-rgb), var(--border-opacity)) !important; } .border-white { --border-opacity: 1; border-color: rgba(var(--white-rgb), var(--border-opacity)) !important; } .border-transparent { --border-opacity: 1; border-color: transparent !important; } .border-primary-subtle { border-color: var(--primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--success-border-subtle) !important; } .border-info-subtle { border-color: var(--info-border-subtle) !important; } .border-warning-subtle { border-color: var(--warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--danger-border-subtle) !important; } .border-light-subtle { border-color: var(--light-border-subtle) !important; } .border-dark-subtle { border-color: var(--dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --border-opacity: 0.1; } .border-opacity-25 { --border-opacity: 0.25; } .border-opacity-50 { --border-opacity: 0.5; } .border-opacity-75 { --border-opacity: 0.75; } .border-opacity-100 { --border-opacity: 1; } .w-0 { width: 0 !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-0 { max-width: 0 !important; } .mw-25 { max-width: 25% !important; } .mw-50 { max-width: 50% !important; } .mw-75 { max-width: 75% !important; } .mw-100 { max-width: 100% !important; } .mw-auto { max-width: auto !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-0 { height: 0 !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-0 { max-height: 0 !important; } .mh-25 { max-height: 25% !important; } .mh-50 { max-height: 50% !important; } .mh-75 { max-height: 75% !important; } .mh-100 { max-height: 100% !important; } .mh-auto { max-height: auto !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-last { order: 13 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-6 { order: 6 !important; } .order-7 { order: 7 !important; } .order-8 { order: 8 !important; } .order-9 { order: 9 !important; } .order-10 { order: 10 !important; } .order-11 { order: 11 !important; } .order-12 { order: 12 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-6 { margin: 4rem !important; } .m-7 { margin: 6rem !important; } .m-8 { margin: 8rem !important; } .m-9 { margin: 10rem !important; } .m-10 { margin: 12rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-6 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-7 { margin-right: 6rem !important; margin-left: 6rem !important; } .mx-8 { margin-right: 8rem !important; margin-left: 8rem !important; } .mx-9 { margin-right: 10rem !important; margin-left: 10rem !important; } .mx-10 { margin-right: 12rem !important; margin-left: 12rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .my-9 { margin-top: 10rem !important; margin-bottom: 10rem !important; } .my-10 { margin-top: 12rem !important; margin-bottom: 12rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-6 { margin-top: 4rem !important; } .mt-7 { margin-top: 6rem !important; } .mt-8 { margin-top: 8rem !important; } .mt-9 { margin-top: 10rem !important; } .mt-10 { margin-top: 12rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-6 { margin-right: 4rem !important; } .me-7 { margin-right: 6rem !important; } .me-8 { margin-right: 8rem !important; } .me-9 { margin-right: 10rem !important; } .me-10 { margin-right: 12rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-6 { margin-bottom: 4rem !important; } .mb-7 { margin-bottom: 6rem !important; } .mb-8 { margin-bottom: 8rem !important; } .mb-9 { margin-bottom: 10rem !important; } .mb-10 { margin-bottom: 12rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-6 { margin-left: 4rem !important; } .ms-7 { margin-left: 6rem !important; } .ms-8 { margin-left: 8rem !important; } .ms-9 { margin-left: 10rem !important; } .ms-10 { margin-left: 12rem !important; } .ms-auto { margin-left: auto !important; } .m-n1 { margin: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .m-n6 { margin: -4rem !important; } .m-n7 { margin: -6rem !important; } .m-n8 { margin: -8rem !important; } .m-n9 { margin: -10rem !important; } .m-n10 { margin: -12rem !important; } .mx-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .mx-n6 { margin-right: -4rem !important; margin-left: -4rem !important; } .mx-n7 { margin-right: -6rem !important; margin-left: -6rem !important; } .mx-n8 { margin-right: -8rem !important; margin-left: -8rem !important; } .mx-n9 { margin-right: -10rem !important; margin-left: -10rem !important; } .mx-n10 { margin-right: -12rem !important; margin-left: -12rem !important; } .my-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-n6 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .my-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-n8 { margin-top: -8rem !important; margin-bottom: -8rem !important; } .my-n9 { margin-top: -10rem !important; margin-bottom: -10rem !important; } .my-n10 { margin-top: -12rem !important; margin-bottom: -12rem !important; } .mt-n1 { margin-top: -0.25rem !important; } .mt-n2 { margin-top: -0.5rem !important; } .mt-n3 { margin-top: -1rem !important; } .mt-n4 { margin-top: -1.5rem !important; } .mt-n5 { margin-top: -3rem !important; } .mt-n6 { margin-top: -4rem !important; } .mt-n7 { margin-top: -6rem !important; } .mt-n8 { margin-top: -8rem !important; } .mt-n9 { margin-top: -10rem !important; } .mt-n10 { margin-top: -12rem !important; } .me-n1 { margin-right: -0.25rem !important; } .me-n2 { margin-right: -0.5rem !important; } .me-n3 { margin-right: -1rem !important; } .me-n4 { margin-right: -1.5rem !important; } .me-n5 { margin-right: -3rem !important; } .me-n6 { margin-right: -4rem !important; } .me-n7 { margin-right: -6rem !important; } .me-n8 { margin-right: -8rem !important; } .me-n9 { margin-right: -10rem !important; } .me-n10 { margin-right: -12rem !important; } .mb-n1 { margin-bottom: -0.25rem !important; } .mb-n2 { margin-bottom: -0.5rem !important; } .mb-n3 { margin-bottom: -1rem !important; } .mb-n4 { margin-bottom: -1.5rem !important; } .mb-n5 { margin-bottom: -3rem !important; } .mb-n6 { margin-bottom: -4rem !important; } .mb-n7 { margin-bottom: -6rem !important; } .mb-n8 { margin-bottom: -8rem !important; } .mb-n9 { margin-bottom: -10rem !important; } .mb-n10 { margin-bottom: -12rem !important; } .ms-n1 { margin-left: -0.25rem !important; } .ms-n2 { margin-left: -0.5rem !important; } .ms-n3 { margin-left: -1rem !important; } .ms-n4 { margin-left: -1.5rem !important; } .ms-n5 { margin-left: -3rem !important; } .ms-n6 { margin-left: -4rem !important; } .ms-n7 { margin-left: -6rem !important; } .ms-n8 { margin-left: -8rem !important; } .ms-n9 { margin-left: -10rem !important; } .ms-n10 { margin-left: -12rem !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .p-6 { padding: 4rem !important; } .p-7 { padding: 6rem !important; } .p-8 { padding: 8rem !important; } .p-9 { padding: 10rem !important; } .p-10 { padding: 12rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-6 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-7 { padding-right: 6rem !important; padding-left: 6rem !important; } .px-8 { padding-right: 8rem !important; padding-left: 8rem !important; } .px-9 { padding-right: 10rem !important; padding-left: 10rem !important; } .px-10 { padding-right: 12rem !important; padding-left: 12rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-6 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .py-9 { padding-top: 10rem !important; padding-bottom: 10rem !important; } .py-10 { padding-top: 12rem !important; padding-bottom: 12rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pt-6 { padding-top: 4rem !important; } .pt-7 { padding-top: 6rem !important; } .pt-8 { padding-top: 8rem !important; } .pt-9 { padding-top: 10rem !important; } .pt-10 { padding-top: 12rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pe-6 { padding-right: 4rem !important; } .pe-7 { padding-right: 6rem !important; } .pe-8 { padding-right: 8rem !important; } .pe-9 { padding-right: 10rem !important; } .pe-10 { padding-right: 12rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pb-6 { padding-bottom: 4rem !important; } .pb-7 { padding-bottom: 6rem !important; } .pb-8 { padding-bottom: 8rem !important; } .pb-9 { padding-bottom: 10rem !important; } .pb-10 { padding-bottom: 12rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .ps-6 { padding-left: 4rem !important; } .ps-7 { padding-left: 6rem !important; } .ps-8 { padding-left: 8rem !important; } .ps-9 { padding-left: 10rem !important; } .ps-10 { padding-left: 12rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .gap-6 { gap: 4rem !important; } .gap-7 { gap: 6rem !important; } .gap-8 { gap: 8rem !important; } .gap-9 { gap: 10rem !important; } .gap-10 { gap: 12rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .row-gap-6 { row-gap: 4rem !important; } .row-gap-7 { row-gap: 6rem !important; } .row-gap-8 { row-gap: 8rem !important; } .row-gap-9 { row-gap: 10rem !important; } .row-gap-10 { row-gap: 12rem !important; } .column-gap-0 { column-gap: 0 !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 3rem !important; } .column-gap-6 { column-gap: 4rem !important; } .column-gap-7 { column-gap: 6rem !important; } .column-gap-8 { column-gap: 8rem !important; } .column-gap-9 { column-gap: 10rem !important; } .column-gap-10 { column-gap: 12rem !important; } .font-monospace { font-family: var(--font-monospace) !important; } .font-sans-serif { font-family: var(--font-sans-serif) !important; } .fs-1 { font-size: calc(1.475rem + 2.7vw) !important; } .fs-2 { font-size: calc(1.4rem + 1.8vw) !important; } .fs-3 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 600 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-prewrap { white-space: pre-wrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --text-opacity: 1; color: rgba(var(--primary-rgb), var(--text-opacity)) !important; } .text-secondary { --text-opacity: 1; color: rgba(var(--secondary-rgb), var(--text-opacity)) !important; } .text-success { --text-opacity: 1; color: rgba(var(--success-rgb), var(--text-opacity)) !important; } .text-info { --text-opacity: 1; color: rgba(var(--info-rgb), var(--text-opacity)) !important; } .text-warning { --text-opacity: 1; color: rgba(var(--warning-rgb), var(--text-opacity)) !important; } .text-danger { --text-opacity: 1; color: rgba(var(--danger-rgb), var(--text-opacity)) !important; } .text-light { --text-opacity: 1; color: rgba(var(--light-rgb), var(--text-opacity)) !important; } .text-dark { --text-opacity: 1; color: rgba(var(--dark-rgb), var(--text-opacity)) !important; } .text-o-color-9 { --text-opacity: 1; color: rgba(var(--o-color-9-rgb), var(--text-opacity)) !important; } .text-o-color-8 { --text-opacity: 1; color: rgba(var(--o-color-8-rgb), var(--text-opacity)) !important; } .text-o-color-7 { --text-opacity: 1; color: rgba(var(--o-color-7-rgb), var(--text-opacity)) !important; } .text-o-color-6 { --text-opacity: 1; color: rgba(var(--o-color-6-rgb), var(--text-opacity)) !important; } .text-epsilon { --text-opacity: 1; color: rgba(var(--epsilon-rgb), var(--text-opacity)) !important; } .text-delta { --text-opacity: 1; color: rgba(var(--delta-rgb), var(--text-opacity)) !important; } .text-gamma { --text-opacity: 1; color: rgba(var(--gamma-rgb), var(--text-opacity)) !important; } .text-beta { --text-opacity: 1; color: rgba(var(--beta-rgb), var(--text-opacity)) !important; } .text-alpha { --text-opacity: 1; color: rgba(var(--alpha-rgb), var(--text-opacity)) !important; } .text-black { --text-opacity: 1; color: rgba(var(--black-rgb), var(--text-opacity)) !important; } .text-white { --text-opacity: 1; color: rgba(var(--white-rgb), var(--text-opacity)) !important; } .text-body { --text-opacity: 1; color: rgba(var(--body-color-rgb), var(--text-opacity)) !important; } .text-muted { --text-opacity: 1; color: var(--secondary-color) !important; } .text-black-50 { --text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --text-opacity: 1; color: var(--secondary-color) !important; } .text-body-tertiary { --text-opacity: 1; color: var(--tertiary-color) !important; } .text-body-emphasis { --text-opacity: 1; color: var(--emphasis-color) !important; } .text-reset { --text-opacity: 1; color: inherit !important; } .text-opacity-25 { --text-opacity: 0.25; } .text-opacity-50 { --text-opacity: 0.5; } .text-opacity-75 { --text-opacity: 0.75; } .text-opacity-100 { --text-opacity: 1; } .text-primary-emphasis { color: var(--primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--success-text-emphasis) !important; } .text-info-emphasis { color: var(--info-text-emphasis) !important; } .text-warning-emphasis { color: var(--warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--danger-text-emphasis) !important; } .text-light-emphasis { color: var(--light-text-emphasis) !important; } .text-dark-emphasis { color: var(--dark-text-emphasis) !important; } .link-opacity-10 { --link-opacity: 0.1; } .link-opacity-10-hover:hover { --link-opacity: 0.1; } .link-opacity-25 { --link-opacity: 0.25; } .link-opacity-25-hover:hover { --link-opacity: 0.25; } .link-opacity-50 { --link-opacity: 0.5; } .link-opacity-50-hover:hover { --link-opacity: 0.5; } .link-opacity-75 { --link-opacity: 0.75; } .link-opacity-75-hover:hover { --link-opacity: 0.75; } .link-opacity-100 { --link-opacity: 1; } .link-opacity-100-hover:hover { --link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --link-underline-opacity: 1; text-decoration-color: rgba(var(--primary-rgb), var(--link-underline-opacity)) !important; } .link-underline-secondary { --link-underline-opacity: 1; text-decoration-color: rgba(var(--secondary-rgb), var(--link-underline-opacity)) !important; } .link-underline-success { --link-underline-opacity: 1; text-decoration-color: rgba(var(--success-rgb), var(--link-underline-opacity)) !important; } .link-underline-info { --link-underline-opacity: 1; text-decoration-color: rgba(var(--info-rgb), var(--link-underline-opacity)) !important; } .link-underline-warning { --link-underline-opacity: 1; text-decoration-color: rgba(var(--warning-rgb), var(--link-underline-opacity)) !important; } .link-underline-danger { --link-underline-opacity: 1; text-decoration-color: rgba(var(--danger-rgb), var(--link-underline-opacity)) !important; } .link-underline-light { --link-underline-opacity: 1; text-decoration-color: rgba(var(--light-rgb), var(--link-underline-opacity)) !important; } .link-underline-dark { --link-underline-opacity: 1; text-decoration-color: rgba(var(--dark-rgb), var(--link-underline-opacity)) !important; } .link-underline-o-color-9 { --link-underline-opacity: 1; text-decoration-color: rgba(var(--o-color-9-rgb), var(--link-underline-opacity)) !important; } .link-underline-o-color-8 { --link-underline-opacity: 1; text-decoration-color: rgba(var(--o-color-8-rgb), var(--link-underline-opacity)) !important; } .link-underline-o-color-7 { --link-underline-opacity: 1; text-decoration-color: rgba(var(--o-color-7-rgb), var(--link-underline-opacity)) !important; } .link-underline-o-color-6 { --link-underline-opacity: 1; text-decoration-color: rgba(var(--o-color-6-rgb), var(--link-underline-opacity)) !important; } .link-underline-epsilon { --link-underline-opacity: 1; text-decoration-color: rgba(var(--epsilon-rgb), var(--link-underline-opacity)) !important; } .link-underline-delta { --link-underline-opacity: 1; text-decoration-color: rgba(var(--delta-rgb), var(--link-underline-opacity)) !important; } .link-underline-gamma { --link-underline-opacity: 1; text-decoration-color: rgba(var(--gamma-rgb), var(--link-underline-opacity)) !important; } .link-underline-beta { --link-underline-opacity: 1; text-decoration-color: rgba(var(--beta-rgb), var(--link-underline-opacity)) !important; } .link-underline-alpha { --link-underline-opacity: 1; text-decoration-color: rgba(var(--alpha-rgb), var(--link-underline-opacity)) !important; } .link-underline { --link-underline-opacity: 1; text-decoration-color: rgba(var(--link-color-rgb), var(--link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --link-underline-opacity: 0; } .link-underline-opacity-10 { --link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --link-underline-opacity: 0.1; } .link-underline-opacity-25 { --link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --link-underline-opacity: 0.25; } .link-underline-opacity-50 { --link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --link-underline-opacity: 0.5; } .link-underline-opacity-75 { --link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --link-underline-opacity: 0.75; } .link-underline-opacity-100 { --link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --link-underline-opacity: 1; } .bg-primary { --bg-opacity: 1; background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important; } .bg-secondary { --bg-opacity: 1; background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important; } .bg-success { --bg-opacity: 1; background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important; } .bg-info { --bg-opacity: 1; background-color: rgba(var(--info-rgb), var(--bg-opacity)) !important; } .bg-warning { --bg-opacity: 1; background-color: rgba(var(--warning-rgb), var(--bg-opacity)) !important; } .bg-danger { --bg-opacity: 1; background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important; } .bg-light { --bg-opacity: 1; background-color: rgba(var(--light-rgb), var(--bg-opacity)) !important; } .bg-dark { --bg-opacity: 1; background-color: rgba(var(--dark-rgb), var(--bg-opacity)) !important; } .bg-o-color-9 { --bg-opacity: 1; background-color: rgba(var(--o-color-9-rgb), var(--bg-opacity)) !important; } .bg-o-color-8 { --bg-opacity: 1; background-color: rgba(var(--o-color-8-rgb), var(--bg-opacity)) !important; } .bg-o-color-7 { --bg-opacity: 1; background-color: rgba(var(--o-color-7-rgb), var(--bg-opacity)) !important; } .bg-o-color-6 { --bg-opacity: 1; background-color: rgba(var(--o-color-6-rgb), var(--bg-opacity)) !important; } .bg-epsilon { --bg-opacity: 1; background-color: rgba(var(--epsilon-rgb), var(--bg-opacity)) !important; } .bg-delta { --bg-opacity: 1; background-color: rgba(var(--delta-rgb), var(--bg-opacity)) !important; } .bg-gamma { --bg-opacity: 1; background-color: rgba(var(--gamma-rgb), var(--bg-opacity)) !important; } .bg-beta { --bg-opacity: 1; background-color: rgba(var(--beta-rgb), var(--bg-opacity)) !important; } .bg-alpha { --bg-opacity: 1; background-color: rgba(var(--alpha-rgb), var(--bg-opacity)) !important; } .bg-black { --bg-opacity: 1; background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important; } .bg-white { --bg-opacity: 1; background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important; } .bg-body { --bg-opacity: 1; background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important; } .bg-transparent { --bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bg-opacity: 1; background-color: rgba(var(--secondary-bg-rgb), var(--bg-opacity)) !important; } .bg-body-tertiary { --bg-opacity: 1; background-color: rgba(var(--tertiary-bg-rgb), var(--bg-opacity)) !important; } .bg-opacity-0 { --bg-opacity: 0; } .bg-opacity-25 { --bg-opacity: 0.25; } .bg-opacity-50 { --bg-opacity: 0.5; } .bg-opacity-75 { --bg-opacity: 0.75; } .bg-opacity-100 { --bg-opacity: 1; } .bg-opacity-disabled { --bg-opacity: 0.5; } .bg-opacity-muted { --bg-opacity: 0.76; } .bg-primary-subtle { background-color: var(--primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--dark-bg-subtle) !important; } .bg-gradient { background-image: var(--gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { --box-border-radius: var(--border-radius) !important; } .rounded-0 { --box-border-radius: 0 !important; } .rounded-1 { --box-border-radius: var(--border-radius-sm) !important; } .rounded-2 { --box-border-radius: var(--border-radius) !important; } .rounded-3 { --box-border-radius: var(--border-radius-lg) !important; } .rounded-4 { --box-border-radius: var(--border-radius-xl) !important; } .rounded-5 { --box-border-radius: var(--border-radius-xxl) !important; } .rounded-circle, .fa.rounded-empty-circle { --box-border-radius: 50% !important; } .rounded-pill { --box-border-radius: var(--border-radius-pill) !important; } .rounded-top { border-top-left-radius: 0.625rem !important; border-top-right-radius: 0.625rem !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-top-2 { border-top-left-radius: 0.625rem !important; border-top-right-radius: 0.625rem !important; } .rounded-top-3 { border-top-left-radius: 1.25rem !important; border-top-right-radius: 1.25rem !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: 50rem !important; border-top-right-radius: 50rem !important; } .rounded-end { border-top-right-radius: 0.625rem !important; border-bottom-right-radius: 0.625rem !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-end-2 { border-top-right-radius: 0.625rem !important; border-bottom-right-radius: 0.625rem !important; } .rounded-end-3 { border-top-right-radius: 1.25rem !important; border-bottom-right-radius: 1.25rem !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: 50rem !important; border-bottom-right-radius: 50rem !important; } .rounded-bottom { border-bottom-right-radius: 0.625rem !important; border-bottom-left-radius: 0.625rem !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-bottom-2 { border-bottom-right-radius: 0.625rem !important; border-bottom-left-radius: 0.625rem !important; } .rounded-bottom-3 { border-bottom-right-radius: 1.25rem !important; border-bottom-left-radius: 1.25rem !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: 50rem !important; border-bottom-left-radius: 50rem !important; } .rounded-start { border-bottom-left-radius: 0.625rem !important; border-top-left-radius: 0.625rem !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .rounded-start-2 { border-bottom-left-radius: 0.625rem !important; border-top-left-radius: 0.625rem !important; } .rounded-start-3 { border-bottom-left-radius: 1.25rem !important; border-top-left-radius: 1.25rem !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: 50rem !important; border-top-left-radius: 50rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } .cursor-default { cursor: default !important; } .cursor-pointer { cursor: pointer !important; } .flex-basis-0 { flex-basis: 0 !important; } .flex-basis-25 { flex-basis: 25% !important; } .flex-basis-50 { flex-basis: 50% !important; } .flex-basis-75 { flex-basis: 75% !important; } .flex-basis-100 { flex-basis: 100% !important; } .flex-basis-auto { flex-basis: auto !important; } .transition-none { transition: none !important; } .transition-base { transition: all 0.2s ease-in-out !important; } .transition-fade { transition: opacity 0.15s linear !important; } .min-w-0 { min-width: 0 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { object-fit: contain !important; } .object-fit-sm-cover { object-fit: cover !important; } .object-fit-sm-fill { object-fit: fill !important; } .object-fit-sm-scale { object-fit: scale-down !important; } .object-fit-sm-none { object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .d-sm-contents { display: contents !important; } .position-sm-static { position: static !important; } .position-sm-relative { position: relative !important; } .position-sm-absolute { position: absolute !important; } .position-sm-fixed { position: fixed !important; } .position-sm-sticky { position: sticky !important; } .w-sm-0 { width: 0 !important; } .w-sm-25 { width: 25% !important; } .w-sm-50 { width: 50% !important; } .w-sm-75 { width: 75% !important; } .w-sm-100 { width: 100% !important; } .w-sm-auto { width: auto !important; } .mw-sm-0 { max-width: 0 !important; } .mw-sm-25 { max-width: 25% !important; } .mw-sm-50 { max-width: 50% !important; } .mw-sm-75 { max-width: 75% !important; } .mw-sm-100 { max-width: 100% !important; } .mw-sm-auto { max-width: auto !important; } .h-sm-0 { height: 0 !important; } .h-sm-25 { height: 25% !important; } .h-sm-50 { height: 50% !important; } .h-sm-75 { height: 75% !important; } .h-sm-100 { height: 100% !important; } .h-sm-auto { height: auto !important; } .mh-sm-0 { max-height: 0 !important; } .mh-sm-25 { max-height: 25% !important; } .mh-sm-50 { max-height: 50% !important; } .mh-sm-75 { max-height: 75% !important; } .mh-sm-100 { max-height: 100% !important; } .mh-sm-auto { max-height: auto !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-last { order: 13 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-6 { order: 6 !important; } .order-sm-7 { order: 7 !important; } .order-sm-8 { order: 8 !important; } .order-sm-9 { order: 9 !important; } .order-sm-10 { order: 10 !important; } .order-sm-11 { order: 11 !important; } .order-sm-12 { order: 12 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-6 { margin: 4rem !important; } .m-sm-7 { margin: 6rem !important; } .m-sm-8 { margin: 8rem !important; } .m-sm-9 { margin: 10rem !important; } .m-sm-10 { margin: 12rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-6 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-sm-7 { margin-right: 6rem !important; margin-left: 6rem !important; } .mx-sm-8 { margin-right: 8rem !important; margin-left: 8rem !important; } .mx-sm-9 { margin-right: 10rem !important; margin-left: 10rem !important; } .mx-sm-10 { margin-right: 12rem !important; margin-left: 12rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-sm-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-sm-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .my-sm-9 { margin-top: 10rem !important; margin-bottom: 10rem !important; } .my-sm-10 { margin-top: 12rem !important; margin-bottom: 12rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-6 { margin-top: 4rem !important; } .mt-sm-7 { margin-top: 6rem !important; } .mt-sm-8 { margin-top: 8rem !important; } .mt-sm-9 { margin-top: 10rem !important; } .mt-sm-10 { margin-top: 12rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-6 { margin-right: 4rem !important; } .me-sm-7 { margin-right: 6rem !important; } .me-sm-8 { margin-right: 8rem !important; } .me-sm-9 { margin-right: 10rem !important; } .me-sm-10 { margin-right: 12rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-6 { margin-bottom: 4rem !important; } .mb-sm-7 { margin-bottom: 6rem !important; } .mb-sm-8 { margin-bottom: 8rem !important; } .mb-sm-9 { margin-bottom: 10rem !important; } .mb-sm-10 { margin-bottom: 12rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-6 { margin-left: 4rem !important; } .ms-sm-7 { margin-left: 6rem !important; } .ms-sm-8 { margin-left: 8rem !important; } .ms-sm-9 { margin-left: 10rem !important; } .ms-sm-10 { margin-left: 12rem !important; } .ms-sm-auto { margin-left: auto !important; } .m-sm-n1 { margin: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .m-sm-n6 { margin: -4rem !important; } .m-sm-n7 { margin: -6rem !important; } .m-sm-n8 { margin: -8rem !important; } .m-sm-n9 { margin: -10rem !important; } .m-sm-n10 { margin: -12rem !important; } .mx-sm-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-sm-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-sm-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-sm-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-sm-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .mx-sm-n6 { margin-right: -4rem !important; margin-left: -4rem !important; } .mx-sm-n7 { margin-right: -6rem !important; margin-left: -6rem !important; } .mx-sm-n8 { margin-right: -8rem !important; margin-left: -8rem !important; } .mx-sm-n9 { margin-right: -10rem !important; margin-left: -10rem !important; } .mx-sm-n10 { margin-right: -12rem !important; margin-left: -12rem !important; } .my-sm-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-sm-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-sm-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-sm-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-sm-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-sm-n6 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .my-sm-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-sm-n8 { margin-top: -8rem !important; margin-bottom: -8rem !important; } .my-sm-n9 { margin-top: -10rem !important; margin-bottom: -10rem !important; } .my-sm-n10 { margin-top: -12rem !important; margin-bottom: -12rem !important; } .mt-sm-n1 { margin-top: -0.25rem !important; } .mt-sm-n2 { margin-top: -0.5rem !important; } .mt-sm-n3 { margin-top: -1rem !important; } .mt-sm-n4 { margin-top: -1.5rem !important; } .mt-sm-n5 { margin-top: -3rem !important; } .mt-sm-n6 { margin-top: -4rem !important; } .mt-sm-n7 { margin-top: -6rem !important; } .mt-sm-n8 { margin-top: -8rem !important; } .mt-sm-n9 { margin-top: -10rem !important; } .mt-sm-n10 { margin-top: -12rem !important; } .me-sm-n1 { margin-right: -0.25rem !important; } .me-sm-n2 { margin-right: -0.5rem !important; } .me-sm-n3 { margin-right: -1rem !important; } .me-sm-n4 { margin-right: -1.5rem !important; } .me-sm-n5 { margin-right: -3rem !important; } .me-sm-n6 { margin-right: -4rem !important; } .me-sm-n7 { margin-right: -6rem !important; } .me-sm-n8 { margin-right: -8rem !important; } .me-sm-n9 { margin-right: -10rem !important; } .me-sm-n10 { margin-right: -12rem !important; } .mb-sm-n1 { margin-bottom: -0.25rem !important; } .mb-sm-n2 { margin-bottom: -0.5rem !important; } .mb-sm-n3 { margin-bottom: -1rem !important; } .mb-sm-n4 { margin-bottom: -1.5rem !important; } .mb-sm-n5 { margin-bottom: -3rem !important; } .mb-sm-n6 { margin-bottom: -4rem !important; } .mb-sm-n7 { margin-bottom: -6rem !important; } .mb-sm-n8 { margin-bottom: -8rem !important; } .mb-sm-n9 { margin-bottom: -10rem !important; } .mb-sm-n10 { margin-bottom: -12rem !important; } .ms-sm-n1 { margin-left: -0.25rem !important; } .ms-sm-n2 { margin-left: -0.5rem !important; } .ms-sm-n3 { margin-left: -1rem !important; } .ms-sm-n4 { margin-left: -1.5rem !important; } .ms-sm-n5 { margin-left: -3rem !important; } .ms-sm-n6 { margin-left: -4rem !important; } .ms-sm-n7 { margin-left: -6rem !important; } .ms-sm-n8 { margin-left: -8rem !important; } .ms-sm-n9 { margin-left: -10rem !important; } .ms-sm-n10 { margin-left: -12rem !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .p-sm-6 { padding: 4rem !important; } .p-sm-7 { padding: 6rem !important; } .p-sm-8 { padding: 8rem !important; } .p-sm-9 { padding: 10rem !important; } .p-sm-10 { padding: 12rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-sm-6 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-sm-7 { padding-right: 6rem !important; padding-left: 6rem !important; } .px-sm-8 { padding-right: 8rem !important; padding-left: 8rem !important; } .px-sm-9 { padding-right: 10rem !important; padding-left: 10rem !important; } .px-sm-10 { padding-right: 12rem !important; padding-left: 12rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-sm-6 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-sm-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-sm-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .py-sm-9 { padding-top: 10rem !important; padding-bottom: 10rem !important; } .py-sm-10 { padding-top: 12rem !important; padding-bottom: 12rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pt-sm-6 { padding-top: 4rem !important; } .pt-sm-7 { padding-top: 6rem !important; } .pt-sm-8 { padding-top: 8rem !important; } .pt-sm-9 { padding-top: 10rem !important; } .pt-sm-10 { padding-top: 12rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pe-sm-6 { padding-right: 4rem !important; } .pe-sm-7 { padding-right: 6rem !important; } .pe-sm-8 { padding-right: 8rem !important; } .pe-sm-9 { padding-right: 10rem !important; } .pe-sm-10 { padding-right: 12rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pb-sm-6 { padding-bottom: 4rem !important; } .pb-sm-7 { padding-bottom: 6rem !important; } .pb-sm-8 { padding-bottom: 8rem !important; } .pb-sm-9 { padding-bottom: 10rem !important; } .pb-sm-10 { padding-bottom: 12rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .ps-sm-6 { padding-left: 4rem !important; } .ps-sm-7 { padding-left: 6rem !important; } .ps-sm-8 { padding-left: 8rem !important; } .ps-sm-9 { padding-left: 10rem !important; } .ps-sm-10 { padding-left: 12rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .gap-sm-6 { gap: 4rem !important; } .gap-sm-7 { gap: 6rem !important; } .gap-sm-8 { gap: 8rem !important; } .gap-sm-9 { gap: 10rem !important; } .gap-sm-10 { gap: 12rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .row-gap-sm-6 { row-gap: 4rem !important; } .row-gap-sm-7 { row-gap: 6rem !important; } .row-gap-sm-8 { row-gap: 8rem !important; } .row-gap-sm-9 { row-gap: 10rem !important; } .row-gap-sm-10 { row-gap: 12rem !important; } .column-gap-sm-0 { column-gap: 0 !important; } .column-gap-sm-1 { column-gap: 0.25rem !important; } .column-gap-sm-2 { column-gap: 0.5rem !important; } .column-gap-sm-3 { column-gap: 1rem !important; } .column-gap-sm-4 { column-gap: 1.5rem !important; } .column-gap-sm-5 { column-gap: 3rem !important; } .column-gap-sm-6 { column-gap: 4rem !important; } .column-gap-sm-7 { column-gap: 6rem !important; } .column-gap-sm-8 { column-gap: 8rem !important; } .column-gap-sm-9 { column-gap: 10rem !important; } .column-gap-sm-10 { column-gap: 12rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } .flex-basis-sm-0 { flex-basis: 0 !important; } .flex-basis-sm-25 { flex-basis: 25% !important; } .flex-basis-sm-50 { flex-basis: 50% !important; } .flex-basis-sm-75 { flex-basis: 75% !important; } .flex-basis-sm-100 { flex-basis: 100% !important; } .flex-basis-sm-auto { flex-basis: auto !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { object-fit: contain !important; } .object-fit-md-cover { object-fit: cover !important; } .object-fit-md-fill { object-fit: fill !important; } .object-fit-md-scale { object-fit: scale-down !important; } .object-fit-md-none { object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .d-md-contents { display: contents !important; } .position-md-static { position: static !important; } .position-md-relative { position: relative !important; } .position-md-absolute { position: absolute !important; } .position-md-fixed { position: fixed !important; } .position-md-sticky { position: sticky !important; } .w-md-0 { width: 0 !important; } .w-md-25 { width: 25% !important; } .w-md-50 { width: 50% !important; } .w-md-75 { width: 75% !important; } .w-md-100 { width: 100% !important; } .w-md-auto { width: auto !important; } .mw-md-0 { max-width: 0 !important; } .mw-md-25 { max-width: 25% !important; } .mw-md-50 { max-width: 50% !important; } .mw-md-75 { max-width: 75% !important; } .mw-md-100 { max-width: 100% !important; } .mw-md-auto { max-width: auto !important; } .h-md-0 { height: 0 !important; } .h-md-25 { height: 25% !important; } .h-md-50 { height: 50% !important; } .h-md-75 { height: 75% !important; } .h-md-100 { height: 100% !important; } .h-md-auto { height: auto !important; } .mh-md-0 { max-height: 0 !important; } .mh-md-25 { max-height: 25% !important; } .mh-md-50 { max-height: 50% !important; } .mh-md-75 { max-height: 75% !important; } .mh-md-100 { max-height: 100% !important; } .mh-md-auto { max-height: auto !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-last { order: 13 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-6 { order: 6 !important; } .order-md-7 { order: 7 !important; } .order-md-8 { order: 8 !important; } .order-md-9 { order: 9 !important; } .order-md-10 { order: 10 !important; } .order-md-11 { order: 11 !important; } .order-md-12 { order: 12 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-6 { margin: 4rem !important; } .m-md-7 { margin: 6rem !important; } .m-md-8 { margin: 8rem !important; } .m-md-9 { margin: 10rem !important; } .m-md-10 { margin: 12rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-6 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-md-7 { margin-right: 6rem !important; margin-left: 6rem !important; } .mx-md-8 { margin-right: 8rem !important; margin-left: 8rem !important; } .mx-md-9 { margin-right: 10rem !important; margin-left: 10rem !important; } .mx-md-10 { margin-right: 12rem !important; margin-left: 12rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-md-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-md-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .my-md-9 { margin-top: 10rem !important; margin-bottom: 10rem !important; } .my-md-10 { margin-top: 12rem !important; margin-bottom: 12rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-6 { margin-top: 4rem !important; } .mt-md-7 { margin-top: 6rem !important; } .mt-md-8 { margin-top: 8rem !important; } .mt-md-9 { margin-top: 10rem !important; } .mt-md-10 { margin-top: 12rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-6 { margin-right: 4rem !important; } .me-md-7 { margin-right: 6rem !important; } .me-md-8 { margin-right: 8rem !important; } .me-md-9 { margin-right: 10rem !important; } .me-md-10 { margin-right: 12rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-6 { margin-bottom: 4rem !important; } .mb-md-7 { margin-bottom: 6rem !important; } .mb-md-8 { margin-bottom: 8rem !important; } .mb-md-9 { margin-bottom: 10rem !important; } .mb-md-10 { margin-bottom: 12rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-6 { margin-left: 4rem !important; } .ms-md-7 { margin-left: 6rem !important; } .ms-md-8 { margin-left: 8rem !important; } .ms-md-9 { margin-left: 10rem !important; } .ms-md-10 { margin-left: 12rem !important; } .ms-md-auto { margin-left: auto !important; } .m-md-n1 { margin: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .m-md-n6 { margin: -4rem !important; } .m-md-n7 { margin: -6rem !important; } .m-md-n8 { margin: -8rem !important; } .m-md-n9 { margin: -10rem !important; } .m-md-n10 { margin: -12rem !important; } .mx-md-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-md-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-md-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-md-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-md-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .mx-md-n6 { margin-right: -4rem !important; margin-left: -4rem !important; } .mx-md-n7 { margin-right: -6rem !important; margin-left: -6rem !important; } .mx-md-n8 { margin-right: -8rem !important; margin-left: -8rem !important; } .mx-md-n9 { margin-right: -10rem !important; margin-left: -10rem !important; } .mx-md-n10 { margin-right: -12rem !important; margin-left: -12rem !important; } .my-md-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-md-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-md-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-md-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-md-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-md-n6 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .my-md-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-md-n8 { margin-top: -8rem !important; margin-bottom: -8rem !important; } .my-md-n9 { margin-top: -10rem !important; margin-bottom: -10rem !important; } .my-md-n10 { margin-top: -12rem !important; margin-bottom: -12rem !important; } .mt-md-n1 { margin-top: -0.25rem !important; } .mt-md-n2 { margin-top: -0.5rem !important; } .mt-md-n3 { margin-top: -1rem !important; } .mt-md-n4 { margin-top: -1.5rem !important; } .mt-md-n5 { margin-top: -3rem !important; } .mt-md-n6 { margin-top: -4rem !important; } .mt-md-n7 { margin-top: -6rem !important; } .mt-md-n8 { margin-top: -8rem !important; } .mt-md-n9 { margin-top: -10rem !important; } .mt-md-n10 { margin-top: -12rem !important; } .me-md-n1 { margin-right: -0.25rem !important; } .me-md-n2 { margin-right: -0.5rem !important; } .me-md-n3 { margin-right: -1rem !important; } .me-md-n4 { margin-right: -1.5rem !important; } .me-md-n5 { margin-right: -3rem !important; } .me-md-n6 { margin-right: -4rem !important; } .me-md-n7 { margin-right: -6rem !important; } .me-md-n8 { margin-right: -8rem !important; } .me-md-n9 { margin-right: -10rem !important; } .me-md-n10 { margin-right: -12rem !important; } .mb-md-n1 { margin-bottom: -0.25rem !important; } .mb-md-n2 { margin-bottom: -0.5rem !important; } .mb-md-n3 { margin-bottom: -1rem !important; } .mb-md-n4 { margin-bottom: -1.5rem !important; } .mb-md-n5 { margin-bottom: -3rem !important; } .mb-md-n6 { margin-bottom: -4rem !important; } .mb-md-n7 { margin-bottom: -6rem !important; } .mb-md-n8 { margin-bottom: -8rem !important; } .mb-md-n9 { margin-bottom: -10rem !important; } .mb-md-n10 { margin-bottom: -12rem !important; } .ms-md-n1 { margin-left: -0.25rem !important; } .ms-md-n2 { margin-left: -0.5rem !important; } .ms-md-n3 { margin-left: -1rem !important; } .ms-md-n4 { margin-left: -1.5rem !important; } .ms-md-n5 { margin-left: -3rem !important; } .ms-md-n6 { margin-left: -4rem !important; } .ms-md-n7 { margin-left: -6rem !important; } .ms-md-n8 { margin-left: -8rem !important; } .ms-md-n9 { margin-left: -10rem !important; } .ms-md-n10 { margin-left: -12rem !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .p-md-6 { padding: 4rem !important; } .p-md-7 { padding: 6rem !important; } .p-md-8 { padding: 8rem !important; } .p-md-9 { padding: 10rem !important; } .p-md-10 { padding: 12rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-md-6 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-md-7 { padding-right: 6rem !important; padding-left: 6rem !important; } .px-md-8 { padding-right: 8rem !important; padding-left: 8rem !important; } .px-md-9 { padding-right: 10rem !important; padding-left: 10rem !important; } .px-md-10 { padding-right: 12rem !important; padding-left: 12rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-md-6 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-md-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-md-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .py-md-9 { padding-top: 10rem !important; padding-bottom: 10rem !important; } .py-md-10 { padding-top: 12rem !important; padding-bottom: 12rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pt-md-6 { padding-top: 4rem !important; } .pt-md-7 { padding-top: 6rem !important; } .pt-md-8 { padding-top: 8rem !important; } .pt-md-9 { padding-top: 10rem !important; } .pt-md-10 { padding-top: 12rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pe-md-6 { padding-right: 4rem !important; } .pe-md-7 { padding-right: 6rem !important; } .pe-md-8 { padding-right: 8rem !important; } .pe-md-9 { padding-right: 10rem !important; } .pe-md-10 { padding-right: 12rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pb-md-6 { padding-bottom: 4rem !important; } .pb-md-7 { padding-bottom: 6rem !important; } .pb-md-8 { padding-bottom: 8rem !important; } .pb-md-9 { padding-bottom: 10rem !important; } .pb-md-10 { padding-bottom: 12rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .ps-md-6 { padding-left: 4rem !important; } .ps-md-7 { padding-left: 6rem !important; } .ps-md-8 { padding-left: 8rem !important; } .ps-md-9 { padding-left: 10rem !important; } .ps-md-10 { padding-left: 12rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .gap-md-6 { gap: 4rem !important; } .gap-md-7 { gap: 6rem !important; } .gap-md-8 { gap: 8rem !important; } .gap-md-9 { gap: 10rem !important; } .gap-md-10 { gap: 12rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .row-gap-md-6 { row-gap: 4rem !important; } .row-gap-md-7 { row-gap: 6rem !important; } .row-gap-md-8 { row-gap: 8rem !important; } .row-gap-md-9 { row-gap: 10rem !important; } .row-gap-md-10 { row-gap: 12rem !important; } .column-gap-md-0 { column-gap: 0 !important; } .column-gap-md-1 { column-gap: 0.25rem !important; } .column-gap-md-2 { column-gap: 0.5rem !important; } .column-gap-md-3 { column-gap: 1rem !important; } .column-gap-md-4 { column-gap: 1.5rem !important; } .column-gap-md-5 { column-gap: 3rem !important; } .column-gap-md-6 { column-gap: 4rem !important; } .column-gap-md-7 { column-gap: 6rem !important; } .column-gap-md-8 { column-gap: 8rem !important; } .column-gap-md-9 { column-gap: 10rem !important; } .column-gap-md-10 { column-gap: 12rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } .flex-basis-md-0 { flex-basis: 0 !important; } .flex-basis-md-25 { flex-basis: 25% !important; } .flex-basis-md-50 { flex-basis: 50% !important; } .flex-basis-md-75 { flex-basis: 75% !important; } .flex-basis-md-100 { flex-basis: 100% !important; } .flex-basis-md-auto { flex-basis: auto !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { object-fit: contain !important; } .object-fit-lg-cover { object-fit: cover !important; } .object-fit-lg-fill { object-fit: fill !important; } .object-fit-lg-scale { object-fit: scale-down !important; } .object-fit-lg-none { object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .d-lg-contents { display: contents !important; } .position-lg-static { position: static !important; } .position-lg-relative { position: relative !important; } .position-lg-absolute { position: absolute !important; } .position-lg-fixed { position: fixed !important; } .position-lg-sticky { position: sticky !important; } .w-lg-0 { width: 0 !important; } .w-lg-25 { width: 25% !important; } .w-lg-50 { width: 50% !important; } .w-lg-75 { width: 75% !important; } .w-lg-100 { width: 100% !important; } .w-lg-auto { width: auto !important; } .mw-lg-0 { max-width: 0 !important; } .mw-lg-25 { max-width: 25% !important; } .mw-lg-50 { max-width: 50% !important; } .mw-lg-75 { max-width: 75% !important; } .mw-lg-100 { max-width: 100% !important; } .mw-lg-auto { max-width: auto !important; } .h-lg-0 { height: 0 !important; } .h-lg-25 { height: 25% !important; } .h-lg-50 { height: 50% !important; } .h-lg-75 { height: 75% !important; } .h-lg-100 { height: 100% !important; } .h-lg-auto { height: auto !important; } .mh-lg-0 { max-height: 0 !important; } .mh-lg-25 { max-height: 25% !important; } .mh-lg-50 { max-height: 50% !important; } .mh-lg-75 { max-height: 75% !important; } .mh-lg-100 { max-height: 100% !important; } .mh-lg-auto { max-height: auto !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-last { order: 13 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-6 { order: 6 !important; } .order-lg-7 { order: 7 !important; } .order-lg-8 { order: 8 !important; } .order-lg-9 { order: 9 !important; } .order-lg-10 { order: 10 !important; } .order-lg-11 { order: 11 !important; } .order-lg-12 { order: 12 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-6 { margin: 4rem !important; } .m-lg-7 { margin: 6rem !important; } .m-lg-8 { margin: 8rem !important; } .m-lg-9 { margin: 10rem !important; } .m-lg-10 { margin: 12rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-6 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-lg-7 { margin-right: 6rem !important; margin-left: 6rem !important; } .mx-lg-8 { margin-right: 8rem !important; margin-left: 8rem !important; } .mx-lg-9 { margin-right: 10rem !important; margin-left: 10rem !important; } .mx-lg-10 { margin-right: 12rem !important; margin-left: 12rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-lg-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-lg-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .my-lg-9 { margin-top: 10rem !important; margin-bottom: 10rem !important; } .my-lg-10 { margin-top: 12rem !important; margin-bottom: 12rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-6 { margin-top: 4rem !important; } .mt-lg-7 { margin-top: 6rem !important; } .mt-lg-8 { margin-top: 8rem !important; } .mt-lg-9 { margin-top: 10rem !important; } .mt-lg-10 { margin-top: 12rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-6 { margin-right: 4rem !important; } .me-lg-7 { margin-right: 6rem !important; } .me-lg-8 { margin-right: 8rem !important; } .me-lg-9 { margin-right: 10rem !important; } .me-lg-10 { margin-right: 12rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-6 { margin-bottom: 4rem !important; } .mb-lg-7 { margin-bottom: 6rem !important; } .mb-lg-8 { margin-bottom: 8rem !important; } .mb-lg-9 { margin-bottom: 10rem !important; } .mb-lg-10 { margin-bottom: 12rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-6 { margin-left: 4rem !important; } .ms-lg-7 { margin-left: 6rem !important; } .ms-lg-8 { margin-left: 8rem !important; } .ms-lg-9 { margin-left: 10rem !important; } .ms-lg-10 { margin-left: 12rem !important; } .ms-lg-auto { margin-left: auto !important; } .m-lg-n1 { margin: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .m-lg-n6 { margin: -4rem !important; } .m-lg-n7 { margin: -6rem !important; } .m-lg-n8 { margin: -8rem !important; } .m-lg-n9 { margin: -10rem !important; } .m-lg-n10 { margin: -12rem !important; } .mx-lg-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-lg-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-lg-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-lg-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-lg-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .mx-lg-n6 { margin-right: -4rem !important; margin-left: -4rem !important; } .mx-lg-n7 { margin-right: -6rem !important; margin-left: -6rem !important; } .mx-lg-n8 { margin-right: -8rem !important; margin-left: -8rem !important; } .mx-lg-n9 { margin-right: -10rem !important; margin-left: -10rem !important; } .mx-lg-n10 { margin-right: -12rem !important; margin-left: -12rem !important; } .my-lg-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-lg-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-lg-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-lg-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-lg-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-lg-n6 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .my-lg-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-lg-n8 { margin-top: -8rem !important; margin-bottom: -8rem !important; } .my-lg-n9 { margin-top: -10rem !important; margin-bottom: -10rem !important; } .my-lg-n10 { margin-top: -12rem !important; margin-bottom: -12rem !important; } .mt-lg-n1 { margin-top: -0.25rem !important; } .mt-lg-n2 { margin-top: -0.5rem !important; } .mt-lg-n3 { margin-top: -1rem !important; } .mt-lg-n4 { margin-top: -1.5rem !important; } .mt-lg-n5 { margin-top: -3rem !important; } .mt-lg-n6 { margin-top: -4rem !important; } .mt-lg-n7 { margin-top: -6rem !important; } .mt-lg-n8 { margin-top: -8rem !important; } .mt-lg-n9 { margin-top: -10rem !important; } .mt-lg-n10 { margin-top: -12rem !important; } .me-lg-n1 { margin-right: -0.25rem !important; } .me-lg-n2 { margin-right: -0.5rem !important; } .me-lg-n3 { margin-right: -1rem !important; } .me-lg-n4 { margin-right: -1.5rem !important; } .me-lg-n5 { margin-right: -3rem !important; } .me-lg-n6 { margin-right: -4rem !important; } .me-lg-n7 { margin-right: -6rem !important; } .me-lg-n8 { margin-right: -8rem !important; } .me-lg-n9 { margin-right: -10rem !important; } .me-lg-n10 { margin-right: -12rem !important; } .mb-lg-n1 { margin-bottom: -0.25rem !important; } .mb-lg-n2 { margin-bottom: -0.5rem !important; } .mb-lg-n3 { margin-bottom: -1rem !important; } .mb-lg-n4 { margin-bottom: -1.5rem !important; } .mb-lg-n5 { margin-bottom: -3rem !important; } .mb-lg-n6 { margin-bottom: -4rem !important; } .mb-lg-n7 { margin-bottom: -6rem !important; } .mb-lg-n8 { margin-bottom: -8rem !important; } .mb-lg-n9 { margin-bottom: -10rem !important; } .mb-lg-n10 { margin-bottom: -12rem !important; } .ms-lg-n1 { margin-left: -0.25rem !important; } .ms-lg-n2 { margin-left: -0.5rem !important; } .ms-lg-n3 { margin-left: -1rem !important; } .ms-lg-n4 { margin-left: -1.5rem !important; } .ms-lg-n5 { margin-left: -3rem !important; } .ms-lg-n6 { margin-left: -4rem !important; } .ms-lg-n7 { margin-left: -6rem !important; } .ms-lg-n8 { margin-left: -8rem !important; } .ms-lg-n9 { margin-left: -10rem !important; } .ms-lg-n10 { margin-left: -12rem !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .p-lg-6 { padding: 4rem !important; } .p-lg-7 { padding: 6rem !important; } .p-lg-8 { padding: 8rem !important; } .p-lg-9 { padding: 10rem !important; } .p-lg-10 { padding: 12rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-lg-6 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-lg-7 { padding-right: 6rem !important; padding-left: 6rem !important; } .px-lg-8 { padding-right: 8rem !important; padding-left: 8rem !important; } .px-lg-9 { padding-right: 10rem !important; padding-left: 10rem !important; } .px-lg-10 { padding-right: 12rem !important; padding-left: 12rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-lg-6 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-lg-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-lg-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .py-lg-9 { padding-top: 10rem !important; padding-bottom: 10rem !important; } .py-lg-10 { padding-top: 12rem !important; padding-bottom: 12rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pt-lg-6 { padding-top: 4rem !important; } .pt-lg-7 { padding-top: 6rem !important; } .pt-lg-8 { padding-top: 8rem !important; } .pt-lg-9 { padding-top: 10rem !important; } .pt-lg-10 { padding-top: 12rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pe-lg-6 { padding-right: 4rem !important; } .pe-lg-7 { padding-right: 6rem !important; } .pe-lg-8 { padding-right: 8rem !important; } .pe-lg-9 { padding-right: 10rem !important; } .pe-lg-10 { padding-right: 12rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pb-lg-6 { padding-bottom: 4rem !important; } .pb-lg-7 { padding-bottom: 6rem !important; } .pb-lg-8 { padding-bottom: 8rem !important; } .pb-lg-9 { padding-bottom: 10rem !important; } .pb-lg-10 { padding-bottom: 12rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .ps-lg-6 { padding-left: 4rem !important; } .ps-lg-7 { padding-left: 6rem !important; } .ps-lg-8 { padding-left: 8rem !important; } .ps-lg-9 { padding-left: 10rem !important; } .ps-lg-10 { padding-left: 12rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .gap-lg-6 { gap: 4rem !important; } .gap-lg-7 { gap: 6rem !important; } .gap-lg-8 { gap: 8rem !important; } .gap-lg-9 { gap: 10rem !important; } .gap-lg-10 { gap: 12rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .row-gap-lg-6 { row-gap: 4rem !important; } .row-gap-lg-7 { row-gap: 6rem !important; } .row-gap-lg-8 { row-gap: 8rem !important; } .row-gap-lg-9 { row-gap: 10rem !important; } .row-gap-lg-10 { row-gap: 12rem !important; } .column-gap-lg-0 { column-gap: 0 !important; } .column-gap-lg-1 { column-gap: 0.25rem !important; } .column-gap-lg-2 { column-gap: 0.5rem !important; } .column-gap-lg-3 { column-gap: 1rem !important; } .column-gap-lg-4 { column-gap: 1.5rem !important; } .column-gap-lg-5 { column-gap: 3rem !important; } .column-gap-lg-6 { column-gap: 4rem !important; } .column-gap-lg-7 { column-gap: 6rem !important; } .column-gap-lg-8 { column-gap: 8rem !important; } .column-gap-lg-9 { column-gap: 10rem !important; } .column-gap-lg-10 { column-gap: 12rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } .flex-basis-lg-0 { flex-basis: 0 !important; } .flex-basis-lg-25 { flex-basis: 25% !important; } .flex-basis-lg-50 { flex-basis: 50% !important; } .flex-basis-lg-75 { flex-basis: 75% !important; } .flex-basis-lg-100 { flex-basis: 100% !important; } .flex-basis-lg-auto { flex-basis: auto !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { object-fit: contain !important; } .object-fit-xl-cover { object-fit: cover !important; } .object-fit-xl-fill { object-fit: fill !important; } .object-fit-xl-scale { object-fit: scale-down !important; } .object-fit-xl-none { object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .d-xl-contents { display: contents !important; } .position-xl-static { position: static !important; } .position-xl-relative { position: relative !important; } .position-xl-absolute { position: absolute !important; } .position-xl-fixed { position: fixed !important; } .position-xl-sticky { position: sticky !important; } .w-xl-0 { width: 0 !important; } .w-xl-25 { width: 25% !important; } .w-xl-50 { width: 50% !important; } .w-xl-75 { width: 75% !important; } .w-xl-100 { width: 100% !important; } .w-xl-auto { width: auto !important; } .mw-xl-0 { max-width: 0 !important; } .mw-xl-25 { max-width: 25% !important; } .mw-xl-50 { max-width: 50% !important; } .mw-xl-75 { max-width: 75% !important; } .mw-xl-100 { max-width: 100% !important; } .mw-xl-auto { max-width: auto !important; } .h-xl-0 { height: 0 !important; } .h-xl-25 { height: 25% !important; } .h-xl-50 { height: 50% !important; } .h-xl-75 { height: 75% !important; } .h-xl-100 { height: 100% !important; } .h-xl-auto { height: auto !important; } .mh-xl-0 { max-height: 0 !important; } .mh-xl-25 { max-height: 25% !important; } .mh-xl-50 { max-height: 50% !important; } .mh-xl-75 { max-height: 75% !important; } .mh-xl-100 { max-height: 100% !important; } .mh-xl-auto { max-height: auto !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-last { order: 13 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-6 { order: 6 !important; } .order-xl-7 { order: 7 !important; } .order-xl-8 { order: 8 !important; } .order-xl-9 { order: 9 !important; } .order-xl-10 { order: 10 !important; } .order-xl-11 { order: 11 !important; } .order-xl-12 { order: 12 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-6 { margin: 4rem !important; } .m-xl-7 { margin: 6rem !important; } .m-xl-8 { margin: 8rem !important; } .m-xl-9 { margin: 10rem !important; } .m-xl-10 { margin: 12rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-6 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-xl-7 { margin-right: 6rem !important; margin-left: 6rem !important; } .mx-xl-8 { margin-right: 8rem !important; margin-left: 8rem !important; } .mx-xl-9 { margin-right: 10rem !important; margin-left: 10rem !important; } .mx-xl-10 { margin-right: 12rem !important; margin-left: 12rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-xl-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-xl-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .my-xl-9 { margin-top: 10rem !important; margin-bottom: 10rem !important; } .my-xl-10 { margin-top: 12rem !important; margin-bottom: 12rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-6 { margin-top: 4rem !important; } .mt-xl-7 { margin-top: 6rem !important; } .mt-xl-8 { margin-top: 8rem !important; } .mt-xl-9 { margin-top: 10rem !important; } .mt-xl-10 { margin-top: 12rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-6 { margin-right: 4rem !important; } .me-xl-7 { margin-right: 6rem !important; } .me-xl-8 { margin-right: 8rem !important; } .me-xl-9 { margin-right: 10rem !important; } .me-xl-10 { margin-right: 12rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-6 { margin-bottom: 4rem !important; } .mb-xl-7 { margin-bottom: 6rem !important; } .mb-xl-8 { margin-bottom: 8rem !important; } .mb-xl-9 { margin-bottom: 10rem !important; } .mb-xl-10 { margin-bottom: 12rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-6 { margin-left: 4rem !important; } .ms-xl-7 { margin-left: 6rem !important; } .ms-xl-8 { margin-left: 8rem !important; } .ms-xl-9 { margin-left: 10rem !important; } .ms-xl-10 { margin-left: 12rem !important; } .ms-xl-auto { margin-left: auto !important; } .m-xl-n1 { margin: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .m-xl-n6 { margin: -4rem !important; } .m-xl-n7 { margin: -6rem !important; } .m-xl-n8 { margin: -8rem !important; } .m-xl-n9 { margin: -10rem !important; } .m-xl-n10 { margin: -12rem !important; } .mx-xl-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-xl-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-xl-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-xl-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-xl-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .mx-xl-n6 { margin-right: -4rem !important; margin-left: -4rem !important; } .mx-xl-n7 { margin-right: -6rem !important; margin-left: -6rem !important; } .mx-xl-n8 { margin-right: -8rem !important; margin-left: -8rem !important; } .mx-xl-n9 { margin-right: -10rem !important; margin-left: -10rem !important; } .mx-xl-n10 { margin-right: -12rem !important; margin-left: -12rem !important; } .my-xl-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-xl-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-xl-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-xl-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-xl-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-xl-n6 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .my-xl-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-xl-n8 { margin-top: -8rem !important; margin-bottom: -8rem !important; } .my-xl-n9 { margin-top: -10rem !important; margin-bottom: -10rem !important; } .my-xl-n10 { margin-top: -12rem !important; margin-bottom: -12rem !important; } .mt-xl-n1 { margin-top: -0.25rem !important; } .mt-xl-n2 { margin-top: -0.5rem !important; } .mt-xl-n3 { margin-top: -1rem !important; } .mt-xl-n4 { margin-top: -1.5rem !important; } .mt-xl-n5 { margin-top: -3rem !important; } .mt-xl-n6 { margin-top: -4rem !important; } .mt-xl-n7 { margin-top: -6rem !important; } .mt-xl-n8 { margin-top: -8rem !important; } .mt-xl-n9 { margin-top: -10rem !important; } .mt-xl-n10 { margin-top: -12rem !important; } .me-xl-n1 { margin-right: -0.25rem !important; } .me-xl-n2 { margin-right: -0.5rem !important; } .me-xl-n3 { margin-right: -1rem !important; } .me-xl-n4 { margin-right: -1.5rem !important; } .me-xl-n5 { margin-right: -3rem !important; } .me-xl-n6 { margin-right: -4rem !important; } .me-xl-n7 { margin-right: -6rem !important; } .me-xl-n8 { margin-right: -8rem !important; } .me-xl-n9 { margin-right: -10rem !important; } .me-xl-n10 { margin-right: -12rem !important; } .mb-xl-n1 { margin-bottom: -0.25rem !important; } .mb-xl-n2 { margin-bottom: -0.5rem !important; } .mb-xl-n3 { margin-bottom: -1rem !important; } .mb-xl-n4 { margin-bottom: -1.5rem !important; } .mb-xl-n5 { margin-bottom: -3rem !important; } .mb-xl-n6 { margin-bottom: -4rem !important; } .mb-xl-n7 { margin-bottom: -6rem !important; } .mb-xl-n8 { margin-bottom: -8rem !important; } .mb-xl-n9 { margin-bottom: -10rem !important; } .mb-xl-n10 { margin-bottom: -12rem !important; } .ms-xl-n1 { margin-left: -0.25rem !important; } .ms-xl-n2 { margin-left: -0.5rem !important; } .ms-xl-n3 { margin-left: -1rem !important; } .ms-xl-n4 { margin-left: -1.5rem !important; } .ms-xl-n5 { margin-left: -3rem !important; } .ms-xl-n6 { margin-left: -4rem !important; } .ms-xl-n7 { margin-left: -6rem !important; } .ms-xl-n8 { margin-left: -8rem !important; } .ms-xl-n9 { margin-left: -10rem !important; } .ms-xl-n10 { margin-left: -12rem !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .p-xl-6 { padding: 4rem !important; } .p-xl-7 { padding: 6rem !important; } .p-xl-8 { padding: 8rem !important; } .p-xl-9 { padding: 10rem !important; } .p-xl-10 { padding: 12rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-xl-6 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-xl-7 { padding-right: 6rem !important; padding-left: 6rem !important; } .px-xl-8 { padding-right: 8rem !important; padding-left: 8rem !important; } .px-xl-9 { padding-right: 10rem !important; padding-left: 10rem !important; } .px-xl-10 { padding-right: 12rem !important; padding-left: 12rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-xl-6 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-xl-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-xl-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .py-xl-9 { padding-top: 10rem !important; padding-bottom: 10rem !important; } .py-xl-10 { padding-top: 12rem !important; padding-bottom: 12rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pt-xl-6 { padding-top: 4rem !important; } .pt-xl-7 { padding-top: 6rem !important; } .pt-xl-8 { padding-top: 8rem !important; } .pt-xl-9 { padding-top: 10rem !important; } .pt-xl-10 { padding-top: 12rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pe-xl-6 { padding-right: 4rem !important; } .pe-xl-7 { padding-right: 6rem !important; } .pe-xl-8 { padding-right: 8rem !important; } .pe-xl-9 { padding-right: 10rem !important; } .pe-xl-10 { padding-right: 12rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .pb-xl-6 { padding-bottom: 4rem !important; } .pb-xl-7 { padding-bottom: 6rem !important; } .pb-xl-8 { padding-bottom: 8rem !important; } .pb-xl-9 { padding-bottom: 10rem !important; } .pb-xl-10 { padding-bottom: 12rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .ps-xl-6 { padding-left: 4rem !important; } .ps-xl-7 { padding-left: 6rem !important; } .ps-xl-8 { padding-left: 8rem !important; } .ps-xl-9 { padding-left: 10rem !important; } .ps-xl-10 { padding-left: 12rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .gap-xl-6 { gap: 4rem !important; } .gap-xl-7 { gap: 6rem !important; } .gap-xl-8 { gap: 8rem !important; } .gap-xl-9 { gap: 10rem !important; } .gap-xl-10 { gap: 12rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .row-gap-xl-6 { row-gap: 4rem !important; } .row-gap-xl-7 { row-gap: 6rem !important; } .row-gap-xl-8 { row-gap: 8rem !important; } .row-gap-xl-9 { row-gap: 10rem !important; } .row-gap-xl-10 { row-gap: 12rem !important; } .column-gap-xl-0 { column-gap: 0 !important; } .column-gap-xl-1 { column-gap: 0.25rem !important; } .column-gap-xl-2 { column-gap: 0.5rem !important; } .column-gap-xl-3 { column-gap: 1rem !important; } .column-gap-xl-4 { column-gap: 1.5rem !important; } .column-gap-xl-5 { column-gap: 3rem !important; } .column-gap-xl-6 { column-gap: 4rem !important; } .column-gap-xl-7 { column-gap: 6rem !important; } .column-gap-xl-8 { column-gap: 8rem !important; } .column-gap-xl-9 { column-gap: 10rem !important; } .column-gap-xl-10 { column-gap: 12rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } .flex-basis-xl-0 { flex-basis: 0 !important; } .flex-basis-xl-25 { flex-basis: 25% !important; } .flex-basis-xl-50 { flex-basis: 50% !important; } .flex-basis-xl-75 { flex-basis: 75% !important; } .flex-basis-xl-100 { flex-basis: 100% !important; } .flex-basis-xl-auto { flex-basis: auto !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { object-fit: contain !important; } .object-fit-xxl-cover { object-fit: cover !important; } .object-fit-xxl-fill { object-fit: fill !important; } .object-fit-xxl-scale { object-fit: scale-down !important; } .object-fit-xxl-none { object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .d-xxl-contents { display: contents !important; } .position-xxl-static { position: static !important; } .position-xxl-relative { position: relative !important; } .position-xxl-absolute { position: absolute !important; } .position-xxl-fixed { position: fixed !important; } .position-xxl-sticky { position: sticky !important; } .w-xxl-0 { width: 0 !important; } .w-xxl-25 { width: 25% !important; } .w-xxl-50 { width: 50% !important; } .w-xxl-75 { width: 75% !important; } .w-xxl-100 { width: 100% !important; } .w-xxl-auto { width: auto !important; } .mw-xxl-0 { max-width: 0 !important; } .mw-xxl-25 { max-width: 25% !important; } .mw-xxl-50 { max-width: 50% !important; } .mw-xxl-75 { max-width: 75% !important; } .mw-xxl-100 { max-width: 100% !important; } .mw-xxl-auto { max-width: auto !important; } .h-xxl-0 { height: 0 !important; } .h-xxl-25 { height: 25% !important; } .h-xxl-50 { height: 50% !important; } .h-xxl-75 { height: 75% !important; } .h-xxl-100 { height: 100% !important; } .h-xxl-auto { height: auto !important; } .mh-xxl-0 { max-height: 0 !important; } .mh-xxl-25 { max-height: 25% !important; } .mh-xxl-50 { max-height: 50% !important; } .mh-xxl-75 { max-height: 75% !important; } .mh-xxl-100 { max-height: 100% !important; } .mh-xxl-auto { max-height: auto !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-last { order: 13 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-6 { order: 6 !important; } .order-xxl-7 { order: 7 !important; } .order-xxl-8 { order: 8 !important; } .order-xxl-9 { order: 9 !important; } .order-xxl-10 { order: 10 !important; } .order-xxl-11 { order: 11 !important; } .order-xxl-12 { order: 12 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-6 { margin: 4rem !important; } .m-xxl-7 { margin: 6rem !important; } .m-xxl-8 { margin: 8rem !important; } .m-xxl-9 { margin: 10rem !important; } .m-xxl-10 { margin: 12rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-6 { margin-right: 4rem !important; margin-left: 4rem !important; } .mx-xxl-7 { margin-right: 6rem !important; margin-left: 6rem !important; } .mx-xxl-8 { margin-right: 8rem !important; margin-left: 8rem !important; } .mx-xxl-9 { margin-right: 10rem !important; margin-left: 10rem !important; } .mx-xxl-10 { margin-right: 12rem !important; margin-left: 12rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-xxl-7 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .my-xxl-8 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .my-xxl-9 { margin-top: 10rem !important; margin-bottom: 10rem !important; } .my-xxl-10 { margin-top: 12rem !important; margin-bottom: 12rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-6 { margin-top: 4rem !important; } .mt-xxl-7 { margin-top: 6rem !important; } .mt-xxl-8 { margin-top: 8rem !important; } .mt-xxl-9 { margin-top: 10rem !important; } .mt-xxl-10 { margin-top: 12rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-6 { margin-right: 4rem !important; } .me-xxl-7 { margin-right: 6rem !important; } .me-xxl-8 { margin-right: 8rem !important; } .me-xxl-9 { margin-right: 10rem !important; } .me-xxl-10 { margin-right: 12rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-6 { margin-bottom: 4rem !important; } .mb-xxl-7 { margin-bottom: 6rem !important; } .mb-xxl-8 { margin-bottom: 8rem !important; } .mb-xxl-9 { margin-bottom: 10rem !important; } .mb-xxl-10 { margin-bottom: 12rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-6 { margin-left: 4rem !important; } .ms-xxl-7 { margin-left: 6rem !important; } .ms-xxl-8 { margin-left: 8rem !important; } .ms-xxl-9 { margin-left: 10rem !important; } .ms-xxl-10 { margin-left: 12rem !important; } .ms-xxl-auto { margin-left: auto !important; } .m-xxl-n1 { margin: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .m-xxl-n6 { margin: -4rem !important; } .m-xxl-n7 { margin: -6rem !important; } .m-xxl-n8 { margin: -8rem !important; } .m-xxl-n9 { margin: -10rem !important; } .m-xxl-n10 { margin: -12rem !important; } .mx-xxl-n1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .mx-xxl-n2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .mx-xxl-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .mx-xxl-n4 { margin-right: -1.5rem !important; margin-left: -1.5rem !important; } .mx-xxl-n5 { margin-right: -3rem !important; margin-left: -3rem !important; } .mx-xxl-n6 { margin-right: -4rem !important; margin-left: -4rem !important; } .mx-xxl-n7 { margin-right: -6rem !important; margin-left: -6rem !important; } .mx-xxl-n8 { margin-right: -8rem !important; margin-left: -8rem !important; } .mx-xxl-n9 { margin-right: -10rem !important; margin-left: -10rem !important; } .mx-xxl-n10 { margin-right: -12rem !important; margin-left: -12rem !important; } .my-xxl-n1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .my-xxl-n2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .my-xxl-n3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .my-xxl-n4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .my-xxl-n5 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .my-xxl-n6 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .my-xxl-n7 { margin-top: -6rem !important; margin-bottom: -6rem !important; } .my-xxl-n8 { margin-top: -8rem !important; margin-bottom: -8rem !important; } .my-xxl-n9 { margin-top: -10rem !important; margin-bottom: -10rem !important; } .my-xxl-n10 { margin-top: -12rem !important; margin-bottom: -12rem !important; } .mt-xxl-n1 { margin-top: -0.25rem !important; } .mt-xxl-n2 { margin-top: -0.5rem !important; } .mt-xxl-n3 { margin-top: -1rem !important; } .mt-xxl-n4 { margin-top: -1.5rem !important; } .mt-xxl-n5 { margin-top: -3rem !important; } .mt-xxl-n6 { margin-top: -4rem !important; } .mt-xxl-n7 { margin-top: -6rem !important; } .mt-xxl-n8 { margin-top: -8rem !important; } .mt-xxl-n9 { margin-top: -10rem !important; } .mt-xxl-n10 { margin-top: -12rem !important; } .me-xxl-n1 { margin-right: -0.25rem !important; } .me-xxl-n2 { margin-right: -0.5rem !important; } .me-xxl-n3 { margin-right: -1rem !important; } .me-xxl-n4 { margin-right: -1.5rem !important; } .me-xxl-n5 { margin-right: -3rem !important; } .me-xxl-n6 { margin-right: -4rem !important; } .me-xxl-n7 { margin-right: -6rem !important; } .me-xxl-n8 { margin-right: -8rem !important; } .me-xxl-n9 { margin-right: -10rem !important; } .me-xxl-n10 { margin-right: -12rem !important; } .mb-xxl-n1 { margin-bottom: -0.25rem !important; } .mb-xxl-n2 { margin-bottom: -0.5rem !important; } .mb-xxl-n3 { margin-bottom: -1rem !important; } .mb-xxl-n4 { margin-bottom: -1.5rem !important; } .mb-xxl-n5 { margin-bottom: -3rem !important; } .mb-xxl-n6 { margin-bottom: -4rem !important; } .mb-xxl-n7 { margin-bottom: -6rem !important; } .mb-xxl-n8 { margin-bottom: -8rem !important; } .mb-xxl-n9 { margin-bottom: -10rem !important; } .mb-xxl-n10 { margin-bottom: -12rem !important; } .ms-xxl-n1 { margin-left: -0.25rem !important; } .ms-xxl-n2 { margin-left: -0.5rem !important; } .ms-xxl-n3 { margin-left: -1rem !important; } .ms-xxl-n4 { margin-left: -1.5rem !important; } .ms-xxl-n5 { margin-left: -3rem !important; } .ms-xxl-n6 { margin-left: -4rem !important; } .ms-xxl-n7 { margin-left: -6rem !important; } .ms-xxl-n8 { margin-left: -8rem !important; } .ms-xxl-n9 { margin-left: -10rem !important; } .ms-xxl-n10 { margin-left: -12rem !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .p-xxl-6 { padding: 4rem !important; } .p-xxl-7 { padding: 6rem !important; } .p-xxl-8 { padding: 8rem !important; } .p-xxl-9 { padding: 10rem !important; } .p-xxl-10 { padding: 12rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .px-xxl-6 { padding-right: 4rem !important; padding-left: 4rem !important; } .px-xxl-7 { padding-right: 6rem !important; padding-left: 6rem !important; } .px-xxl-8 { padding-right: 8rem !important; padding-left: 8rem !important; } .px-xxl-9 { padding-right: 10rem !important; padding-left: 10rem !important; } .px-xxl-10 { padding-right: 12rem !important; padding-left: 12rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-xxl-6 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-xxl-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .py-xxl-8 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .py-xxl-9 { padding-top: 10rem !important; padding-bottom: 10rem !important; } .py-xxl-10 { padding-top: 12rem !important; padding-bottom: 12rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pt-xxl-6 { padding-top: 4rem !important; } .pt-xxl-7 { padding-top: 6rem !important; } .pt-xxl-8 { padding-top: 8rem !important; } .pt-xxl-9 { padding-top: 10rem !important; } .pt-xxl-10 { padding-top: 12rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pe-xxl-6 { padding-right: 4rem !important; } .pe-xxl-7 { padding-right: 6rem !important; } .pe-xxl-8 { padding-right: 8rem !important; } .pe-xxl-9 { padding-right: 10rem !important; } .pe-xxl-10 { padding-right: 12rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .pb-xxl-6 { padding-bottom: 4rem !important; } .pb-xxl-7 { padding-bottom: 6rem !important; } .pb-xxl-8 { padding-bottom: 8rem !important; } .pb-xxl-9 { padding-bottom: 10rem !important; } .pb-xxl-10 { padding-bottom: 12rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .ps-xxl-6 { padding-left: 4rem !important; } .ps-xxl-7 { padding-left: 6rem !important; } .ps-xxl-8 { padding-left: 8rem !important; } .ps-xxl-9 { padding-left: 10rem !important; } .ps-xxl-10 { padding-left: 12rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .gap-xxl-6 { gap: 4rem !important; } .gap-xxl-7 { gap: 6rem !important; } .gap-xxl-8 { gap: 8rem !important; } .gap-xxl-9 { gap: 10rem !important; } .gap-xxl-10 { gap: 12rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .row-gap-xxl-6 { row-gap: 4rem !important; } .row-gap-xxl-7 { row-gap: 6rem !important; } .row-gap-xxl-8 { row-gap: 8rem !important; } .row-gap-xxl-9 { row-gap: 10rem !important; } .row-gap-xxl-10 { row-gap: 12rem !important; } .column-gap-xxl-0 { column-gap: 0 !important; } .column-gap-xxl-1 { column-gap: 0.25rem !important; } .column-gap-xxl-2 { column-gap: 0.5rem !important; } .column-gap-xxl-3 { column-gap: 1rem !important; } .column-gap-xxl-4 { column-gap: 1.5rem !important; } .column-gap-xxl-5 { column-gap: 3rem !important; } .column-gap-xxl-6 { column-gap: 4rem !important; } .column-gap-xxl-7 { column-gap: 6rem !important; } .column-gap-xxl-8 { column-gap: 8rem !important; } .column-gap-xxl-9 { column-gap: 10rem !important; } .column-gap-xxl-10 { column-gap: 12rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } .flex-basis-xxl-0 { flex-basis: 0 !important; } .flex-basis-xxl-25 { flex-basis: 25% !important; } .flex-basis-xxl-50 { flex-basis: 50% !important; } .flex-basis-xxl-75 { flex-basis: 75% !important; } .flex-basis-xxl-100 { flex-basis: 100% !important; } .flex-basis-xxl-auto { flex-basis: auto !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 3.5rem !important; } .fs-2 { font-size: 2.75rem !important; } .fs-3 { font-size: 2rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } .d-print-contents { display: contents !important; } } /* /web/static/src/scss/bootstrap_review.scss */ .alert { clear: both; } .accordion .collapsing > .card-body:first-child, .accordion .collapse.show > .card-body:first-child { margin-top: var(--border-width); } .toast-header { background-clip: border-box; } @media (min-width: 576px) { :not(.s_popup) > .modal .modal-dialog { height: 100%; padding: 1.75rem 0; margin: 0 auto; } :not(.s_popup) > .modal .modal-content { max-height: 100%; } :not(.s_popup) > .modal .modal-header, :not(.s_popup) > .modal .modal-footer { flex: 0 0 auto; } :not(.s_popup) > .modal .modal-body { overflow: auto; min-height: 0; } } .modal-backdrop { display: none; } .modal:not([data-bs-backdrop="false"]) { background-color: rgba(0, 0, 0, 0.5); } .form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label { cursor: pointer; } .form-check:hover, .form-check:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) { border-color: #714b67; } .form-select:where(:not(:disabled)):hover { border-color: #714b67; } .dropdown-menu[x-placement^="top"], [x-placement^="top"].o_dropdown_menu, .dropdown-menu[x-placement^="right"], [x-placement^="right"].o_dropdown_menu, .dropdown-menu[x-placement^="bottom"], [x-placement^="bottom"].o_dropdown_menu, .dropdown-menu[x-placement^="left"], [x-placement^="left"].o_dropdown_menu { /*rtl:ignore*/ right: auto; } .popover { right: auto/*rtl:ignore*/; } .carousel-indicators { list-style: none; } @keyframes progress-bar-stripes { 0% { background-position-x: var(--progress-height, 1rem); } } .btn:focus-visible { box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.25rem RGBA(134, 102, 126, 0.5)); } /* /web/static/src/scss/bootstrap_review_frontend.scss */ .bg-100 { --background-color: #F9FAFB; --color: #111827; background-color: #F9FAFB !important; color: #111827; } .bg-100 .text-muted, .o_colored_level .bg-100 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-100:hover, a.bg-100:focus, button.bg-100:hover, button.bg-100:focus { --background-color: #dae1e7; --color: #111827; background-color: #dae1e7 !important; color: #111827; } .text-100 { color: #F9FAFB !important; } a.text-100:hover, a.text-100:focus { color: #bcc7d2 !important; } .bg-200 { --background-color: #F3F4F6; --color: #111827; background-color: #F3F4F6 !important; color: #111827; } .bg-200 .text-muted, .o_colored_level .bg-200 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-200:hover, a.bg-200:focus, button.bg-200:hover, button.bg-200:focus { --background-color: #d6d9e0; --color: #111827; background-color: #d6d9e0 !important; color: #111827; } .text-200 { color: #F3F4F6 !important; } a.text-200:hover, a.text-200:focus { color: #b9bfca !important; } .bg-300 { --background-color: #E6E9ED; --color: #111827; background-color: #E6E9ED !important; color: #111827; } .bg-300 .text-muted, .o_colored_level .bg-300 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-300:hover, a.bg-300:focus, button.bg-300:hover, button.bg-300:focus { --background-color: #c8cfd8; --color: #111827; background-color: #c8cfd8 !important; color: #111827; } .text-300 { color: #E6E9ED !important; } a.text-300:hover, a.text-300:focus { color: #abb5c2 !important; } .bg-400 { --background-color: #D8DADD; --color: #111827; background-color: #D8DADD !important; color: #111827; } .bg-400 .text-muted, .o_colored_level .bg-400 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-400:hover, a.bg-400:focus, button.bg-400:hover, button.bg-400:focus { --background-color: #bdc0c5; --color: #111827; background-color: #bdc0c5 !important; color: #111827; } .text-400 { color: #D8DADD !important; } a.text-400:hover, a.text-400:focus { color: #a2a6ad !important; } .bg-500 { --background-color: #ADB5BD; --color: #111827; background-color: #ADB5BD !important; color: #111827; } .bg-500 .text-muted, .o_colored_level .bg-500 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-500:hover, a.bg-500:focus, button.bg-500:hover, button.bg-500:focus { --background-color: #919ca6; --color: #111827; background-color: #919ca6 !important; color: #111827; } .text-500 { color: #ADB5BD !important; } a.text-500:hover, a.text-500:focus { color: #748290 !important; } .bg-600 { --background-color: #6C757D; --color: #FFFFFF; background-color: #6C757D !important; color: #FFFFFF; } .bg-600 .text-muted, .o_colored_level .bg-600 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-600:hover, a.bg-600:focus, button.bg-600:hover, button.bg-600:focus { --background-color: #545b62; --color: #FFFFFF; background-color: #545b62 !important; color: #FFFFFF; } .text-600 { color: #6C757D !important; } a.text-600:hover, a.text-600:focus { color: #3d4246 !important; } .bg-700 { --background-color: #495057; --color: #FFFFFF; background-color: #495057 !important; color: #FFFFFF; } .bg-700 .text-muted, .o_colored_level .bg-700 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-700:hover, a.bg-700:focus, button.bg-700:hover, button.bg-700:focus { --background-color: #32373b; --color: #FFFFFF; background-color: #32373b !important; color: #FFFFFF; } .text-700 { color: #495057 !important; } a.text-700:hover, a.text-700:focus { color: #1a1d20 !important; } .bg-800 { --background-color: #374151; --color: #FFFFFF; background-color: #374151 !important; color: #FFFFFF; } .bg-800 .text-muted, .o_colored_level .bg-800 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-800:hover, a.bg-800:focus, button.bg-800:hover, button.bg-800:focus { --background-color: #222933; --color: #FFFFFF; background-color: #222933 !important; color: #FFFFFF; } .text-800 { color: #374151 !important; } a.text-800:hover, a.text-800:focus { color: #0e1014 !important; } .bg-900 { --background-color: #111827; --color: #FFFFFF; background-color: #111827 !important; color: #FFFFFF; } .bg-900 .text-muted, .o_colored_level .bg-900 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-900:hover, a.bg-900:focus, button.bg-900:hover, button.bg-900:focus { --background-color: #020203; --color: #FFFFFF; background-color: #020203 !important; color: #FFFFFF; } .text-900 { color: #111827 !important; } a.text-900:hover, a.text-900:focus { color: black !important; } .bg-white-85 { --background-color: rgba(255, 255, 255, 0.85); --color: #111827; background-color: rgba(255, 255, 255, 0.85) !important; color: #111827; } .bg-white-85 .text-muted, .o_colored_level .bg-white-85 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-white-85:hover, a.bg-white-85:focus, button.bg-white-85:hover, button.bg-white-85:focus { --background-color: rgba(230, 230, 230, 0.85); --color: #111827; background-color: rgba(230, 230, 230, 0.85) !important; color: #111827; } .text-white-85 { color: rgba(255, 255, 255, 0.85) !important; } a.text-white-85:hover, a.text-white-85:focus { color: rgba(204, 204, 204, 0.85) !important; } .bg-white-75 { --background-color: rgba(255, 255, 255, 0.75); --color: #111827; background-color: rgba(255, 255, 255, 0.75) !important; color: #111827; } .bg-white-75 .text-muted, .o_colored_level .bg-white-75 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-white-75:hover, a.bg-white-75:focus, button.bg-white-75:hover, button.bg-white-75:focus { --background-color: rgba(230, 230, 230, 0.75); --color: #111827; background-color: rgba(230, 230, 230, 0.75) !important; color: #111827; } .text-white-75 { color: rgba(255, 255, 255, 0.75) !important; } a.text-white-75:hover, a.text-white-75:focus { color: rgba(204, 204, 204, 0.75) !important; } .bg-white-50 { --background-color: rgba(255, 255, 255, 0.5); --color: #111827; background-color: rgba(255, 255, 255, 0.5) !important; color: #111827; } .bg-white-50 .text-muted, .o_colored_level .bg-white-50 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-white-50:hover, a.bg-white-50:focus, button.bg-white-50:hover, button.bg-white-50:focus { --background-color: rgba(230, 230, 230, 0.5); --color: #111827; background-color: rgba(230, 230, 230, 0.5) !important; color: #111827; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } a.text-white-50:hover, a.text-white-50:focus { color: rgba(204, 204, 204, 0.5) !important; } .bg-white-25 { --background-color: rgba(255, 255, 255, 0.25); --color: ; background-color: rgba(255, 255, 255, 0.25) !important; } a.bg-white-25:hover, a.bg-white-25:focus, button.bg-white-25:hover, button.bg-white-25:focus { --background-color: rgba(230, 230, 230, 0.25); --color: ; background-color: rgba(230, 230, 230, 0.25) !important; } .text-white-25 { color: rgba(255, 255, 255, 0.25) !important; } a.text-white-25:hover, a.text-white-25:focus { color: rgba(204, 204, 204, 0.25) !important; } .bg-black-75 { --background-color: rgba(0, 0, 0, 0.75); --color: #FFFFFF; background-color: rgba(0, 0, 0, 0.75) !important; color: #FFFFFF; } .bg-black-75 .text-muted, .o_colored_level .bg-black-75 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-black-75:hover, a.bg-black-75:focus, button.bg-black-75:hover, button.bg-black-75:focus { --background-color: rgba(0, 0, 0, 0.75); --color: #FFFFFF; background-color: rgba(0, 0, 0, 0.75) !important; color: #FFFFFF; } .text-black-75 { color: rgba(0, 0, 0, 0.75) !important; } a.text-black-75:hover, a.text-black-75:focus { color: rgba(0, 0, 0, 0.75) !important; } .bg-black-50 { --background-color: rgba(0, 0, 0, 0.5); --color: #FFFFFF; background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF; } .bg-black-50 .text-muted, .o_colored_level .bg-black-50 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-black-50:hover, a.bg-black-50:focus, button.bg-black-50:hover, button.bg-black-50:focus { --background-color: rgba(0, 0, 0, 0.5); --color: #FFFFFF; background-color: rgba(0, 0, 0, 0.5) !important; color: #FFFFFF; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } a.text-black-50:hover, a.text-black-50:focus { color: rgba(0, 0, 0, 0.5) !important; } .bg-black-25 { --background-color: rgba(0, 0, 0, 0.25); --color: ; background-color: rgba(0, 0, 0, 0.25) !important; } a.bg-black-25:hover, a.bg-black-25:focus, button.bg-black-25:hover, button.bg-black-25:focus { --background-color: rgba(0, 0, 0, 0.25); --color: ; background-color: rgba(0, 0, 0, 0.25) !important; } .text-black-25 { color: rgba(0, 0, 0, 0.25) !important; } a.text-black-25:hover, a.text-black-25:focus { color: rgba(0, 0, 0, 0.25) !important; } .bg-black-15 { --background-color: rgba(0, 0, 0, 0.15); --color: ; background-color: rgba(0, 0, 0, 0.15) !important; } a.bg-black-15:hover, a.bg-black-15:focus, button.bg-black-15:hover, button.bg-black-15:focus { --background-color: rgba(0, 0, 0, 0.15); --color: ; background-color: rgba(0, 0, 0, 0.15) !important; } .text-black-15 { color: rgba(0, 0, 0, 0.15) !important; } a.text-black-15:hover, a.text-black-15:focus { color: rgba(0, 0, 0, 0.15) !important; } .bg-black { --background-color: #000000; --color: #FFFFFF; background-color: #000000 !important; color: #FFFFFF; } .bg-black .text-muted, .o_colored_level .bg-black .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { --background-color: black; --color: #FFFFFF; background-color: black !important; color: #FFFFFF; } .text-black { color: #000000 !important; } a.text-black:hover, a.text-black:focus { color: black !important; } .bg-white { --background-color: #FFFFFF; --color: #111827; background-color: #FFFFFF !important; color: #111827; } .bg-white .text-muted, .o_colored_level .bg-white .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { --background-color: #e6e6e6; --color: #111827; background-color: #e6e6e6 !important; color: #111827; } .text-white { color: #FFFFFF !important; } a.text-white:hover, a.text-white:focus { color: #cccccc !important; } .text-primary { color: #714b67 !important; } a.text-primary:hover, a.text-primary:focus { color: #34222f !important; } .text-secondary { color: #017e84 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #001d1f !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #145523 !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0c525d !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #a07800 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #921925 !important; } .text-light { color: #f9f9f9 !important; } a.text-light:hover, a.text-light:focus { color: #c6c6c6 !important; } .text-dark { color: #111827 !important; } a.text-dark:hover, a.text-dark:focus { color: black !important; } .text-o-color-9 { color: #00CEB3 !important; } a.text-o-color-9:hover, a.text-o-color-9:focus { color: #00685a !important; } .text-o-color-8 { color: #1BB6F9 !important; } a.text-o-color-8:hover, a.text-o-color-8:focus { color: #0478aa !important; } .text-o-color-7 { color: #FBB130 !important; } a.text-o-color-7:hover, a.text-o-color-7:focus { color: #c17c04 !important; } .text-o-color-6 { color: #FC787D !important; } a.text-o-color-6:hover, a.text-o-color-6:focus { color: #fa141d !important; } .text-epsilon { color: #d5653e !important; } a.text-epsilon:hover, a.text-epsilon:focus { color: #8e3c1f !important; } .text-delta { color: #5c5b80 !important; } a.text-delta:hover, a.text-delta:focus { color: #313144 !important; } .text-gamma { color: #e46f78 !important; } a.text-gamma:hover, a.text-gamma:focus { color: #c82532 !important; } .text-beta { color: #5b899e !important; } a.text-beta:hover, a.text-beta:focus { color: #36515d !important; } .text-alpha { color: #00a09d !important; } a.text-alpha:hover, a.text-alpha:focus { color: #003a39 !important; } .card { --body-color: var(--card-color); } :where(.card:not([data-vxml])) .card-body { --background-color: rgba(255, 255, 255, 0.9); --color: #111827; background-color: rgba(255, 255, 255, 0.9); color: #111827; } :where(.card:not([data-vxml])) .card-body .text-muted, .o_colored_level :where(.card:not([data-vxml])) .card-body .text-muted { color: rgba(17, 24, 39, 0.7) !important; } :where(.card:not([data-vxml])) .card-body:first-child { border-top-left-radius: calc(var(--border-radius) - (var(--border-width))); border-top-right-radius: calc(var(--border-radius) - (var(--border-width))); } :where(.card:not([data-vxml])) .card-body:last-child { border-bottom-right-radius: calc(var(--border-radius) - (var(--border-width))); border-bottom-left-radius: calc(var(--border-radius) - (var(--border-width))); } .btn-fill-primary, .btn-primary { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #714b67; } .btn-fill-secondary, .btn-secondary { --btn-color: #FFFFFF; --btn-bg: #017e84; --btn-border-color: #017e84; --btn-hover-color: #FFFFFF; --btn-hover-bg: #016b70; --btn-hover-border-color: #01656a; --btn-focus-shadow-rgb: 39, 145, 150; --btn-active-color: #FFFFFF; --btn-active-bg: #01656a; --btn-active-border-color: #015f63; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #017e84; --btn-disabled-border-color: #017e84; } .btn-fill-success, .btn-success { --btn-color: #FFFFFF; --btn-bg: #28a745; --btn-border-color: #28a745; --btn-hover-color: #FFFFFF; --btn-hover-bg: #228e3b; --btn-hover-border-color: #208637; --btn-focus-shadow-rgb: 72, 180, 97; --btn-active-color: #FFFFFF; --btn-active-bg: #208637; --btn-active-border-color: #1e7d34; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #28a745; --btn-disabled-border-color: #28a745; } .btn-fill-info, .btn-info { --btn-color: #FFFFFF; --btn-bg: #17a2b8; --btn-border-color: #17a2b8; --btn-hover-color: #FFFFFF; --btn-hover-bg: #148a9c; --btn-hover-border-color: #128293; --btn-focus-shadow-rgb: 58, 176, 195; --btn-active-color: #FFFFFF; --btn-active-bg: #128293; --btn-active-border-color: #117a8a; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #17a2b8; --btn-disabled-border-color: #17a2b8; } .btn-fill-warning, .btn-warning { --btn-color: #111827; --btn-bg: #ffc107; --btn-border-color: #ffc107; --btn-hover-color: #111827; --btn-hover-bg: #ffca2c; --btn-hover-border-color: #ffc720; --btn-focus-shadow-rgb: 219, 168, 12; --btn-active-color: #111827; --btn-active-bg: #ffcd39; --btn-active-border-color: #ffc720; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #ffc107; --btn-disabled-border-color: #ffc107; } .btn-fill-danger, .btn-danger { --btn-color: #FFFFFF; --btn-bg: #dc3545; --btn-border-color: #dc3545; --btn-hover-color: #FFFFFF; --btn-hover-bg: #bb2d3b; --btn-hover-border-color: #b02a37; --btn-focus-shadow-rgb: 225, 83, 97; --btn-active-color: #FFFFFF; --btn-active-bg: #b02a37; --btn-active-border-color: #a52834; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #dc3545; --btn-disabled-border-color: #dc3545; } .btn-fill-light, .btn-light { --btn-color: #111827; --btn-bg: #f9f9f9; --btn-border-color: #f9f9f9; --btn-hover-color: #111827; --btn-hover-bg: #fafafa; --btn-hover-border-color: #fafafa; --btn-focus-shadow-rgb: 214, 215, 218; --btn-active-color: #111827; --btn-active-bg: #fafafa; --btn-active-border-color: #fafafa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #f9f9f9; --btn-disabled-border-color: #f9f9f9; } .btn-fill-dark, .btn-dark { --btn-color: #FFFFFF; --btn-bg: #111827; --btn-border-color: #111827; --btn-hover-color: #FFFFFF; --btn-hover-bg: #0e1421; --btn-hover-border-color: #0e131f; --btn-focus-shadow-rgb: 53, 59, 71; --btn-active-color: #FFFFFF; --btn-active-bg: #0e131f; --btn-active-border-color: #0d121d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #111827; --btn-disabled-border-color: #111827; } .btn-fill-o-color-9, .btn-o-color-9 { --btn-color: #111827; --btn-bg: #00CEB3; --btn-border-color: #00CEB3; --btn-hover-color: #111827; --btn-hover-bg: #26d5be; --btn-hover-border-color: #1ad3bb; --btn-focus-shadow-rgb: 3, 179, 158; --btn-active-color: #111827; --btn-active-bg: #33d8c2; --btn-active-border-color: #1ad3bb; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #00CEB3; --btn-disabled-border-color: #00CEB3; } .btn-fill-o-color-8, .btn-o-color-8 { --btn-color: #111827; --btn-bg: #1BB6F9; --btn-border-color: #1BB6F9; --btn-hover-color: #111827; --btn-hover-bg: #3dc1fa; --btn-hover-border-color: #32bdfa; --btn-focus-shadow-rgb: 26, 158, 218; --btn-active-color: #111827; --btn-active-bg: #49c5fa; --btn-active-border-color: #32bdfa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #1BB6F9; --btn-disabled-border-color: #1BB6F9; } .btn-fill-o-color-7, .btn-o-color-7 { --btn-color: #111827; --btn-bg: #FBB130; --btn-border-color: #FBB130; --btn-hover-color: #111827; --btn-hover-bg: #fcbd4f; --btn-hover-border-color: #fbb945; --btn-focus-shadow-rgb: 216, 154, 47; --btn-active-color: #111827; --btn-active-bg: #fcc159; --btn-active-border-color: #fbb945; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #FBB130; --btn-disabled-border-color: #FBB130; } .btn-fill-o-color-6, .btn-o-color-6 { --btn-color: #111827; --btn-bg: #FC787D; --btn-border-color: #FC787D; --btn-hover-color: #111827; --btn-hover-bg: #fc8c91; --btn-hover-border-color: #fc868a; --btn-focus-shadow-rgb: 217, 106, 112; --btn-active-color: #111827; --btn-active-bg: #fd9397; --btn-active-border-color: #fc868a; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #FC787D; --btn-disabled-border-color: #FC787D; } .btn-fill-epsilon, .btn-epsilon { --btn-color: #FFFFFF; --btn-bg: #d5653e; --btn-border-color: #d5653e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #b55635; --btn-hover-border-color: #aa5132; --btn-focus-shadow-rgb: 219, 124, 91; --btn-active-color: #FFFFFF; --btn-active-bg: #aa5132; --btn-active-border-color: #a04c2f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #d5653e; --btn-disabled-border-color: #d5653e; } .btn-fill-delta, .btn-delta { --btn-color: #FFFFFF; --btn-bg: #5c5b80; --btn-border-color: #5c5b80; --btn-hover-color: #FFFFFF; --btn-hover-bg: #4e4d6d; --btn-hover-border-color: #4a4966; --btn-focus-shadow-rgb: 116, 116, 147; --btn-active-color: #FFFFFF; --btn-active-bg: #4a4966; --btn-active-border-color: #454460; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #5c5b80; --btn-disabled-border-color: #5c5b80; } .btn-fill-gamma, .btn-gamma { --btn-color: #FFFFFF; --btn-bg: #e46f78; --btn-border-color: #e46f78; --btn-hover-color: #FFFFFF; --btn-hover-bg: #c25e66; --btn-hover-border-color: #b65960; --btn-focus-shadow-rgb: 232, 133, 140; --btn-active-color: #FFFFFF; --btn-active-bg: #b65960; --btn-active-border-color: #ab535a; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #e46f78; --btn-disabled-border-color: #e46f78; } .btn-fill-beta, .btn-beta { --btn-color: #FFFFFF; --btn-bg: #5b899e; --btn-border-color: #5b899e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #4d7486; --btn-hover-border-color: #496e7e; --btn-focus-shadow-rgb: 116, 155, 173; --btn-active-color: #FFFFFF; --btn-active-bg: #496e7e; --btn-active-border-color: #446777; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #5b899e; --btn-disabled-border-color: #5b899e; } .btn-fill-alpha, .btn-alpha { --btn-color: #FFFFFF; --btn-bg: #00a09d; --btn-border-color: #00a09d; --btn-hover-color: #FFFFFF; --btn-hover-bg: #008885; --btn-hover-border-color: #00807e; --btn-focus-shadow-rgb: 38, 174, 172; --btn-active-color: #FFFFFF; --btn-active-bg: #00807e; --btn-active-border-color: #007876; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #00a09d; --btn-disabled-border-color: #00a09d; } .btn-outline-primary { --btn-color: #65435c; --btn-border-color: #65435c; --btn-hover-color: #FFFFFF; --btn-hover-bg: #65435c; --btn-hover-border-color: #65435c; --btn-focus-shadow-rgb: 100.73829787, 66.86170213, 91.82340426; --btn-active-color: #FFFFFF; --btn-active-bg: #65435c; --btn-active-border-color: #65435c; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #65435c; --btn-disabled-bg: transparent; --btn-disabled-border-color: #65435c; --gradient: none; } .btn-outline-secondary { --btn-color: #017e84; --btn-border-color: #017e84; --btn-hover-color: #FFFFFF; --btn-hover-bg: #017e84; --btn-hover-border-color: #017e84; --btn-focus-shadow-rgb: 1, 126, 132; --btn-active-color: #FFFFFF; --btn-active-bg: #017e84; --btn-active-border-color: #017e84; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #017e84; --btn-disabled-bg: transparent; --btn-disabled-border-color: #017e84; --gradient: none; } .btn-outline-success { --btn-color: #269f42; --btn-border-color: #269f42; --btn-hover-color: #FFFFFF; --btn-hover-bg: #269f42; --btn-hover-border-color: #269f42; --btn-focus-shadow-rgb: 38.02898551, 158.77101449, 65.6; --btn-active-color: #FFFFFF; --btn-active-bg: #269f42; --btn-active-border-color: #269f42; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #269f42; --btn-disabled-bg: transparent; --btn-disabled-border-color: #269f42; --gradient: none; } .btn-outline-info { --btn-color: #107282; --btn-border-color: #107282; --btn-hover-color: #FFFFFF; --btn-hover-bg: #107282; --btn-hover-border-color: #107282; --btn-focus-shadow-rgb: 16.2, 114.10434783, 129.6; --btn-active-color: #FFFFFF; --btn-active-bg: #107282; --btn-active-border-color: #107282; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #107282; --btn-disabled-bg: transparent; --btn-disabled-border-color: #107282; --gradient: none; } .btn-outline-warning { --btn-color: #967000; --btn-border-color: #967000; --btn-hover-color: #FFFFFF; --btn-hover-bg: #967000; --btn-hover-border-color: #967000; --btn-focus-shadow-rgb: 149.8, 112.35, 0; --btn-active-color: #FFFFFF; --btn-active-bg: #967000; --btn-active-border-color: #967000; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #967000; --btn-disabled-bg: transparent; --btn-disabled-border-color: #967000; --gradient: none; } .btn-outline-danger { --btn-color: #b9202f; --btn-border-color: #b9202f; --btn-hover-color: #FFFFFF; --btn-hover-bg: #b9202f; --btn-hover-border-color: #b9202f; --btn-focus-shadow-rgb: 184.86835443, 32.03164557, 46.67468354; --btn-active-color: #FFFFFF; --btn-active-bg: #b9202f; --btn-active-border-color: #b9202f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #b9202f; --btn-disabled-bg: transparent; --btn-disabled-border-color: #b9202f; --gradient: none; } .btn-outline-light { --btn-color: #b9b9b9; --btn-border-color: #b9b9b9; --btn-hover-color: #111827; --btn-hover-bg: #b9b9b9; --btn-hover-border-color: #b9b9b9; --btn-focus-shadow-rgb: 185.25, 185.25, 185.25; --btn-active-color: #111827; --btn-active-bg: #b9b9b9; --btn-active-border-color: #b9b9b9; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #b9b9b9; --btn-disabled-bg: transparent; --btn-disabled-border-color: #b9b9b9; --gradient: none; } .btn-outline-dark { --btn-color: #111827; --btn-border-color: #111827; --btn-hover-color: #FFFFFF; --btn-hover-bg: #111827; --btn-hover-border-color: #111827; --btn-focus-shadow-rgb: 17, 24, 39; --btn-active-color: #FFFFFF; --btn-active-bg: #111827; --btn-active-border-color: #111827; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: transparent; --btn-disabled-border-color: #111827; --gradient: none; } .btn-outline-o-color-9 { --btn-color: #008c79; --btn-border-color: #008c79; --btn-hover-color: #FFFFFF; --btn-hover-bg: #008c79; --btn-hover-border-color: #008c79; --btn-focus-shadow-rgb: 0, 139.7, 121.38980583; --btn-active-color: #FFFFFF; --btn-active-bg: #008c79; --btn-active-border-color: #008c79; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #008c79; --btn-disabled-bg: transparent; --btn-disabled-border-color: #008c79; --gradient: none; } .btn-outline-o-color-8 { --btn-color: #046a96; --btn-border-color: #046a96; --btn-hover-color: #FFFFFF; --btn-hover-bg: #046a96; --btn-hover-border-color: #046a96; --btn-focus-shadow-rgb: 3.93846154, 105.68205128, 149.66153846; --btn-active-color: #FFFFFF; --btn-active-bg: #046a96; --btn-active-border-color: #046a96; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #046a96; --btn-disabled-bg: transparent; --btn-disabled-border-color: #046a96; --gradient: none; } .btn-outline-o-color-7 { --btn-color: #a86c03; --btn-border-color: #a86c03; --btn-hover-color: #FFFFFF; --btn-hover-bg: #a86c03; --btn-hover-border-color: #a86c03; --btn-focus-shadow-rgb: 168.24881517, 108.10189573, 3.25118483; --btn-active-color: #FFFFFF; --btn-active-bg: #a86c03; --btn-active-border-color: #a86c03; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #a86c03; --btn-disabled-bg: transparent; --btn-disabled-border-color: #a86c03; --gradient: none; } .btn-outline-o-color-6 { --btn-color: #f4050e; --btn-border-color: #f4050e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #f4050e; --btn-hover-border-color: #f4050e; --btn-focus-shadow-rgb: 244.17391304, 5.42608696, 14.46956522; --btn-active-color: #FFFFFF; --btn-active-bg: #f4050e; --btn-active-border-color: #f4050e; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #f4050e; --btn-disabled-bg: transparent; --btn-disabled-border-color: #f4050e; --gradient: none; } .btn-outline-epsilon { --btn-color: #9f4323; --btn-border-color: #9f4323; --btn-hover-color: #FFFFFF; --btn-hover-bg: #9f4323; --btn-hover-border-color: #9f4323; --btn-focus-shadow-rgb: 158.83489362, 66.6612766, 34.56510638; --btn-active-color: #FFFFFF; --btn-active-bg: #9f4323; --btn-active-border-color: #9f4323; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #9f4323; --btn-disabled-bg: transparent; --btn-disabled-border-color: #9f4323; --gradient: none; } .btn-outline-delta { --btn-color: #4d4c6b; --btn-border-color: #4d4c6b; --btn-hover-color: #FFFFFF; --btn-hover-bg: #4d4c6b; --btn-hover-border-color: #4d4c6b; --btn-focus-shadow-rgb: 77.00273973, 76.16575342, 107.13424658; --btn-active-color: #FFFFFF; --btn-active-bg: #4d4c6b; --btn-active-border-color: #4d4c6b; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #4d4c6b; --btn-disabled-bg: transparent; --btn-disabled-border-color: #4d4c6b; --gradient: none; } .btn-outline-gamma { --btn-color: #b6222e; --btn-border-color: #b6222e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #b6222e; --btn-hover-border-color: #b6222e; --btn-focus-shadow-rgb: 182.4, 34.2, 45.6; --btn-active-color: #FFFFFF; --btn-active-bg: #b6222e; --btn-active-border-color: #b6222e; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #b6222e; --btn-disabled-bg: transparent; --btn-disabled-border-color: #b6222e; --gradient: none; } .btn-outline-beta { --btn-color: #3d5c6a; --btn-border-color: #3d5c6a; --btn-hover-color: #FFFFFF; --btn-hover-bg: #3d5c6a; --btn-hover-border-color: #3d5c6a; --btn-focus-shadow-rgb: 61.17831325, 92.10361446, 106.22168675; --btn-active-color: #FFFFFF; --btn-active-bg: #3d5c6a; --btn-active-border-color: #3d5c6a; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #3d5c6a; --btn-disabled-bg: transparent; --btn-disabled-border-color: #3d5c6a; --gradient: none; } .btn-outline-alpha { --btn-color: #00817f; --btn-border-color: #00817f; --btn-hover-color: #FFFFFF; --btn-hover-bg: #00817f; --btn-hover-border-color: #00817f; --btn-focus-shadow-rgb: 0, 129.4, 126.97375; --btn-active-color: #FFFFFF; --btn-active-bg: #00817f; --btn-active-border-color: #00817f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #00817f; --btn-disabled-bg: transparent; --btn-disabled-border-color: #00817f; --gradient: none; } .btn-group .btn-light.active { box-shadow: inset 0 0 0 1px #714b67; border-color: transparent; background-color: #ebe8ea; } .navbar-dark .navbar-toggler { padding-left: 0; padding-right: 0; } .navbar-light .navbar-toggler { padding-left: 0; padding-right: 0; } .navbar-nav.nav-pills .nav-link { padding-right: 1rem; padding-left: 1rem; } .carousel-control-next .visually-hidden { left: 50%; } .pagination { font-variant-numeric: tabular-nums; } .page-link { display: flex; align-items: center; justify-content: center; line-height: 0; width: 2.5em; aspect-ratio: 1 / 1; } .page-link.active, .active > .page-link { text-shadow: 0 0 0.1em var(--pagination-active-bg); } @media (max-width: 575.98px) { .offcanvas { --Offcanvas-horizontal-width: calc(100vw - 3rem); } } .modal-content { color: #374151; } .modal-content:where(:not(.oe_structure)) .form-control { background-color: #ffffff; color: #111827; } .modal-content:where(:not(.oe_structure)) .form-select { background-color: #ffffff; color: #111827; } .modal-content:where(:not(.oe_structure)) .form-check-input:not(:checked) { background-color: #ffffff; } .modal-content .text-muted { color: rgba(55, 65, 81, 0.7) !important; } .form-check-input { color: inherit; } .form-control.bg-light { color: #111827; } .form-control.bg-light::-webkit-search-cancel-button { -webkit-appearance: none; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23111827'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); height: 0.875rem; cursor: pointer; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23111827'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); height: 0.875rem; cursor: pointer; } .input-group .btn:first-child, .input-group .btn:last-child { border-radius: 0.25rem; } .dropdown-menu .text-muted, .o_dropdown_menu .text-muted { color: rgba(55, 65, 81, 0.7) !important; } .dropdown-menu .dropdown-item.active, .o_dropdown_menu .dropdown-item.active { --dropdown-link-active-bg: #714b67; --dropdown-link-active-color: #FFFFFF; } .form-select { background-clip: padding-box; } .form-select:disabled:not([multiple]):where(:not([size]), [size="1"]), .form-select.o_wysiwyg_loader:not([multiple]):where(:not([size]), [size="1"]) { background-image: url("data:image/svg+xml,"); } .form-control:disabled, .form-control.o_wysiwyg_loader, .form-control[readonly] { color: #888c93; } .form-check-input:disabled:not(:checked), .form-check-input.o_wysiwyg_loader:not(:checked) { background-color: #e7e8e9; } .form-switch .form-check-input:disabled:not(:checked), .form-switch .form-check-input.o_wysiwyg_loader:not(:checked) { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23888c93'/%3e%3c/svg%3e"); } .form-range:disabled::-webkit-slider-thumb, .form-range.o_wysiwyg_loader::-webkit-slider-thumb { border-color: rgba(17, 24, 39, 0.15); } /* /web/static/src/libs/fontawesome/css/font-awesome.css */ /*! * Based on Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'); font-weight: normal; font-style: normal; font-display: block; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* matches 'oi-large' utility-class */ .fa-lg { font-size: 1.315em; vertical-align: -6%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .visually-hidden-focusable:active, .visually-hidden-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* /web/static/lib/odoo_ui_icons/style.css */ @font-face { font-family: 'odoo_ui_icons'; src: url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff2') format('woff2'), url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } .oi { display: inline-block; font-family: 'odoo_ui_icons'; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .oi-view-pivot:before { content: '\e800'; } .oi-text-break:before { content: '\e801'; } .oi-text-inline:before { content: '\e802'; } .oi-voip:before { content: '\e803'; } .oi-odoo:before { content: '\e806'; } .oi-search:before { content: '\e808'; } .oi-group:before { content: '\e80a'; } .oi-settings-adjust:before { content: '\e80c'; } .oi-apps:before { content: '\e80d'; } .oi-panel-right:before { content: '\e810'; } .oi-launch:before { content: '\e812'; } .oi-studio:before { content: '\e813'; } .oi-view-kanban:before { content: '\e814'; } .oi-text-wrap:before { content: '\e815'; } .oi-view-cohort:before { content: '\e816'; } .oi-view-list:before { content: '\e817'; } .oi-gif-picker:before { content: '\e82e'; } .oi-chevron-down:before { content: '\e839'; } .oi-chevron-left:before { content: '\e83a'; } .oi-chevron-right:before { content: '\e83b'; } .oi-chevron-up:before { content: '\e83c'; } .oi-arrows-h:before { content: '\e83d'; } .oi-arrows-v:before { content: '\e83e'; } .oi-arrow-down-left:before { content: '\e83f'; } .oi-arrow-down-right:before { content: '\e840'; } .oi-arrow-down:before { content: '\e841'; } .oi-arrow-left:before { content: '\e842'; } .oi-arrow-right:before { content: '\e843'; } .oi-arrow-up-left:before { content: '\e844'; } .oi-arrow-up-right:before { content: '\e845'; } .oi-arrow-up:before { content: '\e846'; } .oi-draggable:before { content: '\e847'; } .oi-view:before { content: '\e861'; } .oi-archive:before { content: '\e862'; } .oi-unarchive:before { content: '\e863'; } .oi-text-effect:before { content: '\e827'; } .oi-smile-add:before { content: '\e84e'; } .oi-close:before { content: '\e852'; } .oi-food-delivery:before { content: '\e82a'; } .oi-schedule-today:before { content: '\e82c'; } .oi-schedule-tomorrow:before { content: '\e82d'; } .oi-schedule-later:before { content: '\e804'; } .oi-activity:before { content: '\e82f'; } .oi-activity-plus:before { content: '\e830'; } .oi-numpad:before { content: '\e833'; } .oi-transfer:before { content: '\e834'; } .oi-suitcase:before { content: '\e835'; } .oi-suitcase-plus:before { content: '\e832'; } .oi-merge:before { content: '\e836'; } .oi-record:before { content: '\e837'; } .oi-backspace-o:before { content: '\e838'; } .oi-user:before { content: '\e805'; } .oi-user-plus:before { content: '\e831'; } .oi-users:before { content: '\e807'; } .oi-ellipsis-h:before { content: '\e867'; } .oi-ellipsis-v:before { content: '\e868'; } .oi-plus:before { content: '\e809'; } .oi-minus:before { content: '\e80b'; } .oi-star-plus:before { content: '\e87c'; } .oi-subtitle:before { content: '\e80e'; } .oi-threads:before { content: '\e818'; } .oi-kickstarter:before { content: '\e819'; } .oi-x:before { content: '\e81a'; } .oi-x-square:before { content: '\e848'; } .oi-tiktok:before { content: '\e81b'; } .oi-bluesky:before { content: '\e81c'; } .oi-google-play:before { content: '\e81d'; } .oi-strava:before { content: '\e80f'; } .oi-discord:before { content: '\e811'; } /* RTL adaptations. */ /* Flip directional icons by 180 degree. */ /* ---------------------------------------------------------------------------- */ .o_rtl .oi-chevron-left, .o_rtl .oi-chevron-right, .o_rtl .oi-arrow-down-left, .o_rtl .oi-arrow-down-right, .o_rtl .oi-arrow-left, .o_rtl .oi-arrow-right, .o_rtl .oi-arrow-up-left, .o_rtl .oi-arrow-up-right { transform: rotate(180deg); } /* /web/static/src/webclient/navbar/navbar.scss */ .o_main_navbar { --o-navbar-height: 46px; --Dropdown_menu-margin-y: 0; display: flex; height: var(--o-navbar-height); padding-top: 10px; padding-bottom: 10px; border-bottom: 0; background: #FFF; font-size: 0.875rem; } @media (min-width: 768px) { .o_main_navbar { min-width: min-content; } } .o_main_navbar > ul { padding: 0; margin: 0; list-style: none; } .o_main_navbar .o_menu_toggle { --NavBar-entry-padding-left: 16px; --NavBar-entry-padding-right: 8px; color: var(--NavBar-entry-color, #111827); } .o_main_navbar .o_menu_toggle rect, .o_main_navbar .o_menu_toggle g { transform-origin: 0 50%; } .o_main_navbar .o_menu_toggle.o_menu_toggle_back { transform: translateX(25%) rotateY(-180deg); } .o_main_navbar .o_menu_toggle.o_menu_toggle_back rect { width: 6px; height: 3px; } .o_main_navbar .o_menu_toggle.o_menu_toggle_back rect:first-child { transform: translate(12%, 0) /* rtl:translate(-6%, 0) */; rx: 1; } .o_main_navbar .o_menu_toggle.o_menu_toggle_back #o_menu_toggle_row_0 { transform: scale3d(0.5, 1, 1) translate(0, 45%) skewY(-22deg) /* rtl:scale3d(.5, 1, 1) translate(0, 41%) skewY(22deg) */; } .o_main_navbar .o_menu_toggle.o_menu_toggle_back #o_menu_toggle_row_0 + g rect { width: 0; height: 0; } .o_main_navbar .o_menu_toggle.o_menu_toggle_back #o_menu_toggle_row_2 { transform: scale3d(0.5, 1, 1) translate(0, -37%) skewY(22deg) /* rtl:scale3d(.5, 1, 1) translate(0, -35%) skewY(-22deg) */; } @media (min-width: 768px) { .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_toggle_icon { opacity: 0; } .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_toggle_icon { opacity: 1; } .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_brand_icon { opacity: 0; } } @media screen and (min-width: 768px) and (prefers-reduced-motion: no-preference) { .o_main_navbar .o_menu_toggle:hover rect { width: 6px; height: 3px; } .o_main_navbar .o_menu_toggle:hover rect:first-child { transform: translate(12%, 0) /* rtl:translate(-6%, 0) */; rx: 1; } .o_main_navbar .o_menu_toggle:hover #o_menu_toggle_row_0 { transform: scale3d(0.5, 1, 1) translate(0, 45%) skewY(-22deg) /* rtl:scale3d(.5, 1, 1) translate(0, 41%) skewY(22deg) */; } .o_main_navbar .o_menu_toggle:hover #o_menu_toggle_row_0 + g rect { width: 0; height: 0; } .o_main_navbar .o_menu_toggle:hover #o_menu_toggle_row_2 { transform: scale3d(0.5, 1, 1) translate(0, -37%) skewY(22deg) /* rtl:scale3d(.5, 1, 1) translate(0, -35%) skewY(-22deg) */; } .o_main_navbar .o_menu_toggle, .o_main_navbar .o_menu_toggle g { transition: all .3s; } .o_main_navbar .o_menu_toggle rect { transition: all .1s; } .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) { transform: none; transition: none; } .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_toggle_icon, .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_brand_icon, .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_brand { will-change: transform; transition: all 0.1s; } .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back) .o_menu_toggle_icon { transform: translateX(75%); } .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_toggle_icon { transform: translateX(25%); transition: all .4s; } .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_brand_icon { transform: rotateY(-90deg); transition: all .2s; } .o_main_navbar .o_menu_toggle.hasImage:not(.o_menu_toggle_back):hover .o_menu_brand { transform: translateX(-0.5rem); transition: all .4s; } } @media (min-width: 768px) { .o_main_navbar .o_menu_toggle .o_menu_brand_icon { width: calc(var(--o-navbar-height) - 20px + 0.25rem); object-fit: cover; } } .o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo) { border-color: transparent; } .o_main_navbar .o_menu_sections .o_nav_entry, .o_main_navbar .o_menu_sections .dropdown-toggle { background: var(--NavBar-entry-backgroundColor, #FFF); border: 1px solid transparent; } .o_main_navbar .o_menu_sections .o_nav_entry:hover, .o_main_navbar .o_menu_sections .dropdown-toggle:hover { background: var(--NavBar-entry-backgroundColor--hover, #e7e9ed); } .o_main_navbar .o_menu_sections .o_nav_entry:focus, .o_main_navbar .o_menu_sections .dropdown-toggle:focus { background: var(--NavBar-entry-backgroundColor--focus, #e7e9ed); } .o_main_navbar .o_menu_sections .o_nav_entry:active, .o_main_navbar .o_menu_sections .dropdown-toggle:active { background: var(--NavBar-entry-backgroundColor--active, unset); } .o_main_navbar .o_menu_sections .dropdown.show.dropdown-toggle { border-color: var(--NavBar-entry-borderColor-active, transparent); background: var(--NavBar-entry-backgroundColor--active, unset); color: var(--NavBar-entry-color--active, unset); } .o_main_navbar .dropdown-header.dropdown-menu_group { margin-top: 0; } .o_main_navbar .dropdown-item + .dropdown-header:not(.o_more_dropdown_section_group) { margin-top: .3em; } .o_main_navbar .o_dropdown_menu_group_entry.dropdown-item { padding-left: 30px; } .o_main_navbar .o_dropdown_menu_group_entry.dropdown-item + .dropdown-item:not(.o_dropdown_menu_group_entry) { margin-top: .8em; } .o_main_navbar .o_navbar_apps_menu .dropdown-toggle { --NavBar-entry-padding-left: 16px; font-size: 1.2em; } .o_main_navbar .o_menu_brand { padding-left: 0; font-size: 1.2em; } .o_main_navbar .o_menu_brand:hover { background: none; } .o_main_navbar .o_menu_brand, .o_main_navbar .o_navbar_breadcrumbs, .o_main_navbar .o_navbar_breadcrumbs .btn { color: var(--NavBar-brand-color, #111827); } .o_main_navbar .o_menu_sections .o_more_dropdown_section_group { margin-top: .8em; } .o_main_navbar .o_menu_sections .o_more_dropdown_section_group:first-child { margin-top: -0.5rem; padding-top: 0.75rem; } .o_main_navbar .o_menu_systray { --NavBar-entry-padding-left: 0.315em; --NavBar-entry-padding-right: 0.315em; } .o_main_navbar .o_menu_systray .badge { margin-right: -.5em; border: 0; padding: 3px 6px; background-color: var(--o-navbar-badge-bg, #dc3545); font-size: 0.7em; color: var(--o-navbar-badge-color, #FFF); text-shadow: var(--o-navbar-badge-text-shadow, none); transform: translate(-0.6em, -30%); } body.o_is_superuser .o_menu_systray { border-image: repeating-linear-gradient(135deg, #d9b904, #d9b904 10px, #373435 10px, #373435 20px) 2; border-image-width: 2px; } /* /web/static/src/scss/animation.scss */ /************** DEFINITION of ANIMATIONS **************/ @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes pulse { from { box-shadow: 0 0 0 0 var(--pulse-color-from, #714b67); } to { box-shadow: 0 0 0 var(--pulse-spread-radius, 2em) var(--pulse-color-to, rgba(255, 255, 255, 0)); } } /* /web/static/src/scss/base_frontend.scss */ html, body { width: 100%; height: 100%; } #wrapwrap { z-index: 0; position: relative; display: flex; flex-flow: column nowrap; width: 100%; min-height: 100%; } #wrapwrap > * { flex: 0 0 auto; } #wrapwrap > main { flex: 1 0 auto; } /* /web/static/src/scss/fontawesome_overridden.scss */ .fa.fa-threads, .fa.fa-kickstarter, .fa.fa-bluesky, .fa.fa-strava, .fa.fa-google-play, .fa.fa-discord, .fa-twitter-square.fa, .fa-twitter.fa, .fa.fa-tiktok { font-family: 'odoo_ui_icons' !important; } .fa.fa-tiktok::before { content: '\e81b'; } .fa-twitter.fa::before { content: '\e81a'; } .fa-twitter-square.fa::before { content: '\e848'; } .fa.fa-discord::before { content: '\e811'; } .fa.fa-google-play::before { content: "\e81d"; } .fa.fa-strava::before { content: "\e80f"; } .fa.fa-bluesky::before { content: "\e81c"; } .fa.fa-kickstarter::before { content: "\e819"; } .fa.fa-threads::before { content: "\e818"; } .o_rtl .fa.fa-align-right, .o_rtl .fa.fa-align-left, .o_rtl .fa.fa-chevron-right, .o_rtl .fa.fa-chevron-left, .o_rtl .fa.fa-arrow-right, .o_rtl .fa.fa-arrow-left, .o_rtl .fa.fa-hand-o-right, .o_rtl .fa.fa-hand-o-left, .o_rtl .fa.fa-arrow-circle-right, .o_rtl .fa.fa-arrow-circle-left, .o_rtl .fa.fa-caret-right, .o_rtl .fa.fa-caret-left, .o_rtl .fa.fa-rotate-right, .o_rtl .fa.fa-rotate-left, .o_rtl .fa.fa-angle-double-right, .o_rtl .fa.fa-angle-double-left, .o_rtl .fa.fa-angle-right, .o_rtl .fa.fa-angle-left, .o_rtl .fa.fa-quote-right, .o_rtl .fa.fa-quote-left, .o_rtl .fa.fa-chevron-circle-right, .o_rtl .fa.fa-chevron-circle-left, .o_rtl .fa.fa-long-arrow-right, .o_rtl .fa.fa-long-arrow-left, .o_rtl .fa.fa-toggle-right, .o_rtl .fa.fa-toggle-left, .o_rtl .fa.fa-caret-square-o-right, .o_rtl .fa.fa-arrow-circle-o-left, .o_rtl .fa.fa-arrow-circle-o-right, .o_rtl .fa.fa-caret-square-o-left { transform: rotate(180deg); } /* /web/static/src/scss/mimetypes.scss */ .o_image { display: inline-block; width: 38px; height: 38px; background-image: url("/web/static/img/mimetypes/unknown.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; } .o_image[data-mimetype^='image'] { background-image: url("/web/static/img/mimetypes/image.svg"); } .o_image[data-mimetype^='audio'] { background-image: url("/web/static/img/mimetypes/audio.svg"); } .o_image[data-mimetype^='text'], .o_image[data-mimetype$='rtf'] { background-image: url("/web/static/img/mimetypes/text.svg"); } .o_image[data-mimetype*='octet-stream'], .o_image[data-mimetype*='download'], .o_image[data-mimetype*='python'] { background-image: url("/web/static/img/mimetypes/binary.svg"); } .o_image[data-mimetype^='video'], .o_image[title$='.mp4'], .o_image[title$='.avi'] { background-image: url("/web/static/img/mimetypes/video.svg"); } .o_image[data-mimetype$='archive'], .o_image[data-mimetype$='compressed'], .o_image[data-mimetype*='zip'], .o_image[data-mimetype$='tar'], .o_image[data-mimetype*='package'] { background-image: url("/web/static/img/mimetypes/archive.svg"); } .o_image[data-mimetype^='application/pdf'] { background-image: url("/web/static/img/mimetypes/pdf.svg"); } .o_image[data-mimetype^='text-master'], .o_image[data-mimetype*='document'], .o_image[data-mimetype*='msword'], .o_image[data-mimetype*='wordprocessing'] { background-image: url("/web/static/img/mimetypes/document.svg"); } .o_image[data-mimetype*='application/xml'], .o_image[data-mimetype$='html'] { background-image: url("/web/static/img/mimetypes/web_code.svg"); } .o_image[data-mimetype$='css'], .o_image[data-mimetype$='less'], .o_image[data-ext$='less'] { background-image: url("/web/static/img/mimetypes/web_style.svg"); } .o_image[data-mimetype*='-image'], .o_image[data-mimetype*='diskimage'], .o_image[data-ext$='dmg'] { background-image: url("/web/static/img/mimetypes/disk.svg"); } .o_image[data-mimetype$='csv'], .o_image[data-mimetype*='vc'], .o_image[data-mimetype*='excel'], .o_image[data-mimetype$='numbers'], .o_image[data-mimetype$='calc'], .o_image[data-mimetype*='mods'], .o_image[data-mimetype*='spreadsheet'] { background-image: url("/web/static/img/mimetypes/spreadsheet.svg"); } .o_image[data-mimetype^='key'] { background-image: url("/web/static/img/mimetypes/certificate.svg"); } .o_image[data-mimetype*='presentation'], .o_image[data-mimetype*='keynote'], .o_image[data-mimetype*='teacher'], .o_image[data-mimetype*='slideshow'], .o_image[data-mimetype*='powerpoint'] { background-image: url("/web/static/img/mimetypes/presentation.svg"); } .o_image[data-mimetype*='cert'], .o_image[data-mimetype*='rules'], .o_image[data-mimetype*='pkcs'], .o_image[data-mimetype$='stl'], .o_image[data-mimetype$='crl'] { background-image: url("/web/static/img/mimetypes/certificate.svg"); } .o_image[data-mimetype*='-font'], .o_image[data-mimetype*='font-'], .o_image[data-ext$='ttf'] { background-image: url("/web/static/img/mimetypes/font.svg"); } .o_image[data-mimetype*='-dvi'] { background-image: url("/web/static/img/mimetypes/print.svg"); } .o_image[data-mimetype*='script'], .o_image[data-mimetype*='x-sh'], .o_image[data-ext*='bat'], .o_image[data-mimetype$='bat'], .o_image[data-mimetype$='cgi'], .o_image[data-mimetype$='-c'], .o_image[data-mimetype*='java'], .o_image[data-mimetype*='ruby'] { background-image: url("/web/static/img/mimetypes/script.svg"); } .o_image[data-mimetype*='javascript'] { background-image: url("/web/static/img/mimetypes/javascript.svg"); } .o_image[data-mimetype*='calendar'], .o_image[data-mimetype$='ldif'] { background-image: url("/web/static/img/mimetypes/calendar.svg"); } .o_image[data-mimetype$='postscript'], .o_image[data-mimetype$='cdr'], .o_image[data-mimetype$='xara'], .o_image[data-mimetype$='cgm'], .o_image[data-mimetype$='graphics'], .o_image[data-mimetype$='draw'], .o_image[data-mimetype*='svg'] { background-image: url("/web/static/img/mimetypes/vector.svg"); } /* /web/static/src/scss/ui.scss */ :root .o_hidden { display: none !important; } .o_disabled { pointer-events: none; opacity: 0.5; } .o_btn_loading { opacity: 0.65; } .o_btn_loading .fa:not(.fa-spin) { display: none; } .o_text_overflow { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .dropdown-menu, .o_dropdown_menu { max-height: 70vh; overflow: auto; background-clip: border-box; } .dropdown-menu:not(.o-hb-select-dropdown), .o_dropdown_menu:not(.o-hb-select-dropdown) { scrollbar-width: thin; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle.o-no-caret::before, .dropdown-toggle.o-no-caret::after { content: normal; } .o_catch_attention { position: relative; z-index: 1; animation: catchAttention 200ms ease 0s infinite normal; } .o_treeEntry { padding-left: var(--treeEntry-padding-h, 1.5rem); position: relative; } .o_treeEntry:before, .o_treeEntry:after { position: absolute; left: var(--treeEntry--beforeAfter-left, calc(var(--treeEntry-padding-h, 1.5rem) * .5)); background: var(--treeEntry--beforeAfter-color, var(--o-border-color)); content: ''; } .o_treeEntry:before { top: var(--treeEntry--before-top, 0); width: 1px; height: 100%; } .o_treeEntry:after { display: var(--treeEntry--after-display, initial); top: calc(.5em + var(--treeEntry-padding-v, 0.5rem)); width: var(--treeEntry--after-width, calc(var(--treeEntry-padding-h, 1.5rem) * .5)); height: 1px; } .o_treeEntry:last-of-type:before { height: calc(.5em + var(--treeEntry-padding-v, 0.5rem)); } @keyframes catchAttention { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translateY(-30%); } 20% { transform: translateY(-25%); } 40% { transform: translateY(-20%); } 60% { transform: translateY(-15%); } 80% { transform: translateY(-10%); } 100% { transform: translateY(-5%); } } span.o_force_ltr { display: inline; } .o_force_ltr { unicode-bidi: embed; /*rtl:ignore*/ direction: ltr; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"], .o_force_ltr { text-align: end !important; } */ .o_image_24_cover { width: 24px; height: 24px; object-fit: cover; } .o_image_40_cover { width: 40px; height: 40px; object-fit: cover; } .o_image_64_cover { width: 64px; height: 64px; object-fit: cover; } .o_image_64_contain { width: 64px; height: 64px; object-fit: contain; } .o_image_64_max { max-width: 64px; max-height: 64px; } .modal .o_cp_action_menus .o-dropdown:has(.fa-cog) { display: none; } .o_ui_app_icon { width: var(--oi-font-size, 1em); } :not(:hover) > .o_ui_app_icon { --oi-color: currentColor; } .o_button_area { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .o_btn_reset { appearance: none; margin: unset; padding: unset; background: unset; border: unset; font-family: inherit; font-size: 100%; } /* /web/static/src/views/fields/translation_dialog.scss */ .o_translation_dialog .o_language_current { font-weight: bold; } .o_translation_dialog .row { margin-bottom: 9px; } /* /web/static/src/views/fields/signature/signature_field.scss */ .o_field_widget .o_signature { outline: 1px solid rgba(1, 126, 132, 0.3); position: relative; } .o_field_widget .o_signature.o_signature_empty { display: flex; } .o_field_widget .o_signature > p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .o_field_invalid .o_signature { outline: 3px solid #dc3545; cursor: pointer; } .o_form_editable .o_signature:hover { outline: 3px solid #017e84; cursor: pointer; } /* /web/static/src/core/utils/transitions.scss */ /** * This file includes all the t-transition mixins. */ /* Fade in and out with t-transition Usage: scss: @include owl-fade(0.5s, 'o_notification') xml: */ /* /web/static/src/core/action_swiper/action_swiper.scss */ .o_actionswiper { position: relative; touch-action: pan-y; } .o_actionswiper_target_container { transition: transform 0.4s; } .o_actionswiper_swiping { transition: none; } .o_actionswiper_right_swipe_area { /*rtl:ignore*/ transform: translateX(-100%); inset: 0 auto auto 0; } .o_actionswiper_left_swipe_area { /*rtl:ignore*/ transform: translateX(100%); inset: 0 0 auto auto; } /* /web/static/src/core/autocomplete/autocomplete.scss */ .o-autocomplete .o-autocomplete--dropdown-menu { z-index: 1056; max-width: 600px; } .o-autocomplete .o-autocomplete--input { width: 100%; } .o-autocomplete .o-autocomplete--mark { padding: 0.1875em 0; } .o-autocomplete .ui-menu-item > span { --dropdown-link-hover-color: var(--dropdown-color); --dropdown-link-hover-bg: var(--dropdown-bg); } .o-autocomplete .ui-menu-item > a.ui-state-active { margin: 0; border: none; font-weight: 400; color: var(--body-color); background-color: var(--tertiary-bg); } .o-autocomplete .ui-menu-item.o_m2o_dropdown_option, .o-autocomplete .ui-menu-item.o_m2o_start_typing, .o-autocomplete .ui-menu-item.o_m2o_no_result { text-indent: 10px; } .o-autocomplete .ui-menu-item.o_m2o_dropdown_option > a, .o-autocomplete .ui-menu-item.o_calendar_dropdown_option > a { color: #714b67; } .o-autocomplete .ui-menu-item.o_m2o_dropdown_option > a.ui-state-active:not(.o_m2o_start_typing), .o-autocomplete .ui-menu-item.o_calendar_dropdown_option > a.ui-state-active:not(.o_m2o_start_typing) { color: #432c3d; } .o-autocomplete .ui-menu-item.o_m2o_start_typing, .o-autocomplete .ui-menu-item.o_m2o_no_result { font-style: italic; } .o-autocomplete .ui-menu-item.o_m2o_start_typing a.ui-menu-item-wrapper, .o-autocomplete .ui-menu-item.o_m2o_start_typing a.ui-state-active, .o-autocomplete .ui-menu-item.o_m2o_start_typing a.ui-state-active:hover, .o-autocomplete .ui-menu-item.o_m2o_no_result a.ui-menu-item-wrapper, .o-autocomplete .ui-menu-item.o_m2o_no_result a.ui-state-active, .o-autocomplete .ui-menu-item.o_m2o_no_result a.ui-state-active:hover { background: none; } .o-autocomplete .ui-menu-item.o_m2o_start_typing > a.ui-state-active { color: var(--body-color); } /* /web/static/src/core/avatar/avatar.scss */ .o_avatar img, .o_avatar .o_avatar_empty, img.o_avatar { height: var(--Avatar-size, 1.7145em); aspect-ratio: 1; object-fit: cover; } .o_avatar_empty { background: #000; opacity: .1; } /* /web/static/src/core/badge/badge.scss */ .badge.o_badge_color_0 { background-color: #e6dddd !important; color: #3c3c3c !important; } .badge.o_badge_color_1 { background-color: #ff9c9c !important; color: #430c0c !important; } .badge.o_badge_color_2 { background-color: #f7c698 !important; color: #35210f !important; } .badge.o_badge_color_3 { background-color: #fde388 !important; color: #2f270a !important; } .badge.o_badge_color_4 { background-color: #bbd7f8 !important; color: #19324f !important; } .badge.o_badge_color_5 { background-color: #d9a8cc !important; color: #1d181c !important; } .badge.o_badge_color_6 { background-color: #f8d6c8 !important; color: #552f1f !important; } .badge.o_badge_color_7 { background-color: #89e1db !important; color: #0b1313 !important; } .badge.o_badge_color_8 { background-color: #97a6f9 !important; color: #0e1436 !important; } .badge.o_badge_color_9 { background-color: #ff9ecc !important; color: #450c27 !important; } .badge.o_badge_color_10 { background-color: #b7edbe !important; color: #1f3922 !important; } .badge.o_badge_color_11 { background-color: #e6dbfc !important; color: #39206c !important; } /* /web/static/src/core/barcode/barcode_dialog.scss */ .modal .o-barcode-modal .modal-body { overflow: hidden; } @media (max-width: 767.98px) { .modal .o-barcode-modal .modal-body { padding: 0; } } .modal .o-barcode-modal .modal-body video { object-fit: cover; } /* /web/static/src/core/barcode/crop_overlay.scss */ .o_crop_container { position: relative; } .o_crop_container > * { grid-row: 1 / -1; grid-column: 1 / -1; } .o_crop_container .o_crop_overlay::after { content: ''; display: block; } .o_crop_container .o_crop_overlay:not(.o_crop_overlay_ios) { background-color: RGB(0 0 0/0.75); mix-blend-mode: darken; } .o_crop_container .o_crop_overlay:not(.o_crop_overlay_ios)::after { height: 100%; width: 100%; clip-path: inset(var(--o-crop-y, 0px) var(--o-crop-x, 0px)); background-color: white; } .o_crop_container .o_crop_overlay.o_crop_overlay_ios { position: relative; } .o_crop_container .o_crop_overlay.o_crop_overlay_ios::after { position: absolute; inset: var(--o-crop-y, 0px) var(--o-crop-x, 0px); border: 1px solid black; } .o_crop_container .o_crop_icon { --o-crop-icon-width: 20px; --o-crop-icon-height: 20px; position: absolute; width: var(--o-crop-icon-width); height: var(--o-crop-icon-height); left: calc(var(--o-crop-icon-x, 0px) - (var(--o-crop-icon-width) / 2)); top: calc(var(--o-crop-icon-y, 0px) - (var(--o-crop-icon-height) / 2)); } /* /web/static/src/core/bottom_sheet/bottom_sheet.scss */ .o_bottom_sheet { --BottomSheet-slideIn-duration: 400ms; --BottomSheet-slideIn-easing: cubic-bezier(0.05, 0.7, 0.1, 1); --BottomSheet-slideOut-duration: 200ms; --BottomSheet-slideOut-easing: cubic-bezier(0.3, 0, 0.8, 0.15); --BottomSheet-Sheet-borderColor: transparent; position: fixed; top: 0; left: 0; right: 0; height: 100dvh; z-index: 1045; opacity: 0; transform-style: preserve-3d; contain: layout paint size; animation-name: has-animation; } @media (prefers-reduced-motion: reduce) { .o_bottom_sheet { animation-name: none; } } .o_bottom_sheet .o_bottom_sheet_rail { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; scrollbar-width: none; touch-action: pan-y; pointer-events: auto; } .o_bottom_sheet .o_bottom_sheet_rail::-webkit-scrollbar { display: none; } .o_bottom_sheet .o_bottom_sheet_rail.o_bottom_sheet_rail_prevent_overscroll, .o_bottom_sheet .o_bottom_sheet_rail.o_bottom_sheet_rail_prevent_overscroll * { overscroll-behavior: contain; } .o_bottom_sheet .o_bottom_sheet_rail::after { content: ""; position: fixed; inset: auto 0 0; height: 1.5rem; background: linear-gradient(transparent, #00000050); z-index: 1045; pointer-events: none; opacity: 0; transition: opacity var(--BottomSheet-slideIn-duration, 500ms); } .o_bottom_sheet .o_bottom_sheet_dismiss, .o_bottom_sheet .o_bottom_sheet_spacer, .o_bottom_sheet .o_bottom_sheet_sheet { scroll-snap-align: start; scroll-snap-stop: always; } .o_bottom_sheet .o_bottom_sheet_backdrop { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.2s ease; pointer-events: auto; touch-action: none; z-index: 1044; backdrop-filter: blur(0px) grayscale(0%); } @media (prefers-reduced-motion: reduce) { .o_bottom_sheet .o_bottom_sheet_backdrop { transition: none; } } .o_bottom_sheet .o_bottom_sheet_dismiss { height: var(--dismiss-height, 50dvh); } .o_bottom_sheet .o_bottom_sheet_spacer { height: calc(100dvh - var(--sheet-height, 50dvh)); pointer-events: none; } .o_bottom_sheet .o_bottom_sheet_sheet { --offcanvas-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); margin: 0 auto; min-height: var(--sheet-height); max-height: var(--sheet-max-height); border-radius: 1.5rem 1.5rem 0 0; border-bottom-width: 0; visibility: visible; transition: none; contain: content; backface-visibility: hidden; perspective: 1000px; user-select: none; background-color: #ffffff; } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body { scrollbar-width: none; flex: 1; } @keyframes bottom-sheet-in { from { transform: translateY(100%) translateZ(0); } to { transform: translateY(0) translateZ(0); } } @keyframes bottom-sheet-out { from { transform: translateY(0) translateZ(0); } to { transform: translateY(100%) translateZ(0); } } .o_bottom_sheet.o_bottom_sheet_ready { opacity: 1; } .o_bottom_sheet.o_bottom_sheet_ready .o_bottom_sheet_sheet { animation: var(--BottomSheet-slideIn-duration, 500ms) bottom-sheet-in var(--BottomSheet-slideIn-easing, ease-out) forwards; } @media (prefers-reduced-motion: reduce) { .o_bottom_sheet.o_bottom_sheet_ready .o_bottom_sheet_sheet { animation: none; } } .o_bottom_sheet.o_bottom_sheet_ready .o_bottom_sheet_backdrop { opacity: MAX(var(--BottomSheet-progress, 0), 0.2); backdrop-filter: blur(0.5px) grayscale(50%); } .o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail { scroll-snap-type: y mandatory; } .o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail .o_bottom_sheet_backdrop { transition: none; } .o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail:before { position: fixed; inset: auto auto 0 50%; height: calc(var(--sheet-height) - 3rem); width: calc(100% - 2px); max-width: 574px; background: var(--body-bg); z-index: 1045; transform: translateY(calc((1 - var(--BottomSheet-progress)) * 150%)) translateX(-50%); content: ""; } @container scroll-state(scrollable: bottom) { .o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail::after { opacity: 1; } } .o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_sheet { animation: var(--BottomSheet-slideOut-duration, 300ms) bottom-sheet-out var(--BottomSheet-slideOut-easing, ease-in) forwards; } @media (prefers-reduced-motion: reduce) { .o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_sheet { animation: none; } } .o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_backdrop { opacity: 0; backdrop-filter: blur(0) grayscale(0%); transition: all var(--BottomSheet-slideOut-duration, 300ms) var(--BottomSheet-slideOut-easing, ease-in); } @media (prefers-reduced-motion: reduce) { .o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_backdrop { transition: none; } } .bottom-sheet-open { overflow: hidden; } .bottom-sheet-open .o_navbar, .bottom-sheet-open .o_action_manager { transition: transform 400ms ease; transform: scale(0.95) translateZ(0); transform-origin: center top; } @media (prefers-reduced-motion: reduce) { .bottom-sheet-open .o_navbar, .bottom-sheet-open .o_action_manager { transition: none; } } .bottom-sheet-open:not(.o_home_menu_background) .o_main_navbar { box-shadow: 20px 0 0 #FFF, -20px 0 0 #FFF; } .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_navbar, .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_action_manager { transition: transform 200ms ease; transform: scale(1) translateZ(0); } @media (prefers-reduced-motion: reduce) { .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_navbar, .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_action_manager { transition: none; } } .o_bottom_sheet .o_bottom_sheet_sheet { --BottomSheet-Entry-paddingX: 1.5rem; --treeEntry-padding-v: 1.4rem; } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active, .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected { position: relative; border: 1px solid #714b67; border-radius: 1.25rem; color: var(--BottomSheetStatusBar__entry-color--active, #FFFFFF); } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active:not(.focus), .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected:not(.focus) { background: var(--BottomSheetStatusBar__entry-background--active, rgba(113, 75, 103, 0.5)); } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active::before, .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected::before { content: none !important; } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active::after, .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected::after { position: absolute; top: 50%; left: auto; bottom: auto; right: 1.5rem; transform: translateY(-50%); color: #017e84; text-rendering: auto; font: normal normal normal 14px/1 FontAwesome; content: ""; } .o_bottom_sheet .o_bottom_sheet_sheet .dropdown-divider { --dropdown-divider-bg: var(--o-border-color); margin: 0.5rem 0.5rem; } .o_bottom_sheet .o_bottom_sheet_sheet .dropdown-item, .o_bottom_sheet .o_bottom_sheet_sheet .dropdown-header { --dropdown-item-padding-y: 1rem; --dropdown-item-padding-x: var(--BottomSheet-Entry-paddingX); --dropdown-header-padding-y: var(--dropdown-item-padding-y); --dropdown-header-padding-x: var(--dropdown-item-padding-x); font-size: 1.25rem; font-weight: 500; text-align: start !important; } .o_bottom_sheet .o_bottom_sheet_sheet .dropdown-item .o_stat_value { display: flex; } .o_bottom_sheet .o_bottom_sheet_sheet .o_accordion_toggle::after { border: unset; transform: unset; position: absolute; top: var(--dropdown-item-padding-y); left: auto; bottom: auto; right: 1.5rem; padding-block: 0.5rem; text-rendering: auto; font: normal normal normal 14px/1 FontAwesome; content: "\f0d7"; } .o_bottom_sheet .o_bottom_sheet_sheet .o_accordion_toggle.open::after { content: "\f0d8"; } .o_bottom_sheet .o_bottom_sheet_sheet .o_kanban_card_manage_settings:has(.o_colorlist), .o_bottom_sheet .o_bottom_sheet_sheet .o_kanban_card_manage_settings:has(.o_colorlist) > div:last-child { padding: 0; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child:has(:not(.o_field_boolean_favorite)) { flex-direction: column-reverse; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child:has(:not(.o_field_boolean_favorite)) .o_field_kanban_color_picker { padding: 1rem; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child div[class*="col-"] + div[class*="col-"] { border-left: none; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child > div[class*="col-"] { width: 100%; padding: 0; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child > div[class*="col-"] a { margin: 0; padding: 1rem var(--BottomSheet-Entry-paddingX); font-size: 1.25rem; font-weight: 500; } /* /web/static/src/core/checkbox/checkbox.scss */ .o-checkbox { width: fit-content; } /* /web/static/src/core/color_picker/color_picker.scss */ .o_font_color_selector { --bg: #FFF; --text-rgb: 43, 43, 51; --border-rgb: var(--text-rgb); width: 208px; max-height: inherit; overflow-y: auto; border-radius: inherit; background-color: inherit; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .o_font_color_selector input::-webkit-outer-spin-button, .o_font_color_selector input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .o_font_color_selector input[type=number] { -moz-appearance: textfield; } .o_font_color_selector::-webkit-scrollbar { display: none; } .o_color_button { width: 23px; height: 22px; box-shadow: inset 0 0 0 1px rgba(var(--border-rgb), 0.5); margin: 0.5px; } .o_color_button:focus, .o_color_button:hover { transform: scale(1.1); } .o_color_picker_button:not(.selected):focus, .o_color_picker_button:not(.selected):hover { outline: solid #017e84; z-index: 1; transition: transform 0.1s ease-out; } .o_font_color_selector .btn-tab { min-width: 57px; padding: 3px; font-size: 12px; } .o_font_color_selector .o_color_picker_button.selected { border: 3px solid #017e84 !important; } .o_font_color_selector .o_colorpicker_section { margin-bottom: 3px; } .o_font_color_selector { --o-color-picker-grid-columns: 8; } .o_font_color_selector .o_colorpicker_section, .o_font_color_selector .o_color_section { display: grid; grid-template-columns: repeat(var(--o-color-picker-grid-columns), 1fr); } .o_font_color_selector .o_colorpicker_widget { width: 100%; margin-top: 2px; } .o_font_color_selector .o_colorpicker_widget .o_hex_input { border: 1px solid !important; padding: 0 2px !important; width: 10ch !important; opacity: 0.7; } :root { --100: #F9FAFB; --200: #F3F4F6; --300: #E6E9ED; --400: #D8DADD; --500: #ADB5BD; --600: #6C757D; --700: #495057; --800: #374151; --900: #111827; --white-85: rgba(255, 255, 255, 0.85); --white-75: rgba(255, 255, 255, 0.75); --white-50: rgba(255, 255, 255, 0.5); --white-25: rgba(255, 255, 255, 0.25); --black-75: rgba(0, 0, 0, 0.75); --black-50: rgba(0, 0, 0, 0.5); --black-25: rgba(0, 0, 0, 0.25); --black-15: rgba(0, 0, 0, 0.15); --black: #000000; --white: #FFFFFF; } .color-combination-button.selected h1::before, .color-combination-button.selected .h1::before { content: "\f00c"; margin-right: 8px; font-size: 0.8em; font-family: FontAwesome; color: #00ff9e; } /* /web/static/src/core/color_picker/custom_color_picker/custom_color_picker.scss */ .o_colorpicker_widget .o_color_pick_area { height: 125px; background-image: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(to right, gray 0%, rgba(128, 128, 128, 0) 100%); cursor: crosshair; } .o_colorpicker_widget .o_color_slider { background: linear-gradient(#F00 0%, #F0F 16.66%, #00F 33.33%, #0FF 50%, #0F0 66.66%, #FF0 83.33%, #F00 100%); } .o_colorpicker_widget .o_color_slider, .o_colorpicker_widget .o_opacity_slider { width: 4%; margin-right: 2%; cursor: pointer; } .o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer { position: absolute; top: auto; left: -50%; bottom: auto; right: auto; width: 200%; height: 8px; margin-top: -2px; } .o_colorpicker_widget .o_slider_pointer:focus-visible, .o_colorpicker_widget .o_opacity_pointer:focus-visible, .o_colorpicker_widget .o_picker_pointer:focus-visible { outline: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 1px var(--bg, #FFF), 0 0 0 3px var(--o-color-picker-active-color, #017e84); } .o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer, .o_colorpicker_widget .o_picker_pointer, .o_colorpicker_widget .o_color_preview { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9); border: 1px solid black; } .o_colorpicker_widget .o_color_picker_inputs { font-size: 10px; } .o_colorpicker_widget .o_color_picker_inputs input { font-family: monospace !important; height: 18px; font-size: 11px; } .o_colorpicker_widget .o_color_picker_inputs .o_hex_div input { width: 9ch; } /* /web/static/src/core/colorlist/colorlist.scss */ .o_colorlist { width: var(--ColorListField-width, none); padding: var(--ColorListField-padding, 0); box-sizing: content-box; margin-bottom: var(--ColorListField-marginBottom, 0); grid-template-columns: repeat(auto-fit, 1.19rem); } .o_bottom_sheet_body .o_colorlist { --ColorListField-padding: 1rem var(--BottomSheet-Entry-paddingX); --fieldWidget-display: block; --ColorListField-Entry-fontSize: 1.4em; grid-template-columns: repeat(var(--ColorListField-columns, 6), 1fr); } .o_colorlist button { position: relative; display: block; min-width: var(--ColorListField-Entry-minWidth, 1.25rem); aspect-ratio: var(--ColorListField-Entry-aspectRatio, 1); border-radius: var(--ColorListField-Entry-borderRadius, 100%); font-size: var(--ColorListField-Entry-fontSize, smaller); overflow: hidden; } .o_colorlist button:first-child .o_colorlist button::after { box-shadow: inset 0 0 0 1px var(--dropdown-color); border-radius: inherit; color: currentColor; } .o_colorlist button.active::after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; color: var(--color, #374151); font: normal normal normal 1em/1 FontAwesome; content: "\f00c"; } .o_colorlist button:hover:not(.active) { opacity: 0.76; } :not(.o_field_widget) > .o_colorlist { justify-content: center; } .o_colorlist > button { aspect-ratio: 1; } .o_colorlist > button.o_colorlist_item_color_0 { background: transparent; box-shadow: inset 0 0 0 1px #ADB5BD; } .o_colorlist > button.o_colorlist_item_color_1 { --background-color: RGBA(238, 45, 45, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_2 { --background-color: RGBA(220, 133, 52, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(17, 24, 39, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_3 { --background-color: RGBA(232, 187, 29, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(17, 24, 39, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_4 { --background-color: RGBA(87, 148, 221, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_5 { --background-color: RGBA(159, 98, 143, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_6 { --background-color: RGBA(219, 136, 101, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(17, 24, 39, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_7 { --background-color: RGBA(65, 169, 162, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(17, 24, 39, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_8 { --background-color: RGBA(48, 75, 224, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_9 { --background-color: RGBA(238, 47, 138, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_10 { --background-color: RGBA(97, 195, 110, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(17, 24, 39, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_11 { --background-color: RGBA(152, 114, 230, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } /* /web/static/src/core/datetime/datetime_picker.scss */ .o_datetime_picker { --DateTimePicker__Template-rows: 3; --DateTimePicker__Template-columns: 4; --DateTimePicker__Day-template-rows: 6; width: calc(5px * 7 * 8 + (2 * 0.5rem)); } .o_datetime_picker .o_selected { color: #000; background: #e6f2f3; } .o_datetime_picker .o_select_start, .o_datetime_picker .o_select_end { --selected-day-color: #c4e8ea; --percent: calc(100% / sqrt(2)); background: #e6f2f3 radial-gradient(circle, var(--selected-day-color) 0% var(--percent), transparent var(--percent) 100%); } .o_datetime_picker .o_select_start { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .o_datetime_picker .o_select_end { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .o_datetime_picker .o_today > div { aspect-ratio: 1; background-color: #dc3545; color: #FFFFFF; } .o_datetime_picker .o_date_picker { grid-template-rows: repeat(var(--DateTimePicker__Day-template-rows), 1fr); grid-template-columns: repeat(var(--DateTimePicker__Day-template-columns), 1fr); } .o_datetime_picker .o_date_item_picker { grid-template-rows: repeat(var(--DateTimePicker__Template-rows), 1fr); grid-template-columns: repeat(var(--DateTimePicker__Template-columns), 1fr); } .o_datetime_picker .o_date_item_picker .o_datetime_button.o_selected:not(.o_select_start, .o_select_end) { background: #e6f2f3; color: #000; } .o_datetime_picker .o_center { display: grid; place-items: center; } .o_datetime_picker .o_date_item_cell { aspect-ratio: 1; position: relative; } .o_datetime_picker .o_date_item_cell:hover, .o_datetime_picker .o_date_item_cell:focus { --DateTimePicker__date-cell-border-color-hover: #017e84; } .o_datetime_picker .o_date_item_cell:not([disabled])::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; aspect-ratio: 1; border: 1px solid var(--DateTimePicker__date-cell-border-color-hover); border-radius: 50rem; pointer-events: none; } .o_datetime_picker .o_week_number_cell { font-variant: tabular-nums; } /* /web/static/src/core/debug/debug_menu.scss */ .o_dialog .o_debug_manager .dropdown-toggle { padding: 0 4px; margin: 2px 10px 2px 0; } /* /web/static/src/core/dialog/dialog.scss */ .modal.o_technical_modal .modal-content .modal-header .modal-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .modal.o_technical_modal .modal-footer { text-align: left; } .modal.o_technical_modal .modal-footer button { margin: 0; } .modal.o_technical_modal .modal-footer button.o-default-button:not(:only-child) { display: none; } @media (max-width: 767.98px) { .modal.o_technical_modal .modal-footer .btn { width: 45%; text-overflow: ellipsis; white-space: inherit; } } @media (max-width: 575.98px) { .modal.o_technical_modal.o_modal_full .modal-dialog { margin: 0px; height: 100%; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content { height: 100%; border: none; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-body { height: 100%; overflow-y: auto; } } .modal.o_inactive_modal { z-index: 1049; } .o_dialog > .modal { display: block; } @media (min-width: 576px) { .modal-fs { width: calc(100% - 3.5rem); max-width: none; } } @media (max-width: 767.98px) { .modal.o_modal_full .modal-content .modal-header { align-items: center; height: 46px; padding: 0 1rem; } .modal.o_modal_full .modal-content .modal-footer { padding-top: 1rem; padding-right: 16px; padding-bottom: 0.5rem; padding-left: 16px; box-shadow: 0 1rem 2rem black; z-index: 0; } } /* /web/static/src/core/dropdown/accordion_item.scss */ .o_accordion_toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .o_accordion_toggle:empty::after { margin-left: 0; } .o_accordion_toggle.open::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .o_accordion_toggle.open:empty::after { margin-left: 0; } .o_accordion_toggle::after { position: absolute; top: 0; left: auto; bottom: auto; right: 0; transform: translate(-0.6em, 0.8em); } /* /web/static/src/core/dropdown/dropdown.scss */ .o-dropdown { /*!rtl:begin:ignore*/ /*!rtl:end:ignore*/ } .o-dropdown.dropdown-toggle::after { content: none; border: none; } .o-dropdown.btn-secondary, .o-dropdown.btn-outline-secondary { transition: background-color .2s ease-in-out, border-color .2s ease-in-out; } .o-dropdown.btn-secondary.show, .o-dropdown.btn-outline-secondary.show { color: #000; background-color: #e6f2f3; border-color: #017e84; } .o-dropdown.dropup > .o-dropdown--menu, .o-dropdown.dropdown > .o-dropdown--menu, .o-dropdown.dropstart > .o-dropdown--menu, .o-dropdown.dropend > .o-dropdown--menu { left: auto; right: auto; margin-left: 0; margin-right: 0; } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret), .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret), .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret) { display: flex; flex-wrap: nowrap; align-items: center; gap: 5px; } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret):after, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret):after, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret):after { content: "\f0d7"; font-family: FontAwesome; display: inline-block; margin-left: auto; transform: rotate(0deg); transition: .25s ease-in-out; } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret).show:after, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret).show:after, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret).show:after { transform: rotate(180deg); } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent { padding-right: 8px; } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent:after, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent:after, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent:after { transform: rotate(-90deg); } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent.o-dropdown--open:after, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent.o-dropdown--open:after, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent.o-dropdown--open:after { transform: rotate(90deg); } .o-dropdown--menu { font-size: 1rem; margin-top: var(--Dropdown_menu-margin-y, 0.25rem); margin-bottom: var(--Dropdown_menu-margin-y, 0.25rem); } .o-dropdown--menu .dropdown-toggle:focus, .o-dropdown--menu .dropdown-item:focus { background-color: transparent; outline: none; } .o-dropdown--menu .dropdown-toggle:not(.focus), .o-dropdown--menu .dropdown-item:not(.focus) { background-color: transparent; } .o-dropdown--menu .dropdown-toggle.focus, .o-dropdown--menu .dropdown-item.focus { background-color: var(--tertiary-bg); } .o-dropdown--menu.o-dropdown--menu-submenu { --o-dropdown--submenu-margin: calc(-.5rem - 1px); margin-top: var(--o-dropdown--submenu-margin); margin-bottom: var(--o-dropdown--submenu-margin); } .o-dropdown--menu .dropdown-item:not(.disabled):not(:disabled):not(.o_wysiwyg_loader), .o-dropdown--menu .dropdown-item:not(.disabled):not(:disabled):not(.o_wysiwyg_loader) label { cursor: pointer; } .o-dropdown--menu .dropdown-item.o-dropdopwn-item-indent { --dropdown-item-padding-x: 1.5rem; } .o-dropdown-item-unstyled-button button, .o-dropdown-item-unstyled-button button:hover, .o-dropdown-item-unstyled-button button:disabled, .o_web_client.o_touch_device .o-dropdown-item-unstyled-button button, .o_web_client.o_touch_device .o-dropdown-item-unstyled-button button:hover, .o_web_client.o_touch_device .o-dropdown-item-unstyled-button button:disabled { all: unset; display: inline-block; width: 100%; } .o_bottom_sheet .o_bottom_sheet_body.dropdown-menu, .o_bottom_sheet .o_bottom_sheet_body.o_dropdown_menu { --dropdown-border-width: 0; --dropdown-box-shadow: none; position: static; max-height: calc(var(--sheet-max-height) - 1rem / 4); } /* /web/static/src/core/dropzone/dropzone.scss */ .o-Dropzone { border: 2px dashed; z-index: 1000; } .o-Dropzone.o-dragging-inside { border-width: 5px; } /* /web/static/src/core/effects/rainbow_man.scss */ .o_reward { will-change: transform; z-index: 1056; animation: reward-fading 0.7s ease-in-out forwards; } .o_reward .o_reward_box { transform-box: fill-box; } .o_reward.o_reward_fading { animation: reward-fading-reverse 0.56s ease-in-out forwards; } .o_reward.o_reward_fading .o_reward_face_group { animation: reward-jump-reverse 0.56s ease-in-out forwards; } .o_reward.o_reward_fading .o_reward_rainbow_line { animation: reward-rainbow-reverse 0.7s ease-out forwards; } .o_reward .o_reward_rainbow_man { max-width: 400px; } .o_reward .o_reward_rainbow_line { animation: reward-rainbow 1.12s ease-out 1 forwards; } .o_reward .o_reward_face_group { animation: reward-jump 1.12s ease-in-out 1; } .o_reward .o_reward_face_wrap { animation: reward-rotate 1.12s cubic-bezier(0.51, 0.92, 0.24, 1.15) 1; } .o_reward .o_reward_face { animation: reward-float 1.4s ease-in-out 1.4s infinite alternate; } .o_reward .o_reward_star_01, .o_reward .o_reward_star_03 { animation: reward-stars 1.4s ease-in-out infinite alternate-reverse; } .o_reward .o_reward_star_02, .o_reward .o_reward_star_04 { animation: reward-stars 1.68s ease-in-out infinite alternate; } .o_reward .o_reward_thumbup { animation: reward-scale 0.7s ease-in-out 0s infinite alternate; } .o_reward .o_reward_shadow_container { animation: reward-float 1.4s ease-in-out infinite alternate; } .o_reward .o_reward_shadow { animation: reward-scale 1.4s ease-in-out infinite alternate; } .o_reward .o_reward_msg_container { aspect-ratio: 1 / 1; animation: reward-float-reverse 1.4s ease-in-out infinite alternate-reverse; } @keyframes reward-fading { 0% { opacity: 0; } } @keyframes reward-fading-reverse { 100% { opacity: 0; } } @keyframes reward-jump { 0% { transform: scale(0.5); } 50% { transform: scale(1.05); } } @keyframes reward-jump-reverse { 50% { transform: scale(1.05); } to { transform: scale(0.5); } } @keyframes reward-rainbow { to { stroke-dashoffset: 0; } } @keyframes reward-rainbow-reverse { from { stroke-dashoffset: 0; } } @keyframes reward-float { to { transform: translateY(5px); } } @keyframes reward-float-reverse { from { transform: translateY(5px); } } @keyframes reward-stars { from { transform: scale(0.3) rotate(0deg); } 50% { transform: scale(1) rotate(20deg); } to { transform: scale(0.3) rotate(80deg); } } @keyframes reward-scale { from { transform: scale(0.8); } } @keyframes reward-rotate { from { transform: scale(0.5) rotate(-30deg); } } /* /web/static/src/core/emoji_picker/emoji_picker.dark.scss */ .o-EmojiPicker { --EmojiPicker-placeholderOpacity: 75%; --EmojiPicker-active: #dde0e4; } .o-EmojiPicker-searchContour { --border-opacity: .5; } /* /web/static/src/core/emoji_picker/emoji_picker.scss */ .popover .o-EmojiPicker { width: 300px; height: 365px; } .o-EmojiPicker-content { padding-left: 0.375rem; padding-right: 0.375rem; } .o-EmojiPicker { --EmojiPicker-active: rgba(1, 126, 132, 0.15); } .o-EmojiPicker .o-Emoji { padding-left: 0.25rem; padding-right: 0.25rem; font-size: 0.8rem; aspect-ratio: 1; } .o-EmojiPicker .o-Emoji:hover { background-color: var(--EmojiPicker-active) !important; } .o-EmojiPicker .o-Emoji.o-active { background-color: var(--EmojiPicker-active) !important; } .o-EmojiPicker .o-EmojiPicker-navbar { --border-opacity: .5; padding-top: 0.125rem; padding-bottom: 0.125rem; } .o-EmojiPicker .o-EmojiPicker-navbar .o-Emoji > span { filter: grayscale(1); } .o-EmojiPicker .o-EmojiPicker-navbar .o-Emoji:not(.o-active) > span { opacity: 50%; } .o-EmojiPicker .o-EmojiPicker-sectionIcon { filter: grayscale(1); } .o-EmojiPicker .o-EmojiPicker-empty { font-size: 5rem !important; filter: grayscale(0.25); } .o-EmojiPicker-category:before { content: "\200b"; /* unicode zero width space character */ } .o-EmojiPicker-search input::placeholder { opacity: var(--EmojiPicker-placeholderOpacity, 50%); } .o-EmojiPicker-search input:not(:focus) + .oi-search { color: rgba(55, 65, 81, 0.7); } /* /web/static/src/core/errors/error_dialog.scss */ @media (min-width: 768px) { .o_error_dialog { padding: 1rem; } .o_error_dialog .o_error_detail > div pre { max-height: 40vh; } } .o_error_dialog .o_error_detail > div { overflow: auto; } .o_error_dialog .o_error_detail > div pre { border: none; overflow: unset; } .o_error_dialog .o_error_detail button { top: 10px; right: 15px; opacity: 0.66; } .o_error_dialog .o_error_detail button:hover { opacity: 1; } .o_error_dialog .modal-header { border: none; padding-top: 0.5rem; padding-bottom: 0.5rem; } .o_error_dialog .modal-header .modal-title { font-size: 1.625rem; } .o_error_dialog .modal-body { padding-top: 0; } .o_error_dialog .modal-footer { border: none; padding-top: 0; } /* /web/static/src/core/file_upload/file_upload_progress_bar.scss */ .o-file-upload-progress-bar-value { transition: width 0.1s; border-right: 1px solid #5a3c52; background-color: #714B67; opacity: 0.5; } .o-file-upload-progress-bar-abort { padding: 4px; color: #963535; font-size: 16px; } .o-file-upload-progress-bar-abort:active { opacity: 0.7; } div:not(:hover) .o-file-upload-progress-bar-abort { display: none; } /* /web/static/src/core/file_upload/file_upload_progress_record.scss */ .o_kanban_record .o_kanban_progress_card { min-height: 80px; } .o_kanban_record .o_kanban_progress_card .o_kanban_image_wrapper { opacity: 0.7; } .o_data_row.o_list_progress_card { height: 25px; border: 1px solid #dfdfdf; } .o_data_row.o_list_progress_card .o_file_upload_upload_title { color: #111827; font-size: 13px; font-weight: 500; } /* /web/static/src/core/file_viewer/file_viewer.scss */ .o-FileViewer { z-index: -1; outline: none; } .o-FileViewer-navigation { width: 40px; height: 40px; } .o-FileViewer-header { color: #fff; background-color: var(--FileViewer-toolbarBgColor, #1F2937); height: 46px; } .o-FileViewer-main { z-index: -1; padding: 51.75px 0; } .o-FileViewer-zoomer { padding: 51.75px 0; } .o-FileViewer-headerButton:hover { background-color: rgba(255, 255, 255, 0.1); color: white; } .o-FileViewer-toolbarButton { background-color: var(--FileViewer-toolbarBgColor, #1F2937); color: #fff; } .o-FileViewer-toolbarButton:hover { filter: brightness(1.3); } .o-FileViewer-view { background-color: #000000; box-shadow: 0 0 40px #000000; outline: none; } .o-FileViewer-view.o-isText { background: #FFF; } /* /web/static/src/core/ir_ui_view_code_editor/code_editor.scss */ .invalid_locator { position: absolute; background: red; opacity: 0.25; } /* /web/static/src/core/model_field_selector/model_field_selector.scss */ .o_model_field_selector { position: relative; } .o_model_field_selector.o_edit_mode { cursor: pointer; } .o_model_field_selector > .o_model_field_selector_value { min-width: 20px; min-height: 20px; max-width: 100%; word-wrap: break-word; } .o_model_field_selector > .o_model_field_selector_value:active, .o_model_field_selector > .o_model_field_selector_value:focus, .o_model_field_selector > .o_model_field_selector_value:active:focus { outline: none; } .o_model_field_selector > .o_model_field_selector_value > .o_model_field_selector_chain_part { cursor: inherit; border: 1px solid #dae1e7; background: #F9FAFB; } .o_model_field_selector > .o_model_field_selector_value > i { font-size: 10px; } /* /web/static/src/core/model_field_selector/model_field_selector_popover.scss */ .o_model_field_selector_popover { width: 17rem; max-height: 40vh; } .o_model_field_selector_popover .o_model_field_selector_popover_body .o_model_field_selector_popover_page > .o_model_field_selector_popover_item { background: #ffffff; } .o_model_field_selector_popover .o_model_field_selector_popover_body .o_model_field_selector_popover_page > .o_model_field_selector_popover_item.active button { background: var(--tertiary-bg); } /* /web/static/src/core/model_selector/model_selector.scss */ .o_model_selector .o-autocomplete--dropdown-menu { width: 25ch; max-height: 350px !important; } .o_model_selector .o-autocomplete--dropdown-menu .o-autocomplete--dropdown-item a { text-overflow: ellipsis; width: inherit; } /* /web/static/src/core/notebook/notebook.scss */ .o_notebook { --Notebook-margin-x: 0; --Notebook-padding-x: 0; --Notebook__link-border-color: transparent; --Notebook__link-border-color--active: var(--o-border-color); --Notebook__link-border-color--hover: #F3F4F6; --Notebook__link-border-top-color--active: var(--o-border-color); } .o_notebook .o_notebook_headers { margin: 0 var(--Notebook-margin-x, 0); overflow-x: auto; overflow-y: hidden; } @media (max-width: 767.98px) { .o_notebook .o_notebook_headers::-webkit-scrollbar { display: none; } } .o_notebook .nav { padding: 0 var(--Notebook-padding-x, 0); background-color: white; } .o_notebook .nav-item { white-space: nowrap; margin: 0 -1px 0 0; } .o_notebook .nav-item.disabled .nav-link { cursor: not-allowed; opacity: .3; } .o_notebook .nav-link { border-color: var(--Notebook__link-border-color, transparent); } .o_notebook .nav-link.active, .o_notebook .nav-link.active:hover, .o_notebook .nav-link.active:focus, .o_notebook .nav-link.active:active { border-color: var(--Notebook__link-border-color--active); border-top-color: var(--Notebook__link-border-top-color--active, var(--Notebook__link-border-color--active)); border-bottom-color: white; } .o_notebook .nav-link:hover, .o_notebook .nav-link:focus, .o_notebook .nav-link:active { outline: none; } .o_notebook .nav-link:focus-visible, .o_notebook .nav-link.active:focus-visible { box-shadow: inset 0 0 0 0.25rem rgba(113, 75, 103, 0.25); } .o_notebook .nav-link:hover { border-color: var(--Notebook__link-border-color--hover); } .o_notebook .nav-link.o_page_invalid { color: o-text-color("danger") !important; background-color: rgba(220, 53, 69, 0.1) !important; } .o_notebook .tab-pane:not(.show) { transition: none; } .o_notebook.vertical .o_notebook_headers { overflow-x: visible; } .o_notebook.vertical .nav { width: max-content; border-bottom-color: transparent; } .o_notebook.vertical .nav-item { margin: 0 0 -1px 0; } .o_notebook.vertical .nav-item:first-child .nav-link { border-top-width: 0; } .o_notebook.vertical .nav-link { margin-bottom: 0; } .o_notebook.vertical .nav-link.active, .o_notebook.vertical .nav-link.active:hover, .o_notebook.vertical .nav-link.active:focus, .o_notebook.vertical .nav-link.active:active { border-color: var(--Notebook__link-border-color--active); border-left-color: var(--Notebook__link-border-top-color--active, var(--Notebook__link-border-color--active)); border-right-color: white; } @media (max-width: 991.98px) { .o_notebook .o_notebook_content .oe-toolbar { position: sticky; top: 0px; left: auto; bottom: auto; right: auto; margin-left: var(--Notebook-margin-x, 16px); margin-right: var(--Notebook-margin-x, 16px); width: auto; } } /* /web/static/src/core/notifications/notification.scss */ .o_notification_manager { position: fixed; inset: 52.9px 1rem auto 1rem; z-index: 1055; } @media (min-width: 576px) { .o_notification_manager { left: auto; width: 400px; } } .o_notification_manager .o_notification { background-color: var(--Notification__background-color, white); } .o_notification_manager .o_notification_bar { width: 0.5rem; } .o_notification_fade { transition: all 0.5s; } .o_notification_fade-enter { opacity: 0; } .o_notification_progress { position: absolute; bottom: 0; left: 0; height: 3px; } /* /web/static/src/core/overlay/overlay_container.scss */ .o-overlay-item { position: fixed; z-index: 1055; } /* /web/static/src/core/pager/pager_indicator.scss */ .o_pager_indicator { z-index: 1056; transition: opacity 0.4s; } .o_pager_indicator > .o_pager_indicator_inner { min-width: 13ch; padding: 7px 14px; border: var(--border-width) solid #e7e9ed; border-radius: var(--border-radius); background-color: #e7e9ed; } .o_pager_indicator.o-fade-leave, .o_pager_indicator.o-fade-enter { opacity: 0; } /* /web/static/src/core/popover/popover.scss */ .o_popover > .popover-arrow { --safety-margin: calc((var(--popover-arrow-width) / 4) - 1px); --position-min: var(--safety-margin); --position-center: calc(50% - var(--popover-arrow-width) / 2); --position-max: calc(100% - var(--popover-arrow-width) - var(--safety-margin)); transition: opacity var(--animation-time), transform var(--animation-time); opacity: 1; } .o_popover[data-popper-placement^="top"] > .popover-arrow.sucked { opacity: 0; transform: translateY(-100%); } .o_popover[data-popper-placement^="right"] > .popover-arrow.sucked { opacity: 0; /*rtl:ignore*/ transform: translateX(100%); } .o_popover[data-popper-placement^="bottom"] > .popover-arrow.sucked { opacity: 0; transform: translateY(100%); } .o_popover[data-popper-placement^="left"] > .popover-arrow.sucked { opacity: 0; /*rtl:ignore*/ transform: translateX(-100%); } /* /web/static/src/core/pwa/install_prompt.scss */ .o_install_prompt { /* We don't use a rounded-x class for this dialog to match the look of a native OS dialog */ border-radius: 20px; height: unset !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.7); inset: 0 auto auto 0 !important; width: fit-content !important; } .o_install_prompt.o_touch_bounce { animation: none; } @media screen and (max-width: 768px) { .o_install_prompt { inset: auto auto 0 0 !important; width: 90% !important; margin: 5% !important; } .o_install_prompt .modal-header { background: none !important; border: none !important; } .o_install_prompt .modal-header button { color: #000 !important; } } /* /web/static/src/core/record_selectors/record_selectors.scss */ .o_record_selector:hover .o_dropdown_button:after, .o_record_selector:focus-within .o_dropdown_button:after, .o_multi_record_selector:hover .o_dropdown_button:after, .o_multi_record_selector:focus-within .o_dropdown_button:after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); } .o_record_selector .o_record_autocomplete_with_caret, .o_multi_record_selector .o_record_autocomplete_with_caret { display: flex; min-width: 100%; position: relative; } .o_record_selector .o_record_autocomplete_with_caret:hover::after, .o_record_selector .o_record_autocomplete_with_caret:focus-within::after, .o_multi_record_selector .o_record_autocomplete_with_caret:hover::after, .o_multi_record_selector .o_record_autocomplete_with_caret:focus-within::after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); align-self: center; position: absolute; right: .5rem; } /* /web/static/src/core/resizable_panel/resizable_panel.scss */ .o_resizable_panel { max-width: 100vw; flex-grow: 0; } .o_resizable_panel_handle { cursor: col-resize; z-index: 10; width: 5px; } /* /web/static/src/core/select_menu/select_menu.scss */ .o_select_menu.o_select_menu_multi_select input { flex: 1 0 50px; } .o_select_menu .o_select_menu_toggler_clear { transform: translateY(-50%); } .o_select_menu .o_select_menu_toggler_clear:hover i { color: red; } .o_select_menu .o_tag { margin: 2px; } .o_select_menu .o_select_menu_caret { position: absolute; top: 1px; left: auto; bottom: var(--border-width); right: 0; visibility: hidden; } .o_select_menu .o_select_menu_caret:after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); } .o_select_menu:hover .o_select_menu_caret, .o_select_menu:focus-within .o_select_menu_caret { visibility: visible; } .o_select_menu button .o_select_menu_caret { right: 3px; } .o_select_menu .form-select + .o_select_menu_caret { display: none; } .o_select_menu_menu { background-color: #ffffff; } .o_select_menu_menu .o_select_menu_searchbox { background-color: #ffffff; position: sticky; top: -0.5rem; padding: 5px; } .o_select_menu_menu .o_select_menu_searchbox input { cursor: text !important; height: calc(1.5em + 1.5rem + calc(var(--border-width) * 2)); padding-left: 20px; } .o_select_menu_menu .o_select_menu_searchbox:before { position: absolute; top: 50%; left: auto; bottom: auto; right: auto; transform: translateY(-50%); content: "\f002"; font-family: 'FontAwesome'; } .o_select_menu_menu .o_select_menu_group { background-color: #ffffff; top: calc(1.5em + 1.5rem + calc(var(--border-width) * 2)); } .o_select_menu_menu .o_select_menu_group:not(.o_select_menu_searchable_group) { top: -0.5rem; } .o_select_menu_menu:not(.o_bottom_sheet) { max-height: 300px; } .o_select_menu_menu:not(.o_bottom_sheet) .o-dropdown-item:before { display: none; } .o_bottom_sheet .o_select_menu_menu { padding: 0; } .o_bottom_sheet .o_select_menu_menu .dropdown-item { font-weight: normal; margin: 0 auto; max-width: calc(100% - 2 * var(--offcanvas-padding-x)); } /* /web/static/src/core/signature/name_and_signature.scss */ .o_web_sign_name_and_signature { position: relative; } .o_web_sign_signature_container canvas { width: 100%; height: 100%; } .o_signature_stroke { position: absolute; border-top: #D1D0CE solid 2px; bottom: 20%; width: 72%; left: 14%; } /* /web/static/src/core/tags_list/tags_list.scss */ .o_tag { font-size: var(--Tag-font-size, 0.875rem); max-width: var(--Tag-max-width, 100%); } .o_tag.o_tag_color_0, .o_tag.o_tag_color_0::after { --background-color: RGBA(230.1375, 221.3625, 221.3625, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(60, 60, 60, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_1, .o_tag.o_tag_color_1::after { --background-color: RGBA(255, 155.5, 155.5, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(67.15870044, 11.84129956, 11.84129956, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_2, .o_tag.o_tag_color_2::after { --background-color: RGBA(247.0375, 198.06116071, 152.4625, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(52.9, 33.325, 15.1, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_3, .o_tag.o_tag_color_3::after { --background-color: RGBA(252.88960843, 226.89175248, 135.61039157, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(47.45993976, 39.05405514, 9.54006024, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_4, .o_tag.o_tag_color_4::after { --background-color: RGBA(187.45210396, 215.03675558, 248.04789604, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(25.3049505, 49.60939855, 78.6950495, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_5, .o_tag.o_tag_color_5::after { --background-color: RGBA(216.79194664, 167.70805336, 203.91748283, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(28.91432806, 24.08567194, 27.64779531, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_6, .o_tag.o_tag_color_6::after { --background-color: RGBA(247.84539474, 213.9484835, 199.65460526, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(85.32105263, 46.88635147, 30.67894737, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_7, .o_tag.o_tag_color_7::after { --background-color: RGBA(136.6125, 224.8875, 218.94591346, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(10.58333333, 19.41666667, 18.82211538, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_8, .o_tag.o_tag_color_8::after { --background-color: RGBA(150.60535714, 165.68382711, 248.89464286, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(13.95714286, 20.10665584, 54.04285714, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_9, .o_tag.o_tag_color_9::after { --background-color: RGBA(254.94583333, 157.55416667, 203.95543194, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(68.805, 12.195, 39.16625654, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_10, .o_tag.o_tag_color_10::after { --background-color: RGBA(182.62075688, 236.87924312, 189.81831118, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(30.82018349, 57.17981651, 34.3168695, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_11, .o_tag.o_tag_color_11::after { --background-color: RGBA(230.11575613, 219.41069277, 252.08930723, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(56.75321978, 31.58433735, 108.41566265, var(--text-opacity, 1)); color: var(--color) !important; } /* /web/static/src/core/time_picker/time_picker.scss */ .o_time_picker_input { transition: all .1s ease-in-out; transition-property: color, background-color, border-bottom-color; color: var(--body-color); } .o_time_picker_input.o_invalid { color: o-text-color("danger"); border-bottom-color: #dc3545; background-color: rgba(220, 53, 69, 0.1); } .o_time_picker_dropdown.o-dropdown--menu { --dropdown-min-width: unset; max-height: 15rem; } .o_datetime_picker .o_time_picker { width: 4rem; } .o_datetime_picker .o_time_picker input { text-align: center; } /* /web/static/src/core/tooltip/tooltip.scss */ .o-tooltip { --tooltip-max-width: 220px; --tooltip-padding-x: 0.5rem; --tooltip-padding-y: 0.5rem; --tooltip-color: var(--body-bg); --tooltip-bg: var(--emphasis-color); --tooltip-border-radius: var(--border-radius); font-family: var(--font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; } .o-tooltip:has(.o-tooltip--technical) { max-width: 440px; } .o-tooltip:has(.o-tooltip--technical) .o-tooltip--help { background-color: #17a2b8; color: #FFFFFF; } .o-tooltip:has(.o-tooltip--technical) .o-tooltip--string, .o-tooltip:has(.o-tooltip--technical) .o-tooltip--help { max-width: MIN(220px, 100%); } .o-tooltip .o-tooltip--string, .o-tooltip .o-tooltip--technical--title { padding: 0.25rem 0; font-weight: 600; } .o-tooltip .o-tooltip--help, .o-tooltip .o-tooltip--technical { margin: 0.25rem 0.5rem 0.5rem; } .o-tooltip .o-tooltip--help { white-space: pre-line; padding: 0 0.5rem; } .o-tooltip .o-tooltip--technical { padding-left: 1.3em; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.75rem; list-style-type: disc; } .o-tooltip .o-tooltip--technical .o-tooltip--technical--title { margin-right: 0.25rem; } .o-tooltip + .popover-arrow { --popover-bg: var(--emphasis-color); } /* /web/static/src/core/tree_editor/tree_editor.scss */ .o_tree_editor .o_tree_editor_node .o_tree_editor_node_control_panel > button { opacity: .2; } .o_tree_editor .o_tree_editor_node.o_hovered_button .o_tree_editor_node_control_panel > button { opacity: .5; } .o_tree_editor .o_tree_editor_node.o_hovered_button .o_tree_editor_node_control_panel > button:hover { opacity: 1; } .o_tree_editor .o_record_selector .o-autocomplete, .o_tree_editor .o_multi_record_selector .o_record_autocomplete_with_caret { min-width: unset; flex: 1 0 50px; } /* /web/static/src/core/ui/block_ui.scss */ .o_blockUI { cursor: wait; z-index: 1070 !important; } .o_blockUI:not(.o_blockUI_invisible) { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.5); color: #fff; } /* /web/static/src/core/utils/draggable_hook_builder.scss */ @keyframes o-draggable-bounce { 0% { transform: scale(1); } 60% { transform: scale(0.95); } 100% { transform: scale(1); } } .o_draggable { -webkit-touch-callout: none; } .o_dragged { z-index: 1000; pointer-events: none; } .o_touch_bounce { animation: o-draggable-bounce .4s forwards; user-select: none; } /* /web/static/src/core/utils/nested_sortable.scss */ .o_nested_sortable_placeholder { background-clip: content-box; background-color: deepskyblue; height: 5px; padding-top: 0 !important; padding-bottom: 0 !important; } .o_nested_sortable_placeholder_realsize { outline: 1px dashed #5f636f; background-color: #F9FAFB; } /* /web_tour/static/src/scss/tour_pointer.scss */ @keyframes o-tour-pointer-bounce-horizontal { from { transform: translateX(calc(var(--TourPointer__bounce-offset) * -1)); } to { transform: translateX(var(--TourPointer__bounce-offset)); } } @keyframes o-tour-pointer-bounce-vertical { from { transform: translateY(calc(var(--TourPointer__bounce-offset) * -1)); } to { transform: translateY(var(--TourPointer__bounce-offset)); } } @keyframes o-tour-pointer-fade-in { from { opacity: 0; } } @keyframes o-tour-pointer-info-expand { from { width: 0; height: 0; } } .o_tour_pointer { --TourPointer__anchor-space: 0; --TourPointer__bounce-offset: 3px; --TourPointer__offset: 8px; --TourPointer__scale: 1.12; --TourPointer__color: #714B67; --TourPointer__color-accent: #86597b; --TourPointer__border-width: 1px; --TourPointer__border-color-rgb: 255, 255, 255; --TourPointer__border-color: rgba(var(--TourPointer__border-color-rgb), 1); --TourPointer__arrow-size: 1rem; --TourPointer__animation-duration: 500ms; --TourPointer__expand-duration: 200ms; --TourPointer__text-color: black; --TourPointer__reveal-animation: o-tour-pointer-fade-in 400ms ease; --TourPointer__translate-x: 0; --TourPointer__translate-y: 0; z-index: 1080; max-width: 270px; border: var(--TourPointer__border-width) solid transparent; transform: translate(var(--TourPointer__translate-x), var(--TourPointer__translate-y)); transition: width var(--TourPointer__expand-duration), height var(--TourPointer__expand-duration); } .o_tour_pointer.o_bouncing.o_left, .o_tour_pointer.o_bouncing.o_right { animation: o-tour-pointer-bounce-horizontal var(--TourPointer__animation-duration) ease-in infinite alternate, var(--TourPointer__reveal-animation); } .o_tour_pointer.o_bouncing.o_top, .o_tour_pointer.o_bouncing.o_bottom { animation: o-tour-pointer-bounce-vertical var(--TourPointer__animation-duration) ease-in infinite alternate, var(--TourPointer__reveal-animation); } .o_tour_pointer .o_tour_pointer_tip { width: var(--TourPointer__width); height: var(--TourPointer__height); border: var(--TourPointer__border-width) solid white; border-radius: 0 50% 50% 50%; background-image: radial-gradient(var(--TourPointer__color-accent), var(--TourPointer__color)); box-shadow: 0 0 40px 2px rgba(var(--TourPointer__border-color-rgb), 0.5); } .o_tour_pointer .o_tour_pointer_content { background-color: #f9f9f9; color: transparent; transition: color 0s ease var(--TourPointer__expand-duration); line-height: 1.5; font-size: 1rem; font-family: "Inter", "Odoo Unicode Support Noto", sans-serif; font-weight: normal; } .o_tour_pointer .o_tour_pointer_content .o_skip_tour { display: inline-block; margin-top: 4px; color: gray; cursor: pointer; } .o_tour_pointer .o_tour_pointer_content .o_skip_tour:hover { color: #4d4d4d; } .o_tour_pointer .o_tour_pointer_content p:last-child { margin-bottom: 0; } .o_tour_pointer.o_left .o_tour_pointer_tip { transform: rotate(90deg) translateY(var(--TourPointer__offset)) scaleY(var(--TourPointer__scale)) rotate(45deg); } .o_tour_pointer.o_right .o_tour_pointer_tip { transform: rotate(270deg) translateY(var(--TourPointer__offset)) scaleY(var(--TourPointer__scale)) rotate(45deg); } .o_tour_pointer.o_top .o_tour_pointer_tip { transform: rotate(180deg) translateY(var(--TourPointer__offset)) scaleY(var(--TourPointer__scale)) rotate(45deg); } .o_tour_pointer.o_bottom .o_tour_pointer_tip { transform: rotate(0deg) translateY(var(--TourPointer__offset)) scaleY(var(--TourPointer__scale)) rotate(45deg); } .o_tour_pointer.o_open { border-color: #9a9ca5; background-color: #d8dadd; animation: var(--TourPointer__reveal-animation); } .o_tour_pointer.o_open .o_tour_pointer_tip { width: var(--TourPointer__arrow-size); height: var(--TourPointer__arrow-size); border-color: #9a9ca5; border-radius: 0; background: #f9f9f9; box-shadow: none; } .o_tour_pointer.o_open .o_tour_pointer_content { color: #000; } .o_tour_pointer.o_open.o_left { --TourPointer__translate-x: calc(var(--TourPointer__arrow-size) / -2); } .o_tour_pointer.o_open.o_left .o_tour_pointer_tip { transform: translateX(-50%) rotate(45deg); /*rtl:begin:ignore*/ right: calc(var(--TourPointer__arrow-size) * -1); top: calc(var(--TourPointer__arrow-size) / 2); /*rtl:end:ignore*/ } .o_tour_pointer.o_open.o_right { --TourPointer__translate-x: calc(var(--TourPointer__arrow-size) / 2); } .o_tour_pointer.o_open.o_right .o_tour_pointer_tip { transform: translateX(50%) rotate(45deg); /*rtl:begin:ignore*/ left: calc(var(--TourPointer__arrow-size) * -1); top: calc(var(--TourPointer__arrow-size) / 2); /*rtl:end:ignore*/ } .o_tour_pointer.o_open.o_top { --TourPointer__translate-y: calc(var(--TourPointer__arrow-size) / -2); } .o_tour_pointer.o_open.o_top .o_tour_pointer_tip { transform: translateY(-50%) rotate(45deg); /*rtl:begin:ignore*/ bottom: calc(var(--TourPointer__arrow-size) * -1); left: calc(var(--TourPointer__arrow-size) / 2); /*rtl:end:ignore*/ } .o_tour_pointer.o_open.o_bottom { --TourPointer__translate-y: calc(var(--TourPointer__arrow-size) / 2); } .o_tour_pointer.o_open.o_bottom .o_tour_pointer_tip { transform: translateY(50%) rotate(45deg); /*rtl:begin:ignore*/ top: calc(var(--TourPointer__arrow-size) * -1); left: calc(var(--TourPointer__arrow-size) / 2); /*rtl:end:ignore*/ } .o_tour_pointer.o_open.o_expand_left.o_top, .o_tour_pointer.o_open.o_expand_left.o_bottom { --TourPointer__translate-x: calc( var(--TourPointer__width) + var(--TourPointer__border-width) - 100% ); } .o_tour_pointer.o_open.o_expand_left.o_top .o_tour_pointer_tip, .o_tour_pointer.o_open.o_expand_left.o_bottom .o_tour_pointer_tip { /*rtl:begin:ignore*/ left: initial; right: calc(var(--TourPointer__arrow-size) / 2); /*rtl:end:ignore*/ } @media print { .o_tour_pointer { display: none !important; } } /* /html_editor/static/src/components/switch/switch.scss */ .o_switch { display: flex; align-items: center; font-weight: normal; cursor: pointer; } .o_switch.o_switch_disabled { opacity: 50%; pointer-events: none; } .o_switch > input:focus + span { box-shadow: 0 0 0 3px #bc99b3; } .o_switch > input + span { border-radius: 1.2em; width: 2.04em; padding-left: 3px; padding-right: 3px; background-color: rgba(55, 65, 81, 0.4); font-size: 1.308em; line-height: 1.2em; color: rgba(55, 65, 81, 0.4); transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .o_switch > input + span:after { content: "\f057"; font-family: 'FontAwesome'; color: white; transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .o_switch > input:checked + span { background: #714B67; } .o_switch > input:checked + span:after { content: "\f058"; margin-left: 0.84em; } .o_switch.o_switch_danger_success > input:not(:checked) + span { background: #e6586c; } .o_switch.o_switch_danger_success > input:checked + span { background: #00ff9e; } /* /html_editor/static/src/main/media/media_dialog/media_dialog.scss */ .modal .o_select_media_dialog .o_we_file_selector_control_panel { top: -1rem; background-color: #ffffff; } .modal .o_select_media_dialog .o_we_existing_attachments { min-height: 128px; } .modal .o_select_media_dialog .o_we_existing_attachments .o_we_attachment_placeholder { flex-grow: 128; flex-basis: 128px; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image { transition: opacity 0.5s ease 0.5s; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove { border-radius: 0 0 0 4px; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove:hover { color: #e6586c; } .modal .o_select_media_dialog .o_we_attachment_selected { box-shadow: 0 0 0 3px #714B67; } .modal .o_select_media_dialog .o_we_attachment_selected:not(.fa) { border: 3px solid #714B67; box-shadow: none; } .modal .o_select_media_dialog .o_we_attachment_selected:not(.fa):before { content: ""; position: absolute; top: 5px; left: 5px; bottom: auto; right: auto; width: 19px; height: 19px; background-color: #714B67; font-family: 'FontAwesome'; color: white; border-radius: 50%; text-align: center; z-index: 1; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .modal .o_select_media_dialog .o_we_load_more { scroll-margin: 1rem; } .modal .o_select_media_dialog .o_we_load_more.o_hide_loading > * { display: none; } .modal .o_select_media_dialog .o_scroll_attachments { bottom: 0px; width: 36px; height: 36px; margin-top: -36px; z-index: 2; } .modal .o_select_media_dialog .font-icons-icons > span { width: 50px; } .modal .o_select_media_dialog .o_video_dialog_form textarea { min-height: 95px; } .modal .o_select_media_dialog .o_video_preview { border-top: 1px solid black; border-bottom: 1px solid white; background-image: linear-gradient(-150deg, #2b2b33, #191922); color: white; } .modal .o_select_media_dialog .o_video_preview .media_iframe_video { width: 100%; } /* /html_editor/static/src/main/media/media_dialog/upload_progress_toast/upload_progress_toast.scss */ .o_upload_progress_toast { font-size: 16px; } .o_upload_progress_toast .o_we_progressbar:last-child hr { display: none; } .editor_notification_manager { width: calc(100% - 3rem); } @media (min-width: 576px) { .editor_notification_manager { width: calc(calc(400px - 3rem) + 3rem); } } .editor_notification_body { width: calc(100% - 3rem); } @media (min-width: 576px) { .editor_notification_body { width: calc(400px - 3rem); } } /* /html_editor/static/src/main/local_overlay.scss */ .oe-local-overlay { position: absolute; isolation: isolate; height: 0; width: 0; z-index: 1; } /* /html_editor/static/src/main/list/list.scss */ [contenteditable="true"] li p { margin-bottom: 0; } [contenteditable="true"] :where([style*="color:"]) { --heading-color: none; } ul.o_checklist > li { list-style: none; position: relative; margin-left: 20px; } ul.o_checklist > li:not(.oe-nested):before { content: ''; position: absolute; left: -20px; display: block; height: 14px; width: 14px; top: 1px; border: 1px solid; cursor: pointer; } ul.o_checklist > li.o_checked::before { content: "✓"; transition: opacity .5s; position: absolute; left: -18px; top: -1px; opacity: 1; } ul.o_checklist > li.o_checked:has(ul, ol)::before { opacity: 0.5; } ul.o_checklist > li.o_checked:not(:has(ul, ol)) { text-decoration: line-through; opacity: 0.5; } ul.o_checklist > li.o_checked:has(ul, ol) > :not(ul, ol) { text-decoration: line-through; opacity: 0.5; } /* /html_editor/static/src/main/media/file.scss */ .o_file_box, [data-embedded="file"] { display: inline-block; width: fit-content; min-width: 250px; margin: 3px; vertical-align: middle; } .o_file_box .alert.alert-info, [data-embedded="file"] .alert.alert-info { border-radius: 5px; outline: 1px solid #d8dadd; outline-offset: -1px; padding: 5px; margin: 0; } .o_file_box .o_image, [data-embedded="file"] .o_image { width: 32px; } /* /html_editor/static/src/others/embedded_components/core/embedded_component_toolbar/embedded_component_toolbar.scss */ .o_embedded_toolbar button { font-family: var(--font-sans-serif) !important; font-weight: 600; } @media screen and (max-width: 1024px) { .o_embedded_toolbar button .o_embedded_toolbar_button_text { display: none; } } /* /html_editor/static/src/others/embedded_components/core/file/file.scss */ [data-embedded="file"] [data-embedded-editable] { background-color: white; } [data-embedded="file"] .o_file_name_container:hover i { visibility: visible !important; } [data-embedded="file"] input[type="text"] { width: 190px; } /* /html_editor/static/src/others/embedded_components/core/table_of_content/table_of_content.scss */ [data-embedded="tableOfContent"] { margin-left: 2px; margin-right: 2px; margin-top: 16px; margin-bottom: 16px; outline: 1px solid #d8dadd; outline-offset: -1px; border-radius: 5px; background-color: #F9FAFB; } [data-embedded="tableOfContent"] .o_embedded_toc_content { background-color: white; } [data-embedded="tableOfContent"] .o_embedded_toc_content a[class*="o_embedded_toc_link_depth_"] { font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.5rem; border: transparent; } [data-embedded="tableOfContent"] .o_embedded_toc_content a[class*="o_embedded_toc_link_depth_"]:hover { background-color: rgba(27, 161, 228, 0.2); text-decoration: none; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_0 { padding-left: 5px; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_1 { padding-left: calc(5px + Min(30px, 10%) * 1); } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_2 { padding-left: calc(5px + Min(30px, 10%) * 2); } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_3 { padding-left: calc(5px + Min(30px, 10%) * 3); } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_4 { padding-left: calc(5px + Min(30px, 10%) * 4); } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_5 { padding-left: calc(5px + Min(30px, 10%) * 5); } [data-embedded="tableOfContent"] .o_embedded_toc_label { color: #5f636f; } .o_field_html .odoo-editor-editable h1, .o_field_html .odoo-editor-editable .h1, .o_field_html .odoo-editor-editable h2, .o_field_html .odoo-editor-editable .h2, .o_field_html .odoo-editor-editable h3, .o_field_html .odoo-editor-editable .h3, .o_field_html .odoo-editor-editable h4, .o_field_html .odoo-editor-editable .h4, .o_field_html .odoo-editor-editable h5, .o_field_html .odoo-editor-editable .h5, .o_field_html .odoo-editor-editable h6, .o_field_html .odoo-editor-editable .h6, .o_field_html .o_readonly h1, .o_field_html .o_readonly .h1, .o_field_html .o_readonly h2, .o_field_html .o_readonly .h2, .o_field_html .o_readonly h3, .o_field_html .o_readonly .h3, .o_field_html .o_readonly h4, .o_field_html .o_readonly .h4, .o_field_html .o_readonly h5, .o_field_html .o_readonly .h5, .o_field_html .o_readonly h6, .o_field_html .o_readonly .h6 { transition: background-color 0.5s ease; } .o_field_html .odoo-editor-editable h1.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h1, .o_field_html .odoo-editor-editable h2.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h2, .o_field_html .odoo-editor-editable h3.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h3, .o_field_html .odoo-editor-editable h4.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h4, .o_field_html .odoo-editor-editable h5.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h5, .o_field_html .odoo-editor-editable h6.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h6, .o_field_html .o_readonly h1.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h1, .o_field_html .o_readonly h2.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h2, .o_field_html .o_readonly h3.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h3, .o_field_html .o_readonly h4.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h4, .o_field_html .o_readonly h5.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h5, .o_field_html .o_readonly h6.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h6 { border-radius: 0.25rem; background-color: rgba(27, 161, 228, 0.2); } /* /html_editor/static/src/others/embedded_components/core/toggle_block/toggle_block.scss */ [data-embedded="toggleBlock"] [data-embedded-editable] > p { margin: 0; } [data-embedded="toggleBlock"] button:has(i.fa-caret-down, i.fa-caret-right) { cursor: pointer !important; width: 1.5rem; aspect-ratio: 1 / 1; background-color: transparent; } [data-embedded="toggleBlock"] button:has(i.fa-caret-down, i.fa-caret-right):hover { background-color: rgba(216, 218, 221, 0.5); } [data-embedded="toggleBlock"] button:has(i.fa-caret-down, i.fa-caret-right):active { background-color: rgba(216, 218, 221, 0.2); } /* /html_editor/static/src/others/qweb_plugin.scss */ .odoo-editor-editable.odoo-editor-qweb t, .odoo-editor-editable.odoo-editor-qweb [t-if], .odoo-editor-editable.odoo-editor-qweb [t-elif], .odoo-editor-editable.odoo-editor-qweb [t-else], .odoo-editor-editable.odoo-editor-qweb [t-foreach], .o_readonly t, .o_readonly [t-if], .o_readonly [t-elif], .o_readonly [t-else], .o_readonly [t-foreach] { background-color: rgba(0, 0, 102, 0.1) !important; } .odoo-editor-editable.odoo-editor-qweb t, .odoo-editor-editable.odoo-editor-qweb [t-esc], .odoo-editor-editable.odoo-editor-qweb [t-out], .odoo-editor-editable.odoo-editor-qweb [t-raw], .o_readonly t, .o_readonly [t-esc], .o_readonly [t-out], .o_readonly [t-raw] { border-radius: 2px; } .odoo-editor-editable.odoo-editor-qweb [t-esc], .odoo-editor-editable.odoo-editor-qweb [t-out], .odoo-editor-editable.odoo-editor-qweb [t-raw], .o_readonly [t-esc], .o_readonly [t-out], .o_readonly [t-raw] { background-color: rgba(36, 154, 255, 0.16) !important; } .odoo-editor-editable.odoo-editor-qweb [t-esc]:empty::before, .o_readonly [t-esc]:empty::before { content: attr(t-esc); } .odoo-editor-editable.odoo-editor-qweb [t-raw]:empty::before, .o_readonly [t-raw]:empty::before { content: attr(t-raw); } .odoo-editor-editable.odoo-editor-qweb [t-out]:empty::before, .o_readonly [t-out]:empty::before { content: attr(t-out); } .odoo-editor-editable.odoo-editor-qweb t[t-set], .o_readonly t[t-set] { display: none; } .odoo-editor-editable.odoo-editor-qweb t[data-oe-t-inline], .o_readonly t[data-oe-t-inline] { display: inline; } .odoo-editor-editable.odoo-editor-qweb t:not([data-oe-t-inline]), .o_readonly t:not([data-oe-t-inline]) { display: block; } .odoo-editor-editable.odoo-editor-qweb t[data-oe-t-inline]:not([data-oe-t-group-active]), .o_readonly t[data-oe-t-inline]:not([data-oe-t-group-active]) { display: unset; } .odoo-editor-editable.odoo-editor-qweb [data-oe-t-group]:not([data-oe-t-group-active]), .o_readonly [data-oe-t-group]:not([data-oe-t-group-active]) { display: none !important; } .odoo-editor-editable.odoo-editor-qweb [data-oe-t-group][data-oe-t-selectable], .o_readonly [data-oe-t-group][data-oe-t-selectable] { outline: 1px dashed rgba(0, 0, 102, 0.4) !important; } .oe-qweb-select { position: absolute; z-index: 1056; background-color: white; } /* /html_editor/static/src/public/styles.scss */ .o-we-toolbar .btn { border-color: white; padding-top: 0; padding-bottom: 0; } .o-we-toolbar .btn:not(:hover):not(.active) { background-color: white; } .o-we-powerbox { background-color: white !important; } /* /html_editor/static/src/scss/html_editor.common.scss */ :root { --100: #F9FAFB; --200: #F3F4F6; --300: #E6E9ED; --400: #D8DADD; --500: #ADB5BD; --600: #6C757D; --700: #495057; --800: #374151; --900: #111827; --white-85: rgba(255, 255, 255, 0.85); --white-75: rgba(255, 255, 255, 0.75); --white-50: rgba(255, 255, 255, 0.5); --white-25: rgba(255, 255, 255, 0.25); --black-75: rgba(0, 0, 0, 0.75); --black-50: rgba(0, 0, 0, 0.5); --black-25: rgba(0, 0, 0, 0.25); --black-15: rgba(0, 0, 0, 0.15); --black: #000000; --white: #FFFFFF; --o-cc1-text: #111827; --o-cc1-headings: #111827; --o-cc1-h2: #111827; --o-cc1-h3: #111827; --o-cc1-h4: #111827; --o-cc1-h5: #111827; --o-cc1-h6: #111827; --o-cc1-link: #65435c; --o-cc1-btn-primary: #714b67; --o-cc1-btn-primary-text: #FFFFFF; --o-cc1-btn-primary-border: #714b67; --o-cc1-btn-secondary: #017e84; --o-cc1-btn-secondary-text: #FFFFFF; --o-cc1-btn-secondary-border: #017e84; --o-cc2-text: #111827; --o-cc2-h2: #111827; --o-cc2-h3: #111827; --o-cc2-h4: #111827; --o-cc2-h5: #111827; --o-cc2-h6: #111827; --o-cc2-link: #5f3f56; --o-cc2-btn-primary: #714b67; --o-cc2-btn-primary-text: #FFFFFF; --o-cc2-btn-primary-border: #714b67; --o-cc2-btn-secondary: #017e84; --o-cc2-btn-secondary-text: #FFFFFF; --o-cc2-btn-secondary-border: #017e84; --o-cc3-text: #FFFFFF; --o-cc3-headings: #FFFFFF; --o-cc3-h2: #FFFFFF; --o-cc3-h3: #FFFFFF; --o-cc3-h4: #FFFFFF; --o-cc3-h5: #FFFFFF; --o-cc3-h6: #FFFFFF; --o-cc3-link: #00a09d; --o-cc3-btn-primary: #714b67; --o-cc3-btn-primary-text: #FFFFFF; --o-cc3-btn-primary-border: #714b67; --o-cc3-btn-secondary-text: #111827; --o-cc3-btn-secondary-border: #f9f9f9; --o-cc4-text: #FFFFFF; --o-cc4-headings: #FFFFFF; --o-cc4-h2: #FFFFFF; --o-cc4-h3: #FFFFFF; --o-cc4-h4: #FFFFFF; --o-cc4-h5: #FFFFFF; --o-cc4-h6: #FFFFFF; --o-cc4-link: black; --o-cc4-btn-primary-text: #FFFFFF; --o-cc4-btn-primary-border: #111827; --o-cc4-btn-secondary-text: #111827; --o-cc4-btn-secondary-border: #f9f9f9; --o-cc5-text: #FFFFFF; --o-cc5-h2: #ffffff; --o-cc5-h3: #ffffff; --o-cc5-h4: #ffffff; --o-cc5-h5: #ffffff; --o-cc5-h6: #ffffff; --o-cc5-link: #00a09d; --o-cc5-btn-primary: #714b67; --o-cc5-btn-primary-text: #FFFFFF; --o-cc5-btn-primary-border: #714b67; --o-cc5-btn-secondary-text: #111827; --o-cc5-btn-secondary-border: #f9f9f9; --o-grid-gutter-width: 32px; --o-md-container-max-width: 720px; --o-we-content-to-translate-color: rgba(255, 255, 90, 0.5); --o-we-translated-content-color: rgba(120, 215, 110, 0.5); --o-system-fonts: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --display-1-font-size: 4rem; --display-2-font-size: 3rem; --display-3-font-size: 2.5rem; --display-4-font-size: 2rem; --h1-font-size: 3.5rem; --h2-font-size: 2.75rem; --h3-font-size: 2rem; --h4-font-size: 1.5rem; --h5-font-size: 1.25rem; --h6-font-size: 1rem; --font-size-base: 1rem; --small-font-size: 0.875em; --lead-font-size: 1.25rem; } html, body { position: relative; width: 100%; height: 100%; } pre { padding: 0.5rem 1rem; border: 1px solid var(--o-border-color); border-radius: 0.625rem; background-color: #F9FAFB; color: #212529; } *[contenteditable=true] { outline: none; } [contenteditable] { overflow-wrap: unset !important; } .css_non_editable_mode_hidden { display: none !important; } .editor_enable .css_editable_mode_hidden { display: none !important; } /* ----- GENERIC LAYOUTING HELPERS ---- */ /* table */ #wrapwrap table.table.table-bordered, .o_editable table.table.table-bordered { table-layout: fixed; overflow-wrap: break-word; } #wrapwrap table.table.table-bordered td, .o_editable table.table.table-bordered td { min-width: 20px; } @media (max-width: 767.98px) { #wrapwrap .table-responsive > table.table, .o_editable .table-responsive > table.table { table-layout: auto; } } ul.o_checklist { list-style: none; } ul.o_checklist > li { list-style: none; position: relative; margin-left: 20px; margin-right: 20px; } ul.o_checklist > li:not(.oe-nested)::before { content: ''; position: absolute; left: -20px; display: block; height: 13px; width: 13px; top: 4px; border: 1px solid; text-align: center; cursor: pointer; } ul.o_checklist > li.o_checked::before { content: "✓"; display: flex; font-size: 13px; align-items: center; justify-content: center; padding-left: 1px /*rtl:ignore*/; padding-top: 1px; } ul.o_checklist > li.o_checked:has(ul, ol)::before { opacity: 0.5; } ul.o_checklist > li.o_checked:not(:has(ul, ol)) { text-decoration: line-through; opacity: 0.5; } ul.o_checklist > li.o_checked:has(ul, ol) > :not(ul, ol) { text-decoration: line-through; opacity: 0.5; } /*rtl:begin:ignore*/ ul.o_checklist[dir="rtl"] li:not(.oe-nested)::before { left: auto; right: -20px; text-align: right; } ul.o_checklist[dir="ltr"] li:not(.oe-nested)::before { right: auto; left: -20px; text-align: left; } /*rtl:end:ignore*/ ol > li.o_indent, ul > li.o_indent { margin-left: 0; list-style: none; } ol > li.o_indent::before, ul > li.o_indent::before { content: none; } .o_stars .fa.fa-star { color: gold; } img.o_we_custom_image { display: inline-block; } img.shadow { box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); } img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small { padding: 4px; } img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium { padding: 8px; } img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large { padding: 16px; } img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl { padding: 32px; } img.ms-auto, img.mx-auto { display: block; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa.mx-auto { display: block; text-align: center; } .fa.card-img, .fa.card-img-top, .fa.card-img-bottom { width: auto; } .o_small { font-size: 0.875rem; } .display-1-fs { font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .display-1-fs { font-size: 4rem; } } .display-2-fs { font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .display-2-fs { font-size: 3rem; } } .display-3-fs { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .display-3-fs { font-size: 2.5rem; } } .display-4-fs { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .display-4-fs { font-size: 2rem; } } .h1-fs { font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .h1-fs { font-size: 3.5rem; } } .h2-fs { font-size: calc(1.4rem + 1.8vw); } @media (min-width: 1200px) { .h2-fs { font-size: 2.75rem; } } .h3-fs { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .h3-fs { font-size: 2rem; } } .h4-fs { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { .h4-fs { font-size: 1.5rem; } } .h5-fs { font-size: 1.25rem; } .h6-fs { font-size: 1rem; } .base-fs { font-size: 1rem; } .o_small-fs { font-size: 0.875em; } div.media_iframe_video { margin: 0 auto; text-align: center; position: relative; overflow: hidden; min-width: 100px; } div.media_iframe_video iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: auto; right: 0; margin: 0 auto; } div.media_iframe_video.padding-small iframe { padding: 4px; } div.media_iframe_video.padding-medium iframe { padding: 8px; } div.media_iframe_video.padding-large iframe { padding: 16px; } div.media_iframe_video.padding-xl iframe { padding: 32px; } div.media_iframe_video .media_iframe_video_size { padding-bottom: 56.25%; /* 16:9 aspect ratio */ position: relative; width: 100%; height: 0; } div.media_iframe_video .css_editable_mode_display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: none; z-index: 2; } address .fa.fa-mobile-phone { margin: 0 3px 0 2px; } address .fa.fa-file-text-o { margin-right: 1px; } span[data-oe-type="monetary"] { white-space: nowrap; } ul.oe_menu_editor .oe_menu_placeholder { outline: 1px dashed #4183C4; } ul.oe_menu_editor ul { list-style: none; } ul.oe_menu_editor li div { cursor: url(/web/static/img/openhand.cur), grab; } ul.oe_menu_editor li div :active { cursor: grabbing; } .mt0 { margin-top: 0px !important; } .mb0 { margin-bottom: 0px !important; } .pt0 { padding-top: 0px !important; } .pb0 { padding-bottom: 0px !important; } .mt8 { margin-top: 8px !important; } .mb8 { margin-bottom: 8px !important; } .pt8 { padding-top: 8px !important; } .pb8 { padding-bottom: 8px !important; } .mt16 { margin-top: 16px !important; } .mb16 { margin-bottom: 16px !important; } .pt16 { padding-top: 16px !important; } .pb16 { padding-bottom: 16px !important; } .mt24 { margin-top: 24px !important; } .mb24 { margin-bottom: 24px !important; } .pt24 { padding-top: 24px !important; } .pb24 { padding-bottom: 24px !important; } .mt32 { margin-top: 32px !important; } .mb32 { margin-bottom: 32px !important; } .pt32 { padding-top: 32px !important; } .pb32 { padding-bottom: 32px !important; } .mt40 { margin-top: 40px !important; } .mb40 { margin-bottom: 40px !important; } .pt40 { padding-top: 40px !important; } .pb40 { padding-bottom: 40px !important; } .mt48 { margin-top: 48px !important; } .mb48 { margin-bottom: 48px !important; } .pt48 { padding-top: 48px !important; } .pb48 { padding-bottom: 48px !important; } .mt56 { margin-top: 56px !important; } .mb56 { margin-bottom: 56px !important; } .pt56 { padding-top: 56px !important; } .pb56 { padding-bottom: 56px !important; } .mt64 { margin-top: 64px !important; } .mb64 { margin-bottom: 64px !important; } .pt64 { padding-top: 64px !important; } .pb64 { padding-bottom: 64px !important; } .mt72 { margin-top: 72px !important; } .mb72 { margin-bottom: 72px !important; } .pt72 { padding-top: 72px !important; } .pb72 { padding-bottom: 72px !important; } .mt80 { margin-top: 80px !important; } .mb80 { margin-bottom: 80px !important; } .pt80 { padding-top: 80px !important; } .pb80 { padding-bottom: 80px !important; } .mt88 { margin-top: 88px !important; } .mb88 { margin-bottom: 88px !important; } .pt88 { padding-top: 88px !important; } .pb88 { padding-bottom: 88px !important; } .mt96 { margin-top: 96px !important; } .mb96 { margin-bottom: 96px !important; } .pt96 { padding-top: 96px !important; } .pb96 { padding-bottom: 96px !important; } .mt104 { margin-top: 104px !important; } .mb104 { margin-bottom: 104px !important; } .pt104 { padding-top: 104px !important; } .pb104 { padding-bottom: 104px !important; } .mt112 { margin-top: 112px !important; } .mb112 { margin-bottom: 112px !important; } .pt112 { padding-top: 112px !important; } .pb112 { padding-bottom: 112px !important; } .mt120 { margin-top: 120px !important; } .mb120 { margin-bottom: 120px !important; } .pt120 { padding-top: 120px !important; } .pb120 { padding-bottom: 120px !important; } .mt128 { margin-top: 128px !important; } .mb128 { margin-bottom: 128px !important; } .pt128 { padding-top: 128px !important; } .pb128 { padding-bottom: 128px !important; } .mt136 { margin-top: 136px !important; } .mb136 { margin-bottom: 136px !important; } .pt136 { padding-top: 136px !important; } .pb136 { padding-bottom: 136px !important; } .mt144 { margin-top: 144px !important; } .mb144 { margin-bottom: 144px !important; } .pt144 { padding-top: 144px !important; } .pb144 { padding-bottom: 144px !important; } .mt152 { margin-top: 152px !important; } .mb152 { margin-bottom: 152px !important; } .pt152 { padding-top: 152px !important; } .pb152 { padding-bottom: 152px !important; } .mt160 { margin-top: 160px !important; } .mb160 { margin-bottom: 160px !important; } .pt160 { padding-top: 160px !important; } .pb160 { padding-bottom: 160px !important; } .mt168 { margin-top: 168px !important; } .mb168 { margin-bottom: 168px !important; } .pt168 { padding-top: 168px !important; } .pb168 { padding-bottom: 168px !important; } .mt176 { margin-top: 176px !important; } .mb176 { margin-bottom: 176px !important; } .pt176 { padding-top: 176px !important; } .pb176 { padding-bottom: 176px !important; } .mt184 { margin-top: 184px !important; } .mb184 { margin-bottom: 184px !important; } .pt184 { padding-top: 184px !important; } .pb184 { padding-bottom: 184px !important; } .mt192 { margin-top: 192px !important; } .mb192 { margin-bottom: 192px !important; } .pt192 { padding-top: 192px !important; } .pb192 { padding-bottom: 192px !important; } .mt200 { margin-top: 200px !important; } .mb200 { margin-bottom: 200px !important; } .pt200 { padding-top: 200px !important; } .pb200 { padding-bottom: 200px !important; } .mt208 { margin-top: 208px !important; } .mb208 { margin-bottom: 208px !important; } .pt208 { padding-top: 208px !important; } .pb208 { padding-bottom: 208px !important; } .mt216 { margin-top: 216px !important; } .mb216 { margin-bottom: 216px !important; } .pt216 { padding-top: 216px !important; } .pb216 { padding-bottom: 216px !important; } .mt224 { margin-top: 224px !important; } .mb224 { margin-bottom: 224px !important; } .pt224 { padding-top: 224px !important; } .pb224 { padding-bottom: 224px !important; } .mt232 { margin-top: 232px !important; } .mb232 { margin-bottom: 232px !important; } .pt232 { padding-top: 232px !important; } .pb232 { padding-bottom: 232px !important; } .mt240 { margin-top: 240px !important; } .mb240 { margin-bottom: 240px !important; } .pt240 { padding-top: 240px !important; } .pb240 { padding-bottom: 240px !important; } .mt248 { margin-top: 248px !important; } .mb248 { margin-bottom: 248px !important; } .pt248 { padding-top: 248px !important; } .pb248 { padding-bottom: 248px !important; } .mt256 { margin-top: 256px !important; } .mb256 { margin-bottom: 256px !important; } .pt256 { padding-top: 256px !important; } .pb256 { padding-bottom: 256px !important; } .mt4 { margin-top: 4px !important; } .mb4 { margin-bottom: 4px !important; } .pt4 { padding-top: 4px !important; } .pb4 { padding-bottom: 4px !important; } .mt92 { margin-top: 92px !important; } .mb92 { margin-bottom: 92px !important; } .ml0 { margin-left: 0px !important; } .mr0 { margin-right: 0px !important; } .ml4 { margin-left: 4px !important; } .mr4 { margin-right: 4px !important; } .ml8 { margin-left: 8px !important; } .mr8 { margin-right: 8px !important; } .ml16 { margin-left: 16px !important; } .mr16 { margin-right: 16px !important; } .ml32 { margin-left: 32px !important; } .mr32 { margin-right: 32px !important; } .ml64 { margin-left: 64px !important; } .mr64 { margin-right: 64px !important; } a.o_underline { text-decoration: underline; } a.o_underline:hover { text-decoration: underline; } .o_nocontent_help { pointer-events: auto; max-width: 650px; margin: auto; padding: 15px; z-index: 1000; text-align: center; color: #374151; font-size: 115%; } .o_nocontent_help > p:first-of-type { margin-top: 0; color: #111827; font-weight: bold; font-size: 125%; } .o_nocontent_help a { cursor: pointer; } .o_we_search_prompt { position: relative; min-height: 250px; width: 100%; display: flex; align-items: center; justify-content: flex-start; } .o_we_search_prompt > h2, .o_we_search_prompt > .h2 { max-width: 500px; text-align: center; margin-left: 150px; } .o_we_search_prompt::before { transform: scale(-1, 1); content: ""; position: absolute; top: 12px; left: 40px; bottom: auto; right: auto; width: 100px; height: 150px; opacity: .5; filter: var(--WebEditor__SearchPromptArrow-filter, invert(0)); background-image: url("/html_editor/static/src/img/curved_arrow.svg"); background-size: 100%; background-repeat: no-repeat; } blockquote { padding: 0.5rem 1rem; border-left: 5px solid; border-color: #E6E9ED; font-style: italic; } pre { white-space: pre-wrap; } pre p { margin-bottom: 0px; } .bg-o-color-1 { --background-color: #714b67; --color: #FFFFFF; background-color: #714b67 !important; color: #FFFFFF; } .bg-o-color-1 .text-muted, .o_colored_level .bg-o-color-1 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-o-color-1:hover, a.bg-o-color-1:focus, button.bg-o-color-1:hover, button.bg-o-color-1:focus { --background-color: #52374b; --color: #FFFFFF; background-color: #52374b !important; color: #FFFFFF; } .text-o-color-1 { color: #714b67 !important; } a.text-o-color-1:hover, a.text-o-color-1:focus { color: #34222f !important; } .bg-o-color-2 { --background-color: #017e84; --color: #FFFFFF; background-color: #017e84 !important; color: #FFFFFF; } .bg-o-color-2 .text-muted, .o_colored_level .bg-o-color-2 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-o-color-2:hover, a.bg-o-color-2:focus, button.bg-o-color-2:hover, button.bg-o-color-2:focus { --background-color: #014e51; --color: #FFFFFF; background-color: #014e51 !important; color: #FFFFFF; } .text-o-color-2 { color: #017e84 !important; } a.text-o-color-2:hover, a.text-o-color-2:focus { color: #001d1f !important; } .bg-o-color-3 { --background-color: #f9f9f9; --color: #111827; background-color: #f9f9f9 !important; color: #111827; } .bg-o-color-3 .text-muted, .o_colored_level .bg-o-color-3 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-o-color-3:hover, a.bg-o-color-3:focus, button.bg-o-color-3:hover, button.bg-o-color-3:focus { --background-color: #e0e0e0; --color: #111827; background-color: #e0e0e0 !important; color: #111827; } .text-o-color-3 { color: #f9f9f9 !important; } a.text-o-color-3:hover, a.text-o-color-3:focus { color: #c6c6c6 !important; } .bg-o-color-4 { --background-color: #ffffff; --color: #111827; background-color: #ffffff !important; color: #111827; } .bg-o-color-4 .text-muted, .o_colored_level .bg-o-color-4 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } a.bg-o-color-4:hover, a.bg-o-color-4:focus, button.bg-o-color-4:hover, button.bg-o-color-4:focus { --background-color: #e6e6e6; --color: #111827; background-color: #e6e6e6 !important; color: #111827; } .text-o-color-4 { color: #ffffff !important; } a.text-o-color-4:hover, a.text-o-color-4:focus { color: #cccccc !important; } .bg-o-color-5 { --background-color: #111827; --color: #FFFFFF; background-color: #111827 !important; color: #FFFFFF; } .bg-o-color-5 .text-muted, .o_colored_level .bg-o-color-5 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } a.bg-o-color-5:hover, a.bg-o-color-5:focus, button.bg-o-color-5:hover, button.bg-o-color-5:focus { --background-color: #020203; --color: #FFFFFF; background-color: #020203 !important; color: #FFFFFF; } .text-o-color-5 { color: #111827 !important; } a.text-o-color-5:hover, a.text-o-color-5:focus { color: black !important; } .o_cc .dropdown-menu .dropdown-item, .o_cc .o_dropdown_menu .dropdown-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item, .o_footer .dropdown-menu .dropdown-item, .o_footer .o_dropdown_menu .dropdown-item, .navbar-light .dropdown-menu .dropdown-item, .navbar-light .o_dropdown_menu .dropdown-item, .o_cc .dropdown-menu .dropdown-item h6, .o_cc .o_dropdown_menu .dropdown-item h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6, .o_footer .dropdown-menu .dropdown-item h6, .o_footer .o_dropdown_menu .dropdown-item h6, .navbar-light .dropdown-menu .dropdown-item h6, .navbar-light .o_dropdown_menu .dropdown-item h6, .o_cc .dropdown-menu .dropdown-item .h6, .o_cc .o_dropdown_menu .dropdown-item .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .h6, .o_footer .dropdown-menu .dropdown-item .h6, .o_footer .o_dropdown_menu .dropdown-item .h6, .navbar-light .dropdown-menu .dropdown-item .h6, .navbar-light .o_dropdown_menu .dropdown-item .h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6 { color: var(--body-color) !important; } .o_cc .dropdown-menu .dropdown-item:hover, .o_cc .o_dropdown_menu .dropdown-item:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:hover, .o_footer .dropdown-menu .dropdown-item:hover, .o_footer .o_dropdown_menu .dropdown-item:hover, .navbar-light .dropdown-menu .dropdown-item:hover, .navbar-light .o_dropdown_menu .dropdown-item:hover, .o_cc .dropdown-menu .dropdown-item:focus, .o_cc .o_dropdown_menu .dropdown-item:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:focus, .o_footer .dropdown-menu .dropdown-item:focus, .o_footer .o_dropdown_menu .dropdown-item:focus, .navbar-light .dropdown-menu .dropdown-item:focus, .navbar-light .o_dropdown_menu .dropdown-item:focus, .o_cc .dropdown-menu .dropdown-item h6:hover, .o_cc .o_dropdown_menu .dropdown-item h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6:hover, .o_footer .dropdown-menu .dropdown-item h6:hover, .o_footer .o_dropdown_menu .dropdown-item h6:hover, .navbar-light .dropdown-menu .dropdown-item h6:hover, .navbar-light .o_dropdown_menu .dropdown-item h6:hover, .o_cc .dropdown-menu .dropdown-item .h6:hover, .o_cc .o_dropdown_menu .dropdown-item .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .h6:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .h6:hover, .o_footer .dropdown-menu .dropdown-item .h6:hover, .o_footer .o_dropdown_menu .dropdown-item .h6:hover, .navbar-light .dropdown-menu .dropdown-item .h6:hover, .navbar-light .o_dropdown_menu .dropdown-item .h6:hover, .o_cc .dropdown-menu .dropdown-item h6:focus, .o_cc .o_dropdown_menu .dropdown-item h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6:focus, .o_footer .dropdown-menu .dropdown-item h6:focus, .o_footer .o_dropdown_menu .dropdown-item h6:focus, .navbar-light .dropdown-menu .dropdown-item h6:focus, .navbar-light .o_dropdown_menu .dropdown-item h6:focus, .o_cc .dropdown-menu .dropdown-item .h6:focus, .o_cc .o_dropdown_menu .dropdown-item .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .h6:focus, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .h6:focus, .o_footer .dropdown-menu .dropdown-item .h6:focus, .o_footer .o_dropdown_menu .dropdown-item .h6:focus, .navbar-light .dropdown-menu .dropdown-item .h6:focus, .navbar-light .o_dropdown_menu .dropdown-item .h6:focus, .o_colored_level .o_cc .dropdown-menu .dropdown-item:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item:focus, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:focus { color: var(--body-color) !important; } .o_cc .dropdown-menu .dropdown-item.active, .o_cc .o_dropdown_menu .dropdown-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.active, .o_footer .dropdown-menu .dropdown-item.active, .o_footer .o_dropdown_menu .dropdown-item.active, .navbar-light .dropdown-menu .dropdown-item.active, .navbar-light .o_dropdown_menu .dropdown-item.active, .o_cc .dropdown-menu .dropdown-item:active, .o_cc .o_dropdown_menu .dropdown-item:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:active, .o_footer .dropdown-menu .dropdown-item:active, .o_footer .o_dropdown_menu .dropdown-item:active, .navbar-light .dropdown-menu .dropdown-item:active, .navbar-light .o_dropdown_menu .dropdown-item:active, .o_cc .dropdown-menu .dropdown-item h6.active, .o_cc .o_dropdown_menu .dropdown-item h6.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6.active, .o_footer .dropdown-menu .dropdown-item h6.active, .o_footer .o_dropdown_menu .dropdown-item h6.active, .navbar-light .dropdown-menu .dropdown-item h6.active, .navbar-light .o_dropdown_menu .dropdown-item h6.active, .o_cc .dropdown-menu .dropdown-item .active.h6, .o_cc .o_dropdown_menu .dropdown-item .active.h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .active.h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .active.h6, .o_footer .dropdown-menu .dropdown-item .active.h6, .o_footer .o_dropdown_menu .dropdown-item .active.h6, .navbar-light .dropdown-menu .dropdown-item .active.h6, .navbar-light .o_dropdown_menu .dropdown-item .active.h6, .o_cc .dropdown-menu .dropdown-item h6:active, .o_cc .o_dropdown_menu .dropdown-item h6:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item h6:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item h6:active, .o_footer .dropdown-menu .dropdown-item h6:active, .o_footer .o_dropdown_menu .dropdown-item h6:active, .navbar-light .dropdown-menu .dropdown-item h6:active, .navbar-light .o_dropdown_menu .dropdown-item h6:active, .o_cc .dropdown-menu .dropdown-item .h6:active, .o_cc .o_dropdown_menu .dropdown-item .h6:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .h6:active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .h6:active, .o_footer .dropdown-menu .dropdown-item .h6:active, .o_footer .o_dropdown_menu .dropdown-item .h6:active, .navbar-light .dropdown-menu .dropdown-item .h6:active, .navbar-light .o_dropdown_menu .dropdown-item .h6:active, .o_colored_level .o_cc .dropdown-menu .dropdown-item.active, .o_colored_level .o_cc .dropdown-menu .dropdown-item:active, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6.active, .o_colored_level .o_cc .dropdown-menu .dropdown-item h6:active { color: var(--dropdown-link-active-color, #111827) !important; } .o_cc .dropdown-menu .dropdown-item.disabled, .o_cc .o_dropdown_menu .dropdown-item.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.disabled, .o_footer .dropdown-menu .dropdown-item.disabled, .o_footer .o_dropdown_menu .dropdown-item.disabled, .navbar-light .dropdown-menu .dropdown-item.disabled, .navbar-light .o_dropdown_menu .dropdown-item.disabled, .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_cc .o_dropdown_menu .dropdown-item.disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.disabled h6, .o_footer .dropdown-menu .dropdown-item.disabled h6, .o_footer .o_dropdown_menu .dropdown-item.disabled h6, .navbar-light .dropdown-menu .dropdown-item.disabled h6, .navbar-light .o_dropdown_menu .dropdown-item.disabled h6, .o_cc .dropdown-menu .dropdown-item.disabled .h6, .o_cc .o_dropdown_menu .dropdown-item.disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.disabled .h6, .o_footer .dropdown-menu .dropdown-item.disabled .h6, .o_footer .o_dropdown_menu .dropdown-item.disabled .h6, .navbar-light .dropdown-menu .dropdown-item.disabled .h6, .navbar-light .o_dropdown_menu .dropdown-item.disabled .h6, .o_cc .dropdown-menu .dropdown-item:disabled, .o_cc .o_dropdown_menu .dropdown-item:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:disabled, .o_footer .dropdown-menu .dropdown-item:disabled, .o_footer .o_dropdown_menu .dropdown-item:disabled, .navbar-light .dropdown-menu .dropdown-item:disabled, .navbar-light .o_dropdown_menu .dropdown-item:disabled, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_footer .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .navbar-light .dropdown-menu .dropdown-item.o_wysiwyg_loader, .navbar-light .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .o_cc .dropdown-menu .dropdown-item:disabled h6, .o_cc .o_dropdown_menu .dropdown-item:disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:disabled h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:disabled h6, .o_footer .dropdown-menu .dropdown-item:disabled h6, .o_footer .o_dropdown_menu .dropdown-item:disabled h6, .navbar-light .dropdown-menu .dropdown-item:disabled h6, .navbar-light .o_dropdown_menu .dropdown-item:disabled h6, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_footer .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .navbar-light .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .navbar-light .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .o_cc .dropdown-menu .dropdown-item:disabled .h6, .o_cc .o_dropdown_menu .dropdown-item:disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item:disabled .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item:disabled .h6, .o_footer .dropdown-menu .dropdown-item:disabled .h6, .o_footer .o_dropdown_menu .dropdown-item:disabled .h6, .navbar-light .dropdown-menu .dropdown-item:disabled .h6, .navbar-light .o_dropdown_menu .dropdown-item:disabled .h6, .o_cc .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .o_footer .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .o_footer .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .navbar-light .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .navbar-light .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled h6 { color: var(--tertiary-color) !important; } .o_cc .dropdown-menu .dropdown-item .btn-link, .o_cc .o_dropdown_menu .dropdown-item .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .btn-link, .o_footer .dropdown-menu .dropdown-item .btn-link, .o_footer .o_dropdown_menu .dropdown-item .btn-link, .navbar-light .dropdown-menu .dropdown-item .btn-link, .navbar-light .o_dropdown_menu .dropdown-item .btn-link, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link { color: var(--link-color); } .o_cc .dropdown-menu .dropdown-item .btn-link:hover, .o_cc .o_dropdown_menu .dropdown-item .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .btn-link:hover, .o_footer .dropdown-menu .dropdown-item .btn-link:hover, .o_footer .o_dropdown_menu .dropdown-item .btn-link:hover, .navbar-light .dropdown-menu .dropdown-item .btn-link:hover, .navbar-light .o_dropdown_menu .dropdown-item .btn-link:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link:hover { color: var(--link-hover-color); } .o_cc .dropdown-menu .dropdown-item .btn-link:disabled, .o_cc .o_dropdown_menu .dropdown-item .btn-link:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .btn-link:disabled, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .btn-link:disabled, .o_footer .dropdown-menu .dropdown-item .btn-link:disabled, .o_footer .o_dropdown_menu .dropdown-item .btn-link:disabled, .navbar-light .dropdown-menu .dropdown-item .btn-link:disabled, .navbar-light .o_dropdown_menu .dropdown-item .btn-link:disabled, .o_cc .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_footer .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_footer .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .navbar-light .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .navbar-light .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_colored_level .o_cc .dropdown-menu .dropdown-item .btn-link:disabled { color: #6C757D; } .o_cc .dropdown-menu .dropdown-item-text .text-muted a, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item-text .text-muted a, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item-text .text-muted a, .o_footer .dropdown-menu .dropdown-item-text .text-muted a, .o_footer .o_dropdown_menu .dropdown-item-text .text-muted a, .navbar-light .dropdown-menu .dropdown-item-text .text-muted a, .navbar-light .o_dropdown_menu .dropdown-item-text .text-muted a, .o_colored_level .o_cc .dropdown-menu .dropdown-item-text .text-muted a { color: #714b67; } .o_cc .dropdown-menu .dropdown-item-text .text-muted a:hover, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .dropdown-menu .dropdown-item-text .text-muted a:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .o_footer .dropdown-menu .dropdown-item-text .text-muted a:hover, .o_footer .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .navbar-light .dropdown-menu .dropdown-item-text .text-muted a:hover, .navbar-light .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .o_colored_level .o_cc .dropdown-menu .dropdown-item-text .text-muted a:hover { color: #432c3d; } .o_cc .btn-close, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-close, .o_footer .btn-close, .navbar-light .btn-close, .o_colored_level .o_cc .btn-close { filter: unset; } .o_cc1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar, .navbar-light { --background-color: #ffffff; --color: #111827; background-color: #ffffff; color: #111827; --o-cc-bg: #ffffff; } .o_cc1 .text-muted, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .text-muted, .navbar-light .text-muted, .o_colored_level .o_cc1 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } .o_cc1 a:not(.btn), #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a:not(.btn), .navbar-light a:not(.btn), .o_cc1 .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-link, .navbar-light .btn-link, .o_colored_level .o_cc1 a:not(.btn), .o_colored_level .o_cc1 .btn-link { color: #65435c; } .o_cc1 a:not(.btn):hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a:not(.btn):hover, .navbar-light a:not(.btn):hover, .o_cc1 .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-link:hover, .navbar-light .btn-link:hover, .o_colored_level .o_cc1 a:not(.btn):hover, .o_colored_level .o_cc1 .btn-link:hover { color: #432c3d; } .o_cc1 .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-fill-primary, .navbar-light .btn-fill-primary, .o_cc1 .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-primary, .navbar-light .btn-primary, .o_colored_level .o_cc1 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #714b67; } .o_cc1 .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-outline-primary, .navbar-light .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary { --btn-color: #65435c; --btn-border-color: #65435c; --btn-hover-color: #FFFFFF; --btn-hover-bg: #65435c; --btn-hover-border-color: #65435c; --btn-focus-shadow-rgb: 100.73829787, 66.86170213, 91.82340426; --btn-active-color: #FFFFFF; --btn-active-bg: #65435c; --btn-active-border-color: #65435c; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #65435c; --btn-disabled-bg: transparent; --btn-disabled-border-color: #65435c; --gradient: none; } .o_cc1 .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-fill-secondary, .navbar-light .btn-fill-secondary, .o_cc1 .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-secondary, .navbar-light .btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary { --btn-color: #FFFFFF; --btn-bg: #017e84; --btn-border-color: #017e84; --btn-hover-color: #FFFFFF; --btn-hover-bg: #016b70; --btn-hover-border-color: #01656a; --btn-focus-shadow-rgb: 39, 145, 150; --btn-active-color: #FFFFFF; --btn-active-bg: #01656a; --btn-active-border-color: #015f63; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #017e84; --btn-disabled-border-color: #017e84; } .o_cc1 .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-outline-secondary, .navbar-light .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary { --btn-color: #017e84; --btn-border-color: #017e84; --btn-hover-color: #FFFFFF; --btn-hover-bg: #017e84; --btn-hover-border-color: #017e84; --btn-focus-shadow-rgb: 1, 126, 132; --btn-active-color: #FFFFFF; --btn-active-bg: #017e84; --btn-active-border-color: #017e84; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #017e84; --btn-disabled-bg: transparent; --btn-disabled-border-color: #017e84; --gradient: none; } .o_cc1 .nav-pills .nav-link.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-pills .nav-link.active, .navbar-light .nav-pills .nav-link.active, .o_cc1 .nav-pills .show > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-pills .show > .nav-link, .navbar-light .nav-pills .show > .nav-link, .o_colored_level .o_cc1 .nav-pills .nav-link.active, .o_colored_level .o_cc1 .nav-pills .show > .nav-link { background-color: #714b67; color: #FFFFFF; } .o_cc1 a.list-group-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a.list-group-item, .navbar-light a.list-group-item, .o_colored_level .o_cc1 a.list-group-item { color: #714b67; } .o_cc1 a.list-group-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a.list-group-item.active, .navbar-light a.list-group-item.active, .o_colored_level .o_cc1 a.list-group-item.active { background-color: #714b67; color: #FFFFFF; border-color: #714b67; } .o_cc2, .o_footer { --background-color: #f9f9f9; --color: #111827; background-color: #f9f9f9; color: #111827; --o-cc-bg: #f9f9f9; } .o_cc2 .text-muted, .o_footer .text-muted, .o_colored_level .o_cc2 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } .o_cc2 h1, .o_footer h1, .o_cc2 .h1, .o_footer .h1, .o_cc2 h2, .o_footer h2, .o_cc2 .h2, .o_footer .h2, .o_cc2 h3, .o_footer h3, .o_cc2 .h3, .o_footer .h3, .o_cc2 h4, .o_footer h4, .o_cc2 .h4, .o_footer .h4, .o_cc2 h5, .o_footer h5, .o_cc2 .h5, .o_footer .h5, .o_cc2 h6, .o_footer h6, .o_cc2 .h6, .o_footer .h6, .o_colored_level .o_cc2 h1, .o_colored_level .o_cc2 h2, .o_colored_level .o_cc2 h3, .o_colored_level .o_cc2 h4, .o_colored_level .o_cc2 h5, .o_colored_level .o_cc2 h6 { color: #111827; } .o_cc2 a:not(.btn), .o_footer a:not(.btn), .o_cc2 .btn-link, .o_footer .btn-link, .o_colored_level .o_cc2 a:not(.btn), .o_colored_level .o_cc2 .btn-link { color: #5f3f56; } .o_cc2 a:not(.btn):hover, .o_footer a:not(.btn):hover, .o_cc2 .btn-link:hover, .o_footer .btn-link:hover, .o_colored_level .o_cc2 a:not(.btn):hover, .o_colored_level .o_cc2 .btn-link:hover { color: #432c3d; } .o_cc2 .btn-fill-primary, .o_footer .btn-fill-primary, .o_cc2 .btn-primary, .o_footer .btn-primary, .o_colored_level .o_cc2 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #714b67; } .o_cc2 .btn-outline-primary, .o_footer .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary { --btn-color: #5f3f56; --btn-border-color: #5f3f56; --btn-hover-color: #FFFFFF; --btn-hover-bg: #5f3f56; --btn-hover-border-color: #5f3f56; --btn-focus-shadow-rgb: 94.60744681, 62.79255319, 86.23510638; --btn-active-color: #FFFFFF; --btn-active-bg: #5f3f56; --btn-active-border-color: #5f3f56; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #5f3f56; --btn-disabled-bg: transparent; --btn-disabled-border-color: #5f3f56; --gradient: none; } .o_cc2 .btn-fill-secondary, .o_footer .btn-fill-secondary, .o_cc2 .btn-secondary, .o_footer .btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary { --btn-color: #FFFFFF; --btn-bg: #017e84; --btn-border-color: #017e84; --btn-hover-color: #FFFFFF; --btn-hover-bg: #016b70; --btn-hover-border-color: #01656a; --btn-focus-shadow-rgb: 39, 145, 150; --btn-active-color: #FFFFFF; --btn-active-bg: #01656a; --btn-active-border-color: #015f63; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #017e84; --btn-disabled-border-color: #017e84; } .o_cc2 .btn-outline-secondary, .o_footer .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary { --btn-color: #01747a; --btn-border-color: #01747a; --btn-hover-color: #FFFFFF; --btn-hover-bg: #01747a; --btn-hover-border-color: #01747a; --btn-focus-shadow-rgb: 0.92330827, 116.33684211, 121.87669173; --btn-active-color: #FFFFFF; --btn-active-bg: #01747a; --btn-active-border-color: #01747a; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #01747a; --btn-disabled-bg: transparent; --btn-disabled-border-color: #01747a; --gradient: none; } .o_cc2 .nav-pills .nav-link.active, .o_footer .nav-pills .nav-link.active, .o_cc2 .nav-pills .show > .nav-link, .o_footer .nav-pills .show > .nav-link, .o_colored_level .o_cc2 .nav-pills .nav-link.active, .o_colored_level .o_cc2 .nav-pills .show > .nav-link { background-color: #714b67; color: #FFFFFF; } .o_cc2 a.list-group-item, .o_footer a.list-group-item, .o_colored_level .o_cc2 a.list-group-item { color: #714b67; } .o_cc2 a.list-group-item.active, .o_footer a.list-group-item.active, .o_colored_level .o_cc2 a.list-group-item.active { background-color: #714b67; color: #FFFFFF; border-color: #714b67; } .o_cc3 { --background-color: #017e84; --color: #FFFFFF; background-color: #017e84; color: #FFFFFF; --o-cc-bg: #017e84; } .o_cc3 .text-muted, .o_colored_level .o_cc3 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc3 a:not(.btn), .o_cc3 .btn-link, .o_colored_level .o_cc3 a:not(.btn), .o_colored_level .o_cc3 .btn-link { color: #00a09d; } .o_cc3 a:not(.btn):hover, .o_cc3 .btn-link:hover, .o_colored_level .o_cc3 a:not(.btn):hover, .o_colored_level .o_cc3 .btn-link:hover { color: #005452; } .o_cc3 .btn-fill-primary, .o_cc3 .btn-primary, .o_colored_level .o_cc3 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #714b67; } .o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary { --btn-color: #b18aa7; --btn-border-color: #b18aa7; --btn-hover-color: #FFFFFF; --btn-hover-bg: #b18aa7; --btn-hover-border-color: #b18aa7; --btn-focus-shadow-rgb: 177.40691489, 138.09308511, 167.06117021; --btn-active-color: #FFFFFF; --btn-active-bg: #b18aa7; --btn-active-border-color: #b18aa7; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #b18aa7; --btn-disabled-bg: transparent; --btn-disabled-border-color: #b18aa7; --gradient: none; } .o_cc3 .btn-fill-secondary, .o_cc3 .btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary { --btn-color: #111827; --btn-bg: #f9f9f9; --btn-border-color: #f9f9f9; --btn-hover-color: #111827; --btn-hover-bg: #fafafa; --btn-hover-border-color: #fafafa; --btn-focus-shadow-rgb: 214, 215, 218; --btn-active-color: #111827; --btn-active-bg: #fafafa; --btn-active-border-color: #fafafa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #f9f9f9; --btn-disabled-border-color: #f9f9f9; } .o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary { --btn-color: #fefefe; --btn-border-color: #fefefe; --btn-hover-color: #111827; --btn-hover-bg: #fefefe; --btn-hover-border-color: #fefefe; --btn-focus-shadow-rgb: 254.1, 254.1, 254.1; --btn-active-color: #111827; --btn-active-bg: #fefefe; --btn-active-border-color: #fefefe; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #fefefe; --btn-disabled-bg: transparent; --btn-disabled-border-color: #fefefe; --gradient: none; } .o_cc3 .nav-pills .nav-link.active, .o_cc3 .nav-pills .show > .nav-link, .o_colored_level .o_cc3 .nav-pills .nav-link.active, .o_colored_level .o_cc3 .nav-pills .show > .nav-link { background-color: #714b67; color: #FFFFFF; } .o_cc3 a.list-group-item, .o_colored_level .o_cc3 a.list-group-item { color: #714b67; } .o_cc3 a.list-group-item.active, .o_colored_level .o_cc3 a.list-group-item.active { background-color: #714b67; color: #FFFFFF; border-color: #714b67; } .o_cc3 .btn-close, .o_colored_level .o_cc3 .btn-close { filter: var(--btn-close-white-filter); } .o_cc4 { --background-color: #714b67; --color: #FFFFFF; background-color: #714b67; color: #FFFFFF; --o-cc-bg: #714b67; } .o_cc4 .text-muted, .o_colored_level .o_cc4 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc4 a:not(.btn), .o_cc4 .btn-link, .o_colored_level .o_cc4 a:not(.btn), .o_colored_level .o_cc4 .btn-link { color: black; } .o_cc4 a:not(.btn):hover, .o_cc4 .btn-link:hover, .o_colored_level .o_cc4 a:not(.btn):hover, .o_colored_level .o_cc4 .btn-link:hover { color: black; } .o_cc4 .btn-fill-primary, .o_cc4 .btn-primary, .o_colored_level .o_cc4 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #111827; --btn-border-color: #111827; --btn-hover-color: #FFFFFF; --btn-hover-bg: #0e1421; --btn-hover-border-color: #0e131f; --btn-focus-shadow-rgb: 53, 59, 71; --btn-active-color: #FFFFFF; --btn-active-bg: #0e131f; --btn-active-border-color: #0d121d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #111827; --btn-disabled-border-color: #111827; } .o_cc4 .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary { --btn-color: black; --btn-border-color: black; --btn-hover-color: #FFFFFF; --btn-hover-bg: black; --btn-hover-border-color: black; --btn-focus-shadow-rgb: 0, 0, 0; --btn-active-color: #FFFFFF; --btn-active-bg: black; --btn-active-border-color: black; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: black; --btn-disabled-bg: transparent; --btn-disabled-border-color: black; --gradient: none; } .o_cc4 .btn-fill-secondary, .o_cc4 .btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary { --btn-color: #111827; --btn-bg: #f9f9f9; --btn-border-color: #f9f9f9; --btn-hover-color: #111827; --btn-hover-bg: #fafafa; --btn-hover-border-color: #fafafa; --btn-focus-shadow-rgb: 214, 215, 218; --btn-active-color: #111827; --btn-active-bg: #fafafa; --btn-active-border-color: #fafafa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #f9f9f9; --btn-disabled-border-color: #f9f9f9; } .o_cc4 .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary { --btn-color: white; --btn-border-color: white; --btn-hover-color: #111827; --btn-hover-bg: white; --btn-hover-border-color: white; --btn-focus-shadow-rgb: 255, 255, 255; --btn-active-color: #111827; --btn-active-bg: white; --btn-active-border-color: white; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: white; --btn-disabled-bg: transparent; --btn-disabled-border-color: white; --gradient: none; } .o_cc4 .nav-pills .nav-link.active, .o_cc4 .nav-pills .show > .nav-link, .o_colored_level .o_cc4 .nav-pills .nav-link.active, .o_colored_level .o_cc4 .nav-pills .show > .nav-link { background-color: #111827; color: #FFFFFF; } .o_cc4 a.list-group-item, .o_colored_level .o_cc4 a.list-group-item { color: #111827; } .o_cc4 a.list-group-item.active, .o_colored_level .o_cc4 a.list-group-item.active { background-color: #111827; color: #FFFFFF; border-color: #111827; } .o_cc4 .btn-close, .o_colored_level .o_cc4 .btn-close { filter: var(--btn-close-white-filter); } .o_cc5 { --background-color: #111827; --color: #FFFFFF; background-color: #111827; color: #FFFFFF; --o-cc-bg: #111827; } .o_cc5 .text-muted, .o_colored_level .o_cc5 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc5 h1, .o_cc5 .h1, .o_cc5 h2, .o_cc5 .h2, .o_cc5 h3, .o_cc5 .h3, .o_cc5 h4, .o_cc5 .h4, .o_cc5 h5, .o_cc5 .h5, .o_cc5 h6, .o_cc5 .h6, .o_colored_level .o_cc5 h1, .o_colored_level .o_cc5 h2, .o_colored_level .o_cc5 h3, .o_colored_level .o_cc5 h4, .o_colored_level .o_cc5 h5, .o_colored_level .o_cc5 h6 { color: #ffffff; } .o_cc5 a:not(.btn), .o_cc5 .btn-link, .o_colored_level .o_cc5 a:not(.btn), .o_colored_level .o_cc5 .btn-link { color: #00a09d; } .o_cc5 a:not(.btn):hover, .o_cc5 .btn-link:hover, .o_colored_level .o_cc5 a:not(.btn):hover, .o_colored_level .o_cc5 .btn-link:hover { color: #005452; } .o_cc5 .btn-fill-primary, .o_cc5 .btn-primary, .o_colored_level .o_cc5 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #714b67; } .o_cc5 .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary { --btn-color: #b18aa7; --btn-border-color: #b18aa7; --btn-hover-color: #FFFFFF; --btn-hover-bg: #b18aa7; --btn-hover-border-color: #b18aa7; --btn-focus-shadow-rgb: 177.40691489, 138.09308511, 167.06117021; --btn-active-color: #FFFFFF; --btn-active-bg: #b18aa7; --btn-active-border-color: #b18aa7; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #b18aa7; --btn-disabled-bg: transparent; --btn-disabled-border-color: #b18aa7; --gradient: none; } .o_cc5 .btn-fill-secondary, .o_cc5 .btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary { --btn-color: #111827; --btn-bg: #f9f9f9; --btn-border-color: #f9f9f9; --btn-hover-color: #111827; --btn-hover-bg: #fafafa; --btn-hover-border-color: #fafafa; --btn-focus-shadow-rgb: 214, 215, 218; --btn-active-color: #111827; --btn-active-bg: #fafafa; --btn-active-border-color: #fafafa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #f9f9f9; --btn-disabled-border-color: #f9f9f9; } .o_cc5 .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary { --btn-color: #f9f9f9; --btn-border-color: #f9f9f9; --btn-hover-color: #111827; --btn-hover-bg: #f9f9f9; --btn-hover-border-color: #f9f9f9; --btn-focus-shadow-rgb: 249, 249, 249; --btn-active-color: #111827; --btn-active-bg: #f9f9f9; --btn-active-border-color: #f9f9f9; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #f9f9f9; --btn-disabled-bg: transparent; --btn-disabled-border-color: #f9f9f9; --gradient: none; } .o_cc5 .nav-pills .nav-link.active, .o_cc5 .nav-pills .show > .nav-link, .o_colored_level .o_cc5 .nav-pills .nav-link.active, .o_colored_level .o_cc5 .nav-pills .show > .nav-link { background-color: #714b67; color: #FFFFFF; } .o_cc5 a.list-group-item, .o_colored_level .o_cc5 a.list-group-item { color: #714b67; } .o_cc5 a.list-group-item.active, .o_colored_level .o_cc5 a.list-group-item.active { background-color: #714b67; color: #FFFFFF; border-color: #714b67; } .o_cc5 .btn-close, .o_colored_level .o_cc5 .btn-close { filter: var(--btn-close-white-filter); } .btn-custom:hover, .btn-fill-custom:hover { filter: invert(0.2); } .btn-outline-custom:not(:hover) { background-color: transparent !important; background-image: none !important; } .o_full_screen_height, .cover_full, .o_half_screen_height, .cover_mid { display: flex; flex-direction: column; justify-content: space-around; min-height: 100vh !important; } .o_half_screen_height, .cover_mid { min-height: 55vh !important; } @media (min-width: 992px) { .o_container_small { max-width: 720px; } } .oe_img_bg { background-size: cover; background-repeat: no-repeat; } .oe_img_bg.o_bg_img_opt_repeat { background-size: auto; background-repeat: repeat !important; } .oe_img_bg.o_bg_img_center { background-position: center; } .oe_img_bg.o_bg_img_origin_border_box { background-origin: border-box; } .text-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient .o_animated_text, .text-gradient .o_animated_text *, .text-gradient.o_animated_text *, .text-gradient .o_text_highlight, .text-gradient .o_text_highlight *, .text-gradient.o_text_highlight * { background-image: inherit; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .text-gradient .fa { display: inherit; } .text-gradient u:not(font[style*="-webkit-text-fill-color"] u), .text-gradient s:not(font[style*="-webkit-text-fill-color"] s) { background-size: 100% 0.1em; background-repeat: repeat-x; background-image: inherit !important; text-decoration-color: transparent !important; color: transparent; caret-color: black; } .text-gradient * { background-size: 0px; background-image: inherit !important; } .text-gradient s:not(font[style*="-webkit-text-fill-color"] s) { background-position: 0 50%; } .text-gradient u:not(font[style*="-webkit-text-fill-color"] u) { background-position: 0 95%; } .ui-autocomplete { max-height: 45vh; overflow-y: auto; overflow-x: hidden; } .ui-autocomplete .ui-menu-item { padding: 0; } .ui-autocomplete .ui-menu-item > .ui-state-active { border: none; font-weight: normal; margin: 0; } .ui-autocomplete .fw-bold { font-weight: 700 !important; } .o_editor_banner p, .o_editor_banner h1, .o_editor_banner .h1, .o_editor_banner h2, .o_editor_banner .h2, .o_editor_banner h3, .o_editor_banner .h3, .o_editor_banner ul, .o_editor_banner ol { margin-bottom: 1rem; } .o_editor_banner ol ol, .o_editor_banner ul ul, .o_editor_banner ol ul, .o_editor_banner ul ol { margin-bottom: 0; } .o_editor_banner ul.o_checklist > li:not(.oe-nested)::before { top: 0px !important; } code.o_inline_code { padding: .2em .4em; border-radius: 0.625rem; background-color: var(--WebEditor__inlineCode-bg, #F3F4F6); font-size: 85%; color: #212529; } /* /html_editor/static/src/scss/html_editor.frontend.scss */ .o_wysiwyg_loader { pointer-events: none; min-height: 100px; color: transparent; } .o_wysiwyg_loading { position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); } @media (max-width: 767.98px) { .o_we_shape:not(.o_shape_show_mobile) { display: none; } } .o_we_flip_x { transform: scaleX(-1); } .o_we_flip_y { transform: scaleY(-1); } .o_we_flip_x.o_we_flip_y { transform: scale(-1); } .o_grid_mode { --grid-item-padding-y: 10px; --grid-item-padding-x: 10px; } @media (max-width: 991.98px) { .o_grid_mode { column-gap: 0px !important; } } .o_grid_mode > * { padding: var(--grid-item-padding-y) var(--grid-item-padding-x) !important; } @media (max-width: 991.98px) { .o_grid_mode > * { padding: var(--grid-item-padding-y) calc(0.5 * var(--gutter-x)) !important; } .o_grid_mode > *.o_grid_item_image { --mobile-grid-item-padding-x: clamp(0px, calc(var(--grid-item-padding-x) * 100000), calc(0.5 * var(--gutter-x))); padding: var(--grid-item-padding-y) var(--mobile-grid-item-padding-x) !important; } .o_grid_mode > *.o_grid_item_image > img { max-width: 100%; } } .o_grid_mode > *.o_grid_item_image img { border-radius: calc(var(--box-border-top-left-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-left-width, 0px))) calc(var(--box-border-top-right-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-right-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-left-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-left-width, 0px))); } .o_grid_mode > *.o_grid_item:has(.dropdown-menu.show, .show.o_dropdown_menu) { z-index: 1000 !important; } @media (min-width: 992px) { .o_grid_mode { display: grid !important; grid-auto-rows: 50px; grid-template-columns: repeat(12, 1fr); row-gap: 0px; column-gap: 0px; --gutter-x: 0px; } .o_grid_mode .o_grid_item > .row, .o_grid_mode .o_grid_item > .o_text_columns > .row { --grid-inner-row-gutter-x: clamp(0px, 2 * var(--grid-item-padding-x), 32px); margin-left: calc(-0.5 * var(--grid-inner-row-gutter-x)); margin-right: calc(-0.5 * var(--grid-inner-row-gutter-x)); } .o_grid_mode > * { margin: 0 !important; width: 100%; min-width: 0; } .container-fluid > .o_grid_mode, .container-sm > .o_grid_mode, .container-md > .o_grid_mode, .container-lg > .o_grid_mode, .container-xl > .o_grid_mode, .container-xxl > .o_grid_mode { --gutter-x: 32px; } .o_extra_menu_items .o_grid_mode { display: flex !important; row-gap: 0px !important; column-gap: 0px !important; } .o_grid_item_image img, .o_grid_item_image .media_iframe_video { width: 100% !important; height: 100% !important; object-fit: cover !important; } .o_grid_item_image.o_grid_item_image_contain img, .o_grid_item_image img[data-shape] { object-fit: contain !important; } .o_grid_item_image:not(.o_grid_item_image_contain) img[data-shape$="geo_square"]:not( [data-hover-effect="dolly_zoom"], [data-hover-effect="outline"], [data-hover-effect="image_mirror_blur"]) { object-fit: cover !important; } .o_grid_item_image > a { width: 100%; height: 100%; } } body.editor_enable:not(.o_basic_theme) .odoo-editor-editable img::selection { background-color: transparent !important; } .border { --box-border-width: var(--border-width); --box-border-top-width: var(--box-border-width); --box-border-right-width: var(--box-border-width); --box-border-bottom-width: var(--box-border-width); --box-border-left-width: var(--box-border-width); border-width: var(--box-border-top-width) var(--box-border-right-width) var(--box-border-bottom-width) var(--box-border-left-width) !important; } .rounded-pill, .rounded-circle, .fa.rounded-empty-circle, .rounded-5, .rounded-4, .rounded-3, .rounded-2, .rounded-1, .rounded-0, .rounded { --box-border-radius: var(--border-radius); --box-border-top-left-radius: var(--box-border-radius); --box-border-top-right-radius: var(--box-border-radius); --box-border-bottom-right-radius: var(--box-border-radius); --box-border-bottom-left-radius: var(--box-border-radius); border-radius: var(--box-border-top-left-radius) var(--box-border-top-right-radius) var(--box-border-bottom-right-radius) var(--box-border-bottom-left-radius) !important; } /* /html_editor/static/src/scss/base_style.scss */ li.oe-nested { display: block; } .o_table tr { border-color: #d8dadd; } .o_table tr td { padding: 0.5rem; } .o_text_columns { max-width: 100% !important; padding: 0 !important; } .oe-tabs { display: inline-block; white-space: pre-wrap; max-width: 40px; width: 40px; } ol { list-style-type: decimal; } ul { list-style-type: disc; } ol ol { list-style-type: lower-alpha; } ul ul { list-style-type: circle; } ol ol ol { list-style-type: lower-roman; } ul ul ul { list-style-type: square; } ol ol ol ol { list-style-type: decimal; } ul ul ul ul { list-style-type: disc; } ol ol ol ol ol { list-style-type: lower-alpha; } ul ul ul ul ul { list-style-type: circle; } ol ol ol ol ol ol { list-style-type: lower-roman; } ul ul ul ul ul ul { list-style-type: square; } ol ol ol ol ol ol ol { list-style-type: decimal; } ul ul ul ul ul ul ul { list-style-type: disc; } ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul { list-style-type: circle; } ol ol ol ol ol ol ol ol ol { list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul { list-style-type: square; } ol ol ol ol ol ol ol ol ol ol { list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul { list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul { list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol { list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul { list-style-type: circle; } /* /html_editor/static/src/main/selection_placeholder_plugin.scss */ @keyframes blink-caret { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } } *[data-selection-placeholder] { height: 0; margin: 0 0 -1px !important; border-top: solid transparent 1px; caret-color: transparent; position: relative; } *[data-selection-placeholder].o-horizontal-caret { border-top-color: gray; z-index: 1; animation: blink-caret 1.3s infinite; } *[data-selection-placeholder]:after { content: none !important; } /* /portal/static/src/scss/portal.scss */ body { direction: ltr; } .o_skip_to_content { z-index: 1031; } header .navbar-brand { flex: 0 0 auto; max-width: 75%; } header .navbar-brand.logo { padding-top: 0; padding-bottom: 0; } header .navbar-brand.logo img { object-fit: contain; display: block; width: auto; height: 2.5rem; } @media (max-width: 767.98px) { header .navbar-brand.logo img { max-height: 2.5rem; } } header .nav-link { white-space: nowrap; } .navbar { margin-bottom: 0; } @media (max-width: 767.98px) { .navbar .nav.navbar-nav.float-end { float: none !important; } } @media (min-width: 768px) { .navbar-expand-md ul.nav > li.divider { display: list-item; } } ul.flex-column > li > a { padding: 2px 15px; } a.fa:hover, .btn-link.fa:hover { text-decoration: none; } .jumbotron { margin-bottom: 0; } li > p { margin: 0; } .container-fluid .container-fluid, .container-sm .container-fluid, .container-md .container-fluid, .container-lg .container-fluid, .container-xl .container-fluid, .container-xxl .container-fluid, .container-fluid .container-sm, .container-sm .container-sm, .container-md .container-sm, .container-lg .container-sm, .container-xl .container-sm, .container-xxl .container-sm, .container-fluid .container-md, .container-sm .container-md, .container-md .container-md, .container-lg .container-md, .container-xl .container-md, .container-xxl .container-md, .container-fluid .container-lg, .container-sm .container-lg, .container-md .container-lg, .container-lg .container-lg, .container-xl .container-lg, .container-xxl .container-lg, .container-fluid .container-xl, .container-sm .container-xl, .container-md .container-xl, .container-lg .container-xl, .container-xl .container-xl, .container-xxl .container-xl, .container-fluid .container-xxl, .container-sm .container-xxl, .container-md .container-xxl, .container-lg .container-xxl, .container-xl .container-xxl, .container-xxl .container-xxl, .container .container, .o_container_small .container, .container .o_container_small, .o_container_small .o_container_small, .container .container-fluid, .o_container_small .container-fluid, .container .container-sm, .o_container_small .container-sm, .container .container-md, .o_container_small .container-md, .container .container-lg, .o_container_small .container-lg, .container .container-xl, .o_container_small .container-xl, .container .container-xxl, .o_container_small .container-xxl { padding-right: 0; padding-left: 0; } #wrap .container::before, #wrap .o_container_small::before, #wrap .container::after, #wrap .o_container_small::after, #wrap .container-fluid::before, #wrap .container-sm::before, #wrap .container-md::before, #wrap .container-lg::before, #wrap .container-xl::before, #wrap .container-xxl::before, #wrap .container-fluid::after, #wrap .container-sm::after, #wrap .container-md::after, #wrap .container-lg::after, #wrap .container-xl::after, #wrap .container-xxl::after { content: ""; display: table; clear: both; } #wrap .navbar > .container::before, #wrap .navbar > .container-fluid::before, #wrap .navbar > .container-sm::before, #wrap .navbar > .container-md::before, #wrap .navbar > .container-lg::before, #wrap .navbar > .container-xl::before, #wrap .navbar > .container-xxl::before, #wrap .navbar > .o_container_small::before, #wrap .navbar > .container::after, #wrap .navbar > .container-fluid::after, #wrap .navbar > .container-sm::after, #wrap .navbar > .container-md::after, #wrap .navbar > .container-lg::after, #wrap .navbar > .container-xl::after, #wrap .navbar > .container-xxl::after, #wrap .navbar > .o_container_small::after { display: none; } [class^="col-lg-"] { min-height: 24px; } .input-group:where(:not(:has(.was-validated :invalid ~ .invalid-feedback, .is-invalid ~ .invalid-feedback))) { flex-flow: row nowrap; } .list-group-item:not([class*="list-group-item-"]):not(.active) { color: #111827; } .o_portal_wrap .o_portal_navbar .breadcrumb, .o_portal .breadcrumb { background-color: inherit; } .o_page_header { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: var(--o-border-color); } img.float-end, .media_iframe_video.float-end, .o_image.float-end { margin-left: 16px; } img.float-start, .media_iframe_video.float-start, .o_image.float-start { margin-right: 16px; } ::-moz-selection { background: rgba(150, 150, 220, 0.3); } ::selection { background: rgba(150, 150, 220, 0.3); } .oe_search_box { padding-right: 23px; text-overflow: ellipsis; } .para_large { font-size: 120%; } .jumbotron .para_large p { font-size: 150%; } .readable { font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto; } .readable .container, .readable .o_container_small { padding-left: 0; padding-right: 0; width: auto; } .oe_dark { background-color: rgba(200, 200, 200, 0.14); } .oe_black { background-color: rgba(0, 0, 0, 0.9); color: white; } .oe_green { background-color: #169C78; color: white; } .oe_green .text-muted { color: #ddd !important; } .oe_blue_light { background-color: #41b6ab; color: white; } .oe_blue_light .text-muted { color: #ddd !important; } .oe_blue { background-color: #34495e; color: white; } .oe_orange { background-color: #f05442; color: white; } .oe_orange .text-muted { color: #ddd !important; } .oe_purple { background-color: #b163a3; color: white; } .oe_purple .text-muted { color: #ddd !important; } .oe_red { background-color: #9C1b31; color: white; } .oe_red .text-muted { color: #ddd !important; } .oe_none { background-color: #FFFFFF; } .oe_yellow { background-color: #A2A51B; } .oe_green { background-color: #149F2C; } .o_portal > tbody.o_portal_report_tbody { vertical-align: middle; } .o_portal_wrap .o_portal_my_home > .o_page_header > a:hover { text-decoration: none; } .o_portal_wrap .o_portal_navbar .breadcrumb { padding-left: 0; padding-right: 0; } .o_portal_wrap .o_portal_my_doc_table th { padding-top: 0.25rem; padding-bottom: 0.25rem; max-width: 500px; } .o_portal_wrap .o_portal_my_doc_table td { padding-top: 0.5rem; padding-bottom: 0.5rem; max-width: 10rem; } .o_portal_wrap .o_portal_my_doc_table td, .o_portal_wrap .o_portal_my_doc_table th { vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .o_portal_wrap .o_my_sidebar div[itemprop="address"] > div { margin-top: 0.5em; } @media (max-width: 991.98px) { .o_portal_wrap #o_portal_navbar_content { margin: 0.5rem 0 0; padding: 0.5rem 16px; border-top: 1px solid var(--o-border-color); background-color: #F3F4F6; } } .o_portal_wrap table.table tr { word-wrap: break-word; } .o_portal_address span[itemprop="name"] { display: inline-block; margin-bottom: 0.25rem; font-weight: 600; } .o_portal_address div[itemprop="address"] > div { position: relative; } .o_portal_address div[itemprop="address"] > div span[itemprop="streetAddress"] { line-height: 1.2; margin-bottom: 0.3em; } .o_portal_address div[itemprop="address"] > div .fa { line-height: 1.5; color: #7c7f89; } .o_portal_address div[itemprop="address"] > div .fa + span, .o_portal_address div[itemprop="address"] > div .fa + div { display: block; } .o_address_card .o_portal_address { display: flex; flex-direction: column; justify-content: space-between; gap: 0.5rem; } .o_address_card span[itemprop="streetAddress"] { color: var(--secondary-color); } .oe_attachments .o_image_small { height: 40px; width: 50px; background-repeat: no-repeat; } .o_portal_sidebar .o_portal_html_view .o_portal_html_loader { position: absolute; top: 45%; left: 0; bottom: auto; right: 0; } .o_portal_sidebar .o_portal_sidebar_content span.oe_currency_value { word-break: break-word !important; white-space: normal !important; } .o_portal_chatter { padding: 10px; } .o_portal_chatter .o_portal_chatter_avatar { --Avatar-size: 45px; } .o_portal_chatter .o_portal_chatter_header { margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_composer { margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_messages { margin-bottom: 15px; overflow-wrap: break-word; word-break: break-word; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message div.flex-grow-1 > p:not(.o_portal_chatter_puslished_date):last-of-type { margin-bottom: 5px; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message_title p { font-size: 85%; color: rgba(55, 65, 81, 0.7); margin: 0px; } .o_portal_chatter .o_portal_chatter_pager { text-align: center; } .o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_name, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_name { max-width: 200px; } .o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_delete { position: absolute; top: 0; left: auto; bottom: auto; right: 0; opacity: 0; } .o_portal_chatter .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete { opacity: 1; } .o_portal_chatter .o_portal_message_internal_off .o_portal_chatter_visibility_on, .o_portal_chatter_composer .o_portal_message_internal_off .o_portal_chatter_visibility_on { display: none; } .o_portal_chatter .o_portal_message_internal_on .o_portal_chatter_visibility_off, .o_portal_chatter_composer .o_portal_message_internal_on .o_portal_chatter_visibility_off { display: none; } .o_portal_security_body section { margin-top: 3rem; border-top: 1px solid var(--o-border-color); padding-top: 1.5rem; } .o_portal_security_body section form.oe_reset_password_form { max-width: initial; margin: initial; } .o_portal_security_body section label, .o_portal_security_body section button { white-space: nowrap; } .o_portal_security_body section[name="portal_deactivate_account"] label { white-space: normal !important; } .o_portal .o_portal_addresses { max-width: 700px; } .o_customer_address_fill .col-form-label:not(.label-optional)::after { content: " *"; font-weight: normal; } .oe_clear_stucture > .oe_structure { clear: both; } .o_footer_copyright .o_footer_copyright_name { vertical-align: middle; } .o_footer_copyright .js_language_selector { display: inline-block; } @media (min-width: 768px) { .o_footer_copyright .row { display: flex; } .o_footer_copyright .row > div { margin: auto 0; } } /* /payment/static/src/scss/payment_form.scss */ .o_payment_form .o_outline:hover { border-color: #714b67; } .o_payment_form .o_outline:not(:first-child):hover { box-shadow: 0 -1px 0 #714b67; } .o_payment_form .o_outline .o_payment_option_label:before { position: absolute; inset: 0; content: ''; cursor: pointer; } /* /payment/static/src/scss/payment_provider.scss */ .o_form_view .o_payment_provider_desc { margin-top: 10px; } .o_form_view .o_payment_provider_desc ul { list-style-type: none; padding: 0; } .o_form_view .o_payment_provider_desc ul i.fa { margin-right: 5px; } .o_form_view .o_payment_provider_desc ul i.fa.fa-check { color: green; } .o_form_view .o_warning_text { color: #f0ad4e; } /* /payment/static/src/scss/portal_templates.scss */ div[name="o_payment_status_alert"] div > p { margin-bottom: 0; } @media (min-width: 768px) { .o_payment_summary_separator { border-left: 1px solid var(--o-border-color); } } /* /sale/static/src/scss/sale_portal.scss */ /* ---- My Orders page ---- */ .orders_vertical_align { display: flex; align-items: center; } .orders_label_text_align { vertical-align: 15%; } /* ---- Order page ---- */ .sale_tbody .o_line_note { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .sale_tbody input.js_quantity { width: 48px; text-align: center; } .sale_tbody div.input-group.w-50.pull-right { width: 100% !important; } .o_portal .sale_tbody .js_quantity_container .js_quantity { padding: 0; } .o_portal .sale_tbody .js_quantity_container .input-group-text { padding: 0.2rem 0.4rem; } @media (max-width: 767.98px) { .o_portal .sale_tbody .js_quantity_container { width: 100%; } } .o_sale_payment_terms p { margin: 0; } /* /google_recaptcha/static/src/scss/recaptcha.scss */ .grecaptcha-badge { visibility: hidden; } /* /html_builder/static/src/scss/background.scss */ .o_background_video, .parallax, section, .oe_img_bg, [data-oe-shape-data], .o_background_video > *, .parallax > *, section > *, .oe_img_bg > *, [data-oe-shape-data] > * { position: relative; } .parallax > .s_parallax_bg, .o_bg_video_container, .o_we_shape, .o_we_bg_filter { position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat; pointer-events: none; border-radius: calc(var(--box-border-top-left-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-left-width, 0px))) calc(var(--box-border-top-right-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-right-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-left-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-left-width, 0px))); } .o_we_shape.o_we_animated { will-change: transform; } .o_we_shape.o_web_editor_Airy_01_001 { background-image: url("/html_editor/shape/html_builder/Airy/01_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_02_001 { background-image: url("/html_editor/shape/html_builder/Airy/02_001.svg?c5=%23111827"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_06_001 { background-image: url("/html_editor/shape/html_builder/Airy/06_001.svg?c5=%23111827"); background-position: left bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_07_001 { background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_08_001 { background-image: url("/html_editor/shape/html_builder/Airy/08_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_09_001 { background-image: url("/html_editor/shape/html_builder/Airy/09_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_10_001 { background-image: url("/html_editor/shape/html_builder/Airy/10_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_11_001 { background-image: url("/html_editor/shape/html_builder/Airy/11_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12_002 { background-image: url("/html_editor/shape/html_builder/Airy/12_002.svg?c5=%23111827&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13_002 { background-image: url("/html_editor/shape/html_builder/Airy/13_002.svg?c5=%23111827&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_14_001 { background-image: url("/html_editor/shape/html_builder/Airy/14_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_15 { background-image: url("/html_editor/shape/html_builder/Airy/15.svg?c5=%23111827"); background-position: 150% center; background-size: 85% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_16 { background-image: url("/html_editor/shape/html_builder/Airy/16.svg?c5=%23111827"); background-position: center right; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_17 { background-image: url("/html_editor/shape/html_builder/Airy/17.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_01 { background-image: url("/html_editor/shape/html_builder/Angular/01.svg?c5=%23111827"); background-position: right bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_02 { background-image: url("/html_editor/shape/html_builder/Angular/02.svg?c5=%23111827"); background-position: left bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_03 { background-image: url("/html_editor/shape/html_builder/Angular/03.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_04 { background-image: url("/html_editor/shape/html_builder/Angular/04.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_05 { background-image: url("/html_editor/shape/html_builder/Angular/05.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_06 { background-image: url("/html_editor/shape/html_builder/Angular/06.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_07 { background-image: url("/html_editor/shape/html_builder/Angular/07.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_08 { background-image: url("/html_editor/shape/html_builder/Angular/08.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_09 { background-image: url("/html_editor/shape/html_builder/Angular/09.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01_001 { background-image: url("/html_editor/shape/html_builder/Blobs/01_001.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_02 { background-image: url("/html_editor/shape/html_builder/Blobs/02.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_03 { background-image: url("/html_editor/shape/html_builder/Blobs/03.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_04_001 { background-image: url("/html_editor/shape/html_builder/Blobs/04_001.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_05_001 { background-image: url("/html_editor/shape/html_builder/Blobs/05_001.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_06_001 { background-image: url("/html_editor/shape/html_builder/Blobs/06_001.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10_002 { background-image: url("/html_editor/shape/html_builder/Blobs/10_002.svg?c5=%23111827"); background-position: right; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_13 { background-image: url("/html_editor/shape/html_builder/Blobs/13.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_14 { background-image: url("/html_editor/shape/html_builder/Blobs/14.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_15 { background-image: url("/html_editor/shape/html_builder/Blobs/15.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_16 { background-image: url("/html_editor/shape/html_builder/Blobs/16.svg?c5=%23111827"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_17 { background-image: url("/html_editor/shape/html_builder/Blobs/17.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_18 { background-image: url("/html_editor/shape/html_builder/Blobs/18.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01_001 { background-image: url("/html_editor/shape/html_builder/Blocks/01_001.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_02_001 { background-image: url("/html_editor/shape/html_builder/Blocks/02_001.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_04 { background-image: url("/html_editor/shape/html_builder/Blocks/04.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_01 { background-image: url("/html_editor/shape/html_builder/Blurry/01.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_02 { background-image: url("/html_editor/shape/html_builder/Blurry/02.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_03 { background-image: url("/html_editor/shape/html_builder/Blurry/03.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_04 { background-image: url("/html_editor/shape/html_builder/Blurry/04.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_05 { background-image: url("/html_editor/shape/html_builder/Blurry/05.svg?c1=%23714b67&c2=%23017e84&c4=%23ffffff"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_06 { background-image: url("/html_editor/shape/html_builder/Blurry/06.svg?c1=%23714b67&c4=%23ffffff"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_01_001 { background-image: url("/html_editor/shape/html_builder/Bold/01_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_13 { background-image: url("/html_editor/shape/html_builder/Bold/13.svg?c5=%23111827"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_14 { background-image: url("/html_editor/shape/html_builder/Bold/14.svg?c1=%23714b67&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_15 { background-image: url("/html_editor/shape/html_builder/Bold/15.svg?c5=%23111827"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_16 { background-image: url("/html_editor/shape/html_builder/Bold/16.svg?c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_17 { background-image: url("/html_editor/shape/html_builder/Bold/17.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_18 { background-image: url("/html_editor/shape/html_builder/Bold/18.svg?c5=%23111827"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_19 { background-image: url("/html_editor/shape/html_builder/Bold/19.svg?c5=%23111827"); background-position: left top; background-size: 100% 12rem; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_20 { background-image: url("/html_editor/shape/html_builder/Bold/20.svg?c1=%23714b67&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_21 { background-image: url("/html_editor/shape/html_builder/Bold/21.svg?c5=%23111827"); background-position: right bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_22 { background-image: url("/html_editor/shape/html_builder/Bold/22.svg?c5=%23111827"); background-position: right top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_23 { background-image: url("/html_editor/shape/html_builder/Bold/23.svg?c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_01 { background-image: url("/html_editor/shape/html_builder/Connections/01.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_02 { background-image: url("/html_editor/shape/html_builder/Connections/02.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_03 { background-image: url("/html_editor/shape/html_builder/Connections/03.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_04 { background-image: url("/html_editor/shape/html_builder/Connections/04.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_05 { background-image: url("/html_editor/shape/html_builder/Connections/05.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_06 { background-image: url("/html_editor/shape/html_builder/Connections/06.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_07 { background-image: url("/html_editor/shape/html_builder/Connections/07.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_08 { background-image: url("/html_editor/shape/html_builder/Connections/08.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_09 { background-image: url("/html_editor/shape/html_builder/Connections/09.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_10 { background-image: url("/html_editor/shape/html_builder/Connections/10.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_11 { background-image: url("/html_editor/shape/html_builder/Connections/11.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_12 { background-image: url("/html_editor/shape/html_builder/Connections/12.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_13 { background-image: url("/html_editor/shape/html_builder/Connections/13.svg?c5=%23111827"); background-position: bottom; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_14 { background-image: url("/html_editor/shape/html_builder/Connections/14.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_15 { background-image: url("/html_editor/shape/html_builder/Connections/15.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_16 { background-image: url("/html_editor/shape/html_builder/Connections/16.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_17 { background-image: url("/html_editor/shape/html_builder/Connections/17.svg?c5=%23111827"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_web_editor_Connections_18 { background-image: url("/html_editor/shape/html_builder/Connections/18.svg?c5=%23111827"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_web_editor_Connections_19 { background-image: url("/html_editor/shape/html_builder/Connections/19.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_20 { background-image: url("/html_editor/shape/html_builder/Connections/20.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-big); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_01 { background-image: url("/html_editor/shape/html_builder/Containers/01.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_02 { background-image: url("/html_editor/shape/html_builder/Containers/02.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_03 { background-image: url("/html_editor/shape/html_builder/Containers/03.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_04 { background-image: url("/html_editor/shape/html_builder/Containers/04.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_05 { background-image: url("/html_editor/shape/html_builder/Containers/05.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_06 { background-image: url("/html_editor/shape/html_builder/Containers/06.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_01 { background-image: url("/html_editor/shape/html_builder/Floats/01.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c4=%23ffffff&c5=%23111827"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_02 { background-image: url("/html_editor/shape/html_builder/Floats/02.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_03 { background-image: url("/html_editor/shape/html_builder/Floats/03.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_04 { background-image: url("/html_editor/shape/html_builder/Floats/04.svg?c1=%23714b67&c2=%23017e84&c4=%23ffffff&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_05 { background-image: url("/html_editor/shape/html_builder/Floats/05.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_06 { background-image: url("/html_editor/shape/html_builder/Floats/06.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_07 { background-image: url("/html_editor/shape/html_builder/Floats/07.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: right bottom; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_08 { background-image: url("/html_editor/shape/html_builder/Floats/08.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_09 { background-image: url("/html_editor/shape/html_builder/Floats/09.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_10 { background-image: url("/html_editor/shape/html_builder/Floats/10.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_11 { background-image: url("/html_editor/shape/html_builder/Floats/11.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_12 { background-image: url("/html_editor/shape/html_builder/Floats/12.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Floats_13 { background-image: url("/html_editor/shape/html_builder/Floats/13.svg?c1=%23714b67&c2=%23017e84&c5=%23111827"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_14 { background-image: url("/html_editor/shape/html_builder/Floats/14.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Grids_01 { background-image: url("/html_editor/shape/html_builder/Grids/01.svg?c5=%23111827"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_02 { background-image: url("/html_editor/shape/html_builder/Grids/02.svg?c5=%23111827"); background-position: right center; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_03 { background-image: url("/html_editor/shape/html_builder/Grids/03.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_04 { background-image: url("/html_editor/shape/html_builder/Grids/04.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_05 { background-image: url("/html_editor/shape/html_builder/Grids/05.svg?c5=%23111827"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_06 { background-image: url("/html_editor/shape/html_builder/Grids/06.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_07 { background-image: url("/html_editor/shape/html_builder/Grids/07.svg?c5=%23111827"); background-position: right center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_08 { background-image: url("/html_editor/shape/html_builder/Grids/08.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Patterns_01 { background-image: url("/html_editor/shape/html_builder/Patterns/01.svg?c5=%23111827"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_02 { background-image: url("/html_editor/shape/html_builder/Patterns/02.svg?c5=%23111827"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_03 { background-image: url("/html_editor/shape/html_builder/Patterns/03.svg?c5=%23111827"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_04 { background-image: url("/html_editor/shape/html_builder/Patterns/04.svg?c5=%23111827"); background-position: center; background-size: var(--ShapePattern--size-tiny) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_05 { background-image: url("/html_editor/shape/html_builder/Patterns/05.svg?c5=%23111827"); background-position: center; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Rainy_01_001 { background-image: url("/html_editor/shape/html_builder/Rainy/01_001.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02_001 { background-image: url("/html_editor/shape/html_builder/Rainy/02_001.svg?c1=%23714b67&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_06 { background-image: url("/html_editor/shape/html_builder/Rainy/06.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_07 { background-image: url("/html_editor/shape/html_builder/Rainy/07.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_08_001 { background-image: url("/html_editor/shape/html_builder/Rainy/08_001.svg?c1=%23714b67&c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_09_001 { background-image: url("/html_editor/shape/html_builder/Rainy/09_001.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_10 { background-image: url("/html_editor/shape/html_builder/Rainy/10.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_03 { background-image: url("/html_editor/shape/html_builder/Wavy/03.svg?c1=%23714b67&c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_04 { background-image: url("/html_editor/shape/html_builder/Wavy/04.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_08_001 { background-image: url("/html_editor/shape/html_builder/Wavy/08_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_09_001 { background-image: url("/html_editor/shape/html_builder/Wavy/09_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_10 { background-image: url("/html_editor/shape/html_builder/Wavy/10.svg?c1=%23714b67&c2=%23017e84"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_11_001 { background-image: url("/html_editor/shape/html_builder/Wavy/11_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_18 { background-image: url("/html_editor/shape/html_builder/Wavy/18.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_22_001 { background-image: url("/html_editor/shape/html_builder/Wavy/22_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_24 { background-image: url("/html_editor/shape/html_builder/Wavy/24.svg?c1=%23714b67&c2=%23017e84"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_26 { background-image: url("/html_editor/shape/html_builder/Wavy/26.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_27 { background-image: url("/html_editor/shape/html_builder/Wavy/27.svg?c1=%23714b67&c2=%23017e84"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_29 { background-image: url("/html_editor/shape/html_builder/Wavy/29.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_30 { background-image: url("/html_editor/shape/html_builder/Wavy/30.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_31 { background-image: url("/html_editor/shape/html_builder/Wavy/31.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01_001 { background-image: url("/html_editor/shape/html_builder/Zigs/01_001.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_01 { background-image: url("/html_editor/shape/html_builder/Airy/01.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_02 { background-image: url("/html_editor/shape/html_builder/Airy/02.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_03 { background-image: url("/html_editor/shape/html_builder/Airy/03.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_03_001 { background-image: url("/html_editor/shape/html_builder/Airy/03_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_04 { background-image: url("/html_editor/shape/html_builder/Airy/04.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_04_001 { background-image: url("/html_editor/shape/html_builder/Airy/04_001.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_05 { background-image: url("/html_editor/shape/html_builder/Airy/05.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_05_001 { background-image: url("/html_editor/shape/html_builder/Airy/05_001.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_06 { background-image: url("/html_editor/shape/html_builder/Airy/06.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_07 { background-image: url("/html_editor/shape/html_builder/Airy/07.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_08 { background-image: url("/html_editor/shape/html_builder/Airy/08.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_09 { background-image: url("/html_editor/shape/html_builder/Airy/09.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_10 { background-image: url("/html_editor/shape/html_builder/Airy/10.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_11 { background-image: url("/html_editor/shape/html_builder/Airy/11.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12 { background-image: url("/html_editor/shape/html_builder/Airy/12.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12_001 { background-image: url("/html_editor/shape/html_builder/Airy/12_001.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13 { background-image: url("/html_editor/shape/html_builder/Airy/13.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13_001 { background-image: url("/html_editor/shape/html_builder/Airy/13_001.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_14 { background-image: url("/html_editor/shape/html_builder/Airy/14.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01 { background-image: url("/html_editor/shape/html_builder/Blobs/01.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_04 { background-image: url("/html_editor/shape/html_builder/Blobs/04.svg?c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_05 { background-image: url("/html_editor/shape/html_builder/Blobs/05.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_06 { background-image: url("/html_editor/shape/html_builder/Blobs/06.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_07 { background-image: url("/html_editor/shape/html_builder/Blobs/07.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_08 { background-image: url("/html_editor/shape/html_builder/Blobs/08.svg?c1=%23714b67"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_09 { background-image: url("/html_editor/shape/html_builder/Blobs/09.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10 { background-image: url("/html_editor/shape/html_builder/Blobs/10.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10_001 { background-image: url("/html_editor/shape/html_builder/Blobs/10_001.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_11 { background-image: url("/html_editor/shape/html_builder/Blobs/11.svg?c1=%23714b67"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_12 { background-image: url("/html_editor/shape/html_builder/Blobs/12.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01 { background-image: url("/html_editor/shape/html_builder/Blocks/01.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_02 { background-image: url("/html_editor/shape/html_builder/Blocks/02.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_03 { background-image: url("/html_editor/shape/html_builder/Blocks/03.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_01 { background-image: url("/html_editor/shape/html_builder/Bold/01.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_02 { background-image: url("/html_editor/shape/html_builder/Bold/02.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_03 { background-image: url("/html_editor/shape/html_builder/Bold/03.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_04 { background-image: url("/html_editor/shape/html_builder/Bold/04.svg?c2=%23017e84&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_05 { background-image: url("/html_editor/shape/html_builder/Bold/05.svg?c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_05_001 { background-image: url("/html_editor/shape/html_builder/Bold/05_001.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_06 { background-image: url("/html_editor/shape/html_builder/Bold/06.svg?c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_06_001 { background-image: url("/html_editor/shape/html_builder/Bold/06_001.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_07 { background-image: url("/html_editor/shape/html_builder/Bold/07.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_07_001 { background-image: url("/html_editor/shape/html_builder/Bold/07_001.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_08 { background-image: url("/html_editor/shape/html_builder/Bold/08.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_09 { background-image: url("/html_editor/shape/html_builder/Bold/09.svg?c2=%23017e84&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_10 { background-image: url("/html_editor/shape/html_builder/Bold/10.svg?c1=%23714b67&c3=%23f9f9f9&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_10_001 { background-image: url("/html_editor/shape/html_builder/Bold/10_001.svg?c1=%23714b67&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_11 { background-image: url("/html_editor/shape/html_builder/Bold/11.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_11_001 { background-image: url("/html_editor/shape/html_builder/Bold/11_001.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_12 { background-image: url("/html_editor/shape/html_builder/Bold/12.svg?c1=%23714b67&c2=%23017e84&c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_12_001 { background-image: url("/html_editor/shape/html_builder/Bold/12_001.svg?c1=%23714b67&c2=%23017e84&c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_01 { background-image: url("/html_editor/shape/html_builder/Origins/01.svg?c2=%23017e84&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_02 { background-image: url("/html_editor/shape/html_builder/Origins/02.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_02_001 { background-image: url("/html_editor/shape/html_builder/Origins/02_001.svg?c4=%23ffffff&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_03 { background-image: url("/html_editor/shape/html_builder/Origins/03.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_04 { background-image: url("/html_editor/shape/html_builder/Origins/04.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_04_001 { background-image: url("/html_editor/shape/html_builder/Origins/04_001.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_05 { background-image: url("/html_editor/shape/html_builder/Origins/05.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_06 { background-image: url("/html_editor/shape/html_builder/Origins/06.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_06_001 { background-image: url("/html_editor/shape/html_builder/Origins/06_001.svg?c3=%23f9f9f9&c4=%23ffffff"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07 { background-image: url("/html_editor/shape/html_builder/Origins/07.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07_001 { background-image: url("/html_editor/shape/html_builder/Origins/07_001.svg?c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07_002 { background-image: url("/html_editor/shape/html_builder/Origins/07_002.svg?c3=%23f9f9f9&c4=%23ffffff&c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_08 { background-image: url("/html_editor/shape/html_builder/Origins/08.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_09 { background-image: url("/html_editor/shape/html_builder/Origins/09.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_09_001 { background-image: url("/html_editor/shape/html_builder/Origins/09_001.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_10 { background-image: url("/html_editor/shape/html_builder/Origins/10.svg?c2=%23017e84&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_11 { background-image: url("/html_editor/shape/html_builder/Origins/11.svg?c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_11_001 { background-image: url("/html_editor/shape/html_builder/Origins/11_001.svg?c3=%23f9f9f9&c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_12 { background-image: url("/html_editor/shape/html_builder/Origins/12.svg?c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_13 { background-image: url("/html_editor/shape/html_builder/Origins/13.svg?c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_14 { background-image: url("/html_editor/shape/html_builder/Origins/14.svg?c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_14_001 { background-image: url("/html_editor/shape/html_builder/Origins/14_001.svg?c3=%23f9f9f9&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_15 { background-image: url("/html_editor/shape/html_builder/Origins/15.svg?c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_16 { background-image: url("/html_editor/shape/html_builder/Origins/16.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_17 { background-image: url("/html_editor/shape/html_builder/Origins/17.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_18 { background-image: url("/html_editor/shape/html_builder/Origins/18.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_19 { background-image: url("/html_editor/shape/html_builder/Origins/19.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_01 { background-image: url("/html_editor/shape/html_builder/Rainy/01.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02 { background-image: url("/html_editor/shape/html_builder/Rainy/02.svg?c1=%23714b67&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_03 { background-image: url("/html_editor/shape/html_builder/Rainy/03.svg?c2=%23017e84&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_03_001 { background-image: url("/html_editor/shape/html_builder/Rainy/03_001.svg?c2=%23017e84&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_04 { background-image: url("/html_editor/shape/html_builder/Rainy/04.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_05 { background-image: url("/html_editor/shape/html_builder/Rainy/05.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_05_001 { background-image: url("/html_editor/shape/html_builder/Rainy/05_001.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_08 { background-image: url("/html_editor/shape/html_builder/Rainy/08.svg?c1=%23714b67&c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_09 { background-image: url("/html_editor/shape/html_builder/Rainy/09.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_01 { background-image: url("/html_editor/shape/html_builder/Wavy/01.svg?c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_01_001 { background-image: url("/html_editor/shape/html_builder/Wavy/01_001.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_02 { background-image: url("/html_editor/shape/html_builder/Wavy/02.svg?c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_02_001 { background-image: url("/html_editor/shape/html_builder/Wavy/02_001.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_05 { background-image: url("/html_editor/shape/html_builder/Wavy/05.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_06 { background-image: url("/html_editor/shape/html_builder/Wavy/06.svg?c1=%23714b67&c3=%23f9f9f9&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_06_001 { background-image: url("/html_editor/shape/html_builder/Wavy/06_001.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_07 { background-image: url("/html_editor/shape/html_builder/Wavy/07.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_08 { background-image: url("/html_editor/shape/html_builder/Wavy/08.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_09 { background-image: url("/html_editor/shape/html_builder/Wavy/09.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_11 { background-image: url("/html_editor/shape/html_builder/Wavy/11.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_12 { background-image: url("/html_editor/shape/html_builder/Wavy/12.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_12_001 { background-image: url("/html_editor/shape/html_builder/Wavy/12_001.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_13 { background-image: url("/html_editor/shape/html_builder/Wavy/13.svg?c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_13_001 { background-image: url("/html_editor/shape/html_builder/Wavy/13_001.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_14 { background-image: url("/html_editor/shape/html_builder/Wavy/14.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_15 { background-image: url("/html_editor/shape/html_builder/Wavy/15.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_16 { background-image: url("/html_editor/shape/html_builder/Wavy/16.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_17 { background-image: url("/html_editor/shape/html_builder/Wavy/17.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_19 { background-image: url("/html_editor/shape/html_builder/Wavy/19.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_20 { background-image: url("/html_editor/shape/html_builder/Wavy/20.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_21 { background-image: url("/html_editor/shape/html_builder/Wavy/21.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_22 { background-image: url("/html_editor/shape/html_builder/Wavy/22.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_23 { background-image: url("/html_editor/shape/html_builder/Wavy/23.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_25 { background-image: url("/html_editor/shape/html_builder/Wavy/25.svg?c1=%23714b67&c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_28 { background-image: url("/html_editor/shape/html_builder/Wavy/28.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01 { background-image: url("/html_editor/shape/html_builder/Zigs/01.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_02 { background-image: url("/html_editor/shape/html_builder/Zigs/02.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_02_001 { background-image: url("/html_editor/shape/html_builder/Zigs/02_001.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_03 { background-image: url("/html_editor/shape/html_builder/Zigs/03.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Zigs_04 { background-image: url("/html_editor/shape/html_builder/Zigs/04.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_05 { background-image: url("/html_editor/shape/html_builder/Zigs/05.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_06 { background-image: url("/html_editor/shape/html_builder/Zigs/06.svg?c4=%23ffffff&c5=%23111827"); background-position: bottom; background-size: 30px 100%; background-repeat: repeat no-repeat; } .o_we_shape.o_html_builder_Airy_01_001 { background-image: url("/html_editor/shape/html_builder/Airy/01_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_02_001 { background-image: url("/html_editor/shape/html_builder/Airy/02_001.svg?c5=%23111827"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_06_001 { background-image: url("/html_editor/shape/html_builder/Airy/06_001.svg?c5=%23111827"); background-position: left bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_07_001 { background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_08_001 { background-image: url("/html_editor/shape/html_builder/Airy/08_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_09_001 { background-image: url("/html_editor/shape/html_builder/Airy/09_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_10_001 { background-image: url("/html_editor/shape/html_builder/Airy/10_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_11_001 { background-image: url("/html_editor/shape/html_builder/Airy/11_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_12_002 { background-image: url("/html_editor/shape/html_builder/Airy/12_002.svg?c5=%23111827&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_13_002 { background-image: url("/html_editor/shape/html_builder/Airy/13_002.svg?c5=%23111827&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_14_001 { background-image: url("/html_editor/shape/html_builder/Airy/14_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_15 { background-image: url("/html_editor/shape/html_builder/Airy/15.svg?c5=%23111827"); background-position: 150% center; background-size: 85% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_16 { background-image: url("/html_editor/shape/html_builder/Airy/16.svg?c5=%23111827"); background-position: center right; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_17 { background-image: url("/html_editor/shape/html_builder/Airy/17.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_01 { background-image: url("/html_editor/shape/html_builder/Angular/01.svg?c5=%23111827"); background-position: right bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_02 { background-image: url("/html_editor/shape/html_builder/Angular/02.svg?c5=%23111827"); background-position: left bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_03 { background-image: url("/html_editor/shape/html_builder/Angular/03.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_04 { background-image: url("/html_editor/shape/html_builder/Angular/04.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_05 { background-image: url("/html_editor/shape/html_builder/Angular/05.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_06 { background-image: url("/html_editor/shape/html_builder/Angular/06.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_07 { background-image: url("/html_editor/shape/html_builder/Angular/07.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_08 { background-image: url("/html_editor/shape/html_builder/Angular/08.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_09 { background-image: url("/html_editor/shape/html_builder/Angular/09.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_01_001 { background-image: url("/html_editor/shape/html_builder/Blobs/01_001.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_02 { background-image: url("/html_editor/shape/html_builder/Blobs/02.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_03 { background-image: url("/html_editor/shape/html_builder/Blobs/03.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_04_001 { background-image: url("/html_editor/shape/html_builder/Blobs/04_001.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_05_001 { background-image: url("/html_editor/shape/html_builder/Blobs/05_001.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_06_001 { background-image: url("/html_editor/shape/html_builder/Blobs/06_001.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_10_002 { background-image: url("/html_editor/shape/html_builder/Blobs/10_002.svg?c5=%23111827"); background-position: right; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_13 { background-image: url("/html_editor/shape/html_builder/Blobs/13.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_14 { background-image: url("/html_editor/shape/html_builder/Blobs/14.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_15 { background-image: url("/html_editor/shape/html_builder/Blobs/15.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_16 { background-image: url("/html_editor/shape/html_builder/Blobs/16.svg?c5=%23111827"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_17 { background-image: url("/html_editor/shape/html_builder/Blobs/17.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_18 { background-image: url("/html_editor/shape/html_builder/Blobs/18.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_01_001 { background-image: url("/html_editor/shape/html_builder/Blocks/01_001.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_02_001 { background-image: url("/html_editor/shape/html_builder/Blocks/02_001.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_04 { background-image: url("/html_editor/shape/html_builder/Blocks/04.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_01 { background-image: url("/html_editor/shape/html_builder/Blurry/01.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_02 { background-image: url("/html_editor/shape/html_builder/Blurry/02.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_03 { background-image: url("/html_editor/shape/html_builder/Blurry/03.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_04 { background-image: url("/html_editor/shape/html_builder/Blurry/04.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_05 { background-image: url("/html_editor/shape/html_builder/Blurry/05.svg?c1=%23714b67&c2=%23017e84&c4=%23ffffff"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_06 { background-image: url("/html_editor/shape/html_builder/Blurry/06.svg?c1=%23714b67&c4=%23ffffff"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_01_001 { background-image: url("/html_editor/shape/html_builder/Bold/01_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_13 { background-image: url("/html_editor/shape/html_builder/Bold/13.svg?c5=%23111827"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_14 { background-image: url("/html_editor/shape/html_builder/Bold/14.svg?c1=%23714b67&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_15 { background-image: url("/html_editor/shape/html_builder/Bold/15.svg?c5=%23111827"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_16 { background-image: url("/html_editor/shape/html_builder/Bold/16.svg?c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_17 { background-image: url("/html_editor/shape/html_builder/Bold/17.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_18 { background-image: url("/html_editor/shape/html_builder/Bold/18.svg?c5=%23111827"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_19 { background-image: url("/html_editor/shape/html_builder/Bold/19.svg?c5=%23111827"); background-position: left top; background-size: 100% 12rem; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_20 { background-image: url("/html_editor/shape/html_builder/Bold/20.svg?c1=%23714b67&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_21 { background-image: url("/html_editor/shape/html_builder/Bold/21.svg?c5=%23111827"); background-position: right bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_22 { background-image: url("/html_editor/shape/html_builder/Bold/22.svg?c5=%23111827"); background-position: right top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_23 { background-image: url("/html_editor/shape/html_builder/Bold/23.svg?c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_01 { background-image: url("/html_editor/shape/html_builder/Connections/01.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_02 { background-image: url("/html_editor/shape/html_builder/Connections/02.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_03 { background-image: url("/html_editor/shape/html_builder/Connections/03.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_04 { background-image: url("/html_editor/shape/html_builder/Connections/04.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_05 { background-image: url("/html_editor/shape/html_builder/Connections/05.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_06 { background-image: url("/html_editor/shape/html_builder/Connections/06.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_07 { background-image: url("/html_editor/shape/html_builder/Connections/07.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_08 { background-image: url("/html_editor/shape/html_builder/Connections/08.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_09 { background-image: url("/html_editor/shape/html_builder/Connections/09.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_10 { background-image: url("/html_editor/shape/html_builder/Connections/10.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_11 { background-image: url("/html_editor/shape/html_builder/Connections/11.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_12 { background-image: url("/html_editor/shape/html_builder/Connections/12.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_13 { background-image: url("/html_editor/shape/html_builder/Connections/13.svg?c5=%23111827"); background-position: bottom; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_14 { background-image: url("/html_editor/shape/html_builder/Connections/14.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_15 { background-image: url("/html_editor/shape/html_builder/Connections/15.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_16 { background-image: url("/html_editor/shape/html_builder/Connections/16.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_17 { background-image: url("/html_editor/shape/html_builder/Connections/17.svg?c5=%23111827"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_html_builder_Connections_18 { background-image: url("/html_editor/shape/html_builder/Connections/18.svg?c5=%23111827"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_html_builder_Connections_19 { background-image: url("/html_editor/shape/html_builder/Connections/19.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_20 { background-image: url("/html_editor/shape/html_builder/Connections/20.svg?c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-big); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_01 { background-image: url("/html_editor/shape/html_builder/Containers/01.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_02 { background-image: url("/html_editor/shape/html_builder/Containers/02.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_03 { background-image: url("/html_editor/shape/html_builder/Containers/03.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_04 { background-image: url("/html_editor/shape/html_builder/Containers/04.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_05 { background-image: url("/html_editor/shape/html_builder/Containers/05.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_06 { background-image: url("/html_editor/shape/html_builder/Containers/06.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_01 { background-image: url("/html_editor/shape/html_builder/Floats/01.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c4=%23ffffff&c5=%23111827"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_02 { background-image: url("/html_editor/shape/html_builder/Floats/02.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_03 { background-image: url("/html_editor/shape/html_builder/Floats/03.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_04 { background-image: url("/html_editor/shape/html_builder/Floats/04.svg?c1=%23714b67&c2=%23017e84&c4=%23ffffff&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_05 { background-image: url("/html_editor/shape/html_builder/Floats/05.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_06 { background-image: url("/html_editor/shape/html_builder/Floats/06.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_07 { background-image: url("/html_editor/shape/html_builder/Floats/07.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: right bottom; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_08 { background-image: url("/html_editor/shape/html_builder/Floats/08.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_09 { background-image: url("/html_editor/shape/html_builder/Floats/09.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_10 { background-image: url("/html_editor/shape/html_builder/Floats/10.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_11 { background-image: url("/html_editor/shape/html_builder/Floats/11.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_12 { background-image: url("/html_editor/shape/html_builder/Floats/12.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Floats_13 { background-image: url("/html_editor/shape/html_builder/Floats/13.svg?c1=%23714b67&c2=%23017e84&c5=%23111827"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_14 { background-image: url("/html_editor/shape/html_builder/Floats/14.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Grids_01 { background-image: url("/html_editor/shape/html_builder/Grids/01.svg?c5=%23111827"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_02 { background-image: url("/html_editor/shape/html_builder/Grids/02.svg?c5=%23111827"); background-position: right center; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_03 { background-image: url("/html_editor/shape/html_builder/Grids/03.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_04 { background-image: url("/html_editor/shape/html_builder/Grids/04.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_05 { background-image: url("/html_editor/shape/html_builder/Grids/05.svg?c5=%23111827"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_06 { background-image: url("/html_editor/shape/html_builder/Grids/06.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_07 { background-image: url("/html_editor/shape/html_builder/Grids/07.svg?c5=%23111827"); background-position: right center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_08 { background-image: url("/html_editor/shape/html_builder/Grids/08.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Patterns_01 { background-image: url("/html_editor/shape/html_builder/Patterns/01.svg?c5=%23111827"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_02 { background-image: url("/html_editor/shape/html_builder/Patterns/02.svg?c5=%23111827"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_03 { background-image: url("/html_editor/shape/html_builder/Patterns/03.svg?c5=%23111827"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_04 { background-image: url("/html_editor/shape/html_builder/Patterns/04.svg?c5=%23111827"); background-position: center; background-size: var(--ShapePattern--size-tiny) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_05 { background-image: url("/html_editor/shape/html_builder/Patterns/05.svg?c5=%23111827"); background-position: center; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Rainy_01_001 { background-image: url("/html_editor/shape/html_builder/Rainy/01_001.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_02_001 { background-image: url("/html_editor/shape/html_builder/Rainy/02_001.svg?c1=%23714b67&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_06 { background-image: url("/html_editor/shape/html_builder/Rainy/06.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_07 { background-image: url("/html_editor/shape/html_builder/Rainy/07.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_08_001 { background-image: url("/html_editor/shape/html_builder/Rainy/08_001.svg?c1=%23714b67&c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_09_001 { background-image: url("/html_editor/shape/html_builder/Rainy/09_001.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_10 { background-image: url("/html_editor/shape/html_builder/Rainy/10.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_03 { background-image: url("/html_editor/shape/html_builder/Wavy/03.svg?c1=%23714b67&c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_04 { background-image: url("/html_editor/shape/html_builder/Wavy/04.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_08_001 { background-image: url("/html_editor/shape/html_builder/Wavy/08_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_09_001 { background-image: url("/html_editor/shape/html_builder/Wavy/09_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_10 { background-image: url("/html_editor/shape/html_builder/Wavy/10.svg?c1=%23714b67&c2=%23017e84"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_11_001 { background-image: url("/html_editor/shape/html_builder/Wavy/11_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_18 { background-image: url("/html_editor/shape/html_builder/Wavy/18.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_22_001 { background-image: url("/html_editor/shape/html_builder/Wavy/22_001.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_24 { background-image: url("/html_editor/shape/html_builder/Wavy/24.svg?c1=%23714b67&c2=%23017e84"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_26 { background-image: url("/html_editor/shape/html_builder/Wavy/26.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_27 { background-image: url("/html_editor/shape/html_builder/Wavy/27.svg?c1=%23714b67&c2=%23017e84"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_29 { background-image: url("/html_editor/shape/html_builder/Wavy/29.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_30 { background-image: url("/html_editor/shape/html_builder/Wavy/30.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_31 { background-image: url("/html_editor/shape/html_builder/Wavy/31.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_01_001 { background-image: url("/html_editor/shape/html_builder/Zigs/01_001.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_01 { background-image: url("/html_editor/shape/html_builder/Airy/01.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_02 { background-image: url("/html_editor/shape/html_builder/Airy/02.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_03 { background-image: url("/html_editor/shape/html_builder/Airy/03.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_03_001 { background-image: url("/html_editor/shape/html_builder/Airy/03_001.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_04 { background-image: url("/html_editor/shape/html_builder/Airy/04.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_04_001 { background-image: url("/html_editor/shape/html_builder/Airy/04_001.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_05 { background-image: url("/html_editor/shape/html_builder/Airy/05.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_05_001 { background-image: url("/html_editor/shape/html_builder/Airy/05_001.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_06 { background-image: url("/html_editor/shape/html_builder/Airy/06.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_07 { background-image: url("/html_editor/shape/html_builder/Airy/07.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_08 { background-image: url("/html_editor/shape/html_builder/Airy/08.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_09 { background-image: url("/html_editor/shape/html_builder/Airy/09.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_10 { background-image: url("/html_editor/shape/html_builder/Airy/10.svg?c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_11 { background-image: url("/html_editor/shape/html_builder/Airy/11.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_12 { background-image: url("/html_editor/shape/html_builder/Airy/12.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_12_001 { background-image: url("/html_editor/shape/html_builder/Airy/12_001.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_13 { background-image: url("/html_editor/shape/html_builder/Airy/13.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_13_001 { background-image: url("/html_editor/shape/html_builder/Airy/13_001.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_14 { background-image: url("/html_editor/shape/html_builder/Airy/14.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_01 { background-image: url("/html_editor/shape/html_builder/Blobs/01.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_04 { background-image: url("/html_editor/shape/html_builder/Blobs/04.svg?c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_05 { background-image: url("/html_editor/shape/html_builder/Blobs/05.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_06 { background-image: url("/html_editor/shape/html_builder/Blobs/06.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_07 { background-image: url("/html_editor/shape/html_builder/Blobs/07.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_08 { background-image: url("/html_editor/shape/html_builder/Blobs/08.svg?c1=%23714b67"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_09 { background-image: url("/html_editor/shape/html_builder/Blobs/09.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_10 { background-image: url("/html_editor/shape/html_builder/Blobs/10.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_10_001 { background-image: url("/html_editor/shape/html_builder/Blobs/10_001.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_11 { background-image: url("/html_editor/shape/html_builder/Blobs/11.svg?c1=%23714b67"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_12 { background-image: url("/html_editor/shape/html_builder/Blobs/12.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_01 { background-image: url("/html_editor/shape/html_builder/Blocks/01.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_02 { background-image: url("/html_editor/shape/html_builder/Blocks/02.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_03 { background-image: url("/html_editor/shape/html_builder/Blocks/03.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_01 { background-image: url("/html_editor/shape/html_builder/Bold/01.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_02 { background-image: url("/html_editor/shape/html_builder/Bold/02.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_03 { background-image: url("/html_editor/shape/html_builder/Bold/03.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_04 { background-image: url("/html_editor/shape/html_builder/Bold/04.svg?c2=%23017e84&c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_05 { background-image: url("/html_editor/shape/html_builder/Bold/05.svg?c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_05_001 { background-image: url("/html_editor/shape/html_builder/Bold/05_001.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_06 { background-image: url("/html_editor/shape/html_builder/Bold/06.svg?c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_06_001 { background-image: url("/html_editor/shape/html_builder/Bold/06_001.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_07 { background-image: url("/html_editor/shape/html_builder/Bold/07.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_07_001 { background-image: url("/html_editor/shape/html_builder/Bold/07_001.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_08 { background-image: url("/html_editor/shape/html_builder/Bold/08.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_09 { background-image: url("/html_editor/shape/html_builder/Bold/09.svg?c2=%23017e84&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_10 { background-image: url("/html_editor/shape/html_builder/Bold/10.svg?c1=%23714b67&c3=%23f9f9f9&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_10_001 { background-image: url("/html_editor/shape/html_builder/Bold/10_001.svg?c1=%23714b67&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_11 { background-image: url("/html_editor/shape/html_builder/Bold/11.svg?c1=%23714b67&c2=%23017e84&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_11_001 { background-image: url("/html_editor/shape/html_builder/Bold/11_001.svg?c1=%23714b67&c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_12 { background-image: url("/html_editor/shape/html_builder/Bold/12.svg?c1=%23714b67&c2=%23017e84&c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_12_001 { background-image: url("/html_editor/shape/html_builder/Bold/12_001.svg?c1=%23714b67&c2=%23017e84&c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_01 { background-image: url("/html_editor/shape/html_builder/Origins/01.svg?c2=%23017e84&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_02 { background-image: url("/html_editor/shape/html_builder/Origins/02.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_02_001 { background-image: url("/html_editor/shape/html_builder/Origins/02_001.svg?c4=%23ffffff&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_03 { background-image: url("/html_editor/shape/html_builder/Origins/03.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_04 { background-image: url("/html_editor/shape/html_builder/Origins/04.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_04_001 { background-image: url("/html_editor/shape/html_builder/Origins/04_001.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_05 { background-image: url("/html_editor/shape/html_builder/Origins/05.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_06 { background-image: url("/html_editor/shape/html_builder/Origins/06.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_06_001 { background-image: url("/html_editor/shape/html_builder/Origins/06_001.svg?c3=%23f9f9f9&c4=%23ffffff"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_07 { background-image: url("/html_editor/shape/html_builder/Origins/07.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_07_001 { background-image: url("/html_editor/shape/html_builder/Origins/07_001.svg?c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_07_002 { background-image: url("/html_editor/shape/html_builder/Origins/07_002.svg?c3=%23f9f9f9&c4=%23ffffff&c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_08 { background-image: url("/html_editor/shape/html_builder/Origins/08.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_09 { background-image: url("/html_editor/shape/html_builder/Origins/09.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_09_001 { background-image: url("/html_editor/shape/html_builder/Origins/09_001.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_10 { background-image: url("/html_editor/shape/html_builder/Origins/10.svg?c2=%23017e84&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_11 { background-image: url("/html_editor/shape/html_builder/Origins/11.svg?c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_11_001 { background-image: url("/html_editor/shape/html_builder/Origins/11_001.svg?c3=%23f9f9f9&c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_12 { background-image: url("/html_editor/shape/html_builder/Origins/12.svg?c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_13 { background-image: url("/html_editor/shape/html_builder/Origins/13.svg?c3=%23f9f9f9&c5=%23111827"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_14 { background-image: url("/html_editor/shape/html_builder/Origins/14.svg?c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_14_001 { background-image: url("/html_editor/shape/html_builder/Origins/14_001.svg?c3=%23f9f9f9&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_15 { background-image: url("/html_editor/shape/html_builder/Origins/15.svg?c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_16 { background-image: url("/html_editor/shape/html_builder/Origins/16.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_17 { background-image: url("/html_editor/shape/html_builder/Origins/17.svg?c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_18 { background-image: url("/html_editor/shape/html_builder/Origins/18.svg?c1=%23714b67"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_19 { background-image: url("/html_editor/shape/html_builder/Origins/19.svg?c5=%23111827"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_01 { background-image: url("/html_editor/shape/html_builder/Rainy/01.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_02 { background-image: url("/html_editor/shape/html_builder/Rainy/02.svg?c1=%23714b67&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_03 { background-image: url("/html_editor/shape/html_builder/Rainy/03.svg?c2=%23017e84&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Rainy_03_001 { background-image: url("/html_editor/shape/html_builder/Rainy/03_001.svg?c2=%23017e84&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Rainy_04 { background-image: url("/html_editor/shape/html_builder/Rainy/04.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_05 { background-image: url("/html_editor/shape/html_builder/Rainy/05.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_05_001 { background-image: url("/html_editor/shape/html_builder/Rainy/05_001.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_08 { background-image: url("/html_editor/shape/html_builder/Rainy/08.svg?c1=%23714b67&c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_09 { background-image: url("/html_editor/shape/html_builder/Rainy/09.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_01 { background-image: url("/html_editor/shape/html_builder/Wavy/01.svg?c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_01_001 { background-image: url("/html_editor/shape/html_builder/Wavy/01_001.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_02 { background-image: url("/html_editor/shape/html_builder/Wavy/02.svg?c4=%23ffffff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_02_001 { background-image: url("/html_editor/shape/html_builder/Wavy/02_001.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_05 { background-image: url("/html_editor/shape/html_builder/Wavy/05.svg?c1=%23714b67&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_06 { background-image: url("/html_editor/shape/html_builder/Wavy/06.svg?c1=%23714b67&c3=%23f9f9f9&c4=%23ffffff&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_06_001 { background-image: url("/html_editor/shape/html_builder/Wavy/06_001.svg?c1=%23714b67&c3=%23f9f9f9&c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_07 { background-image: url("/html_editor/shape/html_builder/Wavy/07.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_08 { background-image: url("/html_editor/shape/html_builder/Wavy/08.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_09 { background-image: url("/html_editor/shape/html_builder/Wavy/09.svg?c1=%23714b67&c5=%23111827"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_11 { background-image: url("/html_editor/shape/html_builder/Wavy/11.svg?c1=%23714b67&c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_12 { background-image: url("/html_editor/shape/html_builder/Wavy/12.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_12_001 { background-image: url("/html_editor/shape/html_builder/Wavy/12_001.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_13 { background-image: url("/html_editor/shape/html_builder/Wavy/13.svg?c4=%23ffffff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_13_001 { background-image: url("/html_editor/shape/html_builder/Wavy/13_001.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_14 { background-image: url("/html_editor/shape/html_builder/Wavy/14.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_15 { background-image: url("/html_editor/shape/html_builder/Wavy/15.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_16 { background-image: url("/html_editor/shape/html_builder/Wavy/16.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_17 { background-image: url("/html_editor/shape/html_builder/Wavy/17.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_19 { background-image: url("/html_editor/shape/html_builder/Wavy/19.svg?c5=%23111827"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_20 { background-image: url("/html_editor/shape/html_builder/Wavy/20.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_21 { background-image: url("/html_editor/shape/html_builder/Wavy/21.svg?c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_22 { background-image: url("/html_editor/shape/html_builder/Wavy/22.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_23 { background-image: url("/html_editor/shape/html_builder/Wavy/23.svg?c3=%23f9f9f9"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_25 { background-image: url("/html_editor/shape/html_builder/Wavy/25.svg?c1=%23714b67&c2=%23017e84"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_28 { background-image: url("/html_editor/shape/html_builder/Wavy/28.svg?c1=%23714b67&c3=%23f9f9f9"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_01 { background-image: url("/html_editor/shape/html_builder/Zigs/01.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_02 { background-image: url("/html_editor/shape/html_builder/Zigs/02.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_02_001 { background-image: url("/html_editor/shape/html_builder/Zigs/02_001.svg?c2=%23017e84"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_03 { background-image: url("/html_editor/shape/html_builder/Zigs/03.svg?c1=%23714b67"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Zigs_04 { background-image: url("/html_editor/shape/html_builder/Zigs/04.svg?c1=%23714b67"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_05 { background-image: url("/html_editor/shape/html_builder/Zigs/05.svg?c3=%23f9f9f9"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_06 { background-image: url("/html_editor/shape/html_builder/Zigs/06.svg?c4=%23ffffff&c5=%23111827"); background-position: bottom; background-size: 30px 100%; background-repeat: repeat no-repeat; } .o_we_shape.o_illustration_doodle_01 { background-image: url("/html_editor/shape/illustration/doodle/01.svg?c4=%23ffffff"); background-position: top center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_illustration_doodle_02 { background-image: url("/html_editor/shape/illustration/doodle/02.svg?c5=%23111827"); background-position: top center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_illustration_doodle_03 { background-image: url("/html_editor/shape/illustration/doodle/03.svg?c4=%23ffffff"); background-position: top center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_illustration_doodle_04 { background-image: url("/html_editor/shape/illustration/doodle/04.svg?c4=%23ffffff"); background-position: top center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } /* /website/static/src/libs/zoomodoo/zoomodoo.scss */ .zoomodoo { position: relative; /* 'Shrink-wrap' the element */ display: inline-block; *display: inline; *zoom: 1; } .zoomodoo img { vertical-align: bottom; } .zoomodoo-flyout { position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%; } .zoomodoo-flyout img { max-width: 500%; } .zoomodoo-hover .zoomodoo-flyout { left: 0; } .zoomodoo-next .zoomodoo-flyout { left: 100%; } /* /website/static/src/scss/website.scss */ :root { --o-border-color: #E6E9ED; --o-border-color: color-mix(in srgb, currentColor 15%, transparent); --support-13-0-color-system: 'true'; --has-customized-13-0-color-system: false; --header-font-size: 1rem; --headings-font: 'Inter'; --navbar-font: 'Inter'; --buttons-font: 'Inter'; --menu: 1; --header-sales_one: 2; --header-sales_two: 5; --header-sales_three: 2; --header-sales_four: 1; --footer: 2; --font-size-base: 1rem; --body-line-height: 1.5; --headings-line-height: 1.2; --paragraph-margin-top: 0; --paragraph-margin-bottom: 16px; --headings-margin-top: 0; --headings-margin-bottom: 0.5rem; --display-1-font-size: 4rem; --display-2-font-size: 3rem; --display-3-font-size: 2.5rem; --display-4-font-size: 2rem; --small-font-size: 0.875rem; --body-image-type: 'image'; --layout: 'full'; --color-palettes-name: 'odoo'; --btn-primary-outline: false; --btn-secondary-outline: false; --btn-primary-flat: false; --btn-secondary-flat: false; --btn-primary-outline-border-width: 1px; --btn-secondary-outline-border-width: 1px; --link-underline: 'never'; --btn-ripple: false; --btn-padding-y: 0.75rem; --btn-padding-x: 1.5rem; --btn-font-size: 1rem; --btn-padding-y-sm: 0.5rem; --btn-padding-x-sm: 1rem; --btn-font-size-sm: 0.875rem; --btn-padding-y-lg: 1rem; --btn-padding-x-lg: 2rem; --btn-font-size-lg: 1.125rem; --btn-border-radius: 0.25rem; --btn-border-radius-sm: 0.25rem; --btn-border-radius-lg: 0.25rem; --input-padding-y: 0.75rem; --input-padding-x: 0.75rem; --input-font-size: 1rem; --input-padding-y-sm: 0.25rem; --input-padding-x-sm: 0.25rem; --input-font-size-sm: 0.75rem; --input-padding-y-lg: 0.625rem; --input-padding-x-lg: 0.625rem; --input-font-size-lg: 1rem; --input-border-radius: 0.25rem; --input-border-radius-sm: 0.25rem; --input-border-radius-lg: 0.25rem; --font: 'Inter'; --headings-font: 'Inter'; --navbar-font: 'Inter'; --buttons-font: 'Inter'; --header-template: 'odoo'; --header-font-size: 0.875rem; --header-links-style: 'default'; --hamburger-position: 'left'; --hamburger-position-mobile: 'right'; --menu-border-style: 'solid'; --sidebar-width: 18.75rem; --footer-template: 'odoo'; --footer-scrolltop: false; --display-font: 'Caveat'; --h1-font-size: 3.5rem; --h2-font-size: 2.75rem; --h3-font-size: 2rem; --h4-font-size: 1.5rem; --h5-font-size: 1.25rem; --h6-font-size: 1rem; --display-5-font-size: 1.5rem; --display-6-font-size: 1rem; --logo-height: 2.5rem; --fixed-logo-height: 2.5rem; --number-of-fonts: 3; --font-number-1: 'SYSTEM_FONTS'; --font-number-2: 'Inter'; --font-number-3: 'Caveat'; --paragraph-margin-top: 0; --paragraph-margin-bottom: 16px; --h2-line-height: 1.2; --h3-line-height: 1.2; --h4-line-height: 1.2; --h5-line-height: 1.2; --h6-line-height: 1.2; --display-1-line-height: 1.2; --display-2-line-height: 1.2; --display-3-line-height: 1.2; --display-4-line-height: 1.2; --h2-font: 'Inter'; --h3-font: 'Inter'; --h4-font: 'Inter'; --h5-font: 'Inter'; --h6-font: 'Inter'; --display-1-font: 'Inter'; --display-2-font: 'Inter'; --display-3-font: 'Inter'; --display-4-font: 'Inter'; --set-headings-font: "Inter", "Odoo Unicode Support Noto", sans-serif; --headings-line-height: 1.2; --headings-margin-top: 0; --headings-margin-bottom: 1rem; --h2-margin-top: 0; --h3-margin-top: 0; --h4-margin-top: 0; --h5-margin-top: 0; --h6-margin-top: 0; --display-1-margin-top: 0; --display-2-margin-top: 0; --display-3-margin-top: 0; --display-4-margin-top: 0; --h2-margin-bottom: 1rem; --h3-margin-bottom: 1rem; --h4-margin-bottom: 1rem; --h5-margin-bottom: 1rem; --h6-margin-bottom: 1rem; --display-1-margin-bottom: 1rem; --display-2-margin-bottom: 1rem; --display-3-margin-bottom: 1rem; --display-4-margin-bottom: 1rem; --set-buttons-font: "Inter", "Odoo Unicode Support Noto", sans-serif; --btn-padding-y: 0.75rem; --btn-padding-x: 1.5rem; --btn-font-size: 1rem; --btn-padding-y-sm: 0.5rem; --btn-padding-x-sm: 1rem; --btn-font-size-sm: 0.875rem; --btn-padding-y-lg: 1rem; --btn-padding-x-lg: 2rem; --btn-font-size-lg: 1.125rem; --btn-border-width: var(--border-width); --btn-border-radius: 0.25rem; --btn-border-radius-sm: 0.25rem; --btn-border-radius-lg: 0.25rem; --input-padding-y: 0.75rem; --input-padding-x: 0.75rem; --input-font-size: 1rem; --input-padding-y-sm: 0.25rem; --input-padding-x-sm: 0.25rem; --input-font-size-sm: 0.75rem; --input-padding-y-lg: 0.625rem; --input-padding-x-lg: 0.625rem; --input-font-size-lg: 1rem; --input-border-width: var(--border-width); --input-border-radius: 0.25rem; --input-border-radius-sm: 0.25rem; --input-border-radius-lg: 0.25rem; --color-palettes-name: 'odoo'; --has-customized-colors: false; --custom-colors: "o-color-1" "o-color-2" "o-color-3" "o-color-4" "o-color-5" "body" "input" "menu" "menu-custom" "menu-border-color" "header-sales_one" "header-sales_one-custom" "header-sales_two" "header-sales_two-custom" "header-sales_three" "header-sales_three-custom" "header-sales_four" "header-sales_four-custom" "footer" "footer-custom" "copyright" "copyright-custom" "o-cc1-bg" "o-cc1-text" "o-cc1-headings" "o-cc1-h2" "o-cc1-h3" "o-cc1-h4" "o-cc1-h5" "o-cc1-h6" "o-cc1-link" "o-cc1-btn-primary" "o-cc1-btn-primary-border" "o-cc1-btn-secondary" "o-cc1-btn-secondary-border" "o-cc2-bg" "o-cc2-text" "o-cc2-headings" "o-cc2-h2" "o-cc2-h3" "o-cc2-h4" "o-cc2-h5" "o-cc2-h6" "o-cc2-link" "o-cc2-btn-primary" "o-cc2-btn-primary-border" "o-cc2-btn-secondary" "o-cc2-btn-secondary-border" "o-cc3-bg" "o-cc3-text" "o-cc3-headings" "o-cc3-h2" "o-cc3-h3" "o-cc3-h4" "o-cc3-h5" "o-cc3-h6" "o-cc3-link" "o-cc3-btn-primary" "o-cc3-btn-primary-border" "o-cc3-btn-secondary" "o-cc3-btn-secondary-border" "o-cc4-bg" "o-cc4-text" "o-cc4-headings" "o-cc4-h2" "o-cc4-h3" "o-cc4-h4" "o-cc4-h5" "o-cc4-h6" "o-cc4-link" "o-cc4-btn-primary" "o-cc4-btn-primary-border" "o-cc4-btn-secondary" "o-cc4-btn-secondary-border" "o-cc5-bg" "o-cc5-text" "o-cc5-headings" "o-cc5-h2" "o-cc5-h3" "o-cc5-h4" "o-cc5-h5" "o-cc5-h6" "o-cc5-link" "o-cc5-btn-primary" "o-cc5-btn-primary-border" "o-cc5-btn-secondary" "o-cc5-btn-secondary-border"; } #o_shared_blocks { min-height: 0px; height: 0px; } #o_shared_blocks:empty { display: none; } .o_navlink_no_background .navbar-light { --NavLinkWithBackground-bg-color: transparent; } .navbar .navbar-collapse { min-width: 0; } .navbar .btn { white-space: nowrap; } .navbar .o_menu_image_placeholder { width: 80px !important; } .navbar .top_menu { flex-wrap: nowrap !important; } .navbar .top_menu.o_menu_loading { overflow: hidden !important; opacity: 0 !important; } .navbar-light a.nav-link { color: var(--nav-link-color); } .navbar-light a.nav-link:hover { color: var(--nav-link-hover-color); } #wrapwrap:not(.o_header_overlay) header .nav-item > .nav-link > *, #wrapwrap:not(.o_header_overlay) header .nav-item > .nav-link::after, #wrapwrap:not(.o_header_overlay) header .js_language_selector span, #wrapwrap:not(.o_header_overlay) header .badge, #wrapwrap:not(.o_header_overlay) header .nav-item > .accordion-item *, header.o_header_is_scrolled .nav-item > .nav-link > *, header.o_header_is_scrolled .nav-item > .nav-link::after, header.o_header_is_scrolled .js_language_selector span, header.o_header_is_scrolled .badge, header.o_header_is_scrolled .nav-item > .accordion-item *, header .o_navbar_mobile .nav-item > .nav-link > *, header .o_navbar_mobile .nav-item > .nav-link::after, header .o_navbar_mobile .js_language_selector span, header .o_navbar_mobile .badge, header .o_navbar_mobile .nav-item > .accordion-item * { color: !important; } .o_navlink_background { background: var(--NavLinkWithBackground-bg-color, rgba(var(--emphasis-color-rgb), 0.05)); } .o_navlink_background:hover, .o_navlink_trigger_hover:hover .o_navlink_background { background: var(--NavLinkWithBackground-bg-color--hover, rgba(var(--emphasis-color-rgb), 0.1)); } .o_navlink_background:focus-visible, .o_navlink_trigger_hover:focus-visible { --btn-focus-box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25); } .o_navlink_background_hover:hover { background: var(--NavLinkWithBackground-bg-color, rgba(var(--emphasis-color-rgb), 0.05)); } .o_navbar_mobile { height: 100dvh; background-color: #ffffff; } .o_navbar_mobile .btn-close { z-index: 1046; } .o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link { background-color: inherit; } .o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link.active { color: var(--navbar-active-color); } .o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link:hover { color: var(--nav-link-hover-color); } .o_navbar_mobile .top_menu > .accordion .accordion-button { font-size: inherit; } .o_navbar_mobile .top_menu > .accordion .accordion-button:not(.collapsed) { background-color: #f2f2f2; } .o_navbar_mobile .top_menu > .accordion .accordion-button:after { height: 100%; background: none; font-family: 'odoo_ui_icons'; content: '\e839'; } header { font-size: 0.875rem; } header .dropdown-menu, header .o_dropdown_menu, header .btn { font-size: inherit !important; } header .navbar-brand { font-size: 1.66666667rem; } header .navbar-brand, header .navbar-brand.logo { padding-top: 0; padding-bottom: 0; } .o_footer { --background-color: #252733; --color: #FFFFFF; background-color: #252733; color: #FFFFFF; } .o_footer .text-muted, .o_colored_level .o_footer .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_footer .o_footer_copyright { --background-color: #1A1C24; --color: #FFFFFF; background-color: #1A1C24; color: #FFFFFF; } .o_footer .o_footer_copyright .text-muted, .o_colored_level .o_footer .o_footer_copyright .text-muted { color: rgba(255, 255, 255, 0.7) !important; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: 1.2; margin-top: 0; margin-bottom: 1rem; } p { margin-top: 0; } .o_line_clamp { display: -webkit-box; -webkit-line-clamp: var(--lines-clamp, 2); -webkit-box-orient: vertical; overflow: hidden; } font[style*='background']:not(.text-gradient), font[class*='bg-'] { padding: MAX(0.05em, 1px) 0 MAX(0.1em, 2px); } .fa { font-family: "FontAwesome" !important; } .fa.rounded-circle, .fa.rounded-empty-circle, .fa.rounded, .fa.rounded-0, .fa.rounded-leaf, .fa.img-thumbnail, .fa.shadow { display: inline-block; vertical-align: middle; text-align: center; width: 3rem; height: 3rem; line-height: 3rem; background-color: #F9FAFB; } .fa.rounded-circle.fa-2x, .fa.fa-2x.rounded-empty-circle, .fa.rounded.fa-2x, .fa.rounded-0.fa-2x, .fa.rounded-leaf.fa-2x, .fa.img-thumbnail.fa-2x, .fa.shadow.fa-2x { width: 5rem; height: 5rem; line-height: 5rem; } .fa.rounded-circle.fa-3x, .fa.fa-3x.rounded-empty-circle, .fa.rounded.fa-3x, .fa.rounded-0.fa-3x, .fa.rounded-leaf.fa-3x, .fa.img-thumbnail.fa-3x, .fa.shadow.fa-3x { width: 6rem; height: 6rem; line-height: 6rem; } .fa.rounded-circle.fa-4x, .fa.fa-4x.rounded-empty-circle, .fa.rounded.fa-4x, .fa.rounded-0.fa-4x, .fa.rounded-leaf.fa-4x, .fa.img-thumbnail.fa-4x, .fa.shadow.fa-4x { width: 7rem; height: 7rem; line-height: 7rem; } .fa.rounded-circle.fa-5x, .fa.fa-5x.rounded-empty-circle, .fa.rounded.fa-5x, .fa.rounded-0.fa-5x, .fa.rounded-leaf.fa-5x, .fa.img-thumbnail.fa-5x, .fa.shadow.fa-5x { width: 8rem; height: 8rem; line-height: 8rem; } .fa.img-thumbnail { padding: 0; } .fa.rounded-leaf { border-top-left-radius: 3rem; border-bottom-right-radius: 3rem; } .fa.rounded-empty-circle { border-width: 2px; border-style: solid; background: transparent; } .fa.border { box-sizing: content-box; } @media (min-width: 992px) { .o_container_small { max-width: 720px; } } .btn.flat { border: 0; letter-spacing: 0.05em; text-transform: uppercase; --btn-padding-y: 0.75rem; --btn-padding-x: 1.5rem; --btn-font-size: 0.75rem; --btn-border-radius: 0; } .btn.flat.btn-lg, .btn-group-lg > .flat.btn { --btn-padding-y: 1rem; --btn-padding-x: 2rem; --btn-font-size: 0.9375rem; --btn-border-radius: 0; } .btn.flat.btn-sm, .btn-group-sm > .flat.btn { --btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-font-size: 0.65625rem; --btn-border-radius: 0; } .btn.flat.btn-xs { --btn-padding-y: 0.25rem; --btn-padding-x: 0.5rem; --btn-font-size: 0.5rem; --btn-border-radius: 0; } .btn.rounded-circle, .btn.fa.rounded-empty-circle { border-radius: 100px !important; --btn-padding-y: 0.45rem; --btn-padding-x: 1.35rem; --btn-font-size: 1rem; --btn-border-radius: 30px; } .btn.rounded-circle.btn-lg, .btn.btn-lg.fa.rounded-empty-circle, .btn-group-lg > .btn.rounded-circle, .btn-group-lg > .btn.fa.rounded-empty-circle { --btn-padding-y: 0.6rem; --btn-padding-x: 1.8rem; --btn-font-size: 1.25rem; --btn-border-radius: 30px; } .btn.rounded-circle.btn-sm, .btn.btn-sm.fa.rounded-empty-circle, .btn-group-sm > .btn.rounded-circle, .btn-group-sm > .btn.fa.rounded-empty-circle { --btn-padding-y: 0.3rem; --btn-padding-x: 0.9rem; --btn-font-size: 0.875rem; --btn-border-radius: 30px; } .btn.rounded-circle.btn-xs, .btn.btn-xs.fa.rounded-empty-circle { --btn-padding-y: 0.15rem; --btn-padding-x: 0.45rem; --btn-font-size: 0.75rem; --btn-border-radius: 30px; } .badge, .o_filter_tag { --badge-color: var(--color); background: var(--badge-bg, var(--background-color)) !important; color: var(--badge-color, var(--color)) !important; border: 1px solid var(--badge-border-color) !important; font-size: var(--badge-font-size); } .badge.text-bg-primary, .o_filter_tag.text-bg-primary { --badge-bg: #f1edf0; --badge-color: #52374b; --badge-color-hover: #FFFFFF; --badge-border-color: #714b67; } .badge.bg-primary, .o_filter_tag.bg-primary { --badge-bg: #714b67; --badge-color: #FFFFFF; --badge-border-color: #714b67; --badge-color-hover: #FFFFFF; } .badge.text-bg-secondary, .o_filter_tag.text-bg-secondary { --badge-bg: #e6f2f3; --badge-color: #01666b; --badge-color-hover: #FFFFFF; --badge-border-color: #017e84; } .badge.bg-secondary, .o_filter_tag.bg-secondary { --badge-bg: #017e84; --badge-color: #FFFFFF; --badge-border-color: #017e84; --badge-color-hover: #FFFFFF; } .badge.text-bg-success, .o_filter_tag.text-bg-success { --badge-bg: #eaf6ec; --badge-color: #1f8236; --badge-color-hover: #FFFFFF; --badge-border-color: #28a745; } .badge.bg-success, .o_filter_tag.bg-success { --badge-bg: #28a745; --badge-color: #FFFFFF; --badge-border-color: #28a745; --badge-color-hover: #FFFFFF; } .badge.text-bg-info, .o_filter_tag.text-bg-info { --badge-bg: #e8f6f8; --badge-color: #0e626f; --badge-color-hover: #FFFFFF; --badge-border-color: #17a2b8; } .badge.bg-info, .o_filter_tag.bg-info { --badge-bg: #17a2b8; --badge-color: #FFFFFF; --badge-border-color: #17a2b8; --badge-color-hover: #FFFFFF; } .badge.text-bg-warning, .o_filter_tag.text-bg-warning { --badge-bg: #fff9e6; --badge-color: #876500; --badge-color-hover: #111827; --badge-border-color: #ffc107; } .badge.bg-warning, .o_filter_tag.bg-warning { --badge-bg: #ffc107; --badge-color: #111827; --badge-border-color: #ffc107; --badge-color-hover: #111827; } .badge.text-bg-danger, .o_filter_tag.text-bg-danger { --badge-bg: #fcebec; --badge-color: #9a1b27; --badge-color-hover: #FFFFFF; --badge-border-color: #dc3545; } .badge.bg-danger, .o_filter_tag.bg-danger { --badge-bg: #dc3545; --badge-color: #FFFFFF; --badge-border-color: #dc3545; --badge-color-hover: #FFFFFF; } .badge.text-bg-light, .o_filter_tag.text-bg-light { --badge-bg: #fefefe; --badge-color: #b9b9b9; --badge-color-hover: #111827; --badge-border-color: #f9f9f9; } .badge.bg-light, .o_filter_tag.bg-light { --badge-bg: #f9f9f9; --badge-color: #111827; --badge-border-color: #f9f9f9; --badge-color-hover: #111827; } .badge.text-bg-dark, .o_filter_tag.text-bg-dark { --badge-bg: #e7e8e9; --badge-color: #111827; --badge-color-hover: #FFFFFF; --badge-border-color: #111827; } .badge.bg-dark, .o_filter_tag.bg-dark { --badge-bg: #111827; --badge-color: #FFFFFF; --badge-border-color: #111827; --badge-color-hover: #FFFFFF; } .badge.text-bg-o-color-9, .o_filter_tag.text-bg-o-color-9 { --badge-bg: #e6faf7; --badge-color: #007768; --badge-color-hover: #111827; --badge-border-color: #00CEB3; } .badge.bg-o-color-9, .o_filter_tag.bg-o-color-9 { --badge-bg: #00CEB3; --badge-color: #111827; --badge-border-color: #00CEB3; --badge-color-hover: #111827; } .badge.text-bg-o-color-8, .o_filter_tag.text-bg-o-color-8 { --badge-bg: #e8f8fe; --badge-color: #046691; --badge-color-hover: #111827; --badge-border-color: #1BB6F9; } .badge.bg-o-color-8, .o_filter_tag.bg-o-color-8 { --badge-bg: #1BB6F9; --badge-color: #111827; --badge-border-color: #1BB6F9; --badge-color-hover: #111827; } .badge.text-bg-o-color-7, .o_filter_tag.text-bg-o-color-7 { --badge-bg: #fff7ea; --badge-color: #a86c03; --badge-color-hover: #111827; --badge-border-color: #FBB130; } .badge.bg-o-color-7, .o_filter_tag.bg-o-color-7 { --badge-bg: #FBB130; --badge-color: #111827; --badge-border-color: #FBB130; --badge-color-hover: #111827; } .badge.text-bg-o-color-6, .o_filter_tag.text-bg-o-color-6 { --badge-bg: #fff2f2; --badge-color: #ef050e; --badge-color-hover: #111827; --badge-border-color: #FC787D; } .badge.bg-o-color-6, .o_filter_tag.bg-o-color-6 { --badge-bg: #FC787D; --badge-color: #111827; --badge-border-color: #FC787D; --badge-color-hover: #111827; } .badge.text-bg-epsilon, .o_filter_tag.text-bg-epsilon { --badge-bg: #fbf0ec; --badge-color: #8a3a1e; --badge-color-hover: #FFFFFF; --badge-border-color: #d5653e; } .badge.bg-epsilon, .o_filter_tag.bg-epsilon { --badge-bg: #d5653e; --badge-color: #FFFFFF; --badge-border-color: #d5653e; --badge-color-hover: #FFFFFF; } .badge.text-bg-delta, .o_filter_tag.text-bg-delta { --badge-bg: #efeff2; --badge-color: #403f59; --badge-color-hover: #FFFFFF; --badge-border-color: #5c5b80; } .badge.bg-delta, .o_filter_tag.bg-delta { --badge-bg: #5c5b80; --badge-color: #FFFFFF; --badge-border-color: #5c5b80; --badge-color-hover: #FFFFFF; } .badge.text-bg-gamma, .o_filter_tag.text-bg-gamma { --badge-bg: #fcf1f2; --badge-color: #b2212d; --badge-color-hover: #FFFFFF; --badge-border-color: #e46f78; } .badge.bg-gamma, .o_filter_tag.bg-gamma { --badge-bg: #e46f78; --badge-color: #FFFFFF; --badge-border-color: #e46f78; --badge-color-hover: #FFFFFF; } .badge.text-bg-beta, .o_filter_tag.text-bg-beta { --badge-bg: #eff3f5; --badge-color: #344e5a; --badge-color-hover: #FFFFFF; --badge-border-color: #5b899e; } .badge.bg-beta, .o_filter_tag.bg-beta { --badge-bg: #5b899e; --badge-color: #FFFFFF; --badge-border-color: #5b899e; --badge-color-hover: #FFFFFF; } .badge.text-bg-alpha, .o_filter_tag.text-bg-alpha { --badge-bg: #e6f6f5; --badge-color: #006d6b; --badge-color-hover: #FFFFFF; --badge-border-color: #00a09d; } .badge.bg-alpha, .o_filter_tag.bg-alpha { --badge-bg: #00a09d; --badge-color: #FFFFFF; --badge-border-color: #00a09d; --badge-color-hover: #FFFFFF; } a.badge:hover, a:not(.dropdown-item):hover > .badge, .o_badge_clickable.badge:hover { --badge-bg: var(--badge-border-color); --badge-color: var(--badge-color-hover); text-decoration: none; } .o_color_0 { --background-color: #f6f6f6; --color: #626262; --background-color-contrast: #111827; --badge-color-hover: #111827; --badge-border-color: #a2a2a2; } .o_color_1 { --background-color: #fdeaea; --color: #ba0f0f; --background-color-contrast: #111827; --badge-color-hover: #FFFFFF; --badge-border-color: #ee2d2d; } .o_color_2 { --background-color: #fcf3eb; --color: #804916; --background-color-contrast: #111827; --badge-color-hover: #111827; --badge-border-color: #dc8534; } .o_color_3 { --background-color: #fdf8e8; --color: #79610c; --background-color-contrast: #111827; --badge-color-hover: #111827; --badge-border-color: #e8bb1d; } .o_color_4 { --background-color: #eef4fc; --color: #1e5596; --background-color-contrast: #111827; --badge-color-hover: #FFFFFF; --badge-border-color: #5794dd; } .o_color_5 { --background-color: #f5eff4; --color: #5a3751; --background-color-contrast: #111827; --badge-color-hover: #FFFFFF; --badge-border-color: #9f628f; } .o_color_6 { --background-color: #fbf3f0; --color: #9c4824; --background-color-contrast: #111827; --badge-color-hover: #111827; --badge-border-color: #db8865; } .o_color_7 { --background-color: #ecf6f6; --color: #255f5b; --background-color-contrast: #111827; --badge-color-hover: #111827; --badge-border-color: #41a9a2; } .o_color_8 { --background-color: #eaedfc; --color: #172b98; --background-color-contrast: #111827; --badge-color-hover: #FFFFFF; --badge-border-color: #304be0; } .o_color_9 { --background-color: #fdeaf3; --color: #920c4c; --background-color-contrast: #111827; --badge-color-hover: #FFFFFF; --badge-border-color: #ee2f8a; } .o_color_10 { --background-color: #eff9f1; --color: #2f7b39; --background-color-contrast: #111827; --badge-color-hover: #111827; --badge-border-color: #61c36e; } .o_color_11 { --background-color: #f5f1fd; --color: #5221b8; --background-color-contrast: #111827; --badge-color-hover: #FFFFFF; --badge-border-color: #9872e6; } .oe_img_bg.o_bg_img_opt_contain { background-size: contain; background-position: center center; } .oe_img_bg.o_bg_img_opt_custom { background-size: auto; } .oe_img_bg.o_bg_img_opt_repeat_x { background-repeat: repeat-x; } .oe_img_bg.o_bg_img_opt_repeat_y { background-repeat: repeat-y; } .o_bg_video_iframe { position: relative; pointer-events: none !important; } .o_bg_video_loading { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @media (max-width: 767.98px) { section, .parallax, .row, .hr, .blockquote { height: auto !important; } } .table_desc { margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd; } .table_heading { background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 0.875rem; padding: 4px; } table.table_desc tr td { text-align: left; padding: 5px; font-size: 0.8125rem; } table.table_desc tr td:first-child { width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none; } table.table_desc tr td:last-child { border-bottom: 1px solid #c9c9c9; } .jumbotron { border-radius: 0; } .o_full_screen_height, .o_half_screen_height, .cover_full, .cover_mid { display: flex; flex-direction: column; justify-content: space-around; min-height: 100vh !important; min-height: 100svh !important; } .o_half_screen_height, .cover_mid { min-height: 55vh !important; } .card { overflow: hidden; } .o_dot { width: var(--o-timeline-dot-size, 24px); height: var(--o-timeline-dot-size, 24px); left: var(--o-dot-left); color: #714b67; } .o_dot:before, .o_dot:after { position: absolute; border-radius: 50rem; background-color: currentColor; content: ''; } .o_dot:before { inset: 0; opacity: .1; } .o_dot:after { inset: 8px; } .o_cc1 .o_dot, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dot, .navbar-light .o_dot { color: var(--o-cc1-btn-primary); } .o_cc2 .o_dot, .o_footer .o_dot { color: var(--o-cc2-btn-primary); } .o_cc3 .o_dot { color: var(--o-cc3-btn-primary); } .o_cc4 .o_dot { color: var(--o-cc4-btn-primary); } .o_cc5 .o_dot { color: var(--o-cc5-btn-primary); } .o_dot_line { margin-top: calc(var(--o-timeline-dot-size, 24px) + 0.25rem); left: var(--o-dot-line-left); } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers { pointer-events: none; } @media (min-width: 768px) { .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-indicators, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-indicators { position: relative; min-width: 0; margin: 0; } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-next { position: relative; width: auto; } } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-indicators > *, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-indicators > *, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-indicators > *, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-indicators > *, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-indicators > *, .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-next { pointer-events: auto; } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .o_arrows_wrapper, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .o_arrows_wrapper, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .o_arrows_wrapper { display: flex; } @media (max-width: 767.98px) { .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-next { top: auto; bottom: 1rem; height: var(--CarouselControllers-size, 3rem); width: auto; margin: 0 1rem; } .s_carousel_cards_wrapper .s_carousel_cards:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators { min-height: var(--CarouselControllers-size, 3rem); margin: 0 calc(1rem * 2 + var(--CarouselControllers-size, 3rem)) 1rem; } } .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators { position: absolute; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators { pointer-events: none; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators > *, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators > *, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators > *, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators > * { pointer-events: auto; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_cards .carousel-control-next-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-next-icon { width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); background-size: 50%; } .s_carousel_cards_wrapper .s_carousel_default.s_carousel_cards .carousel-control-prev:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.s_quotes_carousel .carousel-control-prev:hover, .s_carousel_intro_wrapper .s_carousel_default.s_carousel_intro .carousel-control-prev:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel_default.s_carousel .carousel-control-prev:hover, .s_carousel_cards_wrapper .s_carousel_default.s_carousel_cards .carousel-control-next:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.s_quotes_carousel .carousel-control-next:hover, .s_carousel_intro_wrapper .s_carousel_default.s_carousel_intro .carousel-control-next:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel_default.s_carousel .carousel-control-next:hover { background: rgba(0, 0, 0, 0.2); } .s_carousel_cards_wrapper .s_carousel_default.carousel-dark.s_carousel_cards .carousel-control-prev:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.carousel-dark.s_quotes_carousel .carousel-control-prev:hover, .s_carousel_intro_wrapper .s_carousel_default.carousel-dark.s_carousel_intro .carousel-control-prev:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel_default.carousel-dark.s_carousel .carousel-control-prev:hover, .s_carousel_cards_wrapper .s_carousel_default.carousel-dark.s_carousel_cards .carousel-control-next:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.carousel-dark.s_quotes_carousel .carousel-control-next:hover, .s_carousel_intro_wrapper .s_carousel_default.carousel-dark.s_carousel_intro .carousel-control-next:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel_default.carousel-dark.s_carousel .carousel-control-next:hover { background: rgba(255, 255, 255, 0.2); } .s_carousel_cards_wrapper .s_carousel_boxed.s_carousel_cards .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_boxed.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_boxed.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_boxed.s_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_boxed.s_carousel_cards .carousel-control-next-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_boxed.s_quotes_carousel .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_boxed.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_boxed.s_carousel .carousel-control-next-icon, .s_carousel_cards_wrapper .s_carousel_rounded.s_carousel_cards .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_rounded.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_rounded.s_carousel_cards .carousel-control-next-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.s_quotes_carousel .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_rounded.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.s_carousel .carousel-control-next-icon { border-radius: 0.625rem; border: 1px solid var(--o-border-color); background-color: #000; filter: invert(1) grayscale(100); } .s_carousel_cards_wrapper .s_carousel_boxed.carousel-dark.s_carousel_cards .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_boxed.carousel-dark.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_boxed.carousel-dark.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_boxed.carousel-dark.s_carousel_cards .carousel-control-next-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_boxed.carousel-dark.s_quotes_carousel .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_boxed.carousel-dark.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-next-icon, .s_carousel_cards_wrapper .s_carousel_rounded.carousel-dark.s_carousel_cards .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.carousel-dark.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_rounded.carousel-dark.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_rounded.carousel-dark.s_carousel_cards .carousel-control-next-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.carousel-dark.s_quotes_carousel .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_rounded.carousel-dark.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-next-icon { filter: none; } .s_carousel_cards_wrapper .s_carousel_rounded.s_carousel_cards .carousel-control-prev-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.s_quotes_carousel .carousel-control-prev-icon, .s_carousel_intro_wrapper .s_carousel_rounded.s_carousel_intro .carousel-control-prev-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_rounded.s_carousel_cards .carousel-control-next-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_rounded.s_quotes_carousel .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_rounded.s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel_rounded.s_carousel .carousel-control-next-icon { border-radius: 50rem; } .s_carousel_cards_wrapper .s_carousel_arrows_hidden.s_carousel_cards .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_arrows_hidden.s_quotes_carousel .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_arrows_hidden.s_carousel_intro .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel_arrows_hidden.s_carousel .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_arrows_hidden.s_carousel_cards .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_arrows_hidden.s_quotes_carousel .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_arrows_hidden.s_carousel_intro .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel_arrows_hidden.s_carousel .carousel-control-next { display: none; } .s_carousel_cards_wrapper .s_carousel_arrows_hidden.s_carousel_cards .o_horizontal_controllers .o_arrows_wrapper, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_arrows_hidden.s_quotes_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_intro_wrapper .s_carousel_arrows_hidden.s_carousel_intro .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_wrapper[data-vcss='001'] .s_carousel_arrows_hidden.s_carousel .o_horizontal_controllers .o_arrows_wrapper { display: none; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-inner, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-inner, .s_carousel_intro_wrapper .s_carousel_intro .carousel-inner, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-inner { isolation: isolate; overflow: hidden; height: 100%; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-inner .carousel-item, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-inner .carousel-item, .s_carousel_intro_wrapper .s_carousel_intro .carousel-inner .carousel-item, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-inner .carousel-item { height: 100%; padding: 0 1rem; } @media (min-width: 768px) { .s_carousel_cards_wrapper .s_carousel_cards .carousel-inner .carousel-item, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-inner .carousel-item, .s_carousel_intro_wrapper .s_carousel_intro .carousel-inner .carousel-item, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-inner .carousel-item { padding: 0 10%; } } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators { align-items: center; height: var(--CarouselControllers-size, 3rem); } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_dots > button, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_dots > button, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_dots > button { width: 0.75rem; height: 0.75rem; border: 0; border-radius: 50rem; transform: scale(0.5); transition: opacity .6s ease, transform .6s ease; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_dots > button:before, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button:before, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_dots > button:before, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:before { position: absolute; inset: -12px; display: block; content: ''; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:hover { opacity: 1; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_dots > button.active, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button.active, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_dots > button.active, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_dots > button.active { inset: -3px; transform: scale(1); } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers { justify-content: start; height: auto; counter-reset: numberList; overflow: auto; transition: scrollbar-color .2s ease-in-out; scrollbar-color: var(--IndicatorsNumbers__Scrollbar-color, rgba(255, 255, 255, 0.15)) transparent; scrollbar-width: thin; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar { height: 6px; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb { border-radius: 0.25rem; background: var(--IndicatorsNumbers__Scrollbar-color, rgba(255, 255, 255, 0.15)); } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track { background: transparent; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers:hover, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover { scrollbar-color: var(--IndicatorsNumbers__Scrollbar-color, #FFF) transparent; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb { background: var(--IndicatorsNumbers__Scrollbar-color, #FFF); } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button { display: flex; align-items: center; width: auto; height: auto; margin: 0; border: 0; padding: 0 0.5rem 0; background: none; color: #FFF; text-indent: 0; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover { opacity: 1; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:before, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:before, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:before, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:before { content: counter(numberList); counter-increment: numberList; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:after, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:after { display: block; width: 0; margin-left: 0.25rem; border-top: 2px solid #FFF; transition: width .2s ease-in-out; content: ''; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after { width: 1.5rem; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child { margin-left: auto; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child { margin-right: auto; } .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_hidden, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_hidden, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_hidden, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_hidden { display: none; } .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers, .s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers { --IndicatorsNumbers__Scrollbar-color: rgba(0, 0, 0, 0.15); } .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers button, .s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers button, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers button, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers button { color: #000; } .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers button:after, .s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers button:after, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers button:after, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers button:after { border-color: #000; } .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers:hover, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers:hover, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers:hover { --IndicatorsNumbers__Scrollbar-color: #000; } .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards:not(:has(.s_carousel_indicators_hidden)) .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel:not(:has(.s_carousel_indicators_hidden)) .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro:not(:has(.s_carousel_indicators_hidden)) .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel:not(:has(.s_carousel_indicators_hidden)) .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards:not(:has(.s_carousel_indicators_hidden)) .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel:not(:has(.s_carousel_indicators_hidden)) .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro:not(:has(.s_carousel_indicators_hidden)) .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel:not(:has(.s_carousel_indicators_hidden)) .carousel-control-next { margin-bottom: var(--CarouselControllers-size, 3rem); } .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators { position: relative; margin-bottom: 0; } .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators:not(.s_carousel_indicators_numbers) button, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators:not(.s_carousel_indicators_numbers) button, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators:not(.s_carousel_indicators_numbers) button, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators:not(.s_carousel_indicators_numbers) button { background-color: currentColor; } .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators button, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators button, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators button, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators button { color: inherit; } @media (min-width: 768px) { .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators.s_carousel_indicators_numbers { height: var(--CarouselControllers-size, 3rem); } } .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:after, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators.s_carousel_indicators_numbers button:after { border-top-color: currentColor; } .carousel .container .carousel-img img, .carousel .o_container_small .carousel-img img { max-height: 95%; padding: 10px; } .carousel .container > .carousel-caption, .carousel .o_container_small > .carousel-caption { position: absolute; top: auto; left: 50%; bottom: auto; right: 50%; bottom: 20px; } .carousel .container > .carousel-caption > div, .carousel .o_container_small > .carousel-caption > div { position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px; } .carousel .container > .carousel-image, .carousel .o_container_small > .carousel-image { position: absolute; top: 5%; left: auto; bottom: 5%; right: auto; max-height: 90%; margin: 0 auto; } .carousel .container .carousel-item.text_image .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption { left: 10%; } .carousel .container .carousel-item.text_image .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .container > .carousel-caption > div, .carousel .container .carousel-item.text_image .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-caption > div { right: 50%; margin-right: -20%; max-width: 550px; } .carousel .container .carousel-item.text_image .container > .carousel-image, .carousel .o_container_small .carousel-item.text_image .container > .carousel-image, .carousel .container .carousel-item.text_image .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_image .o_container_small > .carousel-image { right: 10%; left: 50%; } .carousel .container .carousel-item.image_text .container > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption { right: 10%; } .carousel .container .carousel-item.image_text .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .container > .carousel-caption > div, .carousel .container .carousel-item.image_text .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-caption > div { left: 50%; margin-left: -20%; max-width: 550px; } .carousel .container .carousel-item.image_text .container > .carousel-image, .carousel .o_container_small .carousel-item.image_text .container > .carousel-image, .carousel .container .carousel-item.image_text .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.image_text .o_container_small > .carousel-image { right: 50%; left: 10%; } .carousel .container .carousel-item.text_only .container > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption { left: 10%; right: 10%; top: 10%; bottom: auto; } .carousel .container .carousel-item.text_only .container > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .container > .carousel-caption > div, .carousel .container .carousel-item.text_only .o_container_small > .carousel-caption > div, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-caption > div { text-align: center; background: transparent; bottom: auto; width: 100%; } .carousel .container .carousel-item.text_only .container > .carousel-image, .carousel .o_container_small .carousel-item.text_only .container > .carousel-image, .carousel .container .carousel-item.text_only .o_container_small > .carousel-image, .carousel .o_container_small .carousel-item.text_only .o_container_small > .carousel-image { display: none !important; } .carousel.o_carousel_multi_items { --o-carousel-item-width-percentage: 25%; } @media (min-width: 768px) { .carousel.o_carousel_multi_items .carousel-inner { display: flex; flex-wrap: nowrap; } .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active, .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active ~ .carousel-item, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-end:not(.active), .carousel.o_carousel_multi_items .carousel-inner .carousel-item-end:not(.active) ~ .carousel-item, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-prev:not(.active), .carousel.o_carousel_multi_items .carousel-inner .carousel-item-prev:not(.active) ~ .carousel-item { display: block; flex: 0 0 var(--o-carousel-item-width-percentage); margin-right: 0; } .carousel.o_carousel_multi_items .carousel-inner .active.carousel-item-end + .carousel-item-prev.carousel-item-end, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-prev.carousel-item-end ~ .carousel-item { right: var(--o-carousel-item-width-percentage); transform: translateX(100%); display: block; margin-right: 0; } .carousel.o_carousel_multi_items .carousel-inner .carousel-item-start.active, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-start:not(.active), .carousel.o_carousel_multi_items .carousel-inner .carousel-item-start:not(.active) ~ .carousel-item { transform: translateX(-100%); } .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active:not(.carousel-item-start):not(.carousel-item-end), .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active:not(.carousel-item-start):not(.carousel-item-end) ~ .carousel-item { transition: none; margin-right: initial; } .carousel.o_carousel_multi_items .carousel-inner .carousel-item-next:not(.carousel-item-start) { transform: translateX(0%); } } .parallax:not(.s_parallax_no_overflow_hidden) { overflow: hidden; } @media (min-width: 1200px) { .parallax.s_parallax_is_fixed > .s_parallax_bg { background-attachment: fixed; } } .s_parallax { min-height: 10px; } .o_header_affixed { display: block; position: absolute; top: 0; left: 0; bottom: auto; right: 0; position: fixed; } .o_header_affixed:not(.o_header_no_transition) { transition: transform 200ms; } .o_header_affixed.o_header_is_scrolled .navbar-brand { font-size: calc(1.29166667rem + 0.5vw); } @media (min-width: 1200px) { .o_header_affixed.o_header_is_scrolled .navbar-brand { font-size: 1.66666667rem; } } .o_header_affixed.o_header_is_scrolled .navbar-brand img { height: 2.5rem; } .o_header_affixed .o_header_hide_on_scroll.hidden { max-height: 0; padding-block: 0 !important; overflow: hidden; } .navbar .o_extra_menu_items > .show > li + li { border-top: 1px solid var(--o-border-color); } .navbar .o_extra_menu_items > .show > li > a.dropdown-toggle { background-color: #e7e8e9; pointer-events: none; } .navbar .o_extra_menu_items > .show > li > a.dropdown-toggle.active { color: inherit !important; } .navbar .o_extra_menu_items > .show > li > .dropdown-menu, .navbar .o_extra_menu_items > .show > li > .o_dropdown_menu { border-radius: 0; } .navbar .o_extra_menu_items > .show > li > .dropdown-menu .dropdown-item, .navbar .o_extra_menu_items > .show > li > .o_dropdown_menu .dropdown-item { padding-left: 1.5rem; } .navbar .o_extra_menu_items > .show > li > ul, .navbar .o_extra_menu_items > .show > li > .o_mega_menu { position: static; float: none; display: block; max-height: none; margin-top: 0; padding: 0; border: none; box-shadow: none; } .navbar .o_extra_menu_items > .show > li > .o_mega_menu .row > div { width: 100%; flex: auto; } .navbar .o_extra_menu_items > .show > li > .o_mega_menu_container_size { transform: unset; } header#top { z-index: 1030; } header:not(.o_header_no_transition) .o_main_nav { transition: all 200ms, color 0ms; } header:not(.o_header_no_transition) .navbar-brand { transition: margin 200ms, font-size 200ms, opacity 200ms ease-out; } header:not(.o_header_no_transition) .navbar-brand img { transition: height 200ms; } @media (min-width: 992px) { header .navbar .dropdown-menu, header .navbar .o_dropdown_menu { max-height: 60vh; overflow-y: auto; overflow-x: hidden; } } header .navbar-collapse.show { max-height: 80vh; overflow-y: auto; overflow-x: hidden; } @media (max-width: 991.98px) { header .navbar-collapse.show .nav-link, header .navbar-collapse.show .dropdown-item { white-space: normal; } } header .o_main_nav { flex-direction: inherit; } header nav.navbar { border-radius: !important; box-shadow: !important; } header nav.navbar.o_header_force_no_radius { border-radius: 0 !important; } header.o_header_is_scrolled, header.o_transitioning.o_header_affixed { background-color: transparent !important; } header.o_transformed_not_affixed .o_navbar_mobile { display: none; } header .hidden_mega_menu_li { display: none; } .o_grid_header_3_cols { grid-template-columns: 1fr auto 1fr; } .o_grid_header_3_cols_fixed { grid-template-columns: 1fr 33% 1fr; } .o_header_separator > :not(:last-child)::before { content: ''; position: absolute; inset: 0 0 0 100%; width: 2px; height: 50%; margin: auto -0.5rem auto auto; background: var(--HeaderSeparator-bg-color, rgba(var(--emphasis-color-rgb), 0.1)); } .o_border_contrast { border-color: var(--NavLinkWithBackground-bg-color--hover, rgba(var(--emphasis-color-rgb), 0.1)) !important; } .o_mega_menu { width: 100%; padding: 0; margin-top: 0 !important; border-radius: 0; background-clip: unset; background-color: transparent; border: 1px solid var(--o-border-color); } .o_mega_menu .container, .o_mega_menu .o_container_small, .o_mega_menu .container-fluid, .o_mega_menu .container-sm, .o_mega_menu .container-md, .o_mega_menu .container-lg, .o_mega_menu .container-xl, .o_mega_menu .container-xxl { padding-left: 16px; padding-right: 16px; } .o_mega_menu_is_offcanvas .o_mega_nav, .o_mega_menu_is_offcanvas .o_mega_menu { transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; z-index: 1045; max-width: var(--Offcanvas-horizontal-width, 400px); opacity: 0; pointer-events: none; } @media (prefers-reduced-motion: reduce) { .o_mega_menu_is_offcanvas .o_mega_nav, .o_mega_menu_is_offcanvas .o_mega_menu { transition: none; } } .o_mega_menu_is_offcanvas .o_mega_nav section, .o_mega_menu_is_offcanvas .o_mega_menu section { transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; transform: translateX(5%); } @media (prefers-reduced-motion: reduce) { .o_mega_menu_is_offcanvas .o_mega_nav section, .o_mega_menu_is_offcanvas .o_mega_menu section { transition: none; } } .o_mega_menu_is_offcanvas .o_mega_menu_left .o_mega_menu section { transform: translateX(-5%); } .o_mega_menu_is_offcanvas .o_mega_menu.show, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav { transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; visibility: visible !important; opacity: 1; pointer-events: auto; } @media (prefers-reduced-motion: reduce) { .o_mega_menu_is_offcanvas .o_mega_menu.show, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav { transition: none; } } .o_mega_menu_is_offcanvas .o_mega_menu.show section, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav section { transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; transform: translateX(0); } @media (prefers-reduced-motion: reduce) { .o_mega_menu_is_offcanvas .o_mega_menu.show section, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav section { transition: none; } } .o_mega_menu_is_offcanvas .o_mega_nav { padding-left: 16px; height: 3rem; background-color: #ffffff; } .o_mega_menu_is_offcanvas div.o_mega_menu { position: fixed !important; inset: 0 0 0 auto !important; display: block; visibility: hidden; margin-top: 3rem !important; border: none; height: calc(100dvh - 3rem); max-height: 100vh; background-color: #ffffff; overflow-x: hidden; } .o_mega_menu_is_offcanvas .o_mega_menu_toggle::after { content: '\e83b'; border: none; font-family: 'odoo_ui_icons'; } .o_mega_menu_is_offcanvas .o_mega_menu_left .o_mega_menu { inset: 0 auto 0 0 !important; } @media (min-width: 992px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { left: 50%; transform: translateX(-50%); } } @media (min-width: 576px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 508px; } } @media (min-width: 768px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 688px; } } @media (min-width: 992px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 928px; } } @media (min-width: 1200px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 1108px; } } @media (min-width: 1400px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 1288px; } } .s_mega_menu_gray_area { z-index: 1; } .s_mega_menu_gray_area:before { position: absolute; top: 0; left: 0; bottom: auto; right: auto; content: ''; display: block; width: 100%; height: 100%; z-index: -1; pointer-events: none; background: rgba(0, 0, 0, 0.05); } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar) { position: absolute; top: 0; left: 0; bottom: auto; right: 0; z-index: 1000; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar) > .navbar { background-color: transparent !important; background-image: none !important; border-color: transparent; color: inherit !important; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-item > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-item > .nav-link:hover { background-color: transparent; color: inherit; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-item > .nav-link.active { font-weight: bolder; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_header_mobile_buttons_wrap, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn[data-bs-toggle="offcanvas"] { color: inherit; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .navbar-toggler-icon { background-color: currentColor; background-image: none; mask: url("data:image/svg+xml,"); -webkit-mask: url("data:image/svg+xml,"); } .js_language_selector .dropdown-menu, .js_language_selector .o_dropdown_menu { min-width: 0; } .js_language_selector a.list-inline-item { padding: 3px 0; } .o_lang_flag { width: 1em; height: 1em; margin-right: 0.2em; border-radius: 50rem; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.429) 1px 1px 1px; } span.list-inline-item.o_add_language:last-child { display: none !important; } .o_figure_relative_layout { position: relative; } .o_figure_relative_layout .figure-img { margin-bottom: 0; } .o_figure_relative_layout .figure-caption { position: absolute; top: auto; left: 0; bottom: 0; right: 0; --background-color: rgba(17, 24, 39, 0.6); --color: #FFFFFF; background-color: rgba(17, 24, 39, 0.6) !important; color: #FFFFFF; padding: 0.5rem 0.5rem; font-weight: 600; } .o_figure_relative_layout .figure-caption .text-muted, .o_colored_level .o_figure_relative_layout .figure-caption .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_figure_relative_layout .figure-caption a { color: inherit; } .bg-primary-light { background-color: rgba(113, 75, 103, 0.1); } .bg-secondary-light { background-color: rgba(1, 126, 132, 0.1); } .bg-success-light { background-color: rgba(40, 167, 69, 0.1); } .bg-info-light { background-color: rgba(23, 162, 184, 0.1); } .bg-warning-light { background-color: rgba(255, 193, 7, 0.1); } .bg-danger-light { background-color: rgba(220, 53, 69, 0.1); } .bg-light-light { background-color: rgba(249, 249, 249, 0.1); } .bg-dark-light { background-color: rgba(17, 24, 39, 0.1); } .bg-o-color-9-light { background-color: rgba(0, 206, 179, 0.1); } .bg-o-color-8-light { background-color: rgba(27, 182, 249, 0.1); } .bg-o-color-7-light { background-color: rgba(251, 177, 48, 0.1); } .bg-o-color-6-light { background-color: rgba(252, 120, 125, 0.1); } .bg-epsilon-light { background-color: rgba(213, 101, 62, 0.1); } .bg-delta-light { background-color: rgba(92, 91, 128, 0.1); } .bg-gamma-light { background-color: rgba(228, 111, 120, 0.1); } .bg-beta-light { background-color: rgba(91, 137, 158, 0.1); } .bg-alpha-light { background-color: rgba(0, 160, 157, 0.1); } .text-facebook, .s_social_media:not(.no_icon_color) .s_social_media_facebook, .s_social_media:not(.no_icon_color) .s_social_media_facebook:hover, .s_social_media:not(.no_icon_color) .s_social_media_facebook:focus, .s_share:not(.no_icon_color) .s_share_facebook, .s_share:not(.no_icon_color) .s_share_facebook:hover, .s_share:not(.no_icon_color) .s_share_facebook:focus { color: #3B5999 !important; } a.text-facebook:hover, .s_social_media:not(.no_icon_color) a.s_social_media_facebook:hover, .s_share:not(.no_icon_color) a.s_share_facebook:hover, a.text-facebook:focus, .s_social_media:not(.no_icon_color) a.s_social_media_facebook:focus, .s_share:not(.no_icon_color) a.s_share_facebook:focus { color: #1f2e4f !important; } .text-twitter, .s_social_media:not(.no_icon_color) .s_social_media_twitter, .s_social_media:not(.no_icon_color) .s_social_media_twitter:hover, .s_social_media:not(.no_icon_color) .s_social_media_twitter:focus, .s_share:not(.no_icon_color) .s_share_twitter, .s_share:not(.no_icon_color) .s_share_twitter:hover, .s_share:not(.no_icon_color) .s_share_twitter:focus { color: #000000 !important; } a.text-twitter:hover, .s_social_media:not(.no_icon_color) a.s_social_media_twitter:hover, .s_share:not(.no_icon_color) a.s_share_twitter:hover, a.text-twitter:focus, .s_social_media:not(.no_icon_color) a.s_social_media_twitter:focus, .s_share:not(.no_icon_color) a.s_share_twitter:focus { color: black !important; } .text-linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:hover, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:focus, .s_share:not(.no_icon_color) .s_share_linkedin, .s_share:not(.no_icon_color) .s_share_linkedin:hover, .s_share:not(.no_icon_color) .s_share_linkedin:focus { color: #0077B5 !important; } a.text-linkedin:hover, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:hover, .s_share:not(.no_icon_color) a.s_share_linkedin:hover, a.text-linkedin:focus, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:focus, .s_share:not(.no_icon_color) a.s_share_linkedin:focus { color: #00344f !important; } .text-google-plus, .s_social_media:not(.no_icon_color) .s_social_media_google, .s_social_media:not(.no_icon_color) .s_social_media_google:hover, .s_social_media:not(.no_icon_color) .s_social_media_google:focus, .s_share:not(.no_icon_color) .s_share_google, .s_share:not(.no_icon_color) .s_share_google:hover, .s_share:not(.no_icon_color) .s_share_google:focus { color: #DD4B39 !important; } a.text-google-plus:hover, .s_social_media:not(.no_icon_color) a.s_social_media_google:hover, .s_share:not(.no_icon_color) a.s_share_google:hover, a.text-google-plus:focus, .s_social_media:not(.no_icon_color) a.s_social_media_google:focus, .s_share:not(.no_icon_color) a.s_share_google:focus { color: #96271a !important; } .text-youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube:hover, .s_social_media:not(.no_icon_color) .s_social_media_youtube:focus, .s_share:not(.no_icon_color) .s_share_youtube, .s_share:not(.no_icon_color) .s_share_youtube:hover, .s_share:not(.no_icon_color) .s_share_youtube:focus { color: #ff0000 !important; } a.text-youtube:hover, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:hover, .s_share:not(.no_icon_color) a.s_share_youtube:hover, a.text-youtube:focus, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:focus, .s_share:not(.no_icon_color) a.s_share_youtube:focus { color: #990000 !important; } .text-github, .s_social_media:not(.no_icon_color) .s_social_media_github, .s_social_media:not(.no_icon_color) .s_social_media_github:hover, .s_social_media:not(.no_icon_color) .s_social_media_github:focus, .s_share:not(.no_icon_color) .s_share_github, .s_share:not(.no_icon_color) .s_share_github:hover, .s_share:not(.no_icon_color) .s_share_github:focus { color: #1a1e22 !important; } a.text-github:hover, .s_social_media:not(.no_icon_color) a.s_social_media_github:hover, .s_share:not(.no_icon_color) a.s_share_github:hover, a.text-github:focus, .s_social_media:not(.no_icon_color) a.s_social_media_github:focus, .s_share:not(.no_icon_color) a.s_share_github:focus { color: black !important; } .text-instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram:hover, .s_social_media:not(.no_icon_color) .s_social_media_instagram:focus, .s_share:not(.no_icon_color) .s_share_instagram, .s_share:not(.no_icon_color) .s_share_instagram:hover, .s_share:not(.no_icon_color) .s_share_instagram:focus { color: #cf2872 !important; } a.text-instagram:hover, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:hover, .s_share:not(.no_icon_color) a.s_share_instagram:hover, a.text-instagram:focus, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:focus, .s_share:not(.no_icon_color) a.s_share_instagram:focus { color: #7a1743 !important; } .text-whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:hover, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) .s_share_whatsapp, .s_share:not(.no_icon_color) .s_share_whatsapp:hover, .s_share:not(.no_icon_color) .s_share_whatsapp:focus { color: #25d366 !important; } a.text-whatsapp:hover, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:hover, .s_share:not(.no_icon_color) a.s_share_whatsapp:hover, a.text-whatsapp:focus, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) a.s_share_whatsapp:focus { color: #167c3c !important; } .text-pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:hover, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:focus, .s_share:not(.no_icon_color) .s_share_pinterest, .s_share:not(.no_icon_color) .s_share_pinterest:hover, .s_share:not(.no_icon_color) .s_share_pinterest:focus { color: #C8232C !important; } a.text-pinterest:hover, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:hover, .s_share:not(.no_icon_color) a.s_share_pinterest:hover, a.text-pinterest:focus, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:focus, .s_share:not(.no_icon_color) a.s_share_pinterest:focus { color: #711419 !important; } .text-tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:hover, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:focus { color: #000000 !important; } a.text-tiktok:hover, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:hover, a.text-tiktok:focus, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:focus { color: black !important; } .text-discord, .s_social_media:not(.no_icon_color) .s_social_media_discord, .s_social_media:not(.no_icon_color) .s_social_media_discord:hover, .s_social_media:not(.no_icon_color) .s_social_media_discord:focus { color: #5865f2 !important; } a.text-discord:hover, .s_social_media:not(.no_icon_color) a.s_social_media_discord:hover, a.text-discord:focus, .s_social_media:not(.no_icon_color) a.s_social_media_discord:focus { color: #1021d4 !important; } .text-kickstarter { color: #0f2105 !important; } a.text-kickstarter:hover, a.text-kickstarter:focus { color: black !important; } .text-google-play { color: #4285F4 !important; } a.text-google-play:hover, a.text-google-play:focus { color: #0b51c5 !important; } .text-strava { color: #fc4c02 !important; } a.text-strava:hover, a.text-strava:focus { color: #972d01 !important; } .text-bluesky { color: #1185FE !important; } a.text-bluesky:hover, a.text-bluesky:focus { color: #0153a8 !important; } .text-threads { color: #000000 !important; } a.text-threads:hover, a.text-threads:focus { color: black !important; } .modal-footer > .float-start { margin-right: auto; } .o_record_cover_container { position: relative; } .o_record_cover_container .o_record_cover_component { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .o_scroll_button, #o_wblog_post_content_jump { position: absolute; top: auto; left: 0; bottom: 0; right: 0; display: flex; width: 50px; height: 50px; animation: o-anim-heartbeat 2.6s ease-in-out 1s infinite; } .o_scroll_button, #o_wblog_post_content_jump, .o_scroll_button:hover { text-decoration: none; } .o_scroll_button:focus, #o_wblog_post_content_jump:focus { outline: none; } .o_scroll_button:hover, #o_wblog_post_content_jump:hover { animation-iteration-count: 1; } @keyframes o-anim-heartbeat { 0%, 14%, 35% { transform: scale(1); } 7%, 21% { transform: scale(1.3); background-color: rgba(113, 75, 103, 0.8); } } .o_ribbon { margin: 0; font-size: 1rem; font-weight: bold; white-space: nowrap; text-align: center; pointer-events: none; } .o_ribbon:empty { display: none; } .o_ribbon_right { position: absolute; top: 0; left: auto; bottom: auto; right: 0; padding: 0.5rem 100px; transform: translateX(calc(-0.708 * (100% - 200px))) rotate(45deg) translateX(calc(100% - 100px)); transform-origin: top right; } .o_ribbon_left { position: absolute; top: 0; left: 0; bottom: auto; right: auto; padding: 0.5rem 100px; transform: translateX(calc(0.708 * (100% - 200px) - 100%)) rotate(-45deg) translateX(100px); transform-origin: top right; } .o_tag_right { position: absolute; top: 0; left: auto; bottom: auto; right: 0; padding: 0.25rem 1rem; } .o_tag_left { position: absolute; top: 0; left: 0; bottom: auto; right: auto; padding: 0.25rem 1rem; } .o_conditional_hidden { display: none !important; } #website_cookies_bar { min-height: 0px; height: 0px; } .o_cookies_bar_toggle { inset-inline-end: 1rem; inset-block-end: var(--cookies-bar-toggle-inset-block-end, 1rem); z-index: 1056; } .o_search_result_item_detail { flex: 1; } .o_search_result_item_detail button:disabled, .o_search_result_item_detail button.o_wysiwyg_loader { color: inherit; } ul.o_checklist > li.o_checked::after { left: -19px; top: 0; } .modal-open .o_bottom_fixed_element, .o_bottom_fixed_element_hidden { display: none !important; } .o_text_content_invisible, input[value*="data-oe-translation-source-sha"] { color: transparent !important; } [placeholder*="data-oe-translation-source-sha"]::-webkit-input-placeholder { /* WebKit */ color: transparent; opacity: 0; } [placeholder*="data-oe-translation-source-sha"]::-moz-placeholder { /* Firefox */ color: transparent; opacity: 0; } [data-oe-translation-source-sha] > .o_translation_select { border: var(--border-width) solid var(--o-border-color); border-radius: 0.25rem; } [data-oe-translation-source-sha] > .o_translation_select + select { display: none !important; } [data-oe-translation-source-sha] > .o_translation_select > div:not(:last-child) { border-bottom: inherit; } .o_website_offcanvas .accordion-button, .o_website_offcanvas .accordion-button:focus, .o_website_offcanvas .accordion-button:hover { box-shadow: none; z-index: 0; } .o_notification_manager .o_notification { --Notification__background-color: #ffffff; } .o_animate { z-index: 1; animation-duration: 1s; animation-fill-mode: both; transform: translate3d(0, 0, 0); backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden; --wanim-intensity: 50; --wanim-intensity-squared: calc(var(--wanim-intensity) * var(--wanim-intensity)); --wanim-zoom-out-scale: calc(1 + (var(--wanim-intensity-squared) / 8333.3)); --wanim-zoom-in-scale: calc(1.01 - (var(--wanim-intensity) / 100 )); --wanim-zoom-in-scale-60: calc(var(--wanim-zoom-in-scale) + ((1 - var(--wanim-zoom-in-scale)) / 2)); --wanim-opacity-adjustment: 0; } .o_animate:not(.o_animating):not(.o_animate_in_dropdown) { transform: none !important; } .o_animate_preview { visibility: visible; } .o_wanim_overflow_xy_hidden #wrapwrap { overflow-x: clip !important; } @supports not (overflow-x: clip) { .o_wanim_overflow_xy_hidden #wrapwrap { overflow-x: hidden !important; } } .o_wanim_overflow_xy_hidden.o_rtl > main, .o_wanim_overflow_xy_hidden .o_rtl > main { overflow-x: hidden; overflow-y: hidden; } .o_wanim_overflow_xy_hidden .o_footer_slideout { overflow-y: hidden !important; } .o_animated_text { display: inline-block; } .o_animate_on_scroll { animation-play-state: paused; --wanim-opacity-adjustment: 1; } @keyframes o_anim_slide_in_down { 0% { opacity: 0; transform: translate(0, calc(-2% * var(--wanim-intensity))); } 10% { opacity: 1; } 100% { transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_top { animation-name: o_anim_slide_in_down; } @keyframes o_anim_slide_in_left { 0% { opacity: 0; transform: translate(calc(-2% * var(--wanim-intensity)), 0); } 10% { opacity: 1; } 100% { transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_left { animation-name: o_anim_slide_in_left; } @keyframes o_anim_slide_in_right { 0% { opacity: 0; transform: translate(calc(2% * var(--wanim-intensity)), 0); } 10% { opacity: 1; } 100% { transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_right { animation-name: o_anim_slide_in_right; } @keyframes o_anim_slide_in_up { 0% { opacity: 0; transform: translate(0, calc(2% * var(--wanim-intensity))); } 10% { opacity: 1; } 100% { transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_bottom { animation-name: o_anim_slide_in_up; } @keyframes o_anim_bounce_in { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale(calc(1 - (var(--wanim-intensity) / 71.4))); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 20% { transform: scale(calc(1 + (var(--wanim-intensity-squared) / 25000))); } 40% { transform: scale(calc(1 - (var(--wanim-intensity-squared) / 25000))); } 60% { opacity: 1; transform: scale(calc(1 + (var(--wanim-intensity-squared) / 83333.3))); } 80% { transform: scale(calc(1 - (var(--wanim-intensity-squared) / 83333.3))); } 100% { opacity: 1; transform: scale(1); } } .o_anim_bounce_in { animation-name: o_anim_bounce_in; } @keyframes o_anim_bounce_in_down { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(0, -3000px); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 100))); } 75% { transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 250))); } 90% { transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 500))); } 100% { transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_top { animation-name: o_anim_bounce_in_down; } @keyframes o_anim_bounce_in_left { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(-3000px, 0); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: translate(calc(1px * (var(--wanim-intensity-squared) / 100)), 0); } 75% { transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 250)), 0); } 90% { transform: translate(calc(1px * (var(--wanim-intensity-squared) / 500)), 0); } 100% { transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_left { animation-name: o_anim_bounce_in_left; } @keyframes o_anim_bounce_in_right { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(3000px, 0); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 100)), 0); } 75% { transform: translate(calc(1px * (var(--wanim-intensity-squared) / 250)), 0); } 90% { transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 500)), 0); } 100% { transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_right { animation-name: o_anim_bounce_in_right; } @keyframes o_anim_bounce_in_up { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate(0, 3000px); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 100))); } 75% { transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 250))); } 90% { transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 500))); } 100% { transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_bottom { animation-name: o_anim_bounce_in_up; } @keyframes o_anim_fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } .o_anim_fade_in { animation-name: o_anim_fade_in; } @keyframes o_anim_fade_in_down { 0% { opacity: 0; transform: translate(0, calc(-2% * var(--wanim-intensity))); } 100% { opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_top { animation-name: o_anim_fade_in_down; } @keyframes o_anim_fade_in_left { 0% { opacity: 0; transform: translate(calc(-2% * var(--wanim-intensity)), 0); } 100% { opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_left { animation-name: o_anim_fade_in_left; } @keyframes o_anim_fade_in_right { 0% { opacity: 0; transform: translate(calc(2% * var(--wanim-intensity)), 0); } 100% { opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_right { animation-name: o_anim_fade_in_right; } @keyframes o_anim_fade_in_up { 0% { opacity: 0; transform: translate(0, calc(2% * var(--wanim-intensity))); } 100% { opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_bottom { animation-name: o_anim_fade_in_up; } @keyframes o_anim_fade_out { 0% { opacity: 1; } 100% { opacity: 0; } } .o_anim_fade_out { animation-name: o_anim_fade_out; } @keyframes o_anim_rotate_in { 0% { opacity: 0; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 12.82)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform: rotate(0); } } .o_anim_rotate_in { animation-name: o_anim_rotate_in; } @keyframes o_anim_rotate_in_down_left { 0% { opacity: 0; transform-origin: left bottom; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform-origin: left bottom; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_bottom_left { animation-name: o_anim_rotate_in_down_left; } @keyframes o_anim_rotate_in_down_right { 0% { opacity: 0; transform-origin: right bottom; transform: rotate(calc(1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform-origin: right bottom; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_bottom_right { animation-name: o_anim_rotate_in_down_right; } @keyframes o_anim_rotate_in_up_left { 0% { opacity: 0; transform-origin: left top; transform: rotate(calc(1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform-origin: left top; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_top_left { animation-name: o_anim_rotate_in_up_left; } @keyframes o_anim_rotate_in_up_right { 0% { opacity: 0; transform-origin: right top; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; transform-origin: right top; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_top_right { animation-name: o_anim_rotate_in_up_right; } @keyframes o_anim_zoom_out { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out { animation-name: o_anim_zoom_out; } @keyframes o_anim_zoom_out_right { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(100%, 0); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out.o_anim_from_right { animation-name: o_anim_zoom_out_right; } @keyframes o_anim_zoom_out_left { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(-100%, 0); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out.o_anim_from_left { animation-name: o_anim_zoom_out_left; } @keyframes o_anim_zoom_out_bottom { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(0, 100%); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out.o_anim_from_bottom { animation-name: o_anim_zoom_out_bottom; } @keyframes o_anim_zoom_out_top { 0% { opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(0, -100%); } 10% { opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100% { opacity: 1; } } .o_anim_zoom_out.o_anim_from_top { animation-name: o_anim_zoom_out_top; } @keyframes o_anim_zoom_in { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)); } 10% { opacity: calc(0.2 + (0.8 * (var(--wanim-opacity-adjustment)))); } 50% { opacity: 1; } } .o_anim_zoom_in { animation-name: o_anim_zoom_in; } @keyframes o_anim_zoom_in_down { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(0, calc(-0.1px * var(--wanim-intensity-squared))); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(0, calc(1px * var(--wanim-intensity))); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_top { animation-name: o_anim_zoom_in_down; } @keyframes o_anim_zoom_in_up { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(0, calc(0.1px * var(--wanim-intensity-squared))); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(0, calc(-1px * var(--wanim-intensity))); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_bottom { animation-name: o_anim_zoom_in_up; } @keyframes o_anim_zoom_in_left { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(calc(-0.1px * var(--wanim-intensity-squared)), 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(calc(0.2px * var(--wanim-intensity)), 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_left { animation-name: o_anim_zoom_in_left; } @keyframes o_anim_zoom_in_right { 0% { opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(calc(0.1px * var(--wanim-intensity-squared)), 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10% { opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60% { opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(calc(-0.2px * var(--wanim-intensity)), 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_right { animation-name: o_anim_zoom_in_right; } @keyframes o_anim_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: calc(1 - (var(--wanim-intensity) / 100)); } } .o_anim_flash { animation-name: o_anim_flash; } @keyframes o_anim_pulse { 0% { transform: scale(1); } 50% { transform: scale(calc(1.01 + (0.000016 * var(--wanim-intensity-squared)))); } 100% { transform: scale(1); } } .o_anim_pulse { animation-name: o_anim_pulse; } @keyframes o_anim_shake { 0%, 100% { transform: translate(0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate(calc(-1px - (0.0036px * var(--wanim-intensity-squared))), 0); } 20%, 40%, 60%, 80% { transform: translate(calc(1px + (0.0036px * var(--wanim-intensity-squared))), 0); } } .o_anim_shake { animation-name: o_anim_shake; } @keyframes o_anim_tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(calc(1 - (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(-2deg - (0.02deg * var(--wanim-intensity)))); } 30%, 50%, 70%, 90% { transform: scale(calc(1 + (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(2deg + (0.02deg * var(--wanim-intensity)))); } 40%, 60%, 80% { transform: scale(calc(1 + (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(-2deg - (0.02deg * var(--wanim-intensity)))); } 100% { transform: scale(1); } } .o_anim_tada { animation-name: o_anim_tada; } @keyframes o_anim_flip_in_x { 0% { transform: perspective(1000px) rotateX(calc(1deg * (5 + (var(--wanim-intensity) * 1.7)))); opacity: 0; } 50% { opacity: 1; } } .o_anim_flip_in_x { backface-visibility: visible; animation-name: o_anim_flip_in_x; transition-timing-function: ease-out; } @keyframes o_anim_flip_in_y { 0% { transform: perspective(1000px) rotateY(calc(1deg * (5 + (var(--wanim-intensity) * 1.7)))); opacity: 0; } 50% { opacity: 1; } } .o_anim_flip_in_y { backface-visibility: visible; animation-name: o_anim_flip_in_y; transition-timing-function: ease-out; } .o_anim_dur500 { animation-duration: 500ms; } .o_anim_dur1500 { animation-duration: 1500ms; } .o_anim_dur2000 { animation-duration: 2000ms; } .o_anim_dur2500 { animation-duration: 2500ms; } .o_anim_dur3000 { animation-duration: 3000ms; } .o_anim_del500 { animation-delay: 500ms; } .o_anim_del1000 { animation-delay: 1000ms; } .o_anim_del1500 { animation-delay: 1500ms; } .o_anim_del2000 { animation-delay: 2000ms; } .o_anim_del2500 { animation-delay: 2500ms; } .o_table tr { border-color: var(--o-border-color); } .o_dropdown_without_offset { transform: none !important; } .input-group-text.input-group-text-subtle { transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; border-color: var(--o-border-color); background-color: #ffffff; background-clip: padding-box; color: #111827; } @media (prefers-reduced-motion: reduce) { .input-group-text.input-group-text-subtle { transition: none; } } .input-group-text.input-group-text-subtle > * { color: rgba(17, 24, 39, 0.6); } .is-invalid ~ .input-group-text.input-group-text-subtle, .input-group-text.input-group-text-subtle:has(~ .is-invalid) { border-color: #dc3545; } .is-invalid ~ .input-group-text.input-group-text-subtle + .input-group-text { border-left-color: #dc3545; } .form-control ~ .input-group-text.input-group-text-subtle, .form-select ~ .input-group-text.input-group-text-subtle { padding-left: 0.375rem; } .input-group-text.input-group-text-subtle:has(~ .form-control), .input-group-text.input-group-text-subtle:has(~ .form-select) { padding-right: 0.375rem; } .form-control:disabled ~ .input-group-text.input-group-text-subtle, .form-control.o_wysiwyg_loader ~ .input-group-text.input-group-text-subtle, .form-control[readonly] ~ .input-group-text.input-group-text-subtle, .input-group-text.input-group-text-subtle:has(~ .form-control:disabled, ~ .form-control.o_wysiwyg_loader), .input-group-text.input-group-text-subtle:has(~ .form-control[readonly]), .form-select:disabled ~ .input-group-text.input-group-text-subtle, .form-select.o_wysiwyg_loader ~ .input-group-text.input-group-text-subtle, .form-select[readonly] ~ .input-group-text.input-group-text-subtle, .input-group-text.input-group-text-subtle:has(~ .form-select:disabled, ~ .form-select.o_wysiwyg_loader), .input-group-text.input-group-text-subtle:has(~ .form-select[readonly]) { background-color: #e7e8e9; border-color: rgba(17, 24, 39, 0.15); } .input-group-text-subtle ~ .form-control:not(:focus), .input-group-text-subtle ~ .form-select:not(:focus):not(:hover) { border-left-width: 0; } .form-control:not(:focus):has(~ .input-group-text-subtle), .form-select:not(:focus):not(:hover):has(~ .input-group-text-subtle) { border-right-width: 0; } .o_nav_link_btn { border-radius: 0.25rem; padding: 0.75rem 1.5rem; } .s_banner_categories .row > *, .s_quadrant .o_grid_item, .s_masonry_block[data-vcss='001'] .row > div { display: flex; flex-direction: column; justify-content: center; } .s_banner_categories .row > * div.media_iframe_video, .s_quadrant .o_grid_item div.media_iframe_video, .s_masonry_block[data-vcss='001'] .row > div div.media_iframe_video { width: 100%; } /* /website/static/src/scss/website_common.scss */ .o_text_highlight { position: relative; --text-highlight-color: currentColor; isolation: isolate; } .o_text_highlight > * { text-decoration: none; } .o_text_highlight svg { z-index: -1; height: 1px; width: 1px; } /* /website/static/src/scss/website_controller_page.scss */ .o_website_tag { vertical-align: middle; } .o_website_tag.o_tag_color_0 { color: black; background-color: white; box-shadow: inset 0 0 0 1px #a2a2a2; } a.o_website_tag.o_tag_color_0:hover { color: #111827; background-color: #e6e6e6; } .o_website_tag.o_tag_color_1 { color: white; background-color: #ee2d2d; } a.o_website_tag.o_tag_color_1:hover { color: #FFFFFF; background-color: #d71111; } .o_website_tag.o_tag_color_2 { color: white; background-color: #dc8534; } a.o_website_tag.o_tag_color_2:hover { color: #111827; background-color: #bd6c21; } .o_website_tag.o_tag_color_3 { color: white; background-color: #e8bb1d; } a.o_website_tag.o_tag_color_3:hover { color: #111827; background-color: #bf9913; } .o_website_tag.o_tag_color_4 { color: white; background-color: #5794dd; } a.o_website_tag.o_tag_color_4:hover { color: #FFFFFF; background-color: #2d79d4; } .o_website_tag.o_tag_color_5 { color: white; background-color: #9f628f; } a.o_website_tag.o_tag_color_5:hover { color: #FFFFFF; background-color: #804e73; } .o_website_tag.o_tag_color_6 { color: white; background-color: #db8865; } a.o_website_tag.o_tag_color_6:hover { color: #111827; background-color: #d1683c; } .o_website_tag.o_tag_color_7 { color: white; background-color: #41a9a2; } a.o_website_tag.o_tag_color_7:hover { color: #111827; background-color: #33847f; } .o_website_tag.o_tag_color_8 { color: white; background-color: #304be0; } a.o_website_tag.o_tag_color_8:hover { color: #FFFFFF; background-color: #1d36c0; } .o_website_tag.o_tag_color_9 { color: white; background-color: #ee2f8a; } a.o_website_tag.o_tag_color_9:hover { color: #FFFFFF; background-color: #d81270; } .o_website_tag.o_tag_color_10 { color: white; background-color: #61c36e; } a.o_website_tag.o_tag_color_10:hover { color: #111827; background-color: #42af51; } .o_website_tag.o_tag_color_11 { color: white; background-color: #9872e6; } a.o_website_tag.o_tag_color_11:hover { color: #FFFFFF; background-color: #7847de; } .o_website_record { transition: box-shadow ease-in 0.1s; } .o_website_record:hover { box-shadow: 0 5px 25px -10px black; } .o_website_record .o_website_image { object-fit: cover; } .o_website_grid .o_website_record { grid-template-rows: auto 1.5em 8em; } .o_website_grid .o_website_record .o_website_tags { grid-row: 2; } .o_website_grid .o_website_record .card-body { grid-row: 3; } .o_website_grid .o_website_record .o_website_image { height: 12em !important; } .o_website_list .o_website_record { grid-template-columns: 10% 65% 25%; height: 6em; } .o_website_list .o_website_record .o_website_tags { grid-column: 3; grid-row: 1; } .o_website_list .o_website_record .card-body { grid-column: 2; grid-row: 1; } .o_website_record_page .o_website_html { padding: 0 3vw; } .o_website_record_page .o_website_image { max-height: 90vh; object-fit: contain; } /* /website/static/src/scss/website.ui.scss */ .o_frontend_to_backend_nav { position: absolute; top: 0; left: 0; bottom: auto; right: auto; z-index: 1055; font-size: 0.875rem; font-family: "-apple-system", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .o_frontend_to_backend_nav::before { content: ""; position: absolute; top: 0; left: 0; bottom: auto; right: auto; border-top: 20px solid #714B67; border-left: 20px solid #714B67; border-bottom: 20px solid transparent; border-right: 20px solid transparent; cursor: pointer; } .o_frontend_to_backend_nav::before, .o_frontend_to_backend_nav .o_frontend_to_backend_icon, .o_frontend_to_backend_nav .o_frontend_to_backend_buttons { transform-origin: top left; transition: transform 400ms ease 1s; } .o_frontend_to_backend_nav .o_frontend_to_backend_buttons { transition-duration: 800ms; } .o_frontend_to_backend_nav .o_frontend_to_backend_buttons { transform: translateX(-250%) scaleX(0.5); } .o_frontend_to_backend_nav .o_frontend_to_backend_buttons > a { min-width: 40px; height: 40px; color: #FFFFFF; } .o_frontend_to_backend_nav .o_frontend_to_backend_apps_menu { font-size: 0.875rem; max-height: 70vh; overflow: auto; } .o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn { background-color: #714B67; } .o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn:hover { background-color: #624159; } .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn { background-color: #3e3e46; } .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn:hover { background-color: #323238; } .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn > img { height: 1.8em; margin-right: 0.5em; border-radius: 0.25rem; } .o_frontend_to_backend_nav:hover:before, .o_frontend_to_backend_nav:hover .o_frontend_to_backend_icon, .o_frontend_to_backend_nav:focus-within:before, .o_frontend_to_backend_nav:focus-within .o_frontend_to_backend_icon { transform: scale(0.3); transition-delay: 0ms; transition-duration: 400ms; } .o_frontend_to_backend_nav:hover .o_frontend_to_backend_buttons, .o_frontend_to_backend_nav:focus-within .o_frontend_to_backend_buttons { transform: translateX(0); transition-delay: 0ms; transition-duration: 400ms; } body { direction: ltr; } .oe_login_form, .oe_signup_form, .oe_reset_password_form { max-width: 300px; position: relative; margin: 50px auto; } .tour .popover-navigation { margin-left: 13px; margin-bottom: 8px; } .css_published .btn-danger, .css_published .css_publish { display: none; } .css_unpublished .btn-success, .css_unpublished .css_unpublish { display: none; } [data-publish='off'] > *:not(.css_options) { opacity: 0.5; } .js_publish_management > .js_publish_btn.btn-success { border-radius: var(--btn-border-radius); } @media print { a[href]:after { content: initial; } } .post_link:not(.o_post_link_js_loaded) { pointer-events: none; } .o_is_mobile, .o_is_mobile .modal { scrollbar-color: #999 rgba(255, 255, 255, 0.5); scrollbar-width: thin; } .o_is_mobile::-webkit-scrollbar, .o_is_mobile .modal::-webkit-scrollbar { width: 5px; height: 5px; } .o_is_mobile::-webkit-scrollbar-thumb, .o_is_mobile .modal::-webkit-scrollbar-thumb { background: #999; } .o_is_mobile::-webkit-scrollbar-track, .o_is_mobile .modal::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.5); } /* /website/static/src/components/autocomplete_with_pages/url_autocomplete.scss */ .o-autocomplete .ui-autocomplete-category > .dropdown-item:hover { background-color: initial; cursor: default; } .o-autocomplete.ui-widget-content { background-color: #ffffff; border: 0 solid var(--o-border-color); border-radius: 0.25rem; } /* /website/static/src/client_actions/website_preview/website_builder_action.editor.scss */ .o_homepage_editor_welcome_message { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } /* /stock/static/src/scss/stock_traceability_report.scss */ .o_stock_reports_body_print { background-color: white; color: black; } .o_stock_reports_body_print .o_stock_reports_level0 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: bold; border-top-style: solid; border-bottom-style: groove; } .o_main_content .o_stock_reports_page { position: absolute; } .o_stock_reports_page { background-color: white; } .o_stock_reports_page.o_stock_reports_no_print { margin: 16px auto; padding-top: 24px; padding-right: 16px; padding-bottom: 24px; padding-left: 16px; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_level0 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: normal; border-top-style: solid; border-bottom-style: groove; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_table { white-space: nowrap; margin-top: 30px; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_table thead { display: table-row-group; } .o_stock_reports_page.o_stock_reports_no_print .o_report_line_header { text-align: left; padding-left: 10px; } .o_stock_reports_page.o_stock_reports_no_print .o_report_header { border-top-style: solid; border-top-style: groove; border-bottom-style: groove; border-width: 2px; } .o_stock_reports_page .o_stock_reports_unfolded { display: inline-block; } .o_stock_reports_page .o_stock_reports_nofoldable { margin-left: 17px; } .o_stock_reports_page a.o_stock_report_lot_action { cursor: pointer; } .o_stock_reports_page a.o_stock_report_partner_action { cursor: pointer; } .o_stock_reports_page .o_stock_reports_unfolded td + td { visibility: hidden; } .o_stock_reports_page div.o_stock_reports_web_action, .o_stock_reports_page span.o_stock_reports_web_action, .o_stock_reports_page i.fa, .o_stock_reports_page span.o_stock_reports_unfoldable, .o_stock_reports_page span.o_stock_reports_foldable, .o_stock_reports_page a.o_stock_reports_web_action { cursor: pointer; } .o_stock_reports_page .o_stock_reports_caret_icon { margin-left: -3px; } .o_stock_reports_page th { border-bottom: thin groove; } .o_stock_reports_page .o_stock_reports_level1 { border-width: 2px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: hidden; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_level2 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: solid; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_level2 > td > span:last-child { margin-left: 25px; } .o_stock_reports_page .o_stock_reports_default_style { border-width: 0px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: solid; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_default_style > td > span:last-child { margin-left: 50px; } /* /web_enterprise/static/src/webclient/home_menu/home_menu_background.scss */ .o_home_menu_background, .o_web_client.o_home_menu_background { background-size: cover; background-attachment: fixed; background-color: var(--homeMenu-bg-color, #e7e9ed); background-image: var(--homeMenu-bg-image, url("/web_enterprise/static/img/background-light.svg")); } /* /web_enterprise/static/src/webclient/navbar/navbar.scss */ .o_main_navbar { --NavBar-entry-color--active: #000; --NavBar-entry-borderColor-active: #017e84; --NavBar-entry-backgroundColor--active: #e6f2f3; --NavBar-entry-backgroundColor--hover: #e7e9ed; --NavBar-entry-backgroundColor--focus: #e7e9ed; --Dropdown_menu-margin-y: 0.25rem; } .o_main_navbar .o_menu_toggle { color: var(--NavBar-menuToggle-color, #714B67); } body.o_is_superuser .o_menu_systray { border-image-outset: 5px; } /* /purchase/static/src/scss/purchase_portal.scss */ .o_purchase_portal_product_image { width: 48px; height: 48px; object-fit: contain; margin-right: 3px; margin-left: 3px; } /* /rating/static/src/scss/rating_templates.scss */ .o_rating_page_thank_you { min-height: 80vh; } /* Rating feedback */ .o_rating_page_submit .btn-group > .btn:not(:first-child), .o_rating_page_submit .btn-group > .btn-group:not(:first-child) > .btn { margin-left: 0 !important; } .o_rating_page_submit .o_rating_label { opacity: 0.5; border: none !important; } .o_rating_page_submit .o_rating_label:hover { transform: scale(1.1); } .o_rating_page_submit .o_rating_label img.bg-white:hover, .o_rating_page_submit .o_rating_label img.bg-white:focus { background-color: #ffffff !important; } .o_rating_page_submit .btn-check:checked + .o_rating_label { transform: scale(1.2); opacity: 1; } .o_rating_page_submit .btn-check:checked + .o_rating_label img.bg-white:hover, .o_rating_page_submit .btn-check:checked + .o_rating_label img.bg-white:focus { background-color: #ffffff !important; } /* /project/static/src/scss/portal_rating.scss */ .o_portal_project_rating .thumbnail { height: 240px; } .o_portal_project_rating .o_top_partner_rating_image { height: 15px; } .o_portal_project_rating .o_top_partner_image { height: 30px; width: 30px; } .o_portal_project_rating .o_top_partner_feedback { word-wrap: break-word; } .o_portal_project_rating .o_vertical_separator { border-left: 1px solid #eeeeee; } .o_portal_project_rating .o_rating_progress { margin-bottom: 10px; } .o_portal_project_rating .o_rating_count { display: inline-block; min-width: 22px; } .o_portal_project_rating .o_smiley_no_padding_left { padding-left: 0; } .o_portal_project_rating .o_smiley_no_padding_right { padding-right: 0; } .o_portal_project_rating .o_lighter_smileys { opacity: 0.4; } .o_status { display: block; background-color: #F3F4F6; height: 12px; width: 12px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .dropdown-item > .o_status { transform: translateX(-50%); } /* /website_mail/static/src/css/website_mail.scss */ .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='on'] .follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn { display: none; } .js_follow[data-follow='on'] .js_unfollow_btn { opacity: 1 !important; } .js_follow_icons_container .js_follow_btn, .js_follow_icons_container .js_unfollow_btn, .js_follow_icons_container .follow_btn { animation: js_follow_fade 1s ease forwards; opacity: 0; } .js_follow_icons_container .js_follow_btn small, .js_follow_icons_container .js_follow_btn .small, .js_follow_icons_container .js_unfollow_btn small, .js_follow_icons_container .js_unfollow_btn .small, .js_follow_icons_container .follow_btn small, .js_follow_icons_container .follow_btn .small { opacity: 0; transition: opacity 0.3s ease; } .js_follow_icons_container .js_follow_btn:hover small, .js_follow_icons_container .js_follow_btn:hover .small, .js_follow_icons_container .js_follow_btn:focus small, .js_follow_icons_container .js_follow_btn:focus .small, .js_follow_icons_container .js_unfollow_btn:hover small, .js_follow_icons_container .js_unfollow_btn:hover .small, .js_follow_icons_container .js_unfollow_btn:focus small, .js_follow_icons_container .js_unfollow_btn:focus .small, .js_follow_icons_container .follow_btn:hover small, .js_follow_icons_container .follow_btn:hover .small, .js_follow_icons_container .follow_btn:focus small, .js_follow_icons_container .follow_btn:focus .small { transition-duration: 1s; opacity: 1; } .js_follow_icons_container .fa:before { content: "\f0f3"; } .js_follow_icons_container .js_follow_btn:hover .fa:before { color: #374151; } .js_follow_icons_container .js_unfollow_btn .fa:before { color: #714b67; } .js_follow_icons_container .js_unfollow_btn:hover .fa:before { content: "\f1f6"; color: #dc3545; } @keyframes js_follow_fade { to { opacity: 1; } } /* /portal_rating/static/src/scss/portal_rating.scss */ /* static stars */ .o_website_rating_static { color: var(--WebsiteRating__star-color, #FACC2E); } #product_details { --WebsiteRating__star-color: currentColor; } .o_website_rating_card_container { /* progress bars */ } .o_website_rating_card_container .o_message_counter { color: #495057; } .o_website_rating_card_container table.o_website_rating_table { width: 100%; overflow: visible; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_star_num { min-width: 50px; white-space: nowrap; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress { min-width: 120px; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress > .progress { margin-bottom: 2px; margin-left: 5px; margin-right: 5px; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress .o_rating_progressbar { background-color: #FACC2E; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_percent { text-align: right; padding-left: 5px; font-size: 0.875rem; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_reset .o_website_rating_selection_reset { color: #dc3545; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_row:not(.o_website_rating_table_row_selected) { cursor: pointer; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_row td { padding-bottom: 0.4rem; } /* Star Widget */ .o-mail-Composer-starCard { width: max-content; } .o-mail-Composer-starCard .o-mail-Composer-stars { display: inline-flex; color: #FACC2E; margin-right: 15px; } /* Rating Popup Composer */ .o_rating_popup_composer .o_rating_clickable { cursor: pointer; } .o_rating_popup_composer .o_portal_chatter_avatar { margin-right: 10px; } /* /delivery/static/src/js/location_selector/location_selector_dialog/location_selector_dialog.scss */ @media (min-width: 768px) { .o_location_selector .o_location_selector_view { opacity: 1; } } @media (max-width: 767.98px) { .o_location_selector .o_location_selector_view { border-left: 0 !important; } } .o_location_selector .o_location_selector_number { width: 3ch; font-variant-numeric: tabular-nums; } .o_location_selector .o_location_selector_details { transform: translateY(-100%); } .o_location_selector .collapsed i.o_location_selector_hours_caret { transform: rotate(180deg) !important; } .o_location_selector .o_location_selector_mobile_tab.active { font-weight: 600; --border-color: #714b67; } .o_location_selector .modal-footer, .modal.o_modal_full .o_location_selector.modal-content .modal-footer { padding: 0; box-shadow: none; } .o_location_selector .o_location_selector_schedule { grid-template-columns: auto 1fr; } .o_location_selector .o_location_selector_schedule_hours { gap: 0 1rem; } /* /delivery/static/src/js/location_selector/map/map.scss */ .o_location_selector_marker_icon { --LocationSelectorMarker-border-color: #9ba0a8; --LocationSelectorMarker-background: #ffffff; --LocationSelectorMarker-color: #374151; } .o_location_selector_marker_icon_selected { --LocationSelectorMarker-border-color: #b8a5b3; --LocationSelectorMarker-background: #714b67; --LocationSelectorMarker-color: #FFFFFF; } .o_location_selector_map { min-height: 25vh; } /* /website_sale/static/src/scss/product_tile.scss */ .oe_product_cart { position: relative; flex-direction: var(--o-wsale-card-flex-direction, column); align-items: var(--o-wsale-card-flex-align-items); height: var(--o-wsale-card-height); border: var(--border-width) solid var(--o-wsale-card-border-color, #D8DADD); border-width: var(--o-wsale-card-border-width, 0); border-radius: var(--o-wsale-card-border-radius); padding: var(--o-wsale-card-padding, 0); background-color: var(--o-wsale-card-bg); box-shadow: var(--o-wsale-card-shadow); color: var(--o-wsale-card-color, var(--o-wsale-card-cc-text)); text-align: var(--o-wsale-card-text-align); transform: var(--o-wsale-card-transform); transition: var(--o-wsale-card-transition); margin-left: var(--o-wsale-card-margin-x); margin-right: var(--o-wsale-card-margin-x); width: 100%; container: oe_product_cart / inline-size; } .oe_product_cart:before { position: absolute; top: var(--o-wsale-card-pseudobg-y, MIN(-0.5rem, calc(var(--o-wsale-products-grid-gap-y) / 2))); left: var(--o-wsale-card-pseudobg-x, calc(var(--o-wsale-products-grid-gap) * -0.5)); bottom: var(--o-wsale-card-pseudobg-y, MIN(-0.5rem, calc(var(--o-wsale-products-grid-gap-y) / 2))); right: var(--o-wsale-card-pseudobg-x, calc(var(--o-wsale-products-grid-gap) * -0.5)); background-color: var(--o-wsale-card-pseudobg-color); border-radius: var(--o-wsale-card-pseudobg-radius, var(--o-wsale-card-border-radius, 0)); opacity: var(--o-wsale-card-pseudobg-opacity); transform: var(--o-wsale-card-pseudobg-transform); transition: var(--o-wsale-card-pseudobg-transition); box-shadow: var(--o-wsale-card-pseudobg-shadow); z-index: -1; content: var(--o-wsale-card-pseudobg); } .oe_product_cart:hover, .oe_product_cart:has(:focus-visible) { z-index: 1; border-color: var(--o-wsale-card-border-color-hover, var(--o-wsale-card-border-color, #D8DADD)); transform: var(--o-wsale-card-transform-hover); box-shadow: var(--o-wsale-card-shadow-hover); } .oe_product_cart:hover:before, .oe_product_cart:has(:focus-visible):before { transform: var(--o-wsale-card-pseudobg-transform); transition: var(--o-wsale-card-pseudobg-transition-hover); opacity: var(--o-wsale-card-pseudobg-opacity-hover); box-shadow: var(--o-wsale-card-pseudobg-shadow-hover); } .oe_product_cart:hover .oe_product_image, .oe_product_cart:has(:focus-visible) .oe_product_image { --o-wsale-card-thumb-shadow: var(--o-wsale-card-thumb-shadow-hover); --o-wsale-card-thumb-transform: var(--o-wsale-card-thumb-transform-hover); transition: var(--o-wsale-card-thumb-transition-hover, var(--o-wsale-card-thumb-transition)); } .oe_product_cart:hover .o_wsale_product_information, .oe_product_cart:has(:focus-visible) .o_wsale_product_information { transform: var(--o-wsale-card-info-transform-hover); transition: var(--o-wsale-card-info-transition-hover); } .oe_product_cart .oe_product_image { min-width: var(--o-wsale-card-thumb-size); width: var(--o-wsale-card-thumb-size); border-radius: var(--o-wsale-card-thumb-border-radius, inherit); box-shadow: var(--o-wsale-card-thumb-shadow); background: var(--o-wsale-card-thumb-background, #F9FAFB); transform: var(--o-wsale-card-thumb-transform); transition: var(--o-wsale-card-thumb-transition); flex-shrink: 0; } .oe_product_cart .oe_product_image:has(.oe_product_image_link:focus-visible) { outline: 1px auto; } .oe_product_cart .oe_product_image_link { display: block; width: 100%; max-height: 80vh; aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1); min-height: var(--o-wsale-card-thumb-min-heigh); } .oe_product_cart .oe_product_image_link .oe_product_image_img_wrapper.oe_product_image_img_wrapper_secondary { display: var(--o-wsale-card-img-wrapper-secondary-display, none); } .oe_product_cart .oe_product_image_link .oe_product_image_img, .oe_product_cart .oe_product_image_link .oe_product_image_img_secondary { position: absolute; object-fit: var(--o-wsale-card-thumb-fill-mode, contain) !important; object-position: var(--o-wsale-card-thumb-position, center); background-size: var(--o-wsale-card-thumb-fill-mode, contain); background-position: var(--o-wsale-card-thumb-position, center); background-repeat: var(--o-wsale-card-thumb-repeat, no-repeat); } @media (min-width: 992px) { .oe_product_cart .oe_product_image_link .oe_product_image_img_wrapper { inset: 0 0; position: absolute; } .oe_product_cart .oe_product_image_link .oe_product_image_img { transform: var(--o-wsale-card-img-transform); transition: var(--o-wsale-card-img-transition); } .oe_product_cart .oe_product_image_link .oe_product_image_img_secondary { transform: var(--o-wsale-card-img-secondary-transform); transition: var(--o-wsale-card-img-secondary-transition); opacity: var(--o-wsale-card-img-secondary-opacity, 0); } .oe_product_cart .oe_product_image_link:hover .oe_product_image_img_wrapper .oe_product_image_img, .oe_product_cart .oe_product_image_link:focus-visible .oe_product_image_img_wrapper .oe_product_image_img { transform: var(--o-wsale-card-img-transform-hover, var(--o-wsale-card-img-transform)); transition: var(--o-wsale-card-img-transition-hover, var(--o-wsale-card-img-transition)); opacity: var(--o-wsale-card-img-opacity-hover, var(--o-wsale-card-img-opacity)); } .oe_product_cart .oe_product_image_link:hover .oe_product_image_img_wrapper .oe_product_image_img_secondary, .oe_product_cart .oe_product_image_link:focus-visible .oe_product_image_img_wrapper .oe_product_image_img_secondary { transform: var(--o-wsale-card-img-secondary-transform-hover, var(--o-wsale-card-img-secondary-transform)); transition: var(--o-wsale-card-img-secondary-transition-hover, var(--o-wsale-card-img-secondary-transition)); opacity: var(--o-wsale-card-img-secondary-hover, var(--o-wsale-card-img-secondary-opacity)); } } .oe_product_cart .oe_product_image_link:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--o-wsale-card-overlay-background); border-radius: var(--o-wsale-card-overlay-radius, inherit); opacity: var(--o-wsale-card-overlay-opacity); transform: var(--o-wsale-card-overlay-transform); transition: var(--o-wsale-card-overlay-transition); content: var(--o-wsale-card-overlay); } .oe_product_cart .o_wsale_product_info_attributes_wrapper { display: var(--o-wsale-card-info-attributes-display, contents); justify-content: var(--o-wsale-card-info-attributes-justify-content); flex-direction: column; padding: 0.5rem 0; margin-right: var(--o-wsale-card-info-attributes-margin-right, auto); } .oe_product_cart .o_wsale_product_information { display: flex; position: var(--o-wsale-card-info-position, relative); inset: var(--o-wsale-card-info-inset); flex-direction: var(--o-wsale-card-info-flex-direction, column); align-items: var(--o-wsale-card-info-flex-align-items); gap: var(--o-wsale-card-info-gap); margin: var(--o-wsale-card-info-margin); padding: var(--o-wsale-card-info-padding, 0.5rem 0); transform: var(--o-wsale-card-info-transform); transition: var(--o-wsale-card-info-transition); font-size: var(--o-wsale-card-info-font-size, var(--o-wsale-card-info-responsive-font-size, clamp(12px, calc(0.5rem + 3.3cqw), 1.2rem))); } .oe_product_cart .o_wsale_attribute_previewer { width: var(--o-wsale-card-attribute-previewer-width, 100%); justify-content: var(--o-wsale-card-attribute-previewer-justify-content); padding: var(--o-wsale-card-attribute-previewer-padding, 0 0 1rem); order: var(--o-wsale-card-attribute-previewer-order, 2); } .oe_product_cart .o_wsale_attribute_previewer a.o_product_variant_preview:has(.btn) { max-width: 40%; } .oe_product_cart .o_wsale_attribute_previewer a.o_product_variant_preview:has(.css_attribute_preview_thumbnail) { width: var(--o-wsale-card-attribute-previewer-thumbnail-width, 14%); min-width: 2.6rem; } .oe_product_cart .o_wsale_attribute_previewer a.o_product_variant_preview:has(.css_attribute_preview_thumbnail) * { width: 100%; height: 100%; } .oe_product_cart .o_wsale_attribute_previewer .css_attribute_preview_thumbnail { border: 1px solid var(--o-border-color); border-radius: var(--o-wsale-card-attribute-previewer-thumbnail-border-radius, 0.25rem); aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1/1); transition: border-color 0.05s ease-in-out; } .oe_product_cart .o_wsale_attribute_previewer .css_attribute_preview_thumbnail:hover { border-color: #714b67; } .oe_product_cart .o_wsale_attribute_previewer .btn { border: 1px solid var(--o-border-color); } .oe_product_cart .o_wsale_attribute_previewer .btn:hover { border-color: #714b67; } @media (max-width: 575.98px) { .oe_product_cart .o_wsale_attribute_previewer .css_attribute_color { --o-wsale-css-attribute-color__size: 1.6rem; } } .oe_product_cart .o_wsale_product_information_text { flex: var(--o-wsale-card-info-text-flex); width: var(--o-wsale-card-info-text-width); margin: var(--o-wsale-card-info-text-margin); order: var(--o-wsale-card-info-order, 4); } .oe_product_cart .o_wsale_products_item_title { max-width: 66ch; font-size: var(--o-wsale-card-info-title-font-size, 1.1em); font-weight: var(--o-wsale-card-info-title-font-weight, 500); margin-bottom: var(--o-wsale-card-info-title-margin-bottom, 0.5rem); } .oe_product_cart .o_wsale_products_item_title > a { color: var(--o-wsale-card-cc-link, #714b67); } .oe_product_cart .oe_subdescription_wrapper { display: var(--o-wsale-card-info-description-display, none); } .oe_product_cart .oe_subdescription { margin-bottom: var(--o-wsale-card-info-description-margin-bottom, 0.5rem); } .oe_product_cart .oe_subdescription div { max-width: 66ch; font-size: var(--o-wsale-card-info-description-font-size, CLAMP(12px, 0.86em, 0.86rem)); } body:not(.editor_enable) .oe_product_cart .oe_subdescription div:empty { display: none; } .oe_product_cart .text-muted { --secondary-color: var(--o-wsale-card-info-muted, var(--o-wsale-card-cc-muted)); } .oe_product_cart .oe_subdescription.text-muted > div { color: var(--o-wsale-card-info-muted, var(--o-wsale-card-cc-muted)) !important; } .oe_product_cart .o_wsale_product_rating_wrapper { --WebsiteRating__star-color: currentColor; display: var(--o-wsale-card-rating-display, none); } .oe_product_cart .o_wsale_product_rating_wrapper .fa-star-o, .oe_product_cart .o_wsale_product_rating_wrapper small.text-muted, .oe_product_cart .o_wsale_product_rating_wrapper .text-muted.small { opacity: 0.5; } .oe_product_cart .o_wsale_product_rating_wrapper small.text-muted, .oe_product_cart .o_wsale_product_rating_wrapper .text-muted.small { font-size: 0.775em; color: currentColor !important; } .oe_product_cart .o_wsale_product_sub { display: var(--o-wsale-card-sub-display, flex); flex-direction: var(--o-wsale-card-sub-flex-direction, row); align-items: var(--o-wsale-card-sub-align-items, end); flex-wrap: var(--o-wsale-card-sub-wrap, wrap); width: var(--o-wsale-card-sub-width); order: var(--o-wsale-card-sub-order, 6); flex-grow: var(--o-wsale-card-sub-flex-grow); } .oe_product_cart .product_price, .oe_product_cart .o_wish_price { display: var(--o-wsale-card-price-display); flex-direction: var(--o-wsale-card-price-flex-direction); flex-basis: var(--o-wsale-card-price-flex-basis); justify-content: var(--o-wsale-card-price-justify-content); gap: 0 0.5rem; min-width: var(--o-wsale-card-price-min-width); font-size: var(--o-wsale-card-price-font-size, 0.94em); order: var(--o-wsale-card-price-order, 6); flex-wrap: wrap; } .oe_product_cart .o_wsale_product_btn { display: flex; white-space: nowrap; inset: var(--o-wsale-card-btns-inset); width: var(--o-wsale-card-btns-width); flex-direction: var(--o-wsale-card-btns-flex-direction, row); justify-content: var(--o-wsale-card-btns-justify-content); align-items: var(--o-wsale-card-btns-align-items); gap: var(--o-wsale-card-btns-gap); margin-bottom: var(--o-wsale-card-btns-margin-bottom, var(--o-wsale-products-grid-gap)); order: var(--o-wsale-card-btns-order, 8); font-size: var(--o-wsale-card-btns-font-size, clamp(12px, 9cqw, 1rem)); } .oe_product_cart .o_wsale_product_btn .btn { --btn-padding-x: 0.8em; flex-grow: var(--o-wsale-card-btns-btn-flex-grow); font-size: var(--o-wsale-card-btns-btn-font-size, var(--btn-font-size)); min-height: var(--o-wsale-card-btns-btn-min-height); align-items: center; justify-content: center; } .oe_product_cart .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { aspect-ratio: var(--o-wsale-card-btn-aspect-ratio); padding-left: var(--o-wsale-card-btn-padding-x, var(--btn-padding-x)); padding-right: var(--o-wsale-card-btn-padding-x, var(--btn-padding-x)); } .oe_product_cart .o_wsale_product_btn .btn:where(.o_wsale_product_btn_primary) { display: var(--o-wsale-card-btn-submit-display, none); order: var(--o-wsale-card-btn-submit-order); flex-grow: var(--o-wsale-card-btn-submit-flex-grow); aspect-ratio: var(--o-wsale-card-btn-submit-aspect-ratio); margin: var(--o-wsale-card-btn-submit-margin); padding-left: var(--o-wsale-card-btn-submit-padding-x, var(--btn-padding-x)); padding-right: var(--o-wsale-card-btn-submit-padding-x, var(--btn-padding-x)); } .oe_product_cart .o_wsale_product_btn .btn:where(.o_wsale_product_btn_primary) .o_label { display: var(--o-wsale-card-btn-submit-label-display, var(--o-wsale-card-btn-label-display)); font-size: var(--o-wsale-card-btn-submit-label-font-size, 0.8em); line-height: 1; } .oe_product_cart .o_wsale_product_btn:empty { display: none !important; } .oe_product_cart .o_wsale_product_action_row { display: contents; padding: var(--o-wsale-card-btns-row-padding, 0.5rem); } .oe_product_cart .o_product_link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .oe_product_cart .btn:focus-visible { outline: 1px auto; } .oe_product_cart .o_label { display: var(--o-wsale-card-btn-label-display); } .oe_product_cart .o_carousel_product_remove { --btn-padding-x: 0.5rem; --btn-padding-y: var(--btn-padding-x); --o-wsale-wishlist-card-offset-top: calc(var(--o-wsale-card-offset-top) + var(--btn-padding-y)); --o-wsale-wishlist-card-offset-x: calc(var(--o-wsale-card-offset-x) + var(--btn-padding-x)); --o-wsale-wishlist-btn-offset-top-default: calc(var(--o-wsale-card-border-radius, 0px) * 0.1 + var(--btn-padding-y)); --o-wsale-wishlist-btn-offset-end-default: calc(var(--o-wsale-card-border-radius, 0px) * 0.2 + var(--btn-padding-x)); position: absolute; top: var(--o-wsale-wishlist-card-offset-top, var(--o-wsale-wishlist-btn-offset-top-default)); left: auto; bottom: auto; right: var(--o-wsale-wishlist-card-offset-x, var(--o-wsale-wishlist-btn-offset-end-default)); --btn-color: #111827; --btn-bg: #ffffff; --btn-border-color: #e1e3e5; --btn-hover-color: #111827; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(55, 65, 81, 0.8); --btn-focus-shadow-rgb: 194, 197, 201; --btn-active-color: #111827; --btn-active-bg: white; --btn-active-border-color: #e4e6e8; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #ffffff; --btn-disabled-border-color: #e1e3e5; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); aspect-ratio: 1; } .o_wsale_products_opt_has_cta { --o-wsale-card-btn-submit-display: inline-flex; } .o_wsale_products_opt_has_cta.o_wsale_products_opt_actions_onhover { --o-wsale-card-btn-submit-display: flex; } .o_wsale_products_opt_has_description { --o-wsale-card-info-description-display: block; } .o_wsale_products_opt_has_rating { --o-wsale-card-rating-display: block; } .o_wsale_products_opt_layout_catalog, .o_wsale_products_opt_layout_list { --o-wsale-products-grid-gap-y: calc(var(--o-wsale-products-grid-gap, 16px) * var(--o-wsale-products-grid-gap-y-multiplier ,1.25)); --gap: var(--o-wsale-products-grid-gap-y) var(--o-wsale-products-grid-gap, 16px); } @media (min-width: 992px) { .o_wsale_products_opt_layout_catalog .o_has_variations .o_wsale_attribute_previewer { position: absolute; left: calc(var(--o-wsale-card-offset-x) + 0.5rem); transform: translateY(-100%); } .o_wsale_products_opt_layout_catalog .o_has_variations .o_wsale_attribute_previewer.show_on_hover { padding: 1rem 0.25rem; } .o_wsale_products_opt_layout_catalog .o_has_variations:where(:not(:hover)):where(:not(:focus-visible)) .o_wsale_attribute_previewer.show_on_hover { visibility: hidden; pointer-events: none; } } @media (max-width: 991.98px) { .o_wsale_products_opt_layout_catalog.o_wsale_products_opt_actions_onhover .o_wsale_product_btn { visibility: hidden; } } @container (max-width: 180px) { .o_wsale_products_opt_layout_catalog:where(.o_wsale_products_opt_actions_inline:not(.o_wsale_products_opt_wishlist_fixed):not(.o_wsale_products_opt_wishlist_fixed_onhover)):where(:not(.o_wsale_products_opt_has_wishlist)) .o_wsale_product_btn:where(:not(:has(.o_add_compare))) { --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-flex-grow: 0; --o-wsale-card-btn-submit-aspect-ratio: 1; --o-wsale-card-btn-submit-margin: 0 auto 0 0; --o-wsale-card-btn-submit-padding-x: 0; } } @container (max-width: 245px) { .o_wsale_products_opt_layout_catalog:where(.o_wsale_products_opt_actions_inline:not(.o_wsale_products_opt_wishlist_fixed):not(.o_wsale_products_opt_wishlist_fixed_onhover)):where(.o_wsale_products_opt_has_comparison) .o_wsale_product_btn:where(:has(.o_add_compare)), .o_wsale_products_opt_layout_catalog:where(.o_wsale_products_opt_actions_inline:not(.o_wsale_products_opt_wishlist_fixed):not(.o_wsale_products_opt_wishlist_fixed_onhover)):where(.o_wsale_products_opt_has_wishlist) .o_wsale_product_btn:where(:has(.o_add_wishlist)) { --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-flex-grow: 0; --o-wsale-card-btn-submit-aspect-ratio: 1; --o-wsale-card-btn-submit-margin: 0 auto 0 0; --o-wsale-card-btn-submit-padding-x: 0; } } @container (max-width: 265px) { .o_wsale_products_opt_layout_catalog:where(.o_wsale_products_opt_actions_inline:not(.o_wsale_products_opt_wishlist_fixed):not(.o_wsale_products_opt_wishlist_fixed_onhover)):where(.o_wsale_products_opt_has_wishlist.o_wsale_products_opt_has_comparison) .o_wsale_product_btn:where(:has(.o_add_wishlist):has(.o_add_compare)) { --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-flex-grow: 0; --o-wsale-card-btn-submit-aspect-ratio: 1; --o-wsale-card-btn-submit-margin: 0 auto 0 0; --o-wsale-card-btn-submit-padding-x: 0; } } .o_wsale_products_opt_layout_list { --o-wsale-card-flex-direction: row; --o-wsale-card-flex-align-items: start; --o-wsale-card-info-flex-direction: row; --o-wsale-card-info-flex-align-items: center; --o-wsale-card-info-margin: auto 0; --o-wsale-card-info-gap: 1rem; --o-wsale-card-info-padding: 0 1rem; --o-wsale-card-attribute-previewer-width: 14vw; --o-wsale-card-attribute-previewer-justify-content: start; --o-wsale-card-attribute-previewer-padding: 0; --o-wsale-card-attribute-previewer-order: 5; --o-wsale-card-thumb-size: 100px; --o-wsale-card-btns-gap: 0.25rem; --o-wsale-card-btns-margin: 0; --o-wsale-card-btns-margin-bottom: 0; --o-wsale-card-btn-submit-label-display: inline; --o-wsale-comparison-btn-order: -1; } .o_wsale_products_opt_layout_list .oe_product { grid-column: span 12; grid-row: span 1; } @media (max-width: 767.98px) { .o_wsale_products_opt_layout_list { --o-wsale-card-info-flex-direction: column; --o-wsale-card-info-flex-align-items: start; --o-wsale-card-info-gap: 0; --o-wsale-card-info-padding: 0 0 0 0.5rem; --o-wsale-card-attribute-previewer-width: 50vw; --o-wsale-card-sub-width: 100%; --o-wsale-card-attribute-previewer-padding: 0 0 0.5rem; } .o_wsale_products_opt_layout_list .product_price > span, .o_wsale_products_opt_layout_list .product_price > del { display: block; text-align: start; } } .o_wsale_products_opt_design_thumbs { --o-wsale-card-border-width: 0; --o-wsale-card-info-padding: 1rem 0 0; --o-wsale-card-border-radius: 0px; --o-wsale-card-thumb-border-radius: var(--o-wsale-opt-border-radius); --o-wsale-card-offset-top: calc(var(--o-wsale-opt-border-radius, 0px) * 0.1); --o-wsale-card-offset-x: calc(var(--o-wsale-opt-border-radius, 0px) * 0.2); } .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_catalog { --o-wsale-products-grid-gap-y-multiplier: 2; --o-wsale-card-info-padding: 0.5rem 0; } .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-border-width: 0 0 1px; --o-wsale-card-padding: 0 0 var(--o-wsale-products-grid-gap); --o-wsale-card-info-padding: 0 0 0 0.5rem; --o-wsale-card-info-attributes-display: flex; --o-wsale-card-attribute-previewer-width: 100%; --o-wsale-card-sub-display: contents; --o-wsale-card-price-display: flex; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: inline; --o-wsale-card-btn-submit-order: 1; } @media (max-width: 575.98px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-btn-submit-order: 1; } } @media (max-width: 767.98px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-info-attributes-display: contents; } } @media (min-width: 768px) and (max-width: 1199.98px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-info-text-width: 200px; --o-wsale-card-btn-submit-order: -2; --o-wsale-card-btns-flex-direction: column; } } @media (min-width: 768px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list .product_price, .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list .o_wish_price { margin: auto; } } @media (min-width: 1200px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-info-text-width: 360px; } .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list:where(.o_wsale_products_opt_has_comparison):where(:has(.o_add_compare)), .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list:where(:has(.o_add_to_compare)) { --o-wsale-comparison-btn-placeholder-display: inline-block; } } .o_wsale_products_opt_design_cards { --_padding-base: 0.5rem; --o-wsale-card-border-width: 1px; --o-wsale-card-info-padding: 0.5rem var(--_padding-base) var(--_padding-base); --o-wsale-card-info-grow: 1; --o-wsale-card-border-radius: var(--o-wsale-opt-border-radius, 0px); --o-wsale-card-pseudobg-y: 0; --o-wsale-card-pseudobg-x: 0; --o-wsale-card-btns-margin-bottom: 0; --o-wsale-card-thumb-border-radius: MAX(0px, calc(var(--o-wsale-card-border-radius) - 1px)) MAX(0px, calc(var(--o-wsale-card-border-radius) - 1px)) 0 0; } .o_wsale_products_opt_design_cards:where(.o_wsale_products_opt_rounded_5) { --_padding-base: min(1rem, max(calc(var(--o-wsale-opt-border-radius) - var(--btn-border-radius)), 0.5rem)); } .o_wsale_products_opt_design_cards:where(.o_wsale_products_opt_rounded_5).o_wsale_products_opt_actions_onhover { --o-wsale-card-info-padding: 0.5rem var(--_padding-base); } .o_wsale_products_opt_design_cards.o_wsale_products_opt_actions_inline:where(:not(.o_wsale_products_opt_rounded_0)) { --o-wsale-card-info-padding: 0.5rem max(var(--_padding-base), calc(var(--o-wsale-opt-border-radius) - max(var(--btn-border-radius), var(--_padding-base)))) var(--_padding-base); } .o_wsale_products_opt_design_cards.o_wsale_products_opt_layout_list { --o-wsale-card-flex-align-items: stretch; --o-wsale-card-padding: 0; --o-wsale-card-thumb-min-heigh: 100%; --o-wsale-card-thumb-size: min(13rem, 30vw); --o-wsale-card-thumb-border-radius: MAX(0px, calc(var(--o-wsale-opt-border-radius, 0px) - 1px)) 0 0 MAX(0px, calc(var(--o-wsale-opt-border-radius, 0px) - 1px)); /* rtl:raw: --o-wsale-card-thumb-border-radius: 0 MAX(0px, calc(var(--o-wsale-opt-border-radius, 0px) - 1px)) MAX(0px, calc(var(--o-wsale-opt-border-radius, 0px) - 1px)) 0; */ --o-wsale-card-thumb-position: center; --o-wsale-card-sub-display: contents; --o-wsale-card-info-margin: 0px; --o-wsale-card-info-flex-direction: column; --o-wsale-card-info-flex-align-items: start; --o-wsale-card-info-gap: 0.5rem; --o-wsale-card-info-title-margin-bottom: 0; --o-wsale-card-info-padding: 1rem; --o-wsale-card-info-responsive-font-size: MAX(1rem, calc(0.5rem + .8cqw)); --o-wsale-card-info-description-font-size: MAX(0.875rem, .86em); --o-wsale-card-btns-flex-direction: row; --o-wsale-card-sub-flex-direction: column; --o-wsale-card-sub-align-items: start; --o-wsale-card-price-display: flex; --o-wsale-card-price-gap: 0.5rem; --o-wsale-card-attribute-previewer-width: 100%; --o-wsale-card-attribute-previewer-order: 7; --o-wsale-card-attribute-previewer-padding: 0 0 0.5rem; --o-wsale-card-attribute-previewer-thumbnail-width: MIN(14%, 3rem); --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: inline; --o-wsale-card-btn-submit-order: -2; } .o_wsale_products_opt_design_cards.o_wsale_products_opt_layout_list .o_wsale_product_btn { margin-top: auto; } .o_wsale_products_opt_design_cards.o_wsale_products_opt_layout_list.o_wsale_products_opt_has_description { --o-wsale-card-info-title-margin-bottom: 0.25rem; --o-wsale-card-info-description-margin-bottom: 0; } .o_wsale_products_opt_design_chips { --_padding-base: calc(0.5rem + calc(var(--o-wsale-products-grid-gap) * 0.25)); --o-wsale-card-info-position: none; --o-wsale-card-border-width: 1px; --o-wsale-card-border-radius: var(--o-wsale-opt-border-radius, 0px); --o-wsale-card-info-padding: 0.5rem 0 0 0; --o-wsale-card-padding: var(--_padding-base); --o-wsale-card-btns-row-padding: 0; --o-wsale-card-btns-margin-bottom: 0; --o-wsale-card-pseudobg-y: 0; --o-wsale-card-pseudobg-x: 0; --o-wsale-card-btns-inset: var(--_padding-base) var(--_padding-base) auto var(--_padding-base); --o-wsale-card-offset-top: var(--_padding-base); --o-wsale-card-offset-x: var(--_padding-base); } .o_wsale_products_opt_design_chips.o_wsale_products_opt_actions_onhover { --o-wsale-card-btns-inset: var(--o-wsale-card-offset-top) var(--o-wsale-card-offset-x) auto var(--o-wsale-card-offset-x); } .o_wsale_products_opt_design_chips:where(:not(.o_wsale_products_opt_rounded_0)) { --o-wsale-card-thumb-border-radius: max(var(--border-radius-sm), calc(var(--o-wsale-opt-border-radius) - var(--_padding-base))); --_offset-top: calc(var(--o-wsale-card-thumb-border-radius) * 0.1); --_offset-h: calc(var(--o-wsale-card-thumb-border-radius) * 0.2); --o-wsale-card-offset-top: calc(var(--_padding-base) + var(--_offset-top)); --o-wsale-card-offset-x: calc(var(--_padding-base) + var(--_offset-h)); --o-wsale-ribbon-badge-offset-x: calc(0.5rem + var(--_offset-h)); } .o_wsale_products_opt_design_chips:where(:not(.o_wsale_products_opt_rounded_0)).o_wsale_products_opt_actions_inline { --o-wsale-card-info-padding: 0.5rem 0 min(0.5rem, calc(var(--o-wsale-opt-border-radius) - calc(var(--_padding-base) + var(--btn-border-radius)))) 0; } @media (min-width: 992px) { .o_wsale_products_opt_design_chips .o_wsale_attribute_previewer { width: calc(100% - (var(--o-wsale-card-offset-x) + 0.5rem) * 2); } } .o_wsale_products_opt_design_grid { --o-wsale-card-height: 100%; --o-wsale-card-border-width: 0 1px 1px 0; --o-wsale-card-info-padding: 0.5rem; --o-wsale-card-info-grow: 1; --o-wsale-card-border-radius: 0px !important; --o-wsale-card-padding: calc(var(--o-wsale-products-grid-gap-y) * 0.5) calc(var(--o-wsale-products-grid-gap, 16px) * 0.5); --o-wsale-topbar-padding-left: 16px; --o-wsale-topbar-padding-right: calc(var(--o-wsale-container-fluid-padding-xl, var(--gutter-x)) * 0.5); --o-wsale-topbar-border-width: 0 0 1px; --o-border-color: #dee2e6; --border-color: #dee2e6; --gap: 0px; --o-wsale-card-attribute-previewer-thumbnail-border-radius: 0; --o-wsale-card-offset-top: 0px; --o-wsale-card-offset-x: 0px; } .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-info-attributes-display: flex; --o-wsale-card-info-margin: 0; --o-wsale-card-attribute-previewer-width: var(--o-wsale-card-info-text-width); --o-wsale-card-sub-display: contents; --o-wsale-card-price-display: flex; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: inline; --o-wsale-card-btns-align-items: center; --o-wsale-card-info-attributes-justify-content: start; } @media (max-width: 767.98px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-info-attributes-display: contents; } } @media (min-width: 768px) and (max-width: 1199.98px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-btns-flex-direction: column; --o-wsale-card-btns-justify-content: center; --o-wsale-card-btns-align-items: none; --o-wsale-card-btn-submit-order: -2; } } @media (min-width: 768px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-info-text-width: 200px; --o-wsale-card-price-flex-basis: 100%; --o-wsale-card-info-attributes-justify-content: center; } .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list .product_price, .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list .o_wish_price { margin: auto; } } @media (min-width: 1200px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-btn-submit-order: 1; --o-wsale-card-info-text-width: 280px; } .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list:where(.o_wsale_products_opt_has_comparison):where(:has(.o_add_compare)), .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list:where(:has(.o_add_to_compare)) { --o-wsale-comparison-btn-placeholder-display: inline-block; } } @media (min-width: 1400px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-info-text-width: 360px; } } .o_wsale_products_opt_design_showcase { --o-wsale-card-thumb-size: 100%; --o-wsale-card-border-radius: var(--o-wsale-opt-border-radius, 0); --o-wsale-card-thumb-border-radius: var(--o-wsale-opt-border-radius, 0); --o-wsale-card-img-wrapper-secondary-display: none !important; --o-wsale-card-info-position: absolute; --o-wsale-card-info-muted: var(--o-wsale-card-cc-text, inherit); --o-wsale-card-info-inset: 0; --o-wsale-card-info-padding: clamp(4%, calc((var(--o-wsale-card-border-radius) * .7)), 6rem) clamp(3.2%, calc((var(--o-wsale-card-border-radius) * .56)), 4.8rem); --o-wsale-card-info-responsive-font-size: MAX(1.2rem, calc(0.5rem + 1.2cqw)); --o-wsale-card-info-description-font-size: MAX(0.875rem, .86em); --o-wsale-card-sub-display: contents; --o-wsale-card-thumb-min-height: 50vh; --o-wsale-card-thumb-border-radius: calc(var(--o-wsale-card-border-radius, 1px) - 1px); --o-wsale-card-btn-submit-order: -1; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-aspect-ratio: 1; --o-wsale-card-btns-align-items: baseline; --o-wsale-card-btns-btn-min-height: calc(1em + 1.6em); --o-wsale-card-btn-padding-x: 0; --o-wsale-card-offset-top: 3%; --o-wsale-card-offset-x: 3%; --o-wsale-card-overlay: ""; --o-wsale-card-overlay-background: linear-gradient(-120deg, rgba(var(--o-wsale-card-cc-bg-rgb), .55), rgba(var(--o-wsale-card-cc-bg-rgb), .55), rgba(var(--o-wsale-card-cc-bg-rgb), .66) ); --o-wsale-card-btn-submit-label-font-size: .8em; } .o_wsale_products_opt_design_showcase .oe_product:has(.o_wsale_products_item_title a:hover) .oe_product_image_img_wrapper img, .o_wsale_products_opt_design_showcase .oe_product:has(.o_wsale_products_item_title a:focus-visible) .oe_product_image_img_wrapper img { transform: var(--o-wsale-card-img-transform-hover); transition: var(--o-wsale-card-img-transition-hover); } .o_wsale_products_opt_design_showcase .oe_product .o_wsale_products_item_title a:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; content: ""; cursor: pointer; } body.editor_enable .o_wsale_products_opt_design_showcase .oe_product .o_wsale_products_item_title a:after { z-index: -1; } .o_wsale_products_opt_design_showcase .oe_product .oe_subdescription_wrapper, .o_wsale_products_opt_design_showcase .oe_product .o_wsale_product_sub > * { z-index: 2; } .o_wsale_products_opt_design_showcase .oe_product .product_price > span, .o_wsale_products_opt_design_showcase .oe_product .product_price > del { display: inline-block; } .o_wsale_products_opt_design_showcase .o_ribbon { z-index: 1; } .o_wsale_products_opt_design_showcase .o_wsale_product_information { display: grid !important; grid-template-areas: "text text" "price ." "buttons variations"; grid-template-rows: auto auto 1fr; grid-template-columns: 1fr 1fr; } .o_wsale_products_opt_design_showcase .o_wsale_product_information_text { grid-area: text; } .o_wsale_products_opt_design_showcase .product_price { grid-area: price; align-self: start; } .o_wsale_products_opt_design_showcase .o_wsale_product_btn { grid-area: buttons; align-self: end; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer { grid-area: variations; align-self: end; justify-self: end; width: 100%; justify-content: end; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .o_product_variant_preview { display: flex; height: 100%; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .o_product_variant_preview .o_wsale_product_ptav_pill { display: flex; align-items: center; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .o_product_variant_preview .o_wsale_product_ptav_pill .o_wsale_product_ptav_pill_label { font-size: var(--o-wsale-card-btn-submit-label-font-size); } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .css_attribute_color { --o-wsale-css-attribute-color__size: var(--o-wsale-product-variant-preview-height); } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer span[name="hidden_ptavs_count"] { --link-color-rgb: var(--o-wsale-card-cc-text-rgb); --link-hover-color-rgb: var(--o-wsale-card-cc-text-rgb); } @media (max-width: 575.98px) { .o_wsale_products_opt_design_showcase { --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: none; } } @media (max-width: 767.98px) { .o_wsale_products_opt_design_showcase { --o-wsale-card-attribute-previewer-padding: 0; } } @media (max-width: 991.98px) { .o_wsale_products_opt_design_showcase { --o-wsale-card-info-title-font-size: MAX(1.25rem, calc(1.25rem + 1.4cqw)); --o-wsale-card-btn-submit-label-display: inline; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer { --btn-font-size-rfs: 1rem; --o-wsale-product-variant-preview-height: MAX(var(--o-wsale-card-btns-btn-min-height), calc(var(--btn-font-size-rfs) + 1.5rem + var(--border-width) * 2)); height: var(--o-wsale-product-variant-preview-height); font-size: var(--btn-font-size-rfs); } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .o_product_variant_preview .btn { --btn-padding-y: 0.75rem; --btn-padding-x: 1.5rem; --btn-font-size: 1rem; --btn-border-radius: 0.625rem; --btn-padding-x: var(--o-wsale-card-btns-btn-padding-x, 0.8em); font-size: var(--btn-font-size); } } @media (min-width: 992px) { .o_wsale_products_opt_design_showcase { --o-wsale-card-info-title-font-size: calc(1.5rem + 1.4cqw); --o-wsale-card-info-padding: clamp(7%, calc((var(--o-wsale-card-border-radius) * .6)), 8rem) clamp(5.6%, calc((var(--o-wsale-card-border-radius) * .48)), 6.4rem); --o-wsale-card-thumb-aspect-ratio: 16/9 !important; --o-wsale-card-btns-gap: 1rem; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer { --o-wsale-product-variant-preview-height: MAX(var(--o-wsale-card-btns-btn-min-height), calc(2rem + 1.125rem + var(--border-width) * 2)); height: var(--o-wsale-product-variant-preview-height); font-size: 1.125rem; } .o_wsale_products_opt_design_showcase .btn { --btn-padding-y: 1rem; --btn-padding-x: 2rem; --btn-font-size: 1.125rem; --btn-border-radius: 0.25rem; --o-wsale-card-btns-btn-font-size: 1.125rem; --btn-padding-x: var(--btn-padding-y); } } .o_wsale_products_opt_design_condensed { --o-wsale-card-border-width: 0 0 1px; --o-wsale-card-padding: MIN(0.25rem, 1vw) 0 calc(MIN(0.25rem, 1vw) + var(--o-wsale-products-grid-gap)); --o-wsale-card-thumb-size: 3.375rem; --o-wsale-card-thumb-border-radius: var(--o-wsale-opt-border-radius, 0); --o-wsale-card-info-padding: 0 0 0 0.5rem; --o-wsale-card-info-text-width: auto; --o-wsale-card-info-text-margin: 0 auto 0 0; --o-wsale-card-info-description-margin-bottom: 0; --o-wsale-card-price-display: flex; --o-wsale-card-price-flex-direction: column; --o-wsale-card-price-justify-content: end; --o-wsale-card-price-min-width: MAX(9ch, 12cqw); --o-wsale-card-price-font-size: 1rem; --o-wsale-card-attribute-previewer-width: min(40%, 360px); --o-wsale-card-attribute-previewer-justify-content: end; --o-wsale-card-sub-align-items: center; --o-wsale-card-sub-wrap: nowrap; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-order: 1; --o-wsale-card-offset-top: calc(var(--o-wsale-opt-border-radius, 0px) * 0.1); --o-wsale-card-offset-x: calc(var(--o-wsale-opt-border-radius, 0px) * 0.2); } @media (max-width: 767.98px) { .o_wsale_products_opt_design_condensed { --o-wsale-card-info-text-width: 100%; --o-wsale-card-info-text-margin: 0 0 0.5rem 0; --o-wsale-card-attribute-previewer-justify-content: start; --o-wsale-card-sub-align-items: center; } } @media (min-width: 768px) { .o_wsale_products_opt_design_condensed .o_wsale_product_information_text { --o-wsale-card-info-text-flex: 0 1 40%; } .o_wsale_products_opt_design_condensed:where(.o_wsale_products_opt_has_comparison):where(:has(.o_add_compare)), .o_wsale_products_opt_design_condensed:where(:has(.o_add_to_compare)) { --o-wsale-comparison-btn-placeholder-display: inline-block; } } .o_wsale_products_opt_design_condensed .product_price del { margin-right: 0 !important; } .o_wsale_products_opt_rounded_0 { --o-wsale-opt-border-radius: 0px; } .o_wsale_products_opt_rounded_1 { --o-wsale-opt-border-radius: var(--border-radius-sm); } .o_wsale_products_opt_rounded_2 { --o-wsale-opt-border-radius: var(--border-radius); } .o_wsale_products_opt_rounded_3 { --o-wsale-opt-border-radius: var(--border-radius-lg); } .o_wsale_products_opt_rounded_4 { --o-wsale-opt-border-radius: var(--border-radius-xl); } .o_wsale_products_opt_rounded_5 { --o-wsale-opt-border-radius: var(--border-radius-xxl); } .o_wsale_products_opt_hover_background, .o_wsale_products_opt_hover_background_zoom { --o-wsale-card-pseudobg: ""; --o-wsale-card-pseudobg-color: var(--100); --o-wsale-card-pseudobg-opacity-hover: 1; --o-wsale-card-pseudobg-opacity: 0; } .o_wsale_products_opt_hover_background_zoom { --o-wsale-card-pseudobg-transform-hover: scale(.8); --o-wsale-card-pseudobg-transition-hover: all .1s; --o-wsale-card-pseudobg-transform: scale(1); --o-wsale-card-pseudobg-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) .25s; } .o_wsale_products_opt_hover_border_primary:where(.o_wsale_products_opt_design_cards), .o_wsale_products_opt_hover_border_primary:where(.o_wsale_products_opt_design_chips) { --o-wsale-card-border-color-hover: #714b67; } .o_wsale_products_opt_hover_shadow_out:where(.o_wsale_products_opt_design_cards), .o_wsale_products_opt_hover_shadow_out:where(.o_wsale_products_opt_design_chips) { --o-wsale-card-shadow: 0px calc(var(--o-wsale-products-grid-gap) * 0.25) calc(var(--o-wsale-products-grid-gap) * 0.5) 0 RGBA(0, 0, 0, .15); --o-wsale-card-transform: translateY(-0.125rem); --o-wsale-card-transform-hover: translateY(0); --o-wsale-card-shadow-hover: 1px 1px 0px 0 rgba(0, 0, 0, 0); --o-wsale-card-transition: all .15s; } .o_wsale_products_opt_hover_shadow_in:where(.o_wsale_products_opt_design_cards), .o_wsale_products_opt_hover_shadow_in:where(.o_wsale_products_opt_design_chips) { --o-wsale-card-shadow: 1px 1px 0px 0 rgba(0, 0, 0, 0); --o-wsale-card-transform: translateY(-0.125rem); --o-wsale-card-shadow-hover: 0px calc(var(--o-wsale-products-grid-gap) * 0.25) calc(var(--o-wsale-products-grid-gap) * 0.5) 0 RGBA(0, 0, 0, .15); --o-wsale-card-transform-hover: translateY(0); --o-wsale-card-transition: all .15s; } .o_wsale_products_opt_img_hover_shadow:where(.o_wsale_products_opt_design_thumbs) { --o-wsale-card-thumb-shadow: 0px calc(var(--o-wsale-products-grid-gap) * 0.5) calc(var(--o-wsale-products-grid-gap) * 0.5) 0 RGBA(0, 0, 0, .15); --o-wsale-card-thumb-shadow-hover: 0 0 0 1px rgba(0, 0, 0, .1); --o-wsale-card-thumb-transform: translateY(-0.125rem); --o-wsale-card-thumb-transform-hover: translateY(0); --o-wsale-card-thumb-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) .25s; } .o_wsale_products_opt_text_align_center:where(.o_wsale_products_opt_layout_catalog) { --o-wsale-card-text-align: center ; } .o_wsale_products_opt_name_color_regular .o_wsale_products_item_title a { --text-opacity: 1; color: inherit !important; } .o_wsale_products_opt_name_weight_bold { --o-wsale-card-info-title-font-weight: bold; } .o_wsale_products_opt_name_size_body { --o-wsale-card-info-font-size: var(--body-font-size); --o-wsale-card-info-title-font-size: 1em; --o-wsale-card-price-font-size: .9em; } .o_wsale_products_opt_img_secondary_show .oe_product_cart { --o-wsale-card-img-wrapper-secondary-display: flex; } @media (max-width: 991.98px) { .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary { overflow-x: scroll; overflow-y: hidden; display: flex; flex-direction: row; scroll-snap-type: x mandatory; scroll-snap-stop: always; scrollbar-color: transparent transparent; scrollbar-width: 0px; scrollbar-width: none; -ms-overflow-style: none; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary ::-webkit-scrollbar { width: 0; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary ::-webkit-scrollbar-track { background: transparent; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary ::-webkit-scrollbar-thumb { background: transparent; border: none; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary .oe_product_image_img_wrapper { position: relative; width: 100%; flex-shrink: 0; scroll-snap-stop: always; scroll-snap-align: start; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):before, .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):after { content: ""; position: absolute; top: auto; left: 50%; bottom: 0.5rem; right: auto; display: var(--o-wsale-card-img-wrapper-secondary-display, block); height: .5rem; aspect-ratio: 1; border-radius: 100em; background-color: black; transform: translateX(-80%); outline: 1px solid white; z-index: 1; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):after { transform: translateX(80%); background-color: rgba(0, 0, 0, 0.5); outline-color: rgba(255, 255, 255, 0.25); } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):has(.o_product_tile_scrolled):before { background-color: rgba(0, 0, 0, 0.5); outline-color: rgba(255, 255, 255, 0.25); } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):has(.o_product_tile_scrolled):after { background-color: black; outline-color: white; } } .o_wsale_products_opt_overlay_opacity_0 { --o-wsale-card-overlay-opacity: 0; } .o_wsale_products_opt_overlay_opacity_1 { --o-wsale-card-overlay-opacity: 0.1; } .o_wsale_products_opt_overlay_opacity_2 { --o-wsale-card-overlay-opacity: 0.2; } .o_wsale_products_opt_overlay_opacity_3 { --o-wsale-card-overlay-opacity: 0.3; } .o_wsale_products_opt_overlay_opacity_4 { --o-wsale-card-overlay-opacity: 0.4; } .o_wsale_products_opt_overlay_opacity_5 { --o-wsale-card-overlay-opacity: 0.5; } .o_wsale_products_opt_overlay_opacity_6 { --o-wsale-card-overlay-opacity: 0.6; } .o_wsale_products_opt_overlay_opacity_7 { --o-wsale-card-overlay-opacity: 0.7; } .o_wsale_products_opt_overlay_opacity_8 { --o-wsale-card-overlay-opacity: 0.8; } .o_wsale_products_opt_overlay_opacity_9 { --o-wsale-card-overlay-opacity: 0.9; } .o_wsale_products_opt_overlay_opacity_10 { --o-wsale-card-overlay-opacity: 1; } .o_wsale_products_opt_img_secondary_show .oe_product_image_link_has_secondary { --o-wsale-card-img-opacity-hover: 0; } .o_wsale_products_opt_img_hover_zoom_in { --o-wsale-card-img-transition: all .25s; --o-wsale-card-img-transform-hover: scale(1.08); --o-wsale-card-img-transition-hover: all .25s; } .o_wsale_products_opt_img_hover_zoom_in.o_wsale_products_opt_img_secondary_show .oe_product_image_link_has_secondary { --o-wsale-card-img-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-opacity-hover: 1; --o-wsale-card-img-secondary-transform-hover: scale(1.08); } .o_wsale_products_opt_img_hover_zoom_in_light { --o-wsale-card-img-transition: all .25s; --o-wsale-card-img-transform-hover: scale(1.04); } .o_wsale_products_opt_img_hover_zoom_in_light.o_wsale_products_opt_img_secondary_show .oe_product_image_link_has_secondary { --o-wsale-card-img-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-transition: all .5s; --o-wsale-card-img-secondary-opacity-hover: 1; --o-wsale-card-img-secondary-transition-hover: all .5s ease-in-out; --o-wsale-card-img-secondary-transform-hover: scale(1.04); } .o_wsale_products_opt_img_hover_zoom_out { --o-wsale-card-img-transform: scale(1.08); --o-wsale-card-img-transition: all .25s; --o-wsale-card-img-transform-hover: scale(1); --o-wsale-card-img-transition-hover: all .1s; } .o_wsale_products_opt_img_hover_zoom_out.o_wsale_products_opt_img_secondary_show .oe_product_image_link_has_secondary { --o-wsale-card-img-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-transform: scale(1.08); --o-wsale-card-img-secondary-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-opacity-hover: 1; --o-wsale-card-img-secondary-transform-hover: scale(1); } .o_wsale_products_opt_img_hover_zoom_out_light { --o-wsale-card-img-transform: scale(1.04); --o-wsale-card-img-transition: all .25s; --o-wsale-card-img-transform-hover: scale(1); --o-wsale-card-img-transition-hover: all .1s; } .o_wsale_products_opt_img_hover_zoom_out_light.o_wsale_products_opt_img_secondary_show .oe_product_image_link_has_secondary { --o-wsale-card-img-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-transform: scale(1.04); --o-wsale-card-img-secondary-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-opacity-hover: 1; --o-wsale-card-img-secondary-transform-hover: scale(1); } #o_wsale_products_grid.o_wsale_products_opt_thumb_16_9, #o_comparelist_table.o_wsale_products_opt_thumb_16_9, .s_dynamic_snippet_products.o_wsale_products_opt_thumb_16_9 { --o-wsale-card-thumb-aspect-ratio: 1.77777778; } #o_wsale_products_grid.o_wsale_products_opt_thumb_4_3, #o_comparelist_table.o_wsale_products_opt_thumb_4_3, .s_dynamic_snippet_products.o_wsale_products_opt_thumb_4_3 { --o-wsale-card-thumb-aspect-ratio: 1.33333333; } #o_wsale_products_grid.o_wsale_products_opt_thumb_6_5, #o_comparelist_table.o_wsale_products_opt_thumb_6_5, .s_dynamic_snippet_products.o_wsale_products_opt_thumb_6_5 { --o-wsale-card-thumb-aspect-ratio: 1.2; } #o_wsale_products_grid.o_wsale_products_opt_thumb_4_5, #o_comparelist_table.o_wsale_products_opt_thumb_4_5, .s_dynamic_snippet_products.o_wsale_products_opt_thumb_4_5 { --o-wsale-card-thumb-aspect-ratio: 0.8; } #o_wsale_products_grid.o_wsale_products_opt_thumb_2_3, #o_comparelist_table.o_wsale_products_opt_thumb_2_3, .s_dynamic_snippet_products.o_wsale_products_opt_thumb_2_3 { --o-wsale-card-thumb-aspect-ratio: 0.66666667; } #o_wsale_products_grid.o_wsale_products_opt_thumb_cover, #o_comparelist_table.o_wsale_products_opt_thumb_cover, .s_dynamic_snippet_products.o_wsale_products_opt_thumb_cover { --o-wsale-card-thumb-fill-mode: cover; } .o_wsale_products_opt_actions_inline { --o-wsale-card-btns-btn-min-height: calc(1em + 1.6em); } .o_wsale_products_opt_actions_inline:where(.o_wsale_products_opt_layout_catalog) { --o-wsale-card-height: 100%; --o-wsale-card-sub-flex-direction: column; --o-wsale-card-sub-flex-grow: 1; --o-wsale-card-sub-align-items: baseline; --o-wsale-card-price-min-width: 100%; --o-wsale-card-btns-width: 100%; --o-wsale-card-btns-gap: 0.5rem; --o-wsale-card-btns-flex-direction: column; --o-wsale-card-btns-btn-font-size: inherit; --o-wsale-card-btn-submit-flex-grow: 1; } .o_wsale_products_opt_actions_inline:where(.o_wsale_products_opt_layout_catalog):where(.o_wsale_products_opt_has_cta.o_wsale_products_opt_has_wishlist), .o_wsale_products_opt_actions_inline:where(.o_wsale_products_opt_layout_catalog):where(.o_wsale_products_opt_has_cta.o_wsale_products_opt_has_comparison) { --o-wsale-card-btns-gap: 0.25rem; --o-wsale-card-btns-btn-flex-grow: 0; --o-wsale-card-btns-flex-direction: row; --o-wsale-card-btn-aspect-ratio: 1; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-padding-x: 0; } @media (min-width: 576px) { .o_wsale_products_opt_actions_inline:where(.o_wsale_products_opt_layout_catalog):where(.o_wsale_products_opt_has_cta.o_wsale_products_opt_has_wishlist), .o_wsale_products_opt_actions_inline:where(.o_wsale_products_opt_layout_catalog):where(.o_wsale_products_opt_has_cta.o_wsale_products_opt_has_comparison) { --o-wsale-card-btn-submit-label-display: inline; } } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) { --o-wsale-card-info-position: none; --o-wsale-card-price-flex-basis: 100%; --o-wsale-card-btn-label-display: none; --o-wsale-card-btns-width: auto; --o-wsale-card-btns-margin-bottom: 0; --o-wsale-card-btns-inset: 0 0 auto 0; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_wsale_product_btn { position: absolute; display: flex; align-items: end; aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1); overflow: hidden; pointer-events: none; z-index: 2; pointer-events: none; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_wsale_product_btn .btn { --o-wsale-card-btns-btn-flex-grow: 0; --btn-border-radius: 100%; --btn-padding-x: .7rem; --btn-hover-border-color: currentColor; aspect-ratio: 1; align-items: center; justify-content: center; transition: transform .15s ease, opacity .15s ease; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_wsale_product_btn .o_wsale_product_action_row { display: flex; gap: 0.5rem; transform: translateX(var(--o-wsale-card-offset-x)) translateY(calc(var(--o-wsale-card-offset-top) * -1)); } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_wsale_product_btn .o_wsale_product_action_row .btn { opacity: 0; transform: translateY(100%); } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_has_variations .o_wsale_product_action_row { align-self: start; flex-direction: column; transform: translateX(var(--o-wsale-card-offset-x)) translateY(var(--o-wsale-card-offset-top)); } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_has_variations .o_wsale_product_action_row .btn { transform: translateX(-100%); } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:hover .o_wsale_product_action_row, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:hover .btn, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:has(:focus-visible) .o_wsale_product_action_row, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:has(:focus-visible) .btn { pointer-events: auto; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:hover .o_wsale_product_action_row .btn, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:has(:focus-visible) .o_wsale_product_action_row .btn { opacity: 1; transform: translate(0, 0); transition: transform .15s ease-out, opacity .35s ease-out; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:hover .o_wsale_product_action_row .btn.o_add_compare, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:has(:focus-visible) .o_wsale_product_action_row .btn.o_add_compare { transition-delay: .1s; } .o_wsale_products_opt_cc1 { --o-wsale-card-cc-bg: #ffffff; --o-wsale-card-cc-bg-rgb: 255, 255, 255; --o-wsale-card-cc-text: #111827; --o-wsale-card-cc-text-rgb: 17, 24, 39; --o-wsale-card-cc-muted: #585d68; --o-wsale-card-cc-headings: #111827; --o-wsale-card-cc-link: #714b67; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #111827; --btn-bg: #ffffff; --btn-border-color: #dbdcdf; --btn-hover-color: #111827; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(17, 24, 39, 0.8); --btn-focus-shadow-rgb: 189, 191, 195; --btn-active-color: #111827; --btn-active-bg: white; --btn-active-border-color: #dfe0e2; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #ffffff; --btn-disabled-border-color: #dbdcdf; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #111827; --btn-bg: #ffffff; --btn-border-color: #dbdcdf; --btn-hover-color: #111827; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(17, 24, 39, 0.8); --btn-focus-shadow-rgb: 189, 191, 195; --btn-active-color: #111827; --btn-active-bg: white; --btn-active-border-color: #dfe0e2; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #ffffff; --btn-disabled-border-color: #dbdcdf; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #714b67; } .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #FFFFFF; --btn-bg: #017e84; --btn-border-color: #017e84; --btn-hover-color: #FFFFFF; --btn-hover-bg: #016b70; --btn-hover-border-color: #01656a; --btn-focus-shadow-rgb: 39, 145, 150; --btn-active-color: #FFFFFF; --btn-active-bg: #01656a; --btn-active-border-color: #015f63; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #017e84; --btn-disabled-border-color: #017e84; } .o_wsale_products_opt_cc2 { --o-wsale-card-cc-bg: #f9f9f9; --o-wsale-card-cc-bg-rgb: 249, 249, 249; --o-wsale-card-cc-text: #111827; --o-wsale-card-cc-text-rgb: 17, 24, 39; --o-wsale-card-cc-muted: #575c66; --o-wsale-card-cc-headings: #111827; --o-wsale-card-cc-link: #714b67; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #111827; --btn-bg: #f9f9f9; --btn-border-color: #d6d7da; --btn-hover-color: #111827; --btn-hover-bg: rgba(249, 249, 249, 0.8); --btn-hover-border-color: rgba(17, 24, 39, 0.8); --btn-focus-shadow-rgb: 184, 186, 191; --btn-active-color: #111827; --btn-active-bg: #fafafa; --btn-active-border-color: #dadbde; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #f9f9f9; --btn-disabled-border-color: #d6d7da; --btn-bg: rgba(249, 249, 249, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #111827; --btn-bg: #f9f9f9; --btn-border-color: #d6d7da; --btn-hover-color: #111827; --btn-hover-bg: rgba(249, 249, 249, 0.8); --btn-hover-border-color: rgba(17, 24, 39, 0.8); --btn-focus-shadow-rgb: 184, 186, 191; --btn-active-color: #111827; --btn-active-bg: #fafafa; --btn-active-border-color: #dadbde; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #f9f9f9; --btn-disabled-border-color: #d6d7da; --btn-bg: rgba(249, 249, 249, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #714b67; } .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #FFFFFF; --btn-bg: #017e84; --btn-border-color: #017e84; --btn-hover-color: #FFFFFF; --btn-hover-bg: #016b70; --btn-hover-border-color: #01656a; --btn-focus-shadow-rgb: 39, 145, 150; --btn-active-color: #FFFFFF; --btn-active-bg: #01656a; --btn-active-border-color: #015f63; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #017e84; --btn-disabled-border-color: #017e84; } .o_wsale_products_opt_cc3 { --o-wsale-card-cc-bg: #017e84; --o-wsale-card-cc-bg-rgb: 1, 126, 132; --o-wsale-card-cc-text: #FFFFFF; --o-wsale-card-cc-text-rgb: 255, 255, 255; --o-wsale-card-cc-muted: #b3d8da; --o-wsale-card-cc-headings: #111827; --o-wsale-card-cc-link: #00a09d; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #FFFFFF; --btn-bg: #017e84; --btn-border-color: #279196; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(1, 126, 132, 0.8); --btn-hover-border-color: rgba(255, 255, 255, 0.8); --btn-focus-shadow-rgb: 71, 162, 166; --btn-active-color: #FFFFFF; --btn-active-bg: #01656a; --btn-active-border-color: #1d6d71; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #017e84; --btn-disabled-border-color: #279196; --btn-bg: rgba(1, 126, 132, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #FFFFFF; --btn-bg: #017e84; --btn-border-color: #279196; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(1, 126, 132, 0.8); --btn-hover-border-color: rgba(255, 255, 255, 0.8); --btn-focus-shadow-rgb: 71, 162, 166; --btn-active-color: #FFFFFF; --btn-active-bg: #01656a; --btn-active-border-color: #1d6d71; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #017e84; --btn-disabled-border-color: #279196; --btn-bg: rgba(1, 126, 132, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #714b67; } .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #111827; --btn-bg: #f9f9f9; --btn-border-color: #f9f9f9; --btn-hover-color: #111827; --btn-hover-bg: #fafafa; --btn-hover-border-color: #fafafa; --btn-focus-shadow-rgb: 214, 215, 218; --btn-active-color: #111827; --btn-active-bg: #fafafa; --btn-active-border-color: #fafafa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #f9f9f9; --btn-disabled-border-color: #f9f9f9; } .o_wsale_products_opt_cc4 { --o-wsale-card-cc-bg: #714b67; --o-wsale-card-cc-bg-rgb: 113, 75, 103; --o-wsale-card-cc-text: #FFFFFF; --o-wsale-card-cc-text-rgb: 255, 255, 255; --o-wsale-card-cc-muted: #d4c9d1; --o-wsale-card-cc-headings: #111827; --o-wsale-card-cc-link: #111827; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #86667e; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(113, 75, 103, 0.8); --btn-hover-border-color: rgba(255, 255, 255, 0.8); --btn-focus-shadow-rgb: 152, 125, 145; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #654d5f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #86667e; --btn-bg: rgba(113, 75, 103, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #86667e; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(113, 75, 103, 0.8); --btn-hover-border-color: rgba(255, 255, 255, 0.8); --btn-focus-shadow-rgb: 152, 125, 145; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #654d5f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #86667e; --btn-bg: rgba(113, 75, 103, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #111827; --btn-border-color: #111827; --btn-hover-color: #FFFFFF; --btn-hover-bg: #0e1421; --btn-hover-border-color: #0e131f; --btn-focus-shadow-rgb: 53, 59, 71; --btn-active-color: #FFFFFF; --btn-active-bg: #0e131f; --btn-active-border-color: #0d121d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #111827; --btn-disabled-border-color: #111827; } .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #111827; --btn-bg: #f9f9f9; --btn-border-color: #f9f9f9; --btn-hover-color: #111827; --btn-hover-bg: #fafafa; --btn-hover-border-color: #fafafa; --btn-focus-shadow-rgb: 214, 215, 218; --btn-active-color: #111827; --btn-active-bg: #fafafa; --btn-active-border-color: #fafafa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #f9f9f9; --btn-disabled-border-color: #f9f9f9; } .o_wsale_products_opt_cc5 { --o-wsale-card-cc-bg: #111827; --o-wsale-card-cc-bg-rgb: 17, 24, 39; --o-wsale-card-cc-text: #FFFFFF; --o-wsale-card-cc-text-rgb: 255, 255, 255; --o-wsale-card-cc-muted: #b8babe; --o-wsale-card-cc-headings: #ffffff; --o-wsale-card-cc-link: #00a09d; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #FFFFFF; --btn-bg: #111827; --btn-border-color: #353b47; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(17, 24, 39, 0.8); --btn-hover-border-color: rgba(255, 255, 255, 0.8); --btn-focus-shadow-rgb: 83, 88, 99; --btn-active-color: #FFFFFF; --btn-active-bg: #0e131f; --btn-active-border-color: #282c35; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #111827; --btn-disabled-border-color: #353b47; --btn-bg: rgba(17, 24, 39, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #FFFFFF; --btn-bg: #111827; --btn-border-color: #353b47; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(17, 24, 39, 0.8); --btn-hover-border-color: rgba(255, 255, 255, 0.8); --btn-focus-shadow-rgb: 83, 88, 99; --btn-active-color: #FFFFFF; --btn-active-bg: #0e131f; --btn-active-border-color: #282c35; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #111827; --btn-disabled-border-color: #353b47; --btn-bg: rgba(17, 24, 39, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #604058; --btn-hover-border-color: #5a3c52; --btn-focus-shadow-rgb: 134, 102, 126; --btn-active-color: #FFFFFF; --btn-active-bg: #5a3c52; --btn-active-border-color: #55384d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #714b67; --btn-disabled-border-color: #714b67; } .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #111827; --btn-bg: #f9f9f9; --btn-border-color: #f9f9f9; --btn-hover-color: #111827; --btn-hover-bg: #fafafa; --btn-hover-border-color: #fafafa; --btn-focus-shadow-rgb: 214, 215, 218; --btn-active-color: #111827; --btn-active-bg: #fafafa; --btn-active-border-color: #fafafa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #f9f9f9; --btn-disabled-border-color: #f9f9f9; } :where(.o_wsale_products_opt_layout_catalog, .o_wsale_products_opt_layout_list):not(.o_wsale_products_opt_cc):where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #111827; --btn-bg: #ffffff; --btn-border-color: #e1e3e5; --btn-hover-color: #111827; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(55, 65, 81, 0.8); --btn-focus-shadow-rgb: 194, 197, 201; --btn-active-color: #111827; --btn-active-bg: white; --btn-active-border-color: #e4e6e8; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #ffffff; --btn-disabled-border-color: #e1e3e5; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } :where(.o_wsale_products_opt_layout_catalog, .o_wsale_products_opt_layout_list):not(.o_wsale_products_opt_cc):where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #111827; --btn-bg: #ffffff; --btn-border-color: #e1e3e5; --btn-hover-color: #111827; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(55, 65, 81, 0.8); --btn-focus-shadow-rgb: 194, 197, 201; --btn-active-color: #111827; --btn-active-bg: white; --btn-active-border-color: #e4e6e8; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #111827; --btn-disabled-bg: #ffffff; --btn-disabled-border-color: #e1e3e5; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } :where(.o_wsale_products_opt_layout_catalog, .o_wsale_products_opt_layout_list):not(.o_wsale_products_opt_cc):where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #FFFFFF; --btn-bg: #017e84; --btn-border-color: #017e84; --btn-hover-color: #FFFFFF; --btn-hover-bg: #016b70; --btn-hover-border-color: #01656a; --btn-focus-shadow-rgb: 39, 145, 150; --btn-active-color: #FFFFFF; --btn-active-bg: #01656a; --btn-active-border-color: #015f63; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #017e84; --btn-disabled-border-color: #017e84; } /* /website_sale/static/src/scss/website_sale.scss */ @media (min-width: 1200px) { :where(#o_wsale_container).o_wsale_page_fluid { --o-wsale-sidebar-maxwidth: 18rem; } } :where(#o_wsale_container) #products_grid_before { flex: 0 0 25%; min-width: 15rem; max-width: var(--o-wsale-sidebar-maxwidth, 15rem); --o_ws_sidebar_top_gap: calc(1rem + 2rem + 16px); top: var(--o_ws_sidebar_top_gap); } :where(#o_wsale_container) #products_grid_before .o_wsale_products_grid_before_rail { scrollbar-width: none; -ms-overflow-style: none; } :where(#o_wsale_container) #products_grid_before .o_wsale_products_grid_before_rail::-webkit-scrollbar { width: 0; height: 0; } :where(#o_wsale_container) #products_grid_before #oe_structure_website_sale_sidebar_top:where(:not(:has(div.oe_dropzone))) .s_text_block p:only-child { margin-bottom: 0; } :where(#o_wsale_container) #products_grid_before #oe_structure_website_sale_sidebar_top:where(:has(.s_text_block p:not(:only-child))) { padding-top: 1rem; } :where(#o_wsale_container) #products_grid { overflow: auto; container-type: inline-size; container-name: o-wsale-grid; grid-template-rows: minmax(auto, auto); border-left: var(--o-wsale-sidebar-border); } :where(#o_wsale_container) #o_wsale_products_header { padding-left: var(--o-wsale-topbar-padding-left); padding-right: var(--o-wsale-topbar-padding-right); border: 0px solid var(--o-border-color); border-width: var(--o-wsale-topbar-border-width, 0px); } :where(#o_wsale_container) #o_wsale_products_header .o_wsale_products_header_search_form_container { max-width: 23rem; } :where(#o_wsale_container) #o_wsale_products_header .o_pricelist_dropdown + .o_sortby_dropdown { margin-left: -0.5rem; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(:not(.o_wsale_products_header_show_category_title)) .o_wsale_category_title:where(:not(.o_wsale_category_title_is_search)) { display: none !important; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(:not(.o_wsale_products_header_show_category_description)) .o_wsale_category_description { display: none !important; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(.o_wsale_products_header_category_center_content) .o_wsale_category_title { align-self: center; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(.o_wsale_products_header_category_center_content) .o_wsale_category_description:where(:not(:has(section[class*="s_"]))) { align-self: center; text-align: center; max-width: 38rem; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(.o_wsale_products_header_category_center_content) #o_wsale_categories_filmstrip { justify-content: center; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_shop:where(:not(.o_wsale_products_header_show_shop_title)) .o_wsale_shop_title { display: none !important; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_shop:where(.o_wsale_products_header_shop_center_content) .o_wsale_shop_title { align-self: center; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_shop:where(.o_wsale_products_header_shop_center_content) #o_wsale_categories_filmstrip { justify-content: center; } body:where(:not(.oe_dropzone_active)) #oe_structure_products_header_shop:has(> br:first-child:last-child), body:where(:not(.oe_dropzone_active)) #oe_structure_products_header_shop:empty { display: none; } :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container.o_wsale_filmstrip_grid, :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container.o_wsale_filmstrip_tabs { margin-left: calc(var(--o-wsale-topbar-padding-left) * -1); } :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container.o_wsale_filmstrip_grid .o_wsale_filmstrip, :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container.o_wsale_filmstrip_tabs .o_wsale_filmstrip { margin-right: 0; } :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container .o_wsale_filmstrip { margin-right: var(--o-wsale-topbar-padding-right); } :where(#o_wsale_container) .o_wsale_filmstrip_container { transform: translateZ(0); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_default { --o-wsale-filmstrip-item-color: #111827; --o-wsale-filmstrip-item-span-height: 2.5rem; --o-wsale-filmstrip-item-bg-hover: #e5e5e5; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_bordered { --o-wsale-filmstrip-item-border-width: 1px; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-bg: #F9FAFB; --o-wsale-filmstrip-item-span-height: 2.5rem; --o-wsale-filmstrip-item-border-color-hover: color-mix(in srgb, var(--o-border-color), black 30%); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_tabs { --o-wsale-filmstrip-wrapper-border-width: 0 0 1px 0; --o-wsale-filmstrip-wrapper-padding-bottom: 0; --o-wsale-filmstrip-gap: 0; --o-wsale-filmstrip-item-border-width: 0; --o-wsale-filmstrip-item-border-radius: 0; --o-wsale-filmstrip-item-padding-y: 0.5rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-color: inherit; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-display: none; --o-wsale-filmstrip-item-border-color-hover: #714b67; --o-wsale-filmstrip-item-color-hover: #714b67; --o-wsale-filmstrip-item-box-shadow-hover: inset 0 -1px 0 #714b67; --o-wsale-filmstrip-item-border-width-active: 0 0 2px 0; --o-wsale-filmstrip-item-bg-active: transparent; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_tabs .o_wsale_filmstrip_wrapper { min-width: 100%; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_pills { --o-wsale-filmstrip-flex-wrap: wrap; --o-wsale-filmstrip-item-border-width: 1px; --o-wsale-filmstrip-item-border-radius: 50rem; --o-wsale-filmstrip-item-padding-y: 0.5rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-display: none; --o-wsale-filmstrip-item-color-hover: #FFFFFF; --o-wsale-filmstrip-item-bg-hover: #714b67; --o-wsale-filmstrip-item-color-active: #FFFFFF; --o-wsale-filmstrip-item-bg-active: #714b67; cursor: auto; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_pills .o_wsale_filmstrip { flex-wrap: nowrap; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_images { --o-wsale-filmstrip-item-direction: column; --o-wsale-filmstrip-item-justify: top; --o-wsale-filmstrip-item-width: 7rem; --o-wsale-filmstrip-item-gap: 0.5rem; --o-wsale-filmstrip-item-border-radius: 0.625rem; --o-wsale-filmstrip-item-padding-y: 0.5rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-font-size: 0.875rem; --o-wsale-filmstrip-item-text-align: center; --o-wsale-filmstrip-item-text-wrap: wrap; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-bg: transparent; --o-wsale-filmstrip-item-placeholder-display: block; --o-wsale-filmstrip-item-bg-hover: #f9f9f9; --o-wsale-filmstrip-item-color-hover: #111827; --o-wsale-filmstrip-item-color-active: #111827; --o-wsale-filmstrip-item-image-width: 75%; --o-wsale-filmstrip-item-span-display: inline-block; --o-wsale-filmstrip-item-span-width: 100%; --o-wsale-filmstrip-item-span-overflow: hidden; --o-wsale-filmstrip-item-span-text-overflow: ellipsis; --o-wsale-filmstrip-item-span-white-space: nowrap; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid { --o-wsale-filmstrip-wrapper-border-width: 1px 0 1px 0; --o-wsale-filmstrip-wrapper-padding-bottom: 0; --o-wsale-filmstrip-gap: 0; --o-wsale-filmstrip-item-direction: column; --o-wsale-filmstrip-item-justify: center; --o-wsale-filmstrip-item-width: 18rem; --o-wsale-filmstrip-item-border-width: 0 1px 0 0; --o-wsale-filmstrip-item-border-radius: 0; --o-wsale-filmstrip-item-padding-y: 1rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-aspect-ratio: 4/3; --o-wsale-filmstrip-item-font-size: 1.25rem; --o-wsale-filmstrip-item-font-weight: 600; --o-wsale-filmstrip-item-text-align: center; --o-wsale-filmstrip-item-text-wrap: wrap; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-bg: transparent; --o-wsale-filmstrip-item-placeholder-display: block; --o-wsale-filmstrip-item-border-color-active: var(--o-border-color); --o-wsale-filmstrip-item-color-active: #374151; --o-wsale-filmstrip-item-bg-active: transparent; --o-wsale-filmstrip-item-text-decoration-active: underline; --o-wsale-filmstrip-item-image-width: 45%; --o-wsale-filmstrip-item-span-display: inline-block; --o-wsale-filmstrip-item-span-width: 100%; --o-wsale-filmstrip-item-span-overflow: hidden; --o-wsale-filmstrip-item-span-text-overflow: ellipsis; --o-wsale-filmstrip-item-span-white-space: nowrap; } @media (max-width: 1199.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid { --o-wsale-filmstrip-item-width: 14rem; } } @media (max-width: 767.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid { --o-wsale-filmstrip-item-width: 10rem; margin: 0 calc(32px * -1); } } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid li:last-child .o_wsale_filmstrip_item { --o-wsale-filmstrip-item-border-width: 0; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid .o_wsale_filmstrip_link:is(:hover, :focus) .o_wsale_filmstrip_item:not(.active) .o_wsale_filmstrip_image { transform: scale(1.06); overflow: hidden; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images { --o-wsale-filmstrip-item-direction: column; --o-wsale-filmstrip-item-align: start; --o-wsale-filmstrip-item-justify: end; --o-wsale-filmstrip-item-width: 14rem; --o-wsale-filmstrip-item-border-width: 0; --o-wsale-filmstrip-item-border-radius: 1.25rem; --o-wsale-filmstrip-item-padding-y: 1rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-aspect-ratio: 3/4; --o-wsale-filmstrip-item-font-size: 2rem; --o-wsale-filmstrip-item-font-weight: 600; --o-wsale-filmstrip-item-text-wrap: wrap; --o-wsale-filmstrip-item-color: #FFF; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-bg: transparent; --o-wsale-filmstrip-item-placeholder-display: block; --o-wsale-filmstrip-item-color-active: #FFF; --o-wsale-filmstrip-item-bg-active: transparent; --o-wsale-filmstrip-item-text-decoration-active: underline; --o-wsale-filmstrip-item-image-position: absolute; --o-wsale-filmstrip-item-image-width: 100%; --o-wsale-filmstrip-item-image-height: 100%; --o-wsale-filmstrip-item-span-display: inline-block; --o-wsale-filmstrip-item-span-width: 100%; --o-wsale-filmstrip-item-span-overflow: hidden; --o-wsale-filmstrip-item-span-text-overflow: ellipsis; --o-wsale-filmstrip-item-span-white-space: nowrap; } @media (max-width: 1199.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images { --o-wsale-filmstrip-item-width: 12rem; --o-wsale-filmstrip-item-font-size: 1.5rem; } } @media (max-width: 767.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images { --o-wsale-filmstrip-item-width: 9rem; --o-wsale-filmstrip-item-font-size: 1rem; } } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_item { overflow: hidden; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_item:has(.o_wsale_filmstrip_no_image) { --o-wsale-filmstrip-item-bg: #714b67; --o-wsale-filmstrip-item-bg-active: #714b67; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_image { margin: calc(var(--o-wsale-filmstrip-item-padding-y) * -1) calc(var(--o-wsale-filmstrip-item-padding-x) * -1); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_image::before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--o-wsale-filmstrip-overlay-bg, linear-gradient(200deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%)); border-radius: 0.625rem; opacity: .8; transition: opacity .2s ease-in-out; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_image.o_wsale_filmstrip_no_image { --o-wsale-filmstrip-overlay-bg: linear-gradient(90deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .1) 100%); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images span { z-index: 1; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_link:is(:hover, :focus) .o_wsale_filmstrip_item:not(.active) .o_wsale_filmstrip_image { transform: scale(1.02); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_link:is(:hover, :focus) .o_wsale_filmstrip_item:not(.active) .o_wsale_filmstrip_image::before { opacity: 1; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper { margin-bottom: 0.25rem; border-width: var(--o-wsale-filmstrip-wrapper-border-width, 0); border-style: solid; border-color: var(--o-border-color); padding-bottom: var(--o-wsale-filmstrip-wrapper-padding-bottom, 0.25rem); cursor: grab; scroll-snap-type: x mandatory; } @supports (-moz-appearance: none) { :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper { scrollbar-width: thin; scrollbar-color: currentColor transparent; } } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip { gap: var(--o-wsale-filmstrip-gap, 0.5rem); width: max-content; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip li { width: var(--o-wsale-filmstrip-item-width, auto); aspect-ratio: var(--o-wsale-filmstrip-item-aspect-ratio, unset); } @media (max-width: 767.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip li { scroll-snap-align: start; } } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item { flex-direction: var(--o-wsale-filmstrip-item-direction); align-items: var(--o-wsale-filmstrip-item-align, center); justify-content: var(--o-wsale-filmstrip-item-justify); gap: var(--o-wsale-filmstrip-item-gap, 1rem); border-width: var(--o-wsale-filmstrip-item-border-width, 0); border-style: solid; border-color: var(--o-wsale-filmstrip-item-border-color, var(--o-border-color)); border-radius: var(--o-wsale-filmstrip-item-border-radius, 0.25rem); padding: var(--o-wsale-filmstrip-item-padding-y, 0.5rem) var(--o-wsale-filmstrip-item-padding-x, 1rem) var(--o-wsale-filmstrip-item-padding-y, 0.5rem) var(--o-wsale-filmstrip-item-padding-x, 0.5rem); font-size: var(--o-wsale-filmstrip-item-font-size); font-weight: var(--o-wsale-filmstrip-item-font-weight); text-align: var(--o-wsale-filmstrip-item-text-align); text-wrap: var(--o-wsale-filmstrip-item-text-wrap); color: var(--o-wsale-filmstrip-item-color, #374151); background-color: var(--o-wsale-filmstrip-item-bg, #f9f9f9); transition: all .15s ease-in-out; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item .o_wsale_filmstrip_image { display: var(--o-wsale-filmstrip-item-image-display); position: var(--o-wsale-filmstrip-item-image-position); width: var(--o-wsale-filmstrip-item-image-width, 2.5rem); height: var(--o-wsale-filmstrip-item-image-height); background-color: var(--o-wsale-filmstrip-item-image-bg, #ffffff); aspect-ratio: 1/1; transition: all .15s ease-in-out; overflow: hidden; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item .o_wsale_filmstrip_image.o_wsale_filmstrip_placeholder { display: var(--o-wsale-filmstrip-item-placeholder-display, none); background: url("/website_sale/static/src/img/categories/placeholder_thumbnail.png") no-repeat center center/cover; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item span { display: var(--o-wsale-filmstrip-item-span-display, flex); align-items: center; width: var(--o-wsale-filmstrip-item-span-width); height: var(--o-wsale-filmstrip-item-span-height); overflow: var(--o-wsale-filmstrip-item-span-overflow); text-overflow: var(--o-wsale-filmstrip-item-span-text-overflow); white-space: var(--o-wsale-filmstrip-item-span-white-space); } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item:has(.o_wsale_filmstrip_placeholder) { padding: var(--o-wsale-filmstrip-item-padding-y, 0.75rem) var(--o-wsale-filmstrip-item-padding-x, 1rem); } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item.active { border-color: var(--o-wsale-filmstrip-item-border-color-active, #714b67); border-width: var(--o-wsale-filmstrip-item-border-width-active, var(--o-wsale-filmstrip-item-border-width, 1px)); background-color: var(--o-wsale-filmstrip-item-bg-active, #f9f9f9); } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item.active span { color: var(--o-wsale-filmstrip-item-color-active, #714b67); text-decoration: var(--o-wsale-filmstrip-item-text-decoration-active); } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_link:is(:hover, :focus) .o_wsale_filmstrip_item:not(.active) { border-color: var(--o-wsale-filmstrip-item-border-color-hover, var(--o-wsale-filmstrip-item-border-color, var(--o-border-color))); background-color: var(--o-wsale-filmstrip-item-bg-hover, var(--o-wsale-filmstrip-item-bg, transparent)); color: var(--o-wsale-filmstrip-item-color-hover, var(--o-wsale-filmstrip-item-color, inherit)); box-shadow: var(--o-wsale-filmstrip-item-box-shadow-hover, none); } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)) .o_wsale_filmstrip_wrapper::-webkit-scrollbar { height: 2px; } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)) .o_wsale_filmstrip_wrapper::-webkit-scrollbar-thumb { border-radius: 0.25rem; background: rgba(55, 65, 81, 0.25); } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)) .o_wsale_filmstrip_wrapper::-webkit-scrollbar-track { background: rgba(55, 65, 81, 0.05); } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)):hover .o_wsale_filmstrip_wrapper { margin-bottom: 0; } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)):hover .o_wsale_filmstrip_wrapper::-webkit-scrollbar { height: 6px; } :where(#o_wsale_container) #o_wsale_floating_bar_rail { --_container-gap: calc(var(--gutter-x) * 0.5); right: calc(var(--_container-gap) + 1px); width: 0; } :where(#o_wsale_container) #o_wsale_floating_bar_rail #o_wsale_floating_bar { bottom: var(--_container-gap); z-index: 4; max-width: calc(100vw - calc(var(--_container-gap) * 2)); gap: 0.25rem 0; } body:has(.o-livechat-root.o-livechat-LivechatButton-isVisible) :where(#o_wsale_container) #o_wsale_floating_bar_rail { transition: right .3s, bottom .3s; } body:has(.o-livechat-root.o-livechat-LivechatButton-isVisible) :where(#o_wsale_container) #o_wsale_floating_bar_rail #o_wsale_floating_bar { bottom: 10px; } @media (max-width: 575.98px) { body:has(.o-livechat-root.o-livechat-LivechatButton-isVisible) :where(#o_wsale_container) #o_wsale_floating_bar_rail #o_wsale_floating_bar { bottom: calc(10px + 70px); } } @media (min-width: 576px) { body:has(.o-livechat-root.o-livechat-LivechatButton-isVisible) :where(#o_wsale_container) #o_wsale_floating_bar_rail { --_offset: calc(calc(100vw - 100%) * .5); --_livechat-gap: calc(3vw + 80px); right: calc(0px - calc(var(--_offset) - var(--_livechat-gap))); } } @media (min-width: 992px) { :where(#o_wsale_container)[data-ppr="5"] .o_wsale_products_grid_table { --columns: 10; } } @media (min-width: 768px) and (max-width: 991.98px) { :where(#o_wsale_container)[data-ppr="5"] .o_wsale_products_grid_table_md { --columns: 10; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) { --gap: 0; } @media (max-width: 991.98px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #products_grid { padding: 0; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_fluid #products_grid { padding-left: 0; padding-right: 0 !important; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_fluid #o_wsale_products_grid { box-shadow: inset 0 -1px 0 0px var(--border-color); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained { --o-wsale-topbar-border-width: 0 0 1px 0; } @media (min-width: 576px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained { --o-wsale-topbar-border-width: 0 1px 1px 1px; } } @media (min-width: 576px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained:where(:not(.o_wsale_has_sidebar)) #o_wsale_pager { border-right: 1px solid var(--o-border-color); border-left: 1px solid var(--o-border-color); } } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained:where(:not(.o_wsale_has_sidebar)) { --o-wsale-topbar-border-width: 0 1px 1px 1px; } } @media (min-width: 576px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained.o_wsale_has_sidebar #o_wsale_pager { border-left: 1px solid var(--o-border-color); border-right: 1px solid var(--o-border-color); } } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained.o_wsale_has_sidebar { --o-wsale-topbar-border-width: 0 1px 1px 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained.o_wsale_has_sidebar #o_wsale_pager { border-left: 0; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained #o_wsale_products_grid { box-shadow: inset -1px -1px 0 0px var(--border-color); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained:where(:not(.o_wsale_has_sidebar)) #o_wsale_products_grid { border-left: 1px solid var(--o-border-color); } @media (max-width: 991.98px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained.o_wsale_has_sidebar.o_wsale_products_opt_layout_catalog #o_wsale_products_grid { border-left: 1px solid var(--o-border-color); } } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_has_sidebar { --o-wsale-sidebar-border: 1px solid var(--o-border-color); } } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_has_sidebar #products_grid { padding-left: 0; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #o_wsale_products_header { --o-wsale-topbar-padding-left: 16px; --o-wsale-topbar-padding-right: 16px; padding-right: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #o_wsale_products_header .products_header, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #o_wsale_products_header .o_wsale_filmstrip_container:not(.o_wsale_filmstrip_grid) > li:last-child { padding-right: var(--o-wsale-topbar-padding-right); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #o_wsale_products_grid { overflow: hidden; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid { margin-left: calc(var(--o-wsale-topbar-padding-left) * -1); } :where(#o_wsale_container).o_wsale_page_fluid:where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_showcase)) #o_wsale_products_grid { margin-left: -16px; margin-right: -16px; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)) .o_wsale_product_btn_list { display: none !important; } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table { grid-auto-rows: minmax(160px, auto); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product { --o-wsale-card-price-flex-basis: 100%; grid-row: span var(--o-wsale-products-grid-product-col-height, 1); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_size_stretch { --o-wsale-card-border-radius: 0; --o-wsale-card-flex-direction: row; --o-wsale-card-flex-align-items: start; --o-wsale-card-info-padding: 0 1rem; --o-wsale-card-thumb-size: calc( calc(100cqw / var(--o-wsale-ppr)) - calc(var(--o-wsale-products-grid-gap) / 2) ); --o-wsale-card-padding: 0 0 16px; --o-wsale-card-attribute-previewer-padding: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_size_stretch .oe_subdescription div { -webkit-line-clamp: initial; line-height: inherit; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table:not(.o_wsale_products_opt_thumb_cover) .oe_product.oe_product_size_stretch .oe_product_image img { object-position: top left; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch { --o-wsale-card-info-text-grow: 1; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .o_wsale_product_information { height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image_link { height: 100%; max-width: 100%; padding: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_design_cards .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-border-radius: var(--border-radius); --o-wsale-card-info-padding: 1rem; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_design_grid .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-info-padding: 0.5rem 1rem; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_design_grid .oe_product.oe_product_size_stretch[data-colspan="4"] { --o-wsale-card-thumb-size: 50cqw; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_custom_portrait .oe_product_image, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_custom_portrait .oe_product_image_link { min-height: calc( calc(90cqw / var(--o-wsale-ppr)) * var(--o-wsale-card-thumb-aspect-ratio)); height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_custom_portrait .oe_product_image_link { --o-wsale-card-thumb-fill-mode: cover; --o-wsale-card-thumb-aspect-ratio: auto; } } @media (min-width: 768px) and (max-width: 991.98px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md { grid-auto-rows: minmax(160px, auto); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product { --o-wsale-card-price-flex-basis: 100%; grid-row: span var(--o-wsale-products-grid-product-col-height, 1); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_size_stretch { --o-wsale-card-border-radius: 0; --o-wsale-card-flex-direction: row; --o-wsale-card-flex-align-items: start; --o-wsale-card-info-padding: 0 1rem; --o-wsale-card-thumb-size: calc( calc(100cqw / var(--o-wsale-ppr)) - calc(var(--o-wsale-products-grid-gap) / 2) ); --o-wsale-card-padding: 0 0 16px; --o-wsale-card-attribute-previewer-padding: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_size_stretch .oe_subdescription div { -webkit-line-clamp: initial; line-height: inherit; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md:not(.o_wsale_products_opt_thumb_cover) .oe_product.oe_product_size_stretch .oe_product_image img { object-position: top left; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch { --o-wsale-card-info-text-grow: 1; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .o_wsale_product_information { height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image_link { height: 100%; max-width: 100%; padding: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_design_cards .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-border-radius: var(--border-radius); --o-wsale-card-info-padding: 1rem; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_design_grid .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-info-padding: 0.5rem 1rem; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_design_grid .oe_product.oe_product_size_stretch[data-colspan="4"] { --o-wsale-card-thumb-size: 50cqw; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_custom_portrait .oe_product_image, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_custom_portrait .oe_product_image_link { min-height: calc( calc(90cqw / var(--o-wsale-ppr)) * var(--o-wsale-card-thumb-aspect-ratio)); height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_custom_portrait .oe_product_image_link { --o-wsale-card-thumb-fill-mode: cover; --o-wsale-card-thumb-aspect-ratio: auto; } } @media (min-width: 768px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) { --o-wsale-card-price-min-width: MAX(12ch, 16cqw); } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) .product_price > span, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) .product_price > del { display: block; text-align: end; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) .o_wsale_product_btn_catalog { display: none !important; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) .oe_product:hover .show_on_hover { opacity: 1; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained .oe_product_cart { --o-wsale-card-border-width: 0 1px 1px 1px; } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained .oe_product_cart { --o-wsale-card-border-width: 0 1px 1px 0; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_fluid .oe_product_cart { --o-wsale-card-border-width: 0 0 1px; --o-wsale-card-padding: calc(var(--o-wsale-products-grid-gap-y) * 0.5) 0 calc(var(--o-wsale-products-grid-gap-y) * 0.5) calc(var(--o-wsale-products-grid-gap, 16px) * 0.5); } @media (max-width: 991.98px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid))[style*="--o-wsale-products-grid-gap: 0px"] .oe_product_image_link, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid))[style*="--o-wsale-products-grid-gap:0px"] .oe_product_image_link { height: 100%; transform: translateX(-50%); margin-left: 50%; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart { --o-wsale-card-flex-align-items: stretch; --o-wsale-card-info-padding: 0.5rem 16px 0.5rem 0.5rem; --o-wsale-card-info-marign: 0; --o-wsale-card-sub-wrap: nowrap; --o-wsale-card-sub-align-items: start; --o-wsale-card-info-flex-align-items: auto; } @media (min-width: 768px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart { --o-wsale-card-thumb-size: calc(126px * var(--o-wsale-card-thumb-aspect-ratio, 1)); --o-wsale-card-info-padding: 0 16px; --o-wsale-card-sub-align-items: center; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .oe_product_image_link { height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .o_wsale_product_information_text { display: flex; flex-direction: column; justify-content: center; padding-right: inherit; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .o_wsale_product_sub { position: relative; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .product_price > span, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .product_price > del { text-align: center; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .product_price, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .o_wsale_product_btn { --_line-gap: 1rem; padding-left: var(--_line-gap); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .product_price:before, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .o_wsale_product_btn:before { position: absolute; top: 0; left: auto; bottom: 0; right: auto; transform: translateX(calc(var(--_line-gap) * -1)); border-left: 1px solid var(--o-border-color); content: ""; } } .oe_website_sale .activeDrag * { cursor: grabbing !important; cursor: -webkit-grabbing; } .oe_website_sale .o_payment_form .card { border-radius: 4px !important; } .oe_website_sale .address-inline address { display: inline-block; } .oe_website_sale h1[itemprop="name"], .oe_website_sale [itemprop="name"].h1 { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .oe_website_sale h1[itemprop="name"], .oe_website_sale [itemprop="name"].h1 { font-size: calc(1.325rem + 0.9vw); font-weight: 600; } @media (min-width: 1200px) { .oe_website_sale h1[itemprop="name"], .oe_website_sale [itemprop="name"].h1 { font-size: 2rem; } } .oe_website_sale input.js_quantity { min-width: 48px; text-align: center; } .oe_website_sale input.quantity { padding: 0; } .oe_website_sale .table-striped tbody tr td:nth-of-type(even) { --table-accent-bg: rgba(0, 0, 0, 0.025); } .oe_website_sale .table-striped tbody tr td:nth-of-type(odd) { --table-accent-bg: rgba(0, 0, 0, 0); } .oe_website_sale *:not(#product_attributes_simple) > .table-sm tbody td { padding-top: 0.5rem; padding-bottom: 0.5rem; } .oe_website_sale .o_pricelist_dropdown .o_pricelist_dropdown_span, .oe_website_sale .o_sortby_dropdown .o_pricelist_dropdown_span { max-width: 8em; } .oe_website_sale #o_wsale_pager.o_wsale_pager_accommodate_floating { padding-bottom: 4.5rem !important; } @media (max-width: 991.98px) { .oe_website_sale .o_wsale_breadcrumb .breadcrumb-item { padding-left: 0; } .oe_website_sale .o_wsale_breadcrumb .breadcrumb-item::before { content: ""; } } .oe_website_sale .o_address_card { cursor: pointer; } #product_detail ~ .oe_structure.oe_empty > section:first-child { border-top: 1px solid var(--o-border-color); } .o_alternative_product { margin: auto; } .o_wsale_products_searchbar_form .oe_search_found, #o_wsale_search_modal .oe_search_found { display: none; } div#payment_method div.list-group { margin-left: 40px; } div#payment_method .list-group-item { padding-top: 5px; padding-bottom: 5px; } a.no-decoration { cursor: pointer; text-decoration: none !important; } .o_wsale_image_viewer_ratio_auto, .o_wsale_product_page_opt_image_ratio_auto { --o-wsale-product-image-ratio: auto; } .o_wsale_image_viewer_ratio_auto img, .o_wsale_product_page_opt_image_ratio_auto img { object-fit: contain !important; } .o_wsale_image_viewer_ratio_21_9, .o_wsale_product_page_opt_image_ratio_21_9 { --o-wsale-product-image-ratio: 2.33333333; } .o_wsale_image_viewer_ratio_16_9, .o_wsale_product_page_opt_image_ratio_16_9 { --o-wsale-product-image-ratio: 1.77777778; } .o_wsale_image_viewer_ratio_4_3, .o_wsale_product_page_opt_image_ratio_4_3 { --o-wsale-product-image-ratio: 1.33333333; } .o_wsale_image_viewer_ratio_6_5, .o_wsale_product_page_opt_image_ratio_6_5 { --o-wsale-product-image-ratio: 1.2; } .o_wsale_image_viewer_ratio_1_1, .o_wsale_product_page_opt_image_ratio_1_1 { --o-wsale-product-image-ratio: 1; } .o_wsale_image_viewer_ratio_4_5, .o_wsale_product_page_opt_image_ratio_4_5 { --o-wsale-product-image-ratio: 0.8; } .o_wsale_image_viewer_ratio_2_3, .o_wsale_product_page_opt_image_ratio_2_3 { --o-wsale-product-image-ratio: 0.66666667; } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_21_9 { --o-wsale-product-image-ratio: 2.33333333; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_16_9 { --o-wsale-product-image-ratio: 1.77777778; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_4_3 { --o-wsale-product-image-ratio: 1.33333333; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_6_5 { --o-wsale-product-image-ratio: 1.2; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_1_1 { --o-wsale-product-image-ratio: 1; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_4_5 { --o-wsale-product-image-ratio: 0.8; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_2_3 { --o-wsale-product-image-ratio: 0.66666667; } } .o_wsale_product_page_opt_image_radius_none { --o-wsale-product-image-radius: 0; } .o_wsale_product_page_opt_image_radius_small { --o-wsale-product-image-radius: var(--border-radius-sm); } .o_wsale_product_page_opt_image_radius_medium { --o-wsale-product-image-radius: var(--border-radius); } .o_wsale_product_page_opt_image_radius_big { --o-wsale-product-image-radius: var(--border-radius-lg); } .o_wsale_content_contained { --gutter-x: 0; } #product_detail_main { padding: 0; } @media (min-width: 992px) { #product_detail_main { padding: 0 16px; } } #product_details { flex: 0 0 auto; width: var(--o-wsale-product-col-details-width, 100%); padding-top: 1rem; padding-left: var(--o-wsale-product-col-details-padding-left, calc(var(--gutter-x) * .5)); padding-right: var(--o-wsale-product-col-details-padding-right, calc(var(--gutter-x) * .5)); background-color: #ffffff; container: product-details / inline-size; z-index: 0; } #product_details:has(.s_popup) { z-index: 2; } @media (min-width: 992px) { #product_details { padding-top: var(--o-wsale-product-col-details-padding-top-lg, 0px); } } .o_wsale_product_images { flex: 0 0 auto; position: var(--o-wsale-product-col-images-position); display: var(--o-wsale-product-col-images-display); width: var(--o-wsale-product-col-images-width, 100%); padding: var(--o-wsale-product-col-images-padding, 0); z-index: 1; } .o_wsale_sticky_object { transition: top 200ms; } @media (max-width: 991.98px) { .o_wsale_sticky_object { top: 0px !important; } } #product_detail.o_wsale_container_lg .o_wsale_product_images { padding: 0; } #product_detail.o_wsale_container_fluid .o_wsale_content_contained { --gutter-x: 0; max-width: none; } @media (min-width: 1400px) { #product_detail.o_wsale_container_fluid:where(.o_wsale_product_page_opt_image_width_33_pc), #product_detail.o_wsale_container_fluid:where(.o_wsale_product_page_opt_image_width_50_pc), #product_detail.o_wsale_container_fluid:where(.o_wsale_product_page_opt_image_width_66_pc) { --o-wsale-product-col-details-padding-left: 64px; } } #product_detail .breadcrumb .breadcrumb-item { padding-top: calc(0.75rem + var(--border-width)); padding-bottom: calc(0.75rem + var(--border-width)); font-size: 1rem; line-height: 1.5; } #product_detail_main:where(.flex-lg-row-reverse) #product_details { padding-left: var(--o-wsale-product-col-details-padding-right, calc(var(--gutter-x) * .5)); padding-right: var(--o-wsale-product-col-details-padding-left, calc(var(--gutter-x) * .5)); } .o_wsale_product_page_opt_image_width_none { --o-wsale-product-col-images-display: none; } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_33_pc, .o_wsale_product_page_opt_image_width_50_pc, .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-details-padding-left: 16px; --o-wsale-product-col-details-padding-right: 0; } } @media (min-width: 1200px) { .o_wsale_product_page_opt_image_width_33_pc, .o_wsale_product_page_opt_image_width_50_pc, .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-details-padding-left: 40px; } } @media (min-width: 1200px) { .o_wsale_product_page_opt_image_width_33_pc, .o_wsale_product_page_opt_image_width_50_pc, .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-details-padding-left: 64px; } } @media (min-width: 1200px) { .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-details-padding-left: 32px; } } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_33_pc { --o-wsale-product-col-images-position: sticky; --o-wsale-product-col-images-width: 33.3333%; --o-wsale-product-col-details-width: 66.6666%; } } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_50_pc { --o-wsale-product-col-images-position: sticky; --o-wsale-product-col-images-width: 50%; --o-wsale-product-col-details-width: 50%; --o-wsale-product-details-content-max-width: 960px; } } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-images-position: sticky; --o-wsale-product-col-images-width: 66%; --o-wsale-product-col-details-width: 34%; --o-wsale-product-details-content-max-width: 960px; } } .o_wsale_product_page_opt_image_width_100_pc { --o-wsale-product-col-images-width: 100%; --o-wsale-product-col-details-width: 100%; --o-wsale-product-col-details-padding-top-lg: 1rem; } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_100_pc, .o_wsale_product_page_opt_image_width_none { --o-wsale-product-col-details-padding-left: 0; --o-wsale-product-col-details-padding-right: 0; } } #o_wsale_product_details_content { display: flex; flex-direction: column; } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content { --o-wsale-product-details-content-max-width: 100%; --o-wsale-product-details-content-section-max-width: 640px; } @container product-details (min-width: 728px) { .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content { width: 100%; max-width: var(--o-wsale-product-details-content-max-width, 11040px) !important; margin: 0; } .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content form, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content form { display: grid; grid-template-columns: minmax(412px, 640px) minmax(16px, 10000px) minmax(300px, 400px); grid-auto-rows: auto; align-items: start; } .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content form .o_wsale_product_details_content_section, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content form .o_wsale_product_details_content_section { grid-column: 1; } .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content form .o_wsale_product_details_content_section_cta, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content form .o_wsale_product_details_content_section_cta { --o-wsale-product-details-section-border-width: 0px; --o-wsale-product-details-section-padding-top: 0px; grid-column: 3; grid-row: 1 / -6; align-self: start; } } } @media (min-width: 992px) { @container product-details (min-width: 728px) { .o_wsale_product_page_opt_image_width_33_pc #o_wsale_product_details_content { width: 100%; max-width: var(--o-wsale-product-details-content-max-width, 520pxvar(--o-wsale-product-col-details-padding-left)400px) !important; margin: 0; } .o_wsale_product_page_opt_image_width_33_pc #o_wsale_product_details_content form { display: grid; grid-template-columns: minmax(412px, 520px) minmax(16px, var(--o-wsale-product-col-details-padding-left)) minmax(300px, 400px); grid-auto-rows: auto; align-items: start; } .o_wsale_product_page_opt_image_width_33_pc #o_wsale_product_details_content form .o_wsale_product_details_content_section { grid-column: 1; } .o_wsale_product_page_opt_image_width_33_pc #o_wsale_product_details_content form .o_wsale_product_details_content_section_cta { --o-wsale-product-details-section-border-width: 0px; --o-wsale-product-details-section-padding-top: 0px; grid-column: 3; grid-row: 1 / -6; align-self: start; } } } #o_wsale_product_details_content .o_wsale_product_details_content_section { max-width: var(--o-wsale-product-details-content-section-max-width, 520px); } #o_wsale_product_details_content .o_wsale_product_details_content_section_attributes { display: none; } #o_wsale_product_details_content .o_wsale_product_details_content_section_attributes:where(:has(li.variant_attribute:not(.d-none))), #o_wsale_product_details_content .o_wsale_product_details_content_section_attributes:where(:has(li:not(.variant_attribute) li.o_variant_pills:not(.d-none))) { display: block; } #o_wsale_product_details_content .o_wsale_product_details_content_section_attributes .o_wsale_product_page_variants.d-none + .o_wsale_product_page_variants { margin-top: 0 !important; } .o_wsale_product_page_opt_separators .o_wsale_product_details_content_section:where(:not( .o_wsale_product_details_content_section_title, .o_wsale_product_details_content_section_price, .o_wsale_product_details_content_section_accordion )) { border-top: var(--o-wsale-product-details-section-border-width, 1px) solid var(--o-border-color); padding-top: var(--o-wsale-product-details-section-padding-top, 1.5rem); } .o_wsale_product_page_opt_separators .o_wsale_product_details_content_section:where(.o_wsale_product_details_content_section_cta:has(.o_wsale_cta_wrapper_boxed)) { --o-wsale-product-details-section-border-width: 0; --o-wsale-product-details-section-padding-top: 0.5rem; } #o_wsale_cta_wrapper.o_wsale_cta_wrapper_boxed { max-width: 26rem; } #o_wsale_cta_wrapper.o_wsale_cta_wrapper_large .css_quantity { border-radius: 0.25rem; } @media (min-width: 992px) { #o_wsale_cta_wrapper:not(.o_wsale_cta_wrapper_boxed) #product_option_block:has(button:only-child) { flex-grow: 0 !important; } } @property --o-wsale-js-grid-product-height { syntax: ""; inherits: true; initial-value: 280px; } #o-grid-product .o_wsale_product_page_grid_row { display: var(--o-wsale-grid-product-row-display, flex); } #o-grid-product .o_wsale_product_page_grid_column { display: var(--o-wsale-grid-product-col-display, flex); flex: 1; } #o-grid-product .o_ribbons:not([data-ribbon-id]) { display: none; } @media (max-width: 991.98px) { #o-grid-product { --o-wsale-grid-product-col-display: contents; } } #o-grid-product.o_grid_solo { --o-wsale-grid-product-col-display: contents; } @media (min-width: 992px) { #o-grid-product.o_grid_solo .o_wsale_product_page_grid_column, #o-grid-product.o_grid_solo .o_product_detail_img_wrapper, #o-grid-product.o_grid_solo .product_detail_img { border-radius: var(--o-wsale-product-image-radius); } } @media (max-width: 991.98px) { #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row { --_lastBlock_margin_bottom: -16px; flex-direction: column; height: var(--o-wsale-js-grid-product-height); min-height: 146px; max-height: 60vh; overflow-y: scroll; overflow-x: hidden; scroll-snap-type: y mandatory; scrollbar-color: currentColor rgba(255, 255, 255, 0.5); padding-bottom: 16px !important; box-sizing: content-box; transition: height .2s ease-out; } #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row:not(.gap-0) { --_lastBlock_margin_bottom: -24px; gap: 8px 0 !important; padding-right: 16px !important; padding-bottom: 24px !important; } #o-grid-product:where(:not(.o_grid_solo)):has(.o_wsale_product_page_grid_row:not(.gap-0)) { padding-left: 16px !important; } #o-grid-product:where(:not(.o_grid_solo)) .o_product_detail_img_wrapper { scroll-snap-align: center; scroll-snap-stop: always; max-height: 60vh; order: var(--o-wsale-grid-product-img-natural-order); width: 100%; } #o-grid-product:where(:not(.o_grid_solo)) .o_product_detail_img_wrapper.o_product_detail_img_wrapper_last { margin-bottom: var(--_lastBlock_margin_bottom); } @keyframes o-produt-grid-loading { 0% { opacity: .25; } 100% { opacity: .5; } } #o-grid-product:where(:not(.o_grid_solo)).o_grid_uses_ratio_auto.o_grid_uses_ratio_mobile_auto .o_product_detail_img_wrapper { animation: o-produt-grid-loading 2s ease-in-out var(--o-wsale-grid-product-images-animation-count, infinite); } #o-grid-product:where(:not(.o_grid_solo)).o_grid_uses_ratio_auto.o_grid_uses_ratio_mobile_auto.o_grid_product_ready { --o-wsale-grid-product-images-animation-count: 1; } } #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_column { gap: inherit; } #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row:where(:not(.gap-0)) .o_wsale_product_page_grid_column, #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row:where(:not(.gap-0)) .o_product_detail_img_wrapper, #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row:where(:not(.gap-0)) .product_detail_img { border-radius: var(--o-wsale-product-image-radius); } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)) { --o-wsale-grid-product-row-display: grid; --o-wsale-grid-product-col-display: contents; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row { grid-auto-rows: 1fr; grid-template-columns: var(--_grid-colums, 66.666666% 1fr); } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)) .o_product_detail_img_wrapper { order: var(--o-wsale-grid-product-img-natural-order); width: 100%; height: 100%; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_column:first-of-type .o_product_detail_img_wrapper:first-of-type { grid-row: var(--_first-image-grid-row, 1/-3); grid-column: var(--_first-image-grid-column); height: 100%; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)).o_grid_has_more_than_3 { --_grid-colums: 50% 1fr 1fr; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)).o_grid_has_more_than_5 { --_grid-colums: repeat(7, 1fr); --_first-image-grid-row: 1 / -5; --_first-image-grid-column: 1 / -3; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)).o_grid_has_more_than_9 { --_grid-colums: repeat(7, 1fr); --_first-image-grid-row: 1 / -6; --_first-image-grid-column: 1 / -3; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)).o_grid_has_more_than_11 { --_grid-colums: repeat(9, 1fr); --_first-image-grid-row: 1 / -7; --_first-image-grid-column: 1 / -4; } } .o_wsale_product_page_grid_column .o_product_detail_img_wrapper { aspect-ratio: var(--o-wsale-product-image-ratio); } .o_wsale_product_page_grid_column .o_product_detail_img_wrapper > .product_detail_img { aspect-ratio: inherit; object-fit: cover; } #o-carousel-product { transition: top 200ms; } #o-carousel-product .carousel-inner img { object-fit: cover; } @media (min-width: 992px) { #o-carousel-product .carousel-inner img { border-radius: var(--o-wsale-product-image-radius); } } #o-carousel-product .carousel-outer { aspect-ratio: var(--o-wsale-product-image-ratio); } @media (min-width: 1200px) { #o-carousel-product:not(:hover) .carousel-control-prev, #o-carousel-product:not(:hover) .carousel-control-next { opacity: 0; } } #o-carousel-product .carousel-item, #o-carousel-product .o_carousel_product_indicators { transition: transform 0.2s ease-out; } #o-carousel-product .carousel-indicators { transition: transform 0.3s ease-in-out; } #o-carousel-product .o_carousel_product_indicators { max-height: 400px; } @media (min-width: 992px) { #o-carousel-product .o_carousel_product_indicators .carousel-indicators { justify-content: start; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li { width: 64px; height: auto; text-indent: unset; transition: none; border: 1px solid var(--o-border-color); } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li, #o-carousel-product .o_carousel_product_indicators .carousel-indicators li > div, #o-carousel-product .o_carousel_product_indicators .carousel-indicators li > div > img { border-radius: MIN(var(--o-wsale-product-image-radius), var(--border-radius)); aspect-ratio: var(--o-wsale-product-image-ratio); } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li .o_product_video_thumb { position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 64px; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li.active { border-color: #714b67; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li:where(:not(:hover)) { opacity: .75; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li:hover, #o-carousel-product .o_carousel_product_indicators .carousel-indicators li.active { opacity: 1; } } @media (max-width: 991.98px) { #o-carousel-product.o_carousel_product_left_indicators { flex-direction: column-reverse; } #o-carousel-product .carousel-indicators { justify-content: center; } #o-carousel-product .carousel-indicators li { width: 8px; height: 8px; min-width: 8px; border-radius: 50%; border: 2px solid #D8DADD; } #o-carousel-product .carousel-indicators li.active { border-color: #714b67; background-color: #714b67; } #o-carousel-product .carousel-indicators li > div { display: none; } } @media (min-width: 992px) { #o-carousel-product .carousel-indicators li { margin: 0; } #o-carousel-product .carousel-indicators li:not(:first-child) { margin-left: 10px; } #o-carousel-product.o_carousel_product_left_indicators .carousel-indicators li { margin: 0; } #o-carousel-product.o_carousel_product_left_indicators .carousel-indicators li:not(:first-child) { margin-top: 10px; } } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_100_pc #o-carousel-product:not(.o_carousel_product_left_indicators) .o_carousel_product_indicators { position: absolute; top: auto; left: 0; bottom: 0.75rem; right: 0; } } #o-carousel-product .carousel-control-prev, #o-carousel-product .carousel-control-next, .o_wsale_image_viewer .carousel-control-prev, .o_wsale_image_viewer .carousel-control-next { top: auto; bottom: auto; opacity: 0.5; cursor: pointer; transition: opacity 0.8s; } #o-carousel-product .carousel-control-prev:focus, #o-carousel-product .carousel-control-next:focus, .o_wsale_image_viewer .carousel-control-prev:focus, .o_wsale_image_viewer .carousel-control-next:focus { opacity: 0.65; } #o-carousel-product .carousel-control-prev:hover, #o-carousel-product .carousel-control-next:hover, .o_wsale_image_viewer .carousel-control-prev:hover, .o_wsale_image_viewer .carousel-control-next:hover { opacity: 0.8; } #o-carousel-product .carousel-control-prev > i, #o-carousel-product .carousel-control-next > i, .o_wsale_image_viewer .carousel-control-prev > i, .o_wsale_image_viewer .carousel-control-next > i { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.15rem; border-radius: var(--btn-border-radius); } @media (max-width: 991.98px) { #o-carousel-product .carousel-control-prev > i, #o-carousel-product .carousel-control-next > i, .o_wsale_image_viewer .carousel-control-prev > i, .o_wsale_image_viewer .carousel-control-next > i { width: 2rem; height: 2rem; line-height: 2rem; font-size: 1rem; } } .ecom-zoomable[data-ecom-zoom-click] img.product_detail_img { cursor: zoom-in; } .ecom-zoomable img[data-zoom] { cursor: zoom-in; } .ecom-zoomable .o_editable img[data-zoom] { cursor: pointer; } #coupon_box form { max-width: 300px; } .o_website_sale_animate { opacity: 0.7; position: absolute !important; height: 150px; width: 150px; z-index: 1020; } .o_red_highlight { --badge-bg: #dc3545 !important; --badge-border-color: var(--badge-bg); box-shadow: 0 0 0 0 rgba(240, 8, 0, 0.4); transition: all 0.5s linear; } .o_shadow_animation { box-shadow: 0 0 5px 10px rgba(240, 8, 0, 0.4) !important; } .o_mycart_zoom_animation { transform: scale(1.4); transition: all 0.3s ease-in-out; } .o_product_page_reviews_title .oi { font-size: calc(1.265rem + 0.18vw); } @media (min-width: 1200px) { .o_product_page_reviews_title .oi { font-size: 1.4rem; } } .o_product_page_reviews_title .oi:before { content: "\e809"; } .o_product_page_reviews_title:not(.collapsed) .oi:before { content: "\e80b"; } #o_product_page_reviews_content .o_website_rating_avg h1, #o_product_page_reviews_content .o_website_rating_avg .h1 { font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { #o_product_page_reviews_content .o_website_rating_avg h1, #o_product_page_reviews_content .o_website_rating_avg .h1 { font-size: 3.5rem; } } #o_product_page_reviews_content .o_portal_chatter_composer { position: sticky; transition: top 200ms; } #o_product_page_reviews_content .o_portal_chatter_messages > .o_portal_chatter_message { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1rem 0; margin-bottom: 1rem; } #o_product_page_reviews_content .o_portal_chatter_avatar { border-radius: 50%; } .o_product_tag_img { height: 2rem; } .o_wsale_share_menu { min-width: 3em; } .o_website_sale_checkout main { display: flex; flex-direction: column; } .o_website_sale_checkout #cart_products, .o_website_sale_checkout .o_wsale_quick_reorder_line_group { --cart-product-img-size-lg: 6rem; } .o_website_sale_checkout #cart_products .o_cart_product_image img, .o_website_sale_checkout .o_wsale_quick_reorder_line_group .o_cart_product_image img { width: var(--cart-product-img-size-sm, var(--cart-product-img-size-lg)); } @media (max-width: 767.98px) { .o_website_sale_checkout #cart_products .o_cart_product_image img, .o_website_sale_checkout .o_wsale_quick_reorder_line_group .o_cart_product_image img { --cart-product-img-size-sm: 4rem; } } .o_website_sale_checkout .o_cart_item_count { font-variant-numeric: tabular-nums; } @media (max-width: 991.98px) { .o_website_sale_checkout .o_total_card { position: static; border: none; } .o_website_sale_checkout .o_total_card .o_checkout_cart_total { border-top: 1px solid var(--o-border-color); } } .o_website_sale_checkout .o_mobile_summary { margin-left: -16px; margin-right: -16px; padding: 1rem 16px; } @media (max-width: 991.98px) { .o_website_sale_checkout .o_mobile_summary { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); } } .o_website_sale_checkout .o_wsale_scrollable_table { -ms-overflow-style: none; scrollbar-width: none; } .o_website_sale_checkout .o_wsale_scrollable_table::-webkit-scrollbar { display: none; } @media (min-width: 992px) { .o_website_sale_checkout .o_wsale_scrollable_table { overflow-y: scroll; height: 15rem; } } .o_website_sale_checkout div[itemprop="address"] { margin: 0.5rem 0; font-size: 0.875rem; } .o_website_sale_checkout .o_wsale_address_fill .col-form-label:not(.label-optional)::after { content: " *"; font-weight: normal; } @media (max-width: 767.98px) { .o_website_sale_checkout .o_address_signin { border-radius: 0.625rem; background-color: #F9FAFB; } } .o_website_sale_checkout button[name="o_payment_submit_button"] { margin-left: 0 !important; } .o_website_sale_checkout a.disabled { pointer-events: none; } .o_website_sale_checkout #quick_reorder_sidebar.offcanvas { width: 760px; } .o_website_sale_checkout #quick_reorder_sidebar.offcanvas .o_wsale_quick_reorder_qty_input { width: 7ch; } .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group { --cart-product-img-size-lg: 3rem; } @media (max-width: 767.98px) { .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group .o_cart_product_image img { --cart-product-img-size-sm: 2.6rem; } } .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group .o_wsale_quick_reorder_group_content:not(:last-child) { padding-bottom: 3rem; } .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group .o_wsale_quick_reorder_group_content .o_wsale_quick_reorder_line:not(:last-child) { margin-bottom: 1rem; } @media (max-width: 575.98px) { .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group .o_wsale_quick_reorder_group_content .o_wsale_quick_reorder_line:not(:last-child) { padding-bottom: 1rem; border-bottom: 1px solid var(--o-border-color); } } .o_sale_product_configurator_img img, .o_cart_product_image img { object-fit: cover; object-position: center; aspect-ratio: var(--o-wsale-shop-thumb-aspect-ratio, 1); } body.o_wsale_products_opt_thumb_16_9 { --o-wsale-shop-thumb-aspect-ratio: 1.77777778; } body.o_wsale_products_opt_thumb_4_3 { --o-wsale-shop-thumb-aspect-ratio: 1.33333333; } body.o_wsale_products_opt_thumb_6_5 { --o-wsale-shop-thumb-aspect-ratio: 1.2; } body.o_wsale_products_opt_thumb_4_5 { --o-wsale-shop-thumb-aspect-ratio: 0.8; } body.o_wsale_products_opt_thumb_2_3 { --o-wsale-shop-thumb-aspect-ratio: 0.66666667; } .o_cart_product_image img { max-width: 64px; } .oe_website_sale .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23374151'%3e%3cpath transform='rotate%280, 8, 8%29' fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .oe_website_sale #product_accordion, .oe_website_sale #wsale_products_attributes_collapse h6, .oe_website_sale #wsale_products_attributes_collapse .h6, .oe_website_sale #o_wsale_price_range_option h6, .oe_website_sale #o_wsale_price_range_option .h6, .oe_website_sale #o_wsale_total_accordion .accordion-header { --accordion-active-bg: inherit; --accordion-active-color: var(--accordion-btn-color); --accordion-btn-padding-x: 0; --accordion-body-padding-x: 0; } .oe_website_sale #product_accordion .accordion-item, .oe_website_sale #wsale_products_attributes_collapse h6 .accordion-item, .oe_website_sale #wsale_products_attributes_collapse .h6 .accordion-item, .oe_website_sale #o_wsale_price_range_option h6 .accordion-item, .oe_website_sale #o_wsale_price_range_option .h6 .accordion-item, .oe_website_sale #o_wsale_total_accordion .accordion-header .accordion-item { border-top: 1px solid var(--o-border-color); border-bottom: 1px solid var(--o-border-color); } .oe_website_sale #product_accordion .accordion-item:not(:last-child), .oe_website_sale #wsale_products_attributes_collapse h6 .accordion-item:not(:last-child), .oe_website_sale #wsale_products_attributes_collapse .h6 .accordion-item:not(:last-child), .oe_website_sale #o_wsale_price_range_option h6 .accordion-item:not(:last-child), .oe_website_sale #o_wsale_price_range_option .h6 .accordion-item:not(:last-child), .oe_website_sale #o_wsale_total_accordion .accordion-header .accordion-item:not(:last-child) { border-bottom: 0; } .oe_website_sale #product_accordion .accordion-button:not(.collapsed), .oe_website_sale #wsale_products_attributes_collapse h6 .accordion-button:not(.collapsed), .oe_website_sale #wsale_products_attributes_collapse .h6 .accordion-button:not(.collapsed), .oe_website_sale #o_wsale_price_range_option h6 .accordion-button:not(.collapsed), .oe_website_sale #o_wsale_price_range_option .h6 .accordion-button:not(.collapsed), .oe_website_sale #o_wsale_total_accordion .accordion-header .accordion-button:not(.collapsed) { box-shadow: none; } .oe_website_sale #product_accordion.o_accordion_not_initialized > .accordion-item:first-child .accordion-button::after, .oe_website_sale #wsale_products_attributes_collapse h6.o_accordion_not_initialized > .accordion-item:first-child .accordion-button::after, .oe_website_sale #wsale_products_attributes_collapse .o_accordion_not_initialized.h6 > .accordion-item:first-child .accordion-button::after, .oe_website_sale #o_wsale_price_range_option h6.o_accordion_not_initialized > .accordion-item:first-child .accordion-button::after, .oe_website_sale #o_wsale_price_range_option .o_accordion_not_initialized.h6 > .accordion-item:first-child .accordion-button::after, .oe_website_sale #o_wsale_total_accordion .accordion-header.o_accordion_not_initialized > .accordion-item:first-child .accordion-button::after { transform: var(--accordion-btn-icon-transform); } .oe_website_sale #product_accordion.o_accordion_not_initialized > .accordion-item:first-child .accordion-collapse, .oe_website_sale #wsale_products_attributes_collapse h6.o_accordion_not_initialized > .accordion-item:first-child .accordion-collapse, .oe_website_sale #wsale_products_attributes_collapse .o_accordion_not_initialized.h6 > .accordion-item:first-child .accordion-collapse, .oe_website_sale #o_wsale_price_range_option h6.o_accordion_not_initialized > .accordion-item:first-child .accordion-collapse, .oe_website_sale #o_wsale_price_range_option .o_accordion_not_initialized.h6 > .accordion-item:first-child .accordion-collapse, .oe_website_sale #o_wsale_total_accordion .accordion-header.o_accordion_not_initialized > .accordion-item:first-child .accordion-collapse { display: block; } .oe_website_sale:has(#product_accordion) #product_attributes_simple { display: none; } .o_wsale_products_grid_before_rail .accordion { --accordion-btn-icon-width: 1rem; } .products_attributes_filters .wsale_accordion_collapsible div.accordion-item:first-of-type { border-top: none; } #categories_recursive li { width: 100% !important; } .o_categories_recursive_button:after { display: none; } .overflow-hidden { overflow: hidden; } @media (max-width: 767.98px) { .css_quantity > a { --btn-padding-x: 0.6rem; } } body.modal-open:has(.js_sale.o_wsale_product_page) { overflow: hidden; } .oe_website_sale .o_wsale_ribbon { margin: 0; font-size: 0.8rem; white-space: nowrap; text-align: center; pointer-events: none; padding: 0.5rem 100px; transform-origin: top right; z-index: 1; } .oe_website_sale .o_wsale_ribbon:empty { display: none; } .oe_website_sale .o_wsale_badge { margin: 0; font-size: 0.8rem; white-space: nowrap; text-align: center; pointer-events: none; padding: 0.25rem 0.5rem; border-radius: var(--border-radius) !important; } .oe_website_sale .o_wsale_badge:empty { display: none; } .oe_website_sale .o_wsale_ribbon.o_right { position: absolute; top: 0; left: auto; bottom: auto; right: 0; transform: translateX(calc(-0.708 * (100% - 200px))) rotate(45deg) translateX(calc(100% - 100px)); } .oe_website_sale .o_wsale_ribbon.o_left { position: absolute; top: 0; left: 0; bottom: auto; right: auto; transform: translateX(calc(0.708 * (100% - 200px) - 100%)) rotate(-45deg) translateX(100px); } .oe_website_sale .o_wsale_badge.o_left { position: absolute; top: 0.5rem; left: var(--o-wsale-ribbon-badge-offset-x, 0.5rem); bottom: auto; right: auto; } .oe_website_sale .o_wsale_badge.o_right { position: absolute; top: 0.5rem; left: auto; bottom: auto; right: var(--o-wsale-ribbon-badge-offset-x, 0.5rem); } .o_wsale_alternative_products:not(:has(.s_dynamic_snippet_row)) { display: none; } /* /website_sale/static/src/scss/website_sale_frontend.scss */ .o_wsale_image_viewer { z-index: -1; } .o_wsale_image_viewer .o_wsale_image_viewer_header { height: 40px; z-index: 1; } .o_wsale_image_viewer .o_wsale_image_viewer_image .o_wsale_image_viewer_void { z-index: 1; padding-top: 64px; padding-bottom: 156px; } .o_wsale_image_viewer .o_wsale_image_viewer_image img { cursor: zoom-in; } .o_wsale_image_viewer .o_wsale_image_viewer_image img.zoomed-in { cursor: zoom-out; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel { z-index: 1; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol { list-style: none; transition: transform 250ms ease-out; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li > div { background: #ffffff; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li > div img.o_wsale_image_viewer_thumbnail { aspect-ratio: var(--o-wsale-product-image-ratio, 1/1); border: 4px solid transparent; height: 128px; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li > div img.o_wsale_image_viewer_thumbnail:not(.active, :hover) { opacity: 0.75; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li > div img.o_wsale_image_viewer_thumbnail.active { border-color: #714b67; } /* /website_sale/static/src/scss/website_sale_delivery.scss */ @media (max-width: 767.98px) { .o_wsale_delivery_price_badge { max-width: 130px; text-overflow: ellipsis; overflow: hidden; } } /* /website_sale/static/src/snippets/s_dynamic_snippet_categories/000.scss */ .s_dynamic_snippet_category .o_category_container { grid-template-columns: repeat(var(--DynamicCategory-columns), 1fr); } @media (min-width: 768px) and (max-width: 991.98px) { .s_dynamic_snippet_category:not([data-columns="2"]) .o_category_container { grid-template-columns: repeat(calc(var(--DynamicCategory-columns) - 1), 1fr); } } .s_dynamic_snippet_category .all_products { grid-row: span 4; } .s_dynamic_snippet_category .align_category_right > *:not(span) { align-self: flex-end !important; } .s_dynamic_snippet_category .align_category_center { justify-content: center !important; } .s_dynamic_snippet_category .align_category_center > *:not(span) { align-self: center !important; } .s_dynamic_snippet_category .s_dynamic_category_item, .s_dynamic_snippet_category .s_dynamic_category_wrapper_demo { border-radius: inherit; box-shadow: inherit; } .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item:hover .o_category_image, .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item:has(.s_dynamic_category_button:focus-visible) .o_category_image { transform: scale(1.05); } .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item .o_category_filter { opacity: 0; } .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item .s_dynamic_category_arrow { transition: transform .2s ease-in-out; } .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item:hover .s_dynamic_category_arrow { transform: translateX(0.25rem); } .s_dynamic_snippet_category.s_dynamic_category_clickable_items:not(.s_dynamic_category_no_overlay) .s_dynamic_category_item:hover .o_category_filter, .s_dynamic_snippet_category.s_dynamic_category_clickable_items:not(.s_dynamic_category_no_overlay) .s_dynamic_category_item:has(.s_dynamic_category_button:focus-visible) .o_category_filter { opacity: 100%; } .s_dynamic_snippet_category.s_dynamic_category_clickable_items.s_dynamic_category_no_arrows .s_dynamic_category_arrow { display: none; } /* /website/static/lib/multirange/multirange_custom.scss */ input[type="range"][multiple] { pointer-events: none; visibility: hidden; } .multirange-wrapper input[type="range"][multiple] { visibility: initial; } .multirange-wrapper input[type="range"][multiple]::-webkit-slider-thumb { pointer-events: auto; } .multirange-wrapper input[type="range"][multiple]::-moz-range-thumb { pointer-events: auto; } .multirange-wrapper input[type="range"][multiple].reverse { direction: rtl; } .multirange-wrapper input[type="range"][multiple].multirange::-moz-range-track { border-color: transparent; /* needed to switch Firefox to "styleable" control */ } .multirange-wrapper input[type="range"][multiple].multirange.original::-webkit-slider-thumb { position: relative; z-index: 2; } @media all and (min--moz-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { .multirange-wrapper input[type="range"][multiple].multirange.ghost { margin-inline-start: calc(1rem + (1px * 2)); width: calc(100% - calc(1rem + (1px * 2))); } } .multirange-wrapper input[type="range"][multiple].multirange.ghost::-webkit-slider-runnable-track { background: linear-gradient(to right, transparent var(--low), var(--primary) var(--low) var(--high), transparent 0) no-repeat 50%/100% 100%; } .multirange-wrapper input[type="range"][multiple].multirange.ghost::-moz-range-track { background: linear-gradient(to right, transparent var(--low), var(--primary) var(--low) var(--high), transparent 0) no-repeat 50%/100% 100%; } .multirange-wrapper [x-out-of-boundaries] { display: none; } /* /website_sale/static/src/scss/product_configurator.scss */ .css_attribute_color { --o-wsale-css-attribute-color__size: 1.6rem; position: relative; display: inline-block; height: var(--o-wsale-css-attribute-color__size); width: var(--o-wsale-css-attribute-color__size); border: 1px solid var(--o-wsale-attribute-color-border-color, var(--o-border-color)); border-radius: 50%; transition: all 0.2s ease-in-out; } @media (max-width: 575.98px) { .css_attribute_color { --o-wsale-css-attribute-color__size: 2rem; } } .css_attribute_color input { opacity: 0; } .css_attribute_color:hover, .css_attribute_color.active, .css_attribute_color.active:hover { box-shadow: inset 0 0 0 2px #ffffff; } .css_attribute_color:hover { --o-wsale-attribute-color-border-color: #6C757D; --o-wsale-attribute-color-border-color: color-mix(in srgb, currentColor 60%, transparent); } .css_attribute_color.active, .css_attribute_color.active:hover { --o-wsale-attribute-color-border-color: #714b67; } .css_attribute_color:has(input:focus-visible)::before { position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; content: " "; width: 140%; height: 140%; border-radius: 100%; z-index: -1; background-color: rgba(113, 75, 103, 0.25); transform: translate(-50%, -50%); } .css_attribute_color.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .css_attribute_color.transparent { background-image: url(/web/static/img/transparent.png); } .css_attribute_image { --o-wsale-css-attribute-image__height: 4rem; --o-wsale-css-attribute-image__outline-width: 2px; height: calc(var(--o-wsale-css-attribute-image__height) - var(--o-wsale-css-attribute-image__outline-width)); aspect-ratio: 1; border: 5px solid #ffffff; outline: var(--o-wsale-css-attribute-image__outline-width) solid var(--o-border-color); transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } .css_attribute_image:hover, .css_attribute_image.active { outline-color: #714b67; } .css_attribute_image.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .css_attribute_image.transparent { background-image: url(/web/static/img/transparent.png); } .css_attribute_image.size_small { --o-wsale-css-attribute-image__height: 3rem; --o-wsale-css-attribute-image__outline-width: 1px; } .css_not_available_msg { display: none; } .css_not_available.js_product .css_quantity { display: none !important; } .css_not_available.js_product .css_not_available_msg { display: block; } .css_not_available.js_product .availability_messages { display: none; } .css_not_available.js_product .oe_price, .css_not_available.js_product .oe_default_price { display: none; } .css_quantity { width: initial; border-radius: 0.25rem; } .css_quantity input { height: auto !important; max-width: 4ch; } @media (min-width: 992px) { .css_quantity.input-group-lg:not(.css_quantity_50) { width: 100%; } } @media (min-width: 1200px) { .css_quantity.input-group-lg:not(.css_quantity_50) { width: auto; } } @media (min-width: 992px) { .css_quantity.input-group-lg:not(.css_quantity_50) input { max-width: 100%; } } @media (min-width: 1200px) { .css_quantity.input-group-lg:not(.css_quantity_50) input { max-width: 4ch; } } .css_quantity.input-group-lg .btn { padding-top: 1rem; padding-bottom: 1rem; } select.form-select.css_attribute_select { max-width: 26rem; } select.form-select.css_attribute_select:not([multiple]):where(:not([size]), [size="1"]) { background-image: url("data:image/svg+xml;utf8,"); background-size: 20px; background-position: 100% 65%; background-repeat: no-repeat; } select.form-select.css_attribute_select:not([multiple]):where(:not([size]), [size="1"]):disabled, .o_wysiwyg_loader:where(:not([size]), [size="1"]) { background-image: url("data:image/svg+xml;utf8,"); } .modal-content select.form-select.css_attribute_select { background-image: url("data:image/svg+xml;utf8,"); } .variant_attribute .o_variant_pills { border: 1px solid var(--o-border-color); } .variant_attribute .o_variant_pills:has(input:focus-visible) { box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25); } .variant_attribute label.css_not_available, .variant_attribute .o_variant_pills.css_not_available { opacity: 0.6; } label.css_attribute_color.css_not_available:after { content: ""; position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; width: 2px; height: 110%; background-color: var(--body-bg); rotate: 45deg; transform: translate(-50%, -50%); transform-origin: top; } .js_product .td-product_name { word-wrap: break-word; } .js_product .td-product_name { min-width: 140px; } .js_product .td-img { width: 100px; } .js_product .td-qty { width: 200px; } .js_product .td-qty a.input-group-addon { background-color: transparent; border: 0px; } .js_product .td-qty .input-group { display: inline-flex; } .js_product .td-price { width: 120px; } @media (max-width: 767.98px) { .js_product .td-img { display: none; } .js_product .td-qty { width: 60px; } .js_product .td-price { width: 80px; } } @media (max-width: 476px) { .js_product .td-qty { width: 60px; } } /* /sale/static/src/js/combo_configurator_dialog/combo_configurator_dialog.scss */ @media (max-width: 767.98px) { .sale-combo-configurator-dialog .css_quantity .form-control { max-width: inherit; } } @media (min-width: 992px) { .combo_configurator_quantity { border-left: 1px solid var(--o-border-color); } } /* /sale/static/src/js/product/product.scss */ .table.o_sale_product_configurator_table tr:first-child > td { padding-top: 0 !important; } .table.o_sale_product_configurator_table > :not(caption) > *:last-child > * { border-bottom: 0; } .table.o_sale_product_configurator_table:where(:not(.o_sale_product_configurator_table_optional)) { margin-bottom: 1rem !important; } .o_sale_product_configurator_img { width: 40px; max-height: 240px; } @media (min-width: 768px) { .o_sale_product_configurator_img { width: 120px; } } @media (min-width: 768px) { .o_sale_product_configurator_qty, .o_sale_product_configurator_price { width: 160px; } } .product_name_description { max-width: 8rem; } @media (max-width: 991.98px) { .impossible_combination_alert { margin-left: -3rem; margin-right: -9rem; } } .o_sale_product_configurator_uom_choice.active label { background-color: #e6f2f3; border-color: #017e84; color: #000; } /* /sale/static/src/js/product_card/product_card.scss */ .product-card { border: 1px solid var(--o-border-color); transition: border-color 0.2s ease-in-out; } .product-card img { aspect-ratio: 1; object-fit: contain; } .product-card:hover { border-color: #714b67; } .product-card.selected { border-color: #714b67; } /* /sale/static/src/js/product_list/product_list.scss */ table.o_sale_product_configurator_table > tbody > tr > td { min-width: 50px; } .o_sale_optional_products { background: #fafafa; } /* /sale/static/src/js/product_template_attribute_line/product_template_attribute_line.scss */ @media (min-width: 992px) { .o_sale_product_configurator_table div[name="ptal"] > div { align-items: center; } } .o_sale_product_configurator_table div[name="ptal"] > div:has(.form-check) { align-items: flex-start; } .o_sale_product_configurator_ptav_color { border: 5px solid var(--o-border-color); transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } .o_sale_product_configurator_ptav_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .o_sale_product_configurator_ptav_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label { cursor: pointer; } .o_sale_product_configurator_ptav_color:hover, .o_sale_product_configurator_ptav_color:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) { border-color: #714b67; } .o_sale_product_configurator_ptav_color:before { content: ""; display: block; position: absolute; top: -3px; left: -3px; bottom: -3px; right: -3px; border: 4px solid white; border-radius: 50%; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .o_sale_product_configurator_ptav_color input { margin: 8px; height: 13px; width: 13px; opacity: 0; } .o_sale_product_configurator_ptav_color.active { border: 5px solid #714b67; } .o_sale_product_configurator_ptav_color.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .o_sale_product_configurator_ptav_color.transparent { background-image: url(/web/static/img/transparent.png); } .o_sale_product_configurator_ptav_color.css_not_available { opacity: 1; } .o_sale_product_configurator_ptav_color.css_not_available:after { content: ""; position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; border: 2px solid #dc3545; border-radius: 50%; background: url("data:image/svg+xml;utf8,"); background-position: center; background-repeat: no-repeat; } .o_sale_product_configurator_ptav_image { border: 5px solid #ffffff; outline: 2px solid var(--o-border-color); transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; height: 62px; aspect-ratio: 1; } .o_sale_product_configurator_ptav_image:hover, .o_sale_product_configurator_ptav_image.active { outline-color: #714b67; } .o_sale_product_configurator_ptav_image.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .o_sale_product_configurator_ptav_image.transparent { background-image: url(/web/static/img/transparent.png); } .o_sale_product_configurator_ptav_image.css_not_available { opacity: 1; outline-color: #dc3545; } .o_sale_product_configurator_ptav_image.css_not_available:after { content: ""; position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-repeat: no-repeat; } .o_sale_product_configurator_ptav_image.css_not_available:hover, .o_sale_product_configurator_ptav_image.css_not_available.active { outline-color: #714b67; } .o_sale_product_configurator_ptav_pills.active label { background-color: #e6f2f3; border-color: #017e84; color: #000; } .css_not_available { opacity: 0.6; } option.css_not_available { opacity: 1; color: #ccc; } /* /sale/static/src/js/quantity_buttons/quantity_buttons.scss */ input[name="sale_quantity"] { padding: 0; } @media (max-width: 767.98px) { input[name="sale_quantity"] { max-width: 3rem; } } @media (min-width: 768px) { input[name="sale_quantity"] { max-width: 4rem; } } input[name="sale_quantity"]::-webkit-outer-spin-button, input[name="sale_quantity"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[name="sale_quantity"][type=number] { -moz-appearance: textfield; } /* /website_sale/static/src/js/combo_configurator_dialog/combo_configurator_dialog.scss */ .sale-combo-configurator-dialog { --modal-header-border-width: 1px; --modal-footer-border-width: 1px; } /* /website_sale/static/src/js/product_configurator_dialog/product_configurator_dialog.scss */ .o_sale_product_configurator_dialog { --product-configurator-img-size-lg: 6rem; } .o_sale_product_configurator_dialog .modal-header .btn.oi-arrow-left { padding-left: 0; } .o_sale_product_configurator_dialog .o_wsale_product_configurator_vr { background: var(--o-border-color); } .o_sale_product_configurator_dialog .o_sale_product_configurator_img { width: var(--product-configurator-img-size-sm, var(--product-configurator-img-size-lg)); } @media (max-width: 767.98px) { .o_sale_product_configurator_dialog .o_sale_product_configurator_img { --product-configurator-img-size-sm: 4rem; } } .o_sale_product_configurator_dialog .text-muted { color: inherit !important; } /* /payment_stripe/static/src/scss/payment_stripe_templates.scss */ div[id^="o_stripe_express_checkout_container_"] { min-width: 140px; } /* /website_hr_recruitment/static/src/scss/website_hr_recruitment.scss */ .o_website_hr_recruitment_jobs_list #jobs_grid .o_job_infos .fa { color: theme-color("secondary"); margin-right: .5rem; } .o_website_hr_recruitment_jobs_list #jobs_grid .card, .o_website_hr_recruitment_jobs_list #jobs_grid .card * { transition: all .1s; } .o_website_hr_recruitment_jobs_list #jobs_grid .card:hover { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); } .o_website_hr_recruitment_jobs_list #jobs_grid .o_jobs_unpublished { opacity: .6; } .o_website_hr_recruitment_jobs_list .o_website_hr_recruitment_job_description { max-height: 60px; line-height: 20px; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; line-clamp: 3; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; overflow: hidden; } .o_linkedin_icon { position: absolute; display: flex; justify-content: center; align-items: center; height: 38px; width: 38px; margin: 0 !important; border-radius: 0.4rem 0 0 0.4rem; color: #fcf9f2; background-color: #0a66c2; } .o_apply_description_link:hover { filter: brightness(90%); background-color: #fff; color: #35979c; } .o_resume_input { border-color: #35979c; } .o_resume_input::file-selector-button { color: #35979c; border-color: #35979c; background-color: #fff; } #jobs_section .s_company_team .o_jobs_hr_recruiter, #jobs_thankyou .s_company_team .o_jobs_hr_recruiter, .o_jobs_image_gallery.s_image_gallery img { transition: .5s; } #jobs_section .s_company_team .o_jobs_hr_recruiter:hover, #jobs_thankyou .s_company_team .o_jobs_hr_recruiter:hover, .o_jobs_image_gallery.s_image_gallery img:hover { transform: scale(1.01, 1.01); box-shadow: 0 0 20px rgba(0, 0, 0, 0.25) !important; } /* /website_blog/static/src/scss/website_blog.scss */ @keyframes o-wblog-fade-In { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes o-wblog-loader { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% { transform: rotateY(3600deg); } } .website_blog .o_wblog_page_cards_bg { background-color: rgba(0, 0, 0, 0.005); } .website_blog .o_wblog_read_with_sidebar { max-width: 1000px; } .website_blog .o_wblog_read_text { font-size: 1.125rem; font-weight: 300; } .website_blog .o_wblog_author_avatar { width: 1.2em; height: 1.2em; max-width: none; object-fit: cover; } .website_blog .o_wblog_author_avatar_date { width: 2em; height: 2em; max-width: none; object-fit: cover; } .website_blog .o_wblog_social_links > a { width: 3em; height: 3em; } .website_blog .o_wblog_social_links > a > i { font-size: 1.3em; } .website_blog #o_wblog_post_content { min-height: 350px !important; } .website_blog #o_wblog_post_content a.oe_mail_expand:after { content: " →"; } .website_blog #o_wblog_post_content a.oe_mail_expand { font-weight: bold; } @media (max-width: 991.98px) { .website_blog #o_wblog_post_content > nav.breadcrumb .breadcrumb-item, .website_blog .blog_header > nav.breadcrumb .breadcrumb-item { padding-left: 0; } .website_blog #o_wblog_post_content > nav.breadcrumb .breadcrumb-item::before, .website_blog .blog_header > nav.breadcrumb .breadcrumb-item::before { content: ""; } } .website_blog #o_wblog_post_comments .o_portal_chatter > hr { display: none; } .website_blog .o_wblog_post_page_cover .o_wblog_post_title > .h4 { color: var(--o-cc3-btn-secondary-text); } .website_blog .o_wblog_post_page_cover.cover_auto { padding: 3rem 0; min-height: 1px; } .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.o_full_screen_height, .website_blog .o_wblog_post_page_cover_regular.o_half_screen_height, .website_blog .o_wblog_post_page_cover_regular.cover_full, .website_blog .o_wblog_post_page_cover_regular.cover_mid { min-height: 70vh !important; } .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.o_half_screen_height, .website_blog .o_wblog_post_page_cover_regular.cover_mid { min-height: 40vh !important; } .website_blog .o_wblog_post_page_cover.o_wblog_post_page_cover_regular.cover_auto { min-height: 150px; padding: 0; } .website_blog .o_wblog_post_page_cover.o_record_has_cover .o_record_cover_image:after { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 50%; right: 0; background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.369) 19%, rgba(0, 0, 0, 0.2705) 34%, rgba(0, 0, 0, 0.191) 47%, rgba(0, 0, 0, 0.139) 56.5%, rgba(0, 0, 0, 0.097) 65%, rgba(0, 0, 0, 0.063) 73%, rgba(0, 0, 0, 0.0375) 80.2%, rgba(0, 0, 0, 0.021) 86.1%, rgba(0, 0, 0, 0.0105) 91%, rgba(0, 0, 0, 0.004) 95.2%, rgba(0, 0, 0, 0.001) 98.2%, rgba(0, 0, 0, 0) 100%); } .website_blog .o_wblog_post_page_cover.o_record_has_cover .o_wblog_post_title { color: white; } .website_blog .o_wblog_post_page_cover.o_record_has_cover.o_wblog_post_page_cover_regular .o_record_cover_image:after { visibility: hidden; } .website_blog .o_wblog_post_title .o_wblog_post_name { font-weight: 600; line-height: 1.2; font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .website_blog .o_wblog_post_title .o_wblog_post_name { font-size: 2rem; } } .website_blog .o_wblog_post_title .o_wblog_post_subtitle { font-weight: 300; font-size: 1.25rem; } .website_blog .o_wblog_regular_cover_container .o_wblog_post_name { line-height: 1; padding-bottom: 0.5rem; } .website_blog .o_wblog_post_page_cover_footer { min-height: 33vh; transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); } .website_blog #o_wblog_next_container { background-color: #ffffff; cursor: pointer; } .website_blog #o_wblog_next_container .o_wblog_next_button:focus-visible { outline: revert; } .website_blog #o_wblog_next_container .o_wblog_next_loader { transform: translateZ(1px); } .website_blog #o_wblog_next_container .o_wblog_next_loader div { width: 50px; height: 50px; background: rgba(0, 0, 0, 0.15); animation: o-wblog-loader 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .website_blog #o_wblog_next_container .o_wblog_next_fake_btn { height: 50px; } .website_blog #o_wblog_post_main.o_wblog_post_main_transition { animation: o-wblog-fade-In 1s cubic-bezier(0.02, 0.01, 0.47, 1); } .website_blog #o_wblog_posts_loop .o_record_cover_container { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); padding-top: 33%; height: auto !important; min-height: auto !important; } .website_blog #o_wblog_posts_loop .o_record_cover_container:hover .o_record_cover_image { opacity: 0.8; } .website_blog #o_wblog_posts_loop .o_wblog_normalize_font { font-size: 0.8125rem; line-height: 1.45; } .website_blog #o_wblog_posts_loop .o_wblog_post_list_author { background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.131) 19%, rgba(0, 0, 0, 0.2295) 34%, rgba(0, 0, 0, 0.309) 47%, rgba(0, 0, 0, 0.361) 56.5%, rgba(0, 0, 0, 0.403) 65%, rgba(0, 0, 0, 0.437) 73%, rgba(0, 0, 0, 0.4625) 80.2%, rgba(0, 0, 0, 0.479) 86.1%, rgba(0, 0, 0, 0.4895) 91%, rgba(0, 0, 0, 0.496) 95.2%, rgba(0, 0, 0, 0.499) 98.2%, rgba(0, 0, 0, 0.5) 100%); } .website_blog #o_wblog_posts_loop.o_wblog_list_view .o_record_cover_container { padding-top: 20%; } .website_blog #o_wblog_posts_loop.o_wblog_list_view .o_wblog_post_cover_nocard .o_record_cover_container { padding-top: 33%; } @media (max-width: 767.98px) { .website_blog #o_wblog_posts_loop.o_wblog_list_view > .row { margin-left: 0; margin-right: 0; } } .website_blog > nav > .container:has(> ul.navbar-nav .nav-item:nth-child(10)) .o_searchbar_form, .website_blog > nav > .o_container_small:has(> ul.navbar-nav .nav-item:nth-child(10)) .o_searchbar_form { align-self: start; } body.editor_enable .website_blog .o_record_cover_container.o_wblog_post_page_cover:not(.o_record_has_cover) { padding: 30px 0; } body.editor_enable .website_blog #o_wblog_sidebar .oe_structure:empty { display: none; } body.editor_enable .website_blog .o_wblog_sidebar_block select[name="archive"] { pointer-events: none; } #o_wblog_post_content_jump { width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.5); } #o_wblog_post_content_jump:hover { background-color: rgba(0, 0, 0, 0.7); } /* /website_profile/static/src/scss/website_profile.scss */ .o_wprofile_body { background-color: #f7f7fa; } .o_wprofile_gradient { background-image: linear-gradient(120deg, #875A7B, #68465f); } .o_wprofile_pict { width: 100%; height: 100%; padding-top: 30%; background-size: cover; background-position: center; } @media (min-width: 768px) { .o_wprofile_pict { padding-top: 70%; border: 1px solid #68465f; border-bottom-width: 0; } } @media (min-width: 768px) { .o_wprofile_header:before { content: ""; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 2.5rem; background: rgba(0, 0, 0, 0.2); } } .o_wprofile_sidebar { border: 1px solid var(--o-border-color); } @media (min-width: 768px) { .o_wprofile_sidebar { border-top-width: 0; } } @media (min-width: 768px) { .o_wprofile_nav_tabs { margin-top: -2.5rem; border-bottom: 0; } .o_wprofile_nav_tabs .nav-link { border-radius: 0; border-width: 0 1px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); } .o_wprofile_nav_tabs .nav-link:hover, .o_wprofile_nav_tabs .nav-link:focus, .o_wprofile_nav_tabs .nav-link.focus { color: white; } .o_wprofile_nav_tabs .nav-link { border-color: transparent; } .o_wprofile_nav_tabs .nav-link:hover { border-color: transparent; background: #3d2938; } .o_wprofile_nav_tabs .nav-link.active { color: #111827; background: #f7f7fa; border-color: #f7f7fa; } } @media (max-width: 575.98px) { .o_wprofile_nav_tabs { overflow-x: auto; overflow-y: hidden; } .o_wprofile_nav_tabs li { white-space: nowrap; } } @media (max-width: 767.98px) { .o_wprofile_tabs_content { background-color: var(--body-bg); padding: 0 16px; } } @media (max-width: 575.98px) { .o_wprofile_tabs_content { margin: 0 -16px; } } .o_wprofile_progress_circle { position: relative; max-width: 300px; } .o_wprofile_progress_circle svg.o_pc_circular_chart { z-index: 1; position: relative; display: block; max-width: 100%; } .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle_bg, .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle { fill: none; stroke-width: 1.5px; stroke-linecap: round; } .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle_bg { stroke: rgba(0, 0, 0, 0.1); } .o_wprofile_progress_circle svg.o_pc_circular_chart .o_pc_circle { animation: progress 1s ease-out forwards; } .o_wprofile_progress_circle svg.o_pc_circular_chart #gradient { --o-pc-color-stop-1: #905f83; --o-pc-color-stop-2: #714b67; } .o_wprofile_progress_circle .o_pc_overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .o_wprofile_progress_circle .o_pc_overlay h4, .o_wprofile_progress_circle .o_pc_overlay .h4 { width: 60%; margin-bottom: 0 !important; } .o_wprofile_progress_circle .o_pc_overlay h4:not(.o_editable), .o_wprofile_progress_circle .o_pc_overlay .h4:not(.o_editable) { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .o_wprofile_progress_circle .o_pc_overlay small.text-center, .o_wprofile_progress_circle .o_pc_overlay .text-center.small { display: -webkit-box; line-height: 100%; overflow: hidden; text-overflow: ellipsis; width: 75% !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @keyframes progress { 0% { stroke-dasharray: 0 100; } } .o_wprofile_all_users_nav { border-width: 1px 0; } .o_wprofile_all_users_nav, .o_wprofile_all_users_nav .o_wprofile_course_nav_search, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); border-style: solid; } .o_wprofile_all_users_nav .o_wprofile_course_nav_search, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn { border-width: 0 1px; } @media (min-width: 768px) { .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn { color: white; margin-top: -1px; border-radius: 0; min-height: 35px; } .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn:hover, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn:focus, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn.focus { color: #374151; } .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn:hover { background-color: white; } } @media (max-width: 767.98px) { .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container ~ .o_wprofile_user_profile_sub_nav_mobile_col { padding-left: 0; } .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn { color: white; border-radius: 0.25rem; background-color: rgba(0, 0, 0, 0.25); } .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn:hover, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn:focus, .o_wprofile_all_users_nav .o_wprofile_all_users_nav_btn_container .o_wprofile_all_users_nav_btn.focus { color: white; } } .o_wprofile_all_users_nav .breadcrumb-item.active a, .o_wprofile_all_users_nav .breadcrumb-item a:hover { color: white; } .o_wprofile_all_users_nav .breadcrumb-item a, .o_wprofile_all_users_nav .breadcrumb-item + .breadcrumb-item::before, .o_wprofile_all_users_nav .o_wprofile_course_nav_search input::placeholder { color: rgba(255, 255, 255, 0.8); } .o_wprofile_top3_card_footer div { border-color: var(--o-border-color); border-style: solid; border-width: 1px 0; margin-top: -1px; } .o_wprofile_top3_card_footer div + div { border-left-width: 1px; margin-left: -1px; } .o_wprofile_pager li.page-item a.page-link { background-color: transparent; border: 0; color: #6C757D; transition-duration: .3s; } .o_wprofile_pager li.page-item a.page-link:hover { color: #714b67; } .o_wprofile_pager li.page-item.active a.page-link { color: #FFF; } .o_wprofile_pager li.page-item.o_wprofile_pager_arrow a { color: #714b67; } .o_wprofile_pager li.page-item.o_wprofile_pager_arrow a:hover { transform: scaleX(1.5) scaleY(1.5); } .o_wprofile_pager li.page-item.o_wprofile_pager_arrow.disabled a { color: #6C757D; } .o_wprofile_pager li.page-item .page-link:focus { box-shadow: 0 0 0 0; } .wprofile_badge_img { height: 2.5em; } .country_flag { display: inline-block; margin-left: 2px; max-height: 13px; width: auto !important; } .o_wprofile_pointer { cursor: pointer; } .o_wprofile_border_focus { border-left: 4px solid #017e84; } .editor_enable .o_wprofile_progress_circle .o_pc_overlay { z-index: initial; } /* /html_editor/static/src/styles.scss */ *[contenteditable="true"] { outline: none; } .note-editable { border: 1px solid #D9D9D9; overflow: auto; height: 100%; padding: 4px 40px 4px 4px; min-height: 10px; border-radius: 3px; } /* /html_editor/static/src/components/history_dialog/history_dialog.scss */ .html-history-dialog-container { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px); } .html-history-dialog { position: relative; } .html-history-dialog .history-view-top-bar { display: flex; align-items: center; padding: 8px 12px; background-color: #f7f7f7; border-bottom: 1px solid #ddd; } .html-history-dialog .history-view-top-bar > div { flex-grow: 6; } .html-history-dialog .history-view-top-bar > div.toggle-view-btns { flex-grow: 1; padding-right: 10px; width: 220px; } .html-history-dialog .history-view-top-bar > div:last-child { flex-grow: 1; text-align: right; width: 180px; } .html-history-dialog .history-view-top-bar > div:last-child .fa { margin-right: 10px; } .html-history-dialog .history-view-inner { padding: 8px 12px; border: 1px solid #ddd; border-top: 0; overflow: auto; } .html-history-dialog .history-view-inner .embedded-history-dialog-placeholder { color: #444; padding: 32px; text-align: center; font-size: 20px; border: 1px solid #999; border-radius: 4px; margin: 8px 0; background-image: linear-gradient(45deg, #d1d1d1 25%, #999 25%, #999 50%, #d1d1d1 50%, #d1d1d1 75%, #999 75%, #999); background-size: 50px 50px; text-shadow: -2px -2px 0 #d1d1d1, 2px -2px 0 #d1d1d1, -2px 2px 0 #d1d1d1, 2px 2px 0 #d1d1d1, -3px 0px 0 #d1d1d1, 3px 0px 0 #d1d1d1, 0px -3px 0 #d1d1d1, 0px 3px 0 #d1d1d1; } .html-history-dialog .history-view-inner .history-comparison-split { position: relative; } .html-history-dialog .history-container { --border-color: #ddd; margin-left: 240px; overflow: hidden; } .html-history-dialog .history-container .o_notebook_content { padding: 10px 12px; border: 1px solid var(--border-color); border-top: 0; } .html-history-dialog .history-container .nav { padding-left: 24px; } .html-history-dialog .history-container removed { display: inline; background-color: #f1afaf; text-decoration: line-through; opacity: 0.5; } .html-history-dialog .history-container added { display: inline; background-color: #c8f1af; } .html-history-dialog .history-container p { margin-bottom: 0.6rem; } .html-history-dialog .revision-list { overflow: auto; width: 230px; position: absolute; top: 0; left: 0; } .html-history-dialog .revision-list .btn { --Avatar-size: 24px; display: block; text-align: left; width: 200px; margin-bottom: 8px; position: relative; padding-left: 18px; margin-left: 12px; color: #555; border-radius: 6px; } .html-history-dialog .revision-list .btn .o_avatar { position: absolute; right: 6px; top: 3px; opacity: 0.5; } .html-history-dialog .revision-list .btn:hover { background-color: rgba(113, 75, 103, 0.2); } .html-history-dialog .revision-list .btn:after { content: ' '; position: absolute; left: -1px; top: -16px; border-left: 2px solid; border-color: #017e84; height: 24px; } .html-history-dialog .revision-list .btn:before { font-family: 'FontAwesome'; content: '\f068'; position: absolute; left: -12px; top: 4px; font-size: 12px; text-align: center; border-radius: 12px; width: 24px; height: 24px; line-height: 24px; background-color: #017e84; z-index: 10; } .html-history-dialog .revision-list .btn.targeted { color: #a77b9c; } .html-history-dialog .revision-list .btn.targeted:before { color: white; content: '\f00c'; background-color: #a77b9c; } .html-history-dialog .revision-list .btn.targeted:after { border-color: #a77b9c; } .html-history-dialog .revision-list .btn.selected { color: #714b67; } .html-history-dialog .revision-list .btn.selected:before { color: white; content: '\f0da'; background-color: #714b67; } .html-history-dialog .revision-list .btn.selected:after { border-color: #714b67; } .html-history-dialog .revision-list .btn.selected .o_avatar { opacity: 1; } .html-history-dialog .revision-list .btn:first-child:after { content: none !important; } /* /html_editor/static/src/core/format_plugin.scss */ .o_default_color { color: #374151; } .o_default_font_size { font-size: 1rem; } /* /html_editor/static/src/main/align/align_selector.scss */ .oe_dropdown_item_menu { padding-left: 10px; padding-right: 10px; margin-left: 2px; margin-right: 2px; border-radius: 4px; text-align: center; } .oe_dropdown_item_menu_selected { background-color: rgba(117, 167, 249, 0.3); } /* /html_editor/static/src/main/banner.scss */ .o_editor_banner_content > :last-child { margin-bottom: 1rem !important; } /* /html_editor/static/src/main/chatgpt/chatgpt_plugin.scss */ @keyframes fade { 0%, 100% { opacity: 0; } 30%, 70% { opacity: 1; } } .o-chatgpt-content { position: absolute; background: rgba(1, 186, 210, 0.5); opacity: 0; animation: fade 1.5s ease-in-out; z-index: 1; outline: 2px dashed #01bad2; outline-offset: -2px; } .o-chatgpt-translated > *:last-child { margin-bottom: 0; } .o-message-error { color: #d44c59; font-weight: bold; --bg-opacity: 0.25; } /* /html_editor/static/src/main/chatgpt/language_selector.scss */ .oe-language-icon { fill: #000; } /* /html_editor/static/src/main/font/color_picker_gradient_tab.scss */ .o_gradient_color_button { border-width: 0px; background: unset; } .o_gradient_color_button:hover, .o_gradient_color_button:focus { background: unset; } .o_color_button.o_gradient_color_button:focus, .o_color_button.o_gradient_color_button:hover { transform: none; } .o_custom_gradient_button[style*="background-image"] { background: unset; } .custom-gradient-configurator .gradient-checkers { background-image: url("/web/static/img/transparent.png"); background-size: var(--PreviewAlphaBg-background-size, 10px) auto; padding: 10px 0; margin-bottom: -20px; } .custom-gradient-configurator .gradient-preview { padding: 10px 0; cursor: copy; } .custom-gradient-configurator .gradient-colors { height: 18px; } .custom-gradient-configurator .gradient-colors div { height: 0; overflow: visible; } .custom-gradient-configurator input[type="range"] { -webkit-appearance: none; appearance: none; background: transparent; width: 100%; pointer-events: none; position: relative; } .custom-gradient-configurator input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 8px; height: 16px; cursor: pointer; pointer-events: auto; background: #000; border-radius: 4px; border: 1px solid #666; } .custom-gradient-configurator input::-moz-range-thumb { width: 8px; height: 16px; cursor: pointer; pointer-events: auto; background: #000; border-radius: 4px; border: 1px solid #666; } .custom-gradient-configurator input[type=range]:focus-visible { outline: none; } .custom-gradient-configurator input[type=range]:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--bg, #FFF), 0 0 0 3px var(--o-color-picker-active-color, #017e84); } .custom-gradient-configurator input[type=range]:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 1px var(--bg, #FFF), 0 0 0 3px var(--o-color-picker-active-color, #017e84); } .custom-gradient-configurator input[type=range]:focus-visible::-ms-thumb { box-shadow: 0 0 0 1px var(--bg, #FFF), 0 0 0 3px var(--o-color-picker-active-color, #017e84); } .custom-gradient-configurator + .o_colorpicker_widget { padding-bottom: 8px; } .gradient-color-bin { position: relative; margin: 0 12px; height: 22px; } .gradient-color-bin > a.btn { padding: 0 2px 2px; margin-top: 0; margin-left: -12px; position: absolute; } /* /html_editor/static/src/main/font/font_plugin.scss */ pre { padding: 0.5rem 1rem; border: 1px solid var(--o-border-color); border-radius: 0.625rem; background-color: #F9FAFB; color: #212529; } pre.o-we-hint::after { padding: 0.5rem 1rem; } blockquote { padding: 0.5rem 1rem; border-left: 5px solid; border-color: #E6E9ED; font-style: italic; } blockquote.o-we-hint::after { padding: 0.5rem 1rem; } .odoo-editor-editable :is(h1, h2, h3, h4, h5, h6):not(:first-child) { margin-top: 0.5rem; } /* /html_editor/static/src/main/font/font_selector.scss */ .o_font_selector_menu { --dropdown-min-width: none; } /* /html_editor/static/src/main/font/font_size_selector.scss */ .o_font_size_selector_menu { --dropdown-min-width: none; } .o-we-font-size-item-bg { background-color: #dee2e6; } /* /html_editor/static/src/main/font/gradient_picker/gradient_picker.scss */ .gradient-angle-knob { --radius: 15px; --thumb-size: calc(var(--radius) * 0.5); width: calc(var(--radius) * 2); height: calc(var(--radius) * 2); cursor: grab; border-radius: 50%; border: solid 2px; } .gradient-angle-knob:active { cursor: grabbing; } .gradient-angle-thumb { width: var(--thumb-size); height: var(--thumb-size); background: black; border-radius: 50%; transform: rotate(var(--angle)) translateX(calc(var(--radius) - var(--thumb-size))); transform-origin: center center; pointer-events: none; } .o_color_gradient_input { font-size: 11px; } .o_color_gradient_input input { font-family: monospace !important; font-size: 12px; width: 5ch !important; padding: 0 2px !important; background-color: transparent; border: 1px solid !important; text-align: center; opacity: 0.7; } /* /html_editor/static/src/main/hint.scss */ .o-we-hint { position: relative; } .o-we-hint:after { content: attr(o-we-hint-text); position: absolute; top: 0; inset-inline-start: var(--placeholder-offset, 0); display: block; color: inherit; opacity: 0.4; pointer-events: none; text-align: inherit; width: 100%; overflow: hidden; text-wrap: nowrap; text-overflow: ellipsis; } div[class*="col-"][class*="o-we-hint"]:after { left: calc(var(--gutter-x, 0)* .5); } /* /html_editor/static/src/main/link/link.scss */ .odoo-editor-editable a.o_link_in_selection:not(.btn) { background-color: #a6e3e2; color: black !important; border: 1px dashed #008f8c; margin: -1px; } .odoo-editor-editable[contenteditable=true].btn, .odoo-editor-editable[contenteditable=true] .btn, .odoo-editor-editable [contenteditable=true].btn, .odoo-editor-editable [contenteditable=true] .btn { user-select: auto; cursor: text; } .odoo-editor-editable [contenteditable=false] .btn { cursor: pointer; } .odoo-editor-editable span[class$="-fs"] .btn:not(:has(span[class$="-fs"], span.small, span[style*="font-size"])), .odoo-editor-editable span.small .btn:not(:has(span[class$="-fs"], span.small, span[style*="font-size"])), .odoo-editor-editable span[style*="font-size"] .btn:not(:has(span[class$="-fs"], span.small, span[style*="font-size"])) { font-family: unset; font-size: unset; } .odoo-editor-editable span[class$="-fs"] a:not(.btn), .odoo-editor-editable span.small a:not(.btn), .odoo-editor-editable span[style*="font-size"] a:not(.btn) { font-size: inherit !important; } .odoo-editor-editable font[class^="text-o-"] a, .odoo-editor-editable font[style*="color"] a { color: inherit !important; } /* /html_editor/static/src/main/link/link_popover.scss */ .o_we_preview_favicon .o_image { max-width: 100%; max-height: 100%; background-position: top; margin-top: 0.3em; } .o_we_preview_favicon > img { max-height: 16px; max-width: 16px; } .o-we-linkpopover .custom-fill-color label, .o-we-linkpopover .custom-text-color label, .o-we-linkpopover .custom-border label, .o-we-linkpopover .input-group label { width: 70px; } .o-we-linkpopover .form-check-input { --border-color: var(--dark-border-subtle) !important; } .o-we-linkpopover .form-control:focus, .o-we-linkpopover .form-select:focus, .o-we-linkpopover .form-check-input:focus { border-color: #b8a5b3 !important; box-shadow: 0 0 0 0.25rem rgba(184, 165, 179, 0.25); } .o-we-linkpopover .o_link_popover_container { min-width: 300px; } .o_seo_option_child { padding-left: 20px; position: relative; } .o_seo_option_child::before, .o_seo_option_child::after { content: ""; position: absolute; left: 6px; background: #999; } .o_seo_option_child::before { top: 0; height: calc(100% - 14px); width: 1px; } .o_seo_option_child::after { top: 16px; width: 10px; height: 1px; } .custom-border input::-webkit-outer-spin-button, .custom-border input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .custom-border input[type=number] { -moz-appearance: textfield; } .custom-border input.form-control { width: 35px; } .custom-border .input-group-text { padding: 0 0.35rem; } .custom-border select.form-select { width: 60px; } /* /html_editor/static/src/main/media/image_crop.scss */ .o_we_crop_widget { background-color: rgba(128, 128, 128, 0.5); position: absolute; top: 0; left: 0; bottom: 0; right: 0; /* This value must be higher than dialog z-index in bootstrap */ z-index: 1056; overflow: auto; } .o_we_crop_widget .o_we_cropper_wrapper { position: absolute; } .o_we_crop_widget .o_we_cropper_wrapper .cropper-face.cropper-move { opacity: .2; } .o_we_crop_widget .o_we_crop_buttons { margin-top: 0.5rem; display: flex; flex-wrap: wrap; bottom: 1rem; } .o_we_crop_widget .o_we_crop_buttons input[type=radio] { position: absolute; opacity: 0; pointer-events: none; } .o_we_crop_widget .o_we_crop_buttons .btn-group { border-radius: 0.25rem; margin: 0.1rem; } .o_we_crop_widget .o_we_crop_buttons button, .o_we_crop_widget .o_we_crop_buttons label { cursor: pointer !important; padding: 0.2rem 0.3rem; } .o_we_crop_widget .o_we_crop_buttons label { display: flex; align-items: center; } .o_we_crop_widget .o_we_crop_buttons label.active { background-color: #000000; } .o_we_crop_widget .o_we_crop_buttons button:not(.btn), .o_we_crop_widget .o_we_crop_buttons label, .o_we_crop_widget .o_we_crop_buttons label:active { margin: 0; border: none; border-right: 1px solid #2b2b33; background-color: #2b2b33; color: #D9D9D9; } .o_we_crop_widget .o_we_crop_buttons button:not(.btn):first-child, .o_we_crop_widget .o_we_crop_buttons label:first-child, .o_we_crop_widget .o_we_crop_buttons label:active:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .o_we_crop_widget .o_we_crop_buttons button:not(.btn):last-child, .o_we_crop_widget .o_we_crop_buttons label:last-child, .o_we_crop_widget .o_we_crop_buttons label:active:last-child { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-right: none; } .o_we_crop_widget .o_we_crop_buttons button:focus-visible, .o_we_crop_widget .o_we_crop_buttons label:focus-within { box-shadow: unset; outline: 1px solid #D9D9D9; z-index: 1; } /* /html_editor/static/src/main/media/image_transformation.scss */ .transfo-scaler { position: absolute; background-color: #fff; border: 1px solid #ccc; width: 8px; height: 8px; margin-left: -4px; margin-top: -4px; } .transfo-container { z-index: 1056; } /* /html_editor/static/src/main/movenode.scss */ /* Element widget */ .oe-sidewidget-move { position: absolute; opacity: 0.6; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.4); color: #6e727a; border-radius: 3px; padding: 2px 3px; cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; right: 5px; top: 0px; } .oe-sidewidget-move:hover { opacity: 1; } /* Element widget drag & drop zone */ .oe-dropzone-box { position: absolute; } .oe-dropzone-box-side { position: absolute; } .oe-dropzone-box-side.oe-dropzone-box-side-north { width: 100%; height: 50%; top: -1px; } .oe-dropzone-box-side.oe-dropzone-box-side-south { width: 100%; height: 50%; bottom: -1px; } .oe-dropzone-box-side.oe-dropzone-box-side-east { height: 100%; width: 3px; right: -1px; } .oe-dropzone-box-side.oe-dropzone-box-side-west { height: 100%; width: 3px; left: -1px; } .debug .oe-dropzone-box { background: rgba(255, 0, 0, 0.3); } .debug .oe-dropzone-box-side { background: #ffa600; } .debug .oe-dropzone-hook { background: rgba(255, 0, 132, 0.2); } .oe-dropzone-hook { position: absolute; } [data-oe-local-overlay-id=oe-dropzones-container] { opacity: 0.3; } [data-oe-local-overlay-id=oe-widget-hooks-container] { opacity: 0.3; } [data-oe-local-overlay-id=oe-dropzone-hint-container] { pointer-events: none; } .oe-current-drop-hint { position: absolute; background: rgba(0, 136, 255, 0.508); } .oe-editor-dragging { pointer-events: none; } /* /html_editor/static/src/main/power_buttons.scss */ [data-oe-local-overlay-id=oe-power-buttons-overlay] { width: auto; } [data-oe-local-overlay-id=oe-power-buttons-overlay] .power_button:hover { background-color: #d8dadd; border-radius: 5px; } [data-oe-local-overlay-id=oe-power-buttons-overlay] .power_button:not(:hover) { opacity: 0.3; } /* /html_editor/static/src/main/powerbox/powerbox.scss */ .o-we-powerbox { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .o-we-category { font-size: 11px; color: #5f636f; } .o-we-command.active { background: rgba(230, 242, 243, 0.65); } .o-we-command-img { height: 35px; width: 35px; background-color: #F9FAFB; } .o-we-command-name { font-size: 13px; } .o-we-command-description { font-size: 12px; color: rgba(55, 65, 81, 0.76); } /* /html_editor/static/src/main/separator_selection.scss */ hr.o_selected_hr { box-shadow: 5px 0px 0px 5px #3297fd; } /* /html_editor/static/src/main/table/table.scss */ th.o_table_header { background-color: #F7F7F7; font-weight: 900; } .o_table th > *:last-child, .o_table td > *:last-child { margin-bottom: 0; } /* /html_editor/static/src/main/table/table_align_selector.scss */ .oe-vertical-align-icon { fill: #000; } /* /html_editor/static/src/main/table/table_menu.scss */ .o-we-table-menu { border: 1px solid #714b67; color: #fff; background-color: rgba(113, 75, 103, 0.7); } .o-we-table-menu.oi-ellipsis-v { width: 17px; } /* /html_editor/static/src/main/table/table_picker.scss */ .o-we-tablepicker { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .o-we-tablepicker .o-we-row { line-height: 0; } .o-we-tablepicker .o-we-cell { display: inline-block; width: 19px; height: 19px; margin-right: 3px; margin-bottom: 3px; background-color: #e9ecef; } .o-we-tablepicker .o-we-cell.active { background-color: #71639e; } /* /html_editor/static/src/main/table/table_resize.scss */ .odoo-editor-editable.o_col_resize { cursor: col-resize; } .odoo-editor-editable.o_row_resize { cursor: row-resize; } /* /html_editor/static/src/main/table/table_selection.scss */ .odoo-editor-editable ::selection { background-color: rgba(117, 167, 249, 0.5) !important; /* #bad3fc equivalent when over white*/ } .o_selected_table { caret-color: transparent; } .o_selected_table ::selection { background-color: transparent !important; } .o_selected_table .o_selected_td { box-shadow: 0 0 0 100vmax rgba(117, 167, 249, 0.5) inset; /* #bad3fc equivalent when over white, overlaying on the bg color*/ border-collapse: separate; } .o_selected_table .o_selected_td_bg_color_preview { box-shadow: unset; } /* /html_editor/static/src/main/toolbar/toolbar.scss */ .o-toolbar-above-keyboard { position: fixed; width: 100%; z-index: 2000; bottom: 0; } .o-we-toolbar { height: 40px; padding: 0 2px; border-bottom: 1px solid lightgrey; background-color: #fff; } .o-we-toolbar .btn-group { padding: 0 2px; border-radius: 0; } .o-we-toolbar .o-we-toolbar-vertical-separator:not(:first-child) { margin: unset; padding: unset; height: 70%; border-left: 1px solid lightgrey; } .o-we-toolbar .btn-group .btn, .o-we-toolbar-dropdown .btn { white-space: nowrap; padding-left: 4px; padding-right: 4px; height: 33px; min-width: 28px; } .o-we-toolbar .btn-group .btn:not(:first-child), .o-we-toolbar-dropdown .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .o-we-toolbar .btn-group .btn:not(:last-child), .o-we-toolbar-dropdown .btn:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .o-we-toolbar .btn-group .btn.disabled, .o-we-toolbar-dropdown .btn.disabled { pointer-events: auto; cursor: auto; } .o-we-toolbar .btn-group .btn.disabled:active, .o-we-toolbar-dropdown .btn.disabled:active { border-color: var(--btn-disabled-border-color); background-color: var(--btn-disabled-bg); color: var(--btn-disabled-color); } .o-we-toolbar-dropdown { min-width: fit-content; padding: 2px; } .o-we-toolbar-dropdown .btn:not(.active) { border: none; background-color: transparent; } .o-we-toolbar-dropdown .btn:not(.active):hover { background-color: var(--tertiary-bg); } /* /html_editor/static/src/others/collaboration/collaboration_selection.scss */ .oe-collaboration-caret-top-square { min-height: 5px; min-width: 5px; color: #fff; text-shadow: 0 0 5px #000; position: absolute; bottom: 100%; left: -4px; white-space: nowrap; } .oe-collaboration-caret-top-square:hover { border-radius: 2px; padding: 0.3em 0.6em; } .oe-collaboration-caret-top-square:hover::before { content: attr(data-peer-name); } /* /html_editor/static/src/others/collaboration/collaboration_selection_avatar.scss */ .oe-collaboration-caret-avatar { position: absolute; height: 1.5rem; width: 1.5rem; border-radius: 50%; transition: top 0.5s, left 0.5s, opacity 0.2s; } .oe-collaboration-caret-avatar > img { position: absolute; opacity: 1; height: 100%; width: 100%; border-radius: 50%; } .oe-avatars-counters-overlay { pointer-events: none; } .oe-overlapping-counter { position: absolute; background-color: green; color: white; border-radius: 50%; font-size: 9px; padding: 0 4px; } /* /html_editor/static/src/others/embedded_components/backend/caption/caption.scss */ figcaption { color: #9e9d9a; } figcaption input { background-color: transparent; } /* /html_editor/static/src/others/embedded_components/backend/video/video.scss */ [data-embedded="video"] { position: relative; margin: 0 auto; width: 100%; max-width: 750px; } [data-embedded="video"]:has(iframe) { aspect-ratio: 16 / 9; } [data-embedded="video"] iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100% !important; height: 100%; min-height: auto !important; } /* /html_editor/static/src/others/embedded_components/plugins/syntax_highlighting_plugin/syntax_highlighting_plugin.scss */ .o_syntax_highlighting { position: relative; padding: 0; margin: 0 0 16px; tab-size: 4; font: 13px / 19.5px SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .o_syntax_highlighting pre, .o_syntax_highlighting textarea.o_prism_source { margin: 0; padding: 8px 16px; } .o_syntax_highlighting pre { font: inherit; tab-size: inherit; white-space: pre; } .o_syntax_highlighting textarea.o_prism_source { position: absolute; top: 0; right: 0; height: 100%; caret-color: black; color: transparent; border: 0; outline: none; background: transparent; resize: none; white-space: pre; } .o_syntax_highlighting textarea.o_prism_source::placeholder { opacity: 0; } .o_syntax_highlighting textarea.o_prism_source:focus::placeholder { opacity: 1; } .o_syntax_highlighting .o_code_toolbar { position: absolute; top: 0; right: 0; padding: 3px 4px; z-index: 1; align-items: center; justify-content: flex-end; display: none; } .o_syntax_highlighting .o_code_toolbar button { display: inline-flex; align-items: center; height: 20px; padding: 0 3px 0 0; font-size: 12px; --btn-hover-bg: #e7e9ed; } .o_syntax_highlighting:hover .o_code_toolbar, .o_syntax_highlighting:has(.dropdown-toggle.show) .o_code_toolbar, .o_syntax_highlighting:focus-within .o_code_toolbar { display: flex; } /* /website_slides/static/src/scss/website_slides.scss */ .o_wslides_desc_truncate_2, .o_wslides_desc_truncate_2_badges { max-height: 3em; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .o_wslides_desc_truncate_2_badges { max-height: 3.6em; } .o_wslides_desc_truncate_3, .o_wslides_desc_truncate_3_badges { max-height: 4.5em; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .o_wslides_desc_truncate_3_badges { max-height: 5.4em; } .o_wslides_desc_truncate_10, .o_wslides_desc_truncate_10_badges { max-height: 15em; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; } .o_wslides_desc_truncate_10_badges { max-height: 18em; } .o_wslides_course_pict { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 768px) { .o_wslides_course_pict { border: 1px solid #68465f; border-bottom-width: 0; } } .o_wslides_body .o_wslides_js_slide_like_up, .o_wslides_body .o_wslides_js_slide_like_down { user-select: none; min-width: 2rem; } .o_wslides_body .o_wslides_js_slide_like_up > i.fa, .o_wslides_body .o_wslides_js_slide_like_down > i.fa { min-width: 1rem; } .o_wslides_body .o_wslides_js_slide_like_up:not(.disabled), .o_wslides_body .o_wslides_js_slide_like_down:not(.disabled) { cursor: pointer; color: #714b67; } .o_wslides_body .o_wslides_nav_button.disabled { cursor: not-allowed; pointer-events: auto !important; box-shadow: none; } .o_wslides_body .o_wslides_js_lesson_quiz i.o_wslides_js_quiz_icon { cursor: pointer; } .o_wslides_body .o_wslides_js_lesson_quiz i.o_wslides_js_quiz_icon:hover { color: black !important; } .o_wslides_body .o_wslides_js_lesson_quiz .o_wslides_js_quiz_validation_error, .o_wslides_body .o_wslides_js_lesson_quiz .o_wslides_js_quiz_submit_error { display: inline-block; } .o_wslides_body .o_wslides_js_lesson_quiz_question .list-group-item { font-size: 1rem; } .o_wslides_body .o_wslides_js_lesson_quiz_question .list-group-item input:checked + i.fa-circle { color: #714b67 !important; } .o_wslides_body .o_wslides_js_lesson_quiz_question.disabled { opacity: 0.5; pointer-events: none; } .o_wslides_body .o_wslides_js_lesson_quiz_question.completed-disabled { pointer-events: none; } .o_wslides_body a.o_wslides_js_quiz_is_correct { color: black; } .o_wslides_body a.o_wslides_js_quiz_is_correct input:checked + i.fa-check-circle-o { color: #28a745 !important; } .o_wslides_body .o_wslides_js_quiz_sequence_highlight { background-color: #1252F3; height: 1px; z-index: 3; } .o_wslides_body .o_wslides_js_quiz_sequence_highlight:before, .o_wslides_body .o_wslides_js_quiz_sequence_highlight:after { content: ""; width: 6px; height: 6px; display: block; border-radius: 100%; background-color: inherit; position: absolute; top: -2px; left: auto; bottom: auto; right: -2px; } .o_wslides_body .o_wslides_js_quiz_sequence_highlight:after { right: auto; left: -2px; } .o_wslides_body .text_small_caps { font-variant: small-caps; } .o_wslides_body .o_wslides_entry_muted { opacity: 0.1; } .o_wslides_body hr { min-height: 1px; } .o_wslides_body .o_wslides_home_aside, .o_wslides_body .o_avatar { --Avatar-size: 35px; } .o_wslides_channel_completion_completed { font-size: 1rem; } .o_wslides_home_main .o_wslides_home_aside_loggedin { background: none; } @media (min-width: 992px) { .o_wslides_home_main .o_wslides_home_aside_loggedin { border: none; } } .o_wslides_home_main .o_wslides_background_image img { height: 100%; width: 100%; object-fit: cover; } .o_wslides_home_main .o_wprofile_progress_circle { margin-left: auto; margin-right: auto; } .o_wslides_course_card.o_wslides_course_unpublished { opacity: 0.5; } .o_wslides_course_sidebar { border: 1px solid var(--o-border-color); } @media (min-width: 768px) { .o_wslides_course_sidebar { border-top-width: 0; } } .o_wslides_course_sidebar .o_wslides_js_channel_unsubscribe > .fa-times { display: none; } .o_wslides_course_sidebar .o_wslides_js_channel_unsubscribe:hover > .fa-check { display: none; } .o_wslides_course_sidebar .o_wslides_js_channel_unsubscribe:hover > .fa-times { display: inline-block; } .o_wslides_course_sidebar .o_wslides_js_channel_enroll { cursor: pointer; } .o_wslides_course_sidebar .o_wslides_js_channel_enroll:hover, .o_wslides_course_sidebar .o_wslides_js_channel_enroll:hover .o_wslides_enroll_msg small, .o_wslides_course_sidebar .o_wslides_js_channel_enroll:hover .o_wslides_enroll_msg .small { font-weight: bold; } .o_wslides_course_sidebar .o_wslides_enroll_msg p { display: inline-block; margin-bottom: 0px; } .o_wslides_course_nav { position: absolute; top: 0; left: 0; bottom: auto; right: 0; border-width: 1px 0; } .o_wslides_course_nav, .o_wslides_course_nav .o_wslides_course_nav_search { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); border-style: solid; } .o_wslides_course_nav .o_wslides_course_nav_search { border-width: 0 1px; } .o_wslides_course_nav .o_wslides_course_nav_search button, .o_wslides_course_nav .o_wslides_course_nav_search button:hover, .o_wslides_course_nav .o_wslides_course_nav_search input, .o_wslides_course_nav .o_wslides_course_nav_search input::placeholder { color: inherit; opacity: 0.8; } .o_wslides_course_nav .breadcrumb-item { --max-lines: 2; position: relative; max-height: calc(1.4rem * var(--max-lines)); overflow: hidden; text-overflow: ellipsis; } .o_wslides_course_nav .breadcrumb-item a, .o_wslides_course_nav .breadcrumb-item a:hover, .o_wslides_course_nav .breadcrumb-item + .breadcrumb-item::before { color: inherit; opacity: 0.8; } @media (min-width: 768px) { .o_wslides_course_header:before { content: ""; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 2.5rem; background: rgba(0, 0, 0, 0.2); } } .o_wslides_course_header .o_wslides_header_text { color: inherit; } .o_wslides_course_doc_header:before { content: ""; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 2.5rem; background: rgba(0, 0, 0, 0.2); } .o_wslides_course_main { /* Goal of min-height: push the footer out of the screen (in most use-case) to avoid seeing it moving when switching from course to review tab */ min-height: 70vh; } @media (min-width: 768px) { .o_wslides_course_main .o_wslides_nav_tabs { margin-top: -2.5rem; border-bottom: 0; } .o_wslides_course_main .o_wslides_nav_tabs .nav-link { border-radius: 0; border-width: 0 1px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); } .o_wslides_course_main .o_wslides_nav_tabs .nav-link:hover, .o_wslides_course_main .o_wslides_nav_tabs .nav-link:focus, .o_wslides_course_main .o_wslides_nav_tabs .nav-link.focus { color: white; } .o_wslides_course_main .o_wslides_nav_tabs .nav-link { border-color: transparent; } .o_wslides_course_main .o_wslides_nav_tabs .nav-link:hover { background: #3d2938; } .o_wslides_course_main .o_wslides_nav_tabs .nav-link.active { color: #111827; background: #f7f7fa; border-color: #f7f7fa; } } @media (max-width: 575.98px) { .o_wslides_course_main .o_wslides_nav_tabs { overflow-x: auto; overflow-y: hidden; line-height: 1.51; } .o_wslides_course_main .o_wslides_nav_tabs li { white-space: nowrap; } } .o_wslides_course_main .o_wslides_doc_nav_tabs { margin-top: -2.5rem; border-bottom: 0; } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link { border-radius: 0; border-width: 0 1px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:hover, .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:focus, .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link.focus { color: white; } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link { border-color: transparent; } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link:hover { background: #3d2938; } .o_wslides_course_main .o_wslides_doc_nav_tabs .nav-link.active { color: #111827; background: #F9FAFB; border-color: #F9FAFB; } @media (max-width: 767.98px) { .o_wslides_course_main .o_wslides_tabs_content { background-color: var(--body-bg); padding: 0 16px; } } @media (max-width: 575.98px) { .o_wslides_course_main .o_wslides_tabs_content { margin: 0 -16px; } } .o_wslides_course_main .o_wslides_tabs_content .o_wslides_lesson_nav .navbar .nav-link, .o_wslides_course_main .o_wslides_tabs_content .o_wslides_lesson_nav .navbar .navbar-brand { color: rgba(var(--emphasis-color-rgb), 0.65); } .o_wslides_course_main .o_wslides_tabs_content .o_wslides_lesson_nav .navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml,"); } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header { z-index: 1; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header + ul { z-index: 0; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header .o_wslides_js_category_delete { display: none; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header:hover .o_wslides_js_category_delete { display: block; } .o_wslides_course_main .o_wslides_slides_list .o_text_link { text-decoration: none !important; } .o_wslides_course_main .o_wslides_slides_list .o_text_link > * { text-decoration: none !important; color: #6C757D; } .o_wslides_course_main .o_wslides_slides_list .o_text_link:hover > * { color: inherit; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_drag { cursor: pointer; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_drag i { opacity: 0.4; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_drag:hover i { opacity: 1; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slide_list_category_header, .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide { border: 1px solid var(--o-border-color); } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide a { text-decoration: none; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide .badge-hide { display: none; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide:hover .badge-hide { display: block; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight { background-color: #1252F3; height: 1px; z-index: 3; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight:before, .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight:after { content: ""; width: 6px; height: 6px; display: block; border-radius: 100%; background-color: inherit; position: absolute; top: -2px; left: auto; bottom: auto; right: -2px; } .o_wslides_course_main .o_wslides_slides_list .o_wslides_slides_list_slide_hilight:after { right: auto; left: -2px; } .o_wslides_course_main .o_wslides_promoted_slide .o_wslides_background_image { background-size: cover; background-position: center; padding-bottom: 35%; } .o_wslides_course_main .o_wslides_lesson_card .o_wslides_background_image img { height: 100%; width: 100%; object-fit: cover; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_background_image_aside_card { min-width: 20%; padding-top: 20%; background-size: cover; background-position: center; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_collapse.collapsed { transform: rotate(90deg); } @media (min-width: 992px) { .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list { top: -58px; } } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list_links i { padding-right: 10px; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list_links i.fa-flag { padding-right: 6px; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link { color: #6C757D; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link:hover, .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link:focus, .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link.focus { color: #111827; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_lesson_aside_list_link.active { box-shadow: inset 2px 0 #714b67; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list button { padding-top: 0; border-top: 0; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list i { line-height: unset; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list .o_wslides_button_complete { margin-left: 3px; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list button.o_wslides_button_complete i { color: #6C757D; } .o_wslides_lesson_main .o_wslides_lesson_aside .o_wslides_lesson_aside_list div.o_wslides_button_complete i { color: #D8DADD; } .o_wslides_lesson_main .o_wslides_lesson_content .o_wslides_lesson_nav .nav-link { background-color: transparent; border: 0; border-bottom: 1px solid var(--o-border-color); color: #6C757D; } .o_wslides_lesson_main .o_wslides_lesson_content .o_wslides_lesson_nav .nav-link.active { border-bottom: 1px solid #28a745; color: #374151; } .o_wslides_lesson_main .o_wslides_undone_button.disabled, .o_wslides_lesson_main .o_wslides_done_button.disabled { color: white !important; pointer-events: auto; } .o_wslides_lesson_header_container { height: 80px; } .o_wslides_fs_sidebar_section a[aria-expanded="true"] i.fa-caret-left { display: none; } .o_wslides_fs_sidebar_section a[aria-expanded="false"] i.fa-caret-down { display: none; } li.o_wslides_fs_sidebar_list_item:not(.active) ul.small { display: none; } li.o_wslides_fs_sidebar_list_item.active a.o_wslides_fs_slide_link { font-weight: 300; } .o_w_slide_upload_modal_container .o_slide_preview { display: flex; } .o_w_slide_upload_modal_container .form-check { line-height: 1.5rem; } .o_wslides_slide_upload_loading { background-color: rgba(0, 0, 0, 0.3); } @media (min-width: 576px) { .o_wslides_quiz_modal { height: 461px; } .o_wslides_quiz_modal .modal-body { overflow: visible !important; } .o_wslides_quiz_modal .modal-body .o_wslides_quiz_modal_close_btn { top: 5px; right: 5px; } .o_wslides_quiz_modal .modal-body .o_wslides_quiz_success_image { width: 42%; } .o_wslides_quiz_modal .o_wslides_quiz_modal_hero { margin-left: -30px; position: absolute; margin-top: -45px; } } .o_wslides_quiz_modal .progress { border-radius: 0; overflow: visible; height: 8px; } .o_wslides_quiz_modal .progress .progress-bar { transition: width 0.8s ease; } .o_wslides_quiz_modal .progress .progress-bar.level-up { transition: none; animation: 0.8s ease 0s progress-bar-level-complete, 0.9s ease 0.8s progress-bar-level-up; } @keyframes progress-bar-level-complete { to { width: 100%; } } @keyframes progress-bar-level-up { 0% { width: 0%; } 11% { transition: width; } } .o_wslides_quiz_modal .tooltip.bs-tooltip-top, .o_wslides_quiz_modal .tooltip.bs-tooltip-auto[data-popper-placement^="top"] { transform: translate(-50%, -100%); transition: left 0.8s ease; } .o_wslides_quiz_modal .tooltip.bs-tooltip-top.level-up, .o_wslides_quiz_modal .tooltip.level-up.bs-tooltip-auto[data-popper-placement^="top"] { transition: none; animation: 0.8s ease 0s tooltip-level-complete, 0.9s ease 0.8s tooltip-level-up; } .o_wslides_quiz_modal .tooltip.bs-tooltip-top .tooltip-inner, .o_wslides_quiz_modal .tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-inner { background-color: #875A7B; padding: 5px 15px; font-weight: bold; font-size: 0.8125rem; } .o_wslides_quiz_modal .tooltip.bs-tooltip-top .tooltip-arrow, .o_wslides_quiz_modal .tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow { position: absolute; left: 50%; transform: translate(-50%, 0px); } @keyframes tooltip-level-complete { to { left: 100%; } } @keyframes tooltip-level-up { 0% { left: 0%; } 11% { transition: left; } } .o_wslides_body .form-control::-webkit-input-placeholder { color: #ADB5BD; } .o_wslides_body .form-control:focus::-webkit-input-placeholder { opacity: 0; } #PDFViewer.o_wslides_fs_pdf_viewer { background-image: linear-gradient(120deg, #1f262d, #101216); } #PDFViewer.o_wslides_fs_pdf_viewer #PDFViewerNav { background-image: linear-gradient(120deg, #47525f, #1f262d); } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"], #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a { cursor: pointer; user-select: none; color: rgba(255, 255, 255, 0.7); } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"]:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"]:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"].focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"]:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"]:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"].focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.focus { color: white; } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"].disabled, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"].disabled, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled { color: rgba(255, 255, 255, 0.2); cursor: default; } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"].disabled:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"].disabled:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer span[role="button"].disabled.focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_panel_footer a.disabled.focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"].disabled:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"].disabled:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar span[role="button"].disabled.focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled:hover, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled:focus, #PDFViewer.o_wslides_fs_pdf_viewer .oe_slides_share_bar a.disabled.focus { color: rgba(255, 255, 255, 0.2); } #PDFViewer.o_wslides_fs_pdf_viewer .oe_slide_embed_option { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #PDFViewer.o_wslides_fs_pdf_viewer .disabled { pointer-events: none; } #PDFViewer.o_wslides_fs_pdf_viewer .o_slide_navigation_buttons { user-select: none; } .oe_slides_share_bar { padding: 10px 0; } .oe_show_footer { z-index: 2147483647; } /* /website_slides/static/src/scss/website_slides_profile.scss */ .o_wprofile_slides_course_card_body { cursor: pointer; } .o_wprofile_slides_course_card_body .o_wslides_background_image { background-size: cover; background-position: center; } .o_wprofile_slides_course_card_body .o_wslides_course_card_image { width: 100px; height: 100px; object-fit: cover; } /* /website_slides/static/src/scss/slides_slide_fullscreen.scss */ .o_wslides_fs_main { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1031; background-image: linear-gradient(120deg, #1f262d, #101216); } .o_wslides_fs_main .o_wslides_slide_fs_header { background-image: linear-gradient(-6deg, #47525f, #1f262d); height: 50px; } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a { background-color: rgba(16, 18, 22, 0.5); color: rgba(255, 255, 255, 0.8); text-decoration: none !important; } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a:hover, .o_wslides_fs_main .o_wslides_slide_fs_header > div > a:focus, .o_wslides_fs_main .o_wslides_slide_fs_header > div > a.focus { color: white; } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a + a { margin-left: 1px; } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a:hover { background-color: rgba(16, 18, 22, 0.2); } .o_wslides_fs_main .o_wslides_slide_fs_header > div > a.active { background-color: #47525f; color: #fff; } .o_wslides_fs_main .o_wslides_fs_player, .o_wslides_fs_main .o_wslides_fs_sidebar, .o_wslides_fs_main .o_wslides_fs_sidebar_content { transition: all .2s ease-in; } .o_wslides_fs_main .o_wslides_fs_sidebar { background-image: linear-gradient(160deg, #47525f, #1f262d); position: relative; z-index: 1030; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_content { min-width: 300px; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_toggle_sidebar { position: absolute; top: 0; left: 100%; bottom: 0; right: auto; width: 700px; background: rgba(0, 0, 0, 0.2); } @media (max-width: 767.98px) { .o_wslides_fs_main .o_wslides_fs_sidebar { position: absolute; top: 0; left: 0; bottom: 0; right: auto; box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2); } .o_wslides_fs_main .o_wslides_fs_sidebar.o_wslides_fs_sidebar_hidden { display: none; } } @media (min-width: 576px) { .o_wslides_fs_main .o_wslides_fs_sidebar { width: 300px; } .o_wslides_fs_main .o_wslides_fs_sidebar.o_wslides_fs_sidebar_hidden { width: 0; } .o_wslides_fs_main .o_wslides_fs_sidebar.o_wslides_fs_sidebar_hidden .o_wslides_fs_sidebar_content { transform: translateX(-100%); } } .o_wslides_fs_main .o_wslides_fs_sidebar a { text-decoration: none !important; color: rgba(255, 255, 255, 0.8); } .o_wslides_fs_main .o_wslides_fs_sidebar a:hover, .o_wslides_fs_main .o_wslides_fs_sidebar a:focus, .o_wslides_fs_main .o_wslides_fs_sidebar a.focus { color: white; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section { background-color: rgba(16, 18, 22, 0.3); margin-bottom: 1px; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li { color: rgba(255, 255, 255, 0.8); } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li.active { box-shadow: inset 2px 0 0 #714b67; background-color: rgba(16, 18, 22, 0.5); } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li.active, .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li.active a { color: white; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_content { line-height: unset; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_content .list-unstyled i { color: #6C757D; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_content i { line-height: unset; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_content i.fa-flag-checkered { padding-left: 3px; padding-right: 7px; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_done_button { line-height: unset; } .o_wslides_fs_main .o_wslides_fs_sidebar .o_wslides_fs_sidebar_section_slides li .o_wslides_sidebar_done_button button { padding: 0; padding-right: 3px; } .o_wslides_fs_main .o_wslides_js_lesson_quiz_resource_info ul { margin-bottom: 0; padding-left: 20px; } .o_wslides_fs_main .o_wslides_js_lesson_quiz_question .list-group-item input:checked + i.fa-circle { color: #714b67 !important; } .o_wslides_fs_main .o_wslides_js_lesson_quiz_question.disabled { opacity: 0.5; pointer-events: none; } .o_wslides_fs_main .o_wslides_js_lesson_quiz_question.completed-disabled { pointer-events: none; } .o_wslides_fs_main button.o_wslides_button_complete i { color: #D8DADD; } .o_wslides_fs_main div.o_wslides_button_complete i { color: #6C757D; } .modal-open > .modal-backdrop { z-index: 1050; } /* /website_slides/static/src/js/public/components/slide_quiz_finish_dialog/slide_xp_progress_bar.scss */ .o_wlides_xp_progressbar_tooltip { top: -14px; max-width: 3rem; } /* /website_slides_survey/static/src/scss/website_slides_survey.scss */ .o_wss_certification_icon { width: 1.4em; height: auto; } @media (min-width: 768px) { #wrap.o_wss_certification_channel .o_wslides_course_pict { border-color: #485761; } } @media (min-width: 768px) { #wrap.o_wss_certification_channel .o_wslides_nav_tabs .nav-link, #wrap.o_wss_certification_channel .o_wslides_nav_tabs .nav-link:hover { border-color: #5B7687; } #wrap.o_wss_certification_channel .o_wslides_nav_tabs .nav-link.active { border-color: #F9FAFB; } } /* /odoo_theme/static/src/scss/mixins.scss */ /* /odoo_theme/static/src/scss/components.scss */ .o_logo { background-image: url("/openerp_website/static/src/img/2016/logos/odoo_logo.png"); background-image: url("/openerp_website/static/src/img/2016/logos/odoo_logo.svg"); background-position: 0 /*rtl:ignore*/ 0; background-repeat: no-repeat; display: inline-block; width: 94px; height: 30px; background-size: auto 30px; } .o_logo.d-block.mx-auto, .o_logo.o_logo_responsive_half { position: relative; margin-left: auto; margin-right: auto; display: block; } .o_logo.o_logo_responsive { background-size: cover; width: 100%; height: 0; padding-bottom: 31.9%; } .o_logo.o_logo_responsive_half { background-size: cover; width: 50%; height: 0; padding-bottom: 15.94%; } .o_logo_inverse { background-position: 100% /*rtl:ignore*/ 0; } .o_logo_inverse.o_logo_15.d-blok.mx-auto { background-position: 102% /*rtl:ignore*/ 0; } .o_logo_15 { width: 47px; height: 15px; background-size: auto 15px; } .o_logo_30 { width: 94px; height: 30px; background-size: auto 30px; } .o_logo_60 { width: 188px; height: 60px; background-size: auto 60px; } .o_logo_120 { width: 376px; height: 120px; background-size: auto 120px; } .o_logo_240 { width: 752px; height: 240px; background-size: auto 240px; } .img-thumbnail { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .btn-light { background-color: #F3F4F6; color: #714b67; } .btn-light:hover { background-color: #E6E9ED; color: #714b67; } @media (max-width: 767.98px) { .btn-close { width: .3em; height: .3em; background-size: .6rem; } } .dropdown-menu, .o_dropdown_menu { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .x_wd_no_caret::after { content: none; } .popover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .pagination li { margin-top: -1px; } .pagination li a { border-top-width: 1px; } .pagination li.disabled { display: none; } .zn--1 { z-index: -1; } .zn-0 { z-index: 0; } .zn-1 { z-index: 1; } .zn-2 { z-index: 2; } .zn-3 { z-index: 3; } .rotate-0 { rotate: 0deg; } .o_rtl .rotate-0:not(.o_rtl_no_rotate) { rotate: calc(360deg - 0deg); } .rotate-10 { rotate: 10deg; } .o_rtl .rotate-10:not(.o_rtl_no_rotate) { rotate: calc(360deg - 10deg); } .rotate-20 { rotate: 20deg; } .o_rtl .rotate-20:not(.o_rtl_no_rotate) { rotate: calc(360deg - 20deg); } .rotate-30 { rotate: 30deg; } .o_rtl .rotate-30:not(.o_rtl_no_rotate) { rotate: calc(360deg - 30deg); } .rotate-40 { rotate: 40deg; } .o_rtl .rotate-40:not(.o_rtl_no_rotate) { rotate: calc(360deg - 40deg); } .rotate-50 { rotate: 50deg; } .o_rtl .rotate-50:not(.o_rtl_no_rotate) { rotate: calc(360deg - 50deg); } .rotate-60 { rotate: 60deg; } .o_rtl .rotate-60:not(.o_rtl_no_rotate) { rotate: calc(360deg - 60deg); } .rotate-70 { rotate: 70deg; } .o_rtl .rotate-70:not(.o_rtl_no_rotate) { rotate: calc(360deg - 70deg); } .rotate-80 { rotate: 80deg; } .o_rtl .rotate-80:not(.o_rtl_no_rotate) { rotate: calc(360deg - 80deg); } .rotate-90 { rotate: 90deg; } .o_rtl .rotate-90:not(.o_rtl_no_rotate) { rotate: calc(360deg - 90deg); } .rotate-100 { rotate: 100deg; } .o_rtl .rotate-100:not(.o_rtl_no_rotate) { rotate: calc(360deg - 100deg); } .rotate-110 { rotate: 110deg; } .o_rtl .rotate-110:not(.o_rtl_no_rotate) { rotate: calc(360deg - 110deg); } .rotate-120 { rotate: 120deg; } .o_rtl .rotate-120:not(.o_rtl_no_rotate) { rotate: calc(360deg - 120deg); } .rotate-130 { rotate: 130deg; } .o_rtl .rotate-130:not(.o_rtl_no_rotate) { rotate: calc(360deg - 130deg); } .rotate-140 { rotate: 140deg; } .o_rtl .rotate-140:not(.o_rtl_no_rotate) { rotate: calc(360deg - 140deg); } .rotate-150 { rotate: 150deg; } .o_rtl .rotate-150:not(.o_rtl_no_rotate) { rotate: calc(360deg - 150deg); } .rotate-160 { rotate: 160deg; } .o_rtl .rotate-160:not(.o_rtl_no_rotate) { rotate: calc(360deg - 160deg); } .rotate-170 { rotate: 170deg; } .o_rtl .rotate-170:not(.o_rtl_no_rotate) { rotate: calc(360deg - 170deg); } .rotate-180 { rotate: 180deg; } .o_rtl .rotate-180:not(.o_rtl_no_rotate) { rotate: calc(360deg - 180deg); } .rotate-190 { rotate: 190deg; } .o_rtl .rotate-190:not(.o_rtl_no_rotate) { rotate: calc(360deg - 190deg); } .rotate-200 { rotate: 200deg; } .o_rtl .rotate-200:not(.o_rtl_no_rotate) { rotate: calc(360deg - 200deg); } .rotate-210 { rotate: 210deg; } .o_rtl .rotate-210:not(.o_rtl_no_rotate) { rotate: calc(360deg - 210deg); } .rotate-220 { rotate: 220deg; } .o_rtl .rotate-220:not(.o_rtl_no_rotate) { rotate: calc(360deg - 220deg); } .rotate-230 { rotate: 230deg; } .o_rtl .rotate-230:not(.o_rtl_no_rotate) { rotate: calc(360deg - 230deg); } .rotate-240 { rotate: 240deg; } .o_rtl .rotate-240:not(.o_rtl_no_rotate) { rotate: calc(360deg - 240deg); } .rotate-250 { rotate: 250deg; } .o_rtl .rotate-250:not(.o_rtl_no_rotate) { rotate: calc(360deg - 250deg); } .rotate-260 { rotate: 260deg; } .o_rtl .rotate-260:not(.o_rtl_no_rotate) { rotate: calc(360deg - 260deg); } .rotate-270 { rotate: 270deg; } .o_rtl .rotate-270:not(.o_rtl_no_rotate) { rotate: calc(360deg - 270deg); } .rotate-280 { rotate: 280deg; } .o_rtl .rotate-280:not(.o_rtl_no_rotate) { rotate: calc(360deg - 280deg); } .rotate-290 { rotate: 290deg; } .o_rtl .rotate-290:not(.o_rtl_no_rotate) { rotate: calc(360deg - 290deg); } .rotate-300 { rotate: 300deg; } .o_rtl .rotate-300:not(.o_rtl_no_rotate) { rotate: calc(360deg - 300deg); } .rotate-310 { rotate: 310deg; } .o_rtl .rotate-310:not(.o_rtl_no_rotate) { rotate: calc(360deg - 310deg); } .rotate-320 { rotate: 320deg; } .o_rtl .rotate-320:not(.o_rtl_no_rotate) { rotate: calc(360deg - 320deg); } .rotate-330 { rotate: 330deg; } .o_rtl .rotate-330:not(.o_rtl_no_rotate) { rotate: calc(360deg - 330deg); } .rotate-340 { rotate: 340deg; } .o_rtl .rotate-340:not(.o_rtl_no_rotate) { rotate: calc(360deg - 340deg); } .rotate-350 { rotate: 350deg; } .o_rtl .rotate-350:not(.o_rtl_no_rotate) { rotate: calc(360deg - 350deg); } .rotate-360 { rotate: 360deg; } .o_rtl .rotate-360:not(.o_rtl_no_rotate) { rotate: calc(360deg - 360deg); } .rotate--5 { rotate: -5deg; } .o_rtl .rotate--5:not(.o_rtl_no_rotate) { rotate: calc(360deg - -5deg); } .rotate--4 { rotate: -4deg; } .o_rtl .rotate--4:not(.o_rtl_no_rotate) { rotate: calc(360deg - -4deg); } .rotate--3 { rotate: -3deg; } .o_rtl .rotate--3:not(.o_rtl_no_rotate) { rotate: calc(360deg - -3deg); } .rotate--2 { rotate: -2deg; } .o_rtl .rotate--2:not(.o_rtl_no_rotate) { rotate: calc(360deg - -2deg); } .rotate--1 { rotate: -1deg; } .o_rtl .rotate--1:not(.o_rtl_no_rotate) { rotate: calc(360deg - -1deg); } .rotate-0 { rotate: 0deg; } .o_rtl .rotate-0:not(.o_rtl_no_rotate) { rotate: calc(360deg - 0deg); } .rotate-1 { rotate: 1deg; } .o_rtl .rotate-1:not(.o_rtl_no_rotate) { rotate: calc(360deg - 1deg); } .rotate-2 { rotate: 2deg; } .o_rtl .rotate-2:not(.o_rtl_no_rotate) { rotate: calc(360deg - 2deg); } .rotate-3 { rotate: 3deg; } .o_rtl .rotate-3:not(.o_rtl_no_rotate) { rotate: calc(360deg - 3deg); } .rotate-4 { rotate: 4deg; } .o_rtl .rotate-4:not(.o_rtl_no_rotate) { rotate: calc(360deg - 4deg); } .rotate-5 { rotate: 5deg; } .o_rtl .rotate-5:not(.o_rtl_no_rotate) { rotate: calc(360deg - 5deg); } .scale-1 { transform: scale(0.5); } .scale-2 { transform: scale(1); } .scale-3 { transform: scale(1.5); } .scale-4 { transform: scale(2); } .scale-5 { transform: scale(2.5); } .scale-6 { transform: scale(3); } .scale-7 { transform: scale(3.5); } .scale-8 { transform: scale(4); } .scale-9 { transform: scale(4.5); } .scale-10 { transform: scale(5); } .width-10 { width: 10% !important; } .width-20 { width: 20% !important; } .width-30 { width: 30% !important; } .width-40 { width: 40% !important; } .width-50 { width: 50% !important; } .width-60 { width: 60% !important; } .width-70 { width: 70% !important; } .width-80 { width: 80% !important; } .width-90 { width: 90% !important; } .flip { /* rtl:begin:ignore */ transform: scaleX(-1); /* rtl:end:ignore */ } .o_rtl .o_rtl_flip { transform: scaleX(-1); } .rounded-pill { border-radius: 50rem !important; } @media (min-width: 576px) { .rounded-pill-sm { border-radius: 50rem !important; } } @media (min-width: 768px) { .rounded-pill-md { border-radius: 50rem !important; } } @media (min-width: 992px) { .rounded-pill-lg { border-radius: 50rem !important; } } @media (min-width: 1200px) { .rounded-pill-xl { border-radius: 50rem !important; } } @media (min-width: 1400px) { .rounded-pill-xxl { border-radius: 50rem !important; } } .o-no-select { pointer-events: none; cursor: default; } .o-no-select::selection, .o-no-select *::selection { background: transparent; } .o-no-select::-moz-selection, .o-no-select *::-moz-selection { background: transparent; } .nav-pills.flex-column > li > a { padding: .5rem 1rem; color: #374151; } .nav-pills.flex-column > li > a .badge { padding: .4rem .5rem; } .nav-pills.flex-column > li > a:hover, .nav-pills.flex-column > li > a:focus { color: #714b67; } .nav-pills.flex-column > li > a.active, .nav-pills.flex-column > li > a.active:hover, .nav-pills.flex-column > li > a.active:focus { background-color: #017e84; color: #fff; } .nav-pills.flex-column > li > a.active .badge, .nav-pills.flex-column > li > a.active:hover .badge, .nav-pills.flex-column > li > a.active:focus .badge { background-color: #fff; color: #017e84; } .o_btn_cta { --btn-padding-y: 0.9em; --btn-padding-x: 2rem; --btn-font-size: 1rem; --btn-border-radius: 0.25rem; width: 250px; max-width: 100%; white-space: normal; } .btn-primary .badge-primary { background-color: #5a3c52; } .btn-secondary .badge-secondary { background-color: #015a5e; } .btn-success .badge-success { background-color: #218838; } .btn-info .badge-info { background-color: #138496; } .btn-warning .badge-warning { background-color: #e0a800; } .btn-danger .badge-danger { background-color: #c82333; } .btn-light .badge-light { background-color: #e6e6e6; } .btn-dark .badge-dark { background-color: #05080c; } .btn-o-color-9 .badge-o-color-9 { background-color: #00a892; } .btn-o-color-8 .badge-o-color-8 { background-color: #06a4e8; } .btn-o-color-7 .badge-o-color-7 { background-color: #faa30a; } .btn-o-color-6 .badge-o-color-6 { background-color: #fb5359; } .btn-epsilon .badge-epsilon { background-color: #c2522a; } .btn-delta .badge-delta { background-color: #4c4b6a; } .btn-gamma .badge-gamma { background-color: #de4f5a; } .btn-beta .badge-beta { background-color: #4d7486; } .btn-alpha .badge-alpha { background-color: #007a77; } .modal-open #wrapwrap > main { z-index: auto !important; } .modal-open #wrapwrap > footer { z-index: -1 !important; } .o-we-toolbar .btn-light { color: var(--btn-color); } /* /odoo_theme/static/src/scss/typography.scss */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lead b, .lead strong { font-weight: 500; } .x_wd *[class*="display-"], .x_wd_ff_script[class*="display-"] { font-family: "Caveat"; font-weight: 700; } .x_wd *[class*="display-1"], .x_wd_ff_script[class*="display-1"] { font-size: calc(1.675rem + 5.1vw); } @media (min-width: 1200px) { .x_wd *[class*="display-1"], .x_wd_ff_script[class*="display-1"] { font-size: 5.5rem; } } .x_wd *[class*="display-2"], .x_wd_ff_script[class*="display-2"] { font-size: calc(1.6rem + 4.2vw); } @media (min-width: 1200px) { .x_wd *[class*="display-2"], .x_wd_ff_script[class*="display-2"] { font-size: 4.75rem; } } .x_wd *[class*="display-3"], .x_wd_ff_script[class*="display-3"] { font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .x_wd *[class*="display-3"], .x_wd_ff_script[class*="display-3"] { font-size: 4rem; } } .x_wd *[class*="display-4"], .x_wd_ff_script[class*="display-4"] { font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .x_wd *[class*="display-4"], .x_wd_ff_script[class*="display-4"] { font-size: 3rem; } } .x_wd *[class*="display-5"], .x_wd_ff_script[class*="display-5"] { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .x_wd *[class*="display-5"], .x_wd_ff_script[class*="display-5"] { font-size: 2rem; } } .x_wd *[class*="display-6"], .x_wd_ff_script[class*="display-6"] { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .x_wd *[class*="display-6"], .x_wd_ff_script[class*="display-6"] { font-size: 1.75rem; } } .x_wd *[class*="display-1"], .x_wd *[class*="display-2"], .x_wd *[class*="display-3"], .x_wd *[class*="display-4"], .x_wd_ff_script[class*="display-1"], .x_wd_ff_script[class*="display-2"], .x_wd_ff_script[class*="display-3"], .x_wd_ff_script[class*="display-4"] { line-height: 1; } .x_wd *[class*="display-5"], .x_wd *[class*="display-6"], .x_wd_ff_script[class*="display-5"], .x_wd_ff_script[class*="display-6"] { line-height: 1.1; } .x_wd b, .x_wd strong, .x_wd a { font-weight: 600; } @media (min-width: 768px) { .x_wd p, .x_wd ul, .x_wd ol { font-size: 1.25rem; } } @media (min-width: 768px) { .x_wd .lead { font-size: 1.5rem; } } .x_wd_list { list-style: none; padding-left: 0; } .x_wd_list li { position: relative; padding-left: 1.85em; } .x_wd_list li:before { content: ''; position: absolute; top: 0.15em; left: 0; bottom: auto; right: auto; display: block; width: 1.2em; height: 1.2em; mask-repeat: no-repeat; mask-size: contain; background-color: #ADB5BD; } .x_wd_list.x_wd_list_arrow li:before { mask-image: url("/openerp_website/static/src/img/graphics/arrow.svg"); } .x_wd_list.x_wd_list_cross li:before { mask-image: url("/openerp_website/static/src/img/graphics/cross.svg"); } .x_wd_list.x_wd_list_star li:before { mask-image: url("/openerp_website/static/src/img/graphics/star.svg"); } .x_wd_list.x_wd_list_tick li:before { mask-image: url("/openerp_website/static/src/img/graphics/tick.svg"); } .x_wd_list.x_wd_list_whirlwind li:before { mask-image: url("/openerp_website/static/src/img/graphics/whirlwind.svg"); } .x_wd_list.x_wd_list_red li:before { background-color: #FC787D; } .x_wd_list.x_wd_list_yellow li:before { background-color: #FBB130; } .x_wd_list.x_wd_list_blue li:before { background-color: #1BB6F9; } .x_wd_list.x_wd_list_green li:before { background-color: #00CEB3; } *:lang(ar) .x_wd [class*="display-"], *:lang(ja-JP) .x_wd [class*="display-"], *:lang(ko-KR) .x_wd [class*="display-"], *:lang(th-TH) .x_wd [class*="display-"], *:lang(vi-VN) .x_wd [class*="display-"], *:lang(zh-CN) .x_wd [class*="display-"], *:lang(zh-TW) .x_wd [class*="display-"] { font-family: "Inter"; font-weight: 600; line-height: 1.2; } *:lang(ar) .x_wd .display-1, *:lang(ja-JP) .x_wd .display-1, *:lang(ko-KR) .x_wd .display-1, *:lang(th-TH) .x_wd .display-1, *:lang(vi-VN) .x_wd .display-1, *:lang(zh-CN) .x_wd .display-1, *:lang(zh-TW) .x_wd .display-1 { font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { *:lang(ar) .x_wd .display-1, *:lang(ja-JP) .x_wd .display-1, *:lang(ko-KR) .x_wd .display-1, *:lang(th-TH) .x_wd .display-1, *:lang(vi-VN) .x_wd .display-1, *:lang(zh-CN) .x_wd .display-1, *:lang(zh-TW) .x_wd .display-1 { font-size: 4rem; } } *:lang(ar) .x_wd .display-2, *:lang(ja-JP) .x_wd .display-2, *:lang(ko-KR) .x_wd .display-2, *:lang(th-TH) .x_wd .display-2, *:lang(vi-VN) .x_wd .display-2, *:lang(zh-CN) .x_wd .display-2, *:lang(zh-TW) .x_wd .display-2 { font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { *:lang(ar) .x_wd .display-2, *:lang(ja-JP) .x_wd .display-2, *:lang(ko-KR) .x_wd .display-2, *:lang(th-TH) .x_wd .display-2, *:lang(vi-VN) .x_wd .display-2, *:lang(zh-CN) .x_wd .display-2, *:lang(zh-TW) .x_wd .display-2 { font-size: 3rem; } } *:lang(ar) .x_wd .display-3, *:lang(ja-JP) .x_wd .display-3, *:lang(ko-KR) .x_wd .display-3, *:lang(th-TH) .x_wd .display-3, *:lang(vi-VN) .x_wd .display-3, *:lang(zh-CN) .x_wd .display-3, *:lang(zh-TW) .x_wd .display-3 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { *:lang(ar) .x_wd .display-3, *:lang(ja-JP) .x_wd .display-3, *:lang(ko-KR) .x_wd .display-3, *:lang(th-TH) .x_wd .display-3, *:lang(vi-VN) .x_wd .display-3, *:lang(zh-CN) .x_wd .display-3, *:lang(zh-TW) .x_wd .display-3 { font-size: 2.5rem; } } *:lang(ar) .x_wd .display-4, *:lang(ja-JP) .x_wd .display-4, *:lang(ko-KR) .x_wd .display-4, *:lang(th-TH) .x_wd .display-4, *:lang(vi-VN) .x_wd .display-4, *:lang(zh-CN) .x_wd .display-4, *:lang(zh-TW) .x_wd .display-4 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { *:lang(ar) .x_wd .display-4, *:lang(ja-JP) .x_wd .display-4, *:lang(ko-KR) .x_wd .display-4, *:lang(th-TH) .x_wd .display-4, *:lang(vi-VN) .x_wd .display-4, *:lang(zh-CN) .x_wd .display-4, *:lang(zh-TW) .x_wd .display-4 { font-size: 2rem; } } *:lang(ar) .x_wd .display-5, *:lang(ja-JP) .x_wd .display-5, *:lang(ko-KR) .x_wd .display-5, *:lang(th-TH) .x_wd .display-5, *:lang(vi-VN) .x_wd .display-5, *:lang(zh-CN) .x_wd .display-5, *:lang(zh-TW) .x_wd .display-5 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { *:lang(ar) .x_wd .display-5, *:lang(ja-JP) .x_wd .display-5, *:lang(ko-KR) .x_wd .display-5, *:lang(th-TH) .x_wd .display-5, *:lang(vi-VN) .x_wd .display-5, *:lang(zh-CN) .x_wd .display-5, *:lang(zh-TW) .x_wd .display-5 { font-size: 1.5rem; } } *:lang(ar) .x_wd .display-6, *:lang(ja-JP) .x_wd .display-6, *:lang(ko-KR) .x_wd .display-6, *:lang(th-TH) .x_wd .display-6, *:lang(vi-VN) .x_wd .display-6, *:lang(zh-CN) .x_wd .display-6, *:lang(zh-TW) .x_wd .display-6 { font-size: 1rem; } *:lang(ar) .x_wd .x_wd_doodle, *:lang(ja-JP) .x_wd .x_wd_doodle, *:lang(ko-KR) .x_wd .x_wd_doodle, *:lang(th-TH) .x_wd .x_wd_doodle, *:lang(vi-VN) .x_wd .x_wd_doodle, *:lang(zh-CN) .x_wd .x_wd_doodle, *:lang(zh-TW) .x_wd .x_wd_doodle { font-family: "Inter"; font-size: 1rem; font-weight: 600; line-height: 1.5; } *:lang(hi-IN) .x_wd [class*="display-"] { line-height: 1.4; } .fw_medium { font-weight: 500; } .fw_semibold, #o_partner_dashboard .o_partner_dashboard_wizard [class*="o_partner_dashboard_grade_active"], #o_partner_dashboard .o_partner_dashboard_box .o_partner_dashboard_box_title { font-weight: 600; } /* /odoo_theme/static/src/scss/layout.scss */ #wrapwrap { backface-visibility: hidden; } #wrapwrap:not(.o_fullscreen) > main { position: relative; height: auto; white-space: normal; } #wrapwrap:not(.o_fullscreen) > main::before, #wrapwrap:not(.o_fullscreen) > main::after { content: ""; display: table; } @media (max-width: 767.98px) { #wrapwrap.o_fullscreen > footer#bottom { display: none; } } #wrapwrap > header + main > :not(#wrap):not(.o_wslides_fs_main), #wrapwrap > header + main > #wrap:not(.o_wblog_cover_post):not(.js_hr_recruitment) > :first-child { border-top: 60px solid transparent !important; } #wrapwrap > header.o_inverted + main > :not(#wrap):not(.o_wslides_fs_main), #wrapwrap > header.o_inverted + main > #wrap:not(.o_wblog_cover_post):not(.js_hr_recruitment) > :first-child { border-top: 60px solid transparent !important; } .o_wevent_index .navbar { border-top: 60px solid transparent !important; } /* /odoo_theme/static/src/scss/header.scss */ #oe_main_menu_navbar ~ #wrapwrap .o_mobile_menu_opened { height: calc(100% - 46px); } .o_main_header { background-color: #ffffff; color: #374151; font-size: 12px; transition: all 0.2s ease; transition-property: background-color, box-shadow; transform: translate3d(auto, auto, 0); } .o_main_header .o_logo { background-position: 0 /*rtl:ignore*/ 0; } .o_main_header.o_header_is_scrolled, .o_main_header.o_transitioning.o_header_affixed { background-color: white !important; } @media (prefers-reduced-motion: reduce) { .o_main_header { transition: none; } } .o_main_header:not(.o_header_affixed) { position: absolute; top: auto; left: auto; bottom: auto; right: auto; width: 100%; } .o_main_header.o_header_is_scrolled, .o_main_header.o_sub_opened { transition: all 0.2s ease; } @media (prefers-reduced-motion: reduce) { .o_main_header.o_header_is_scrolled, .o_main_header.o_sub_opened { transition: none; } } .o_main_header:not(.o_inverted) .badge { color: inherit; } .o_main_header .o_main_header_main { height: 60px; --gutter-x: 32px; --gutter-y: 0; width: 100%; padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .o_main_header .o_main_header_main { max-width: 540px; } } @media (min-width: 768px) { .o_main_header .o_main_header_main { max-width: 720px; } } @media (min-width: 992px) { .o_main_header .o_main_header_main { max-width: 960px; } } @media (min-width: 1200px) { .o_main_header .o_main_header_main { max-width: 1140px; } } @media (min-width: 1400px) { .o_main_header .o_main_header_main { max-width: 1320px; } } @media (max-width: 991.98px) { .o_main_header .o_main_header_main { max-width: none; } } @media (min-width: 992px) { .o_main_header .o_main_header_main { display: flex; justify-content: space-between; } } .o_main_header .o_main_header_main a:not(.btn) { color: inherit; } .o_main_header .o_main_header_main a:not(.btn):hover, .o_main_header .o_main_header_main a:not(.btn):focus { color: #111827; outline: none; } .o_main_header .o_main_header_main .o_logo { width: 68px; height: 22px; margin: 18px 0; background-size: cover; z-index: 1; } .o_main_header .o_main_header_main > .o_primary_nav { margin: 0 auto; padding: 0; text-align: center; white-space: nowrap; } @media (min-width: 992px) { .o_main_header .o_main_header_main > .o_primary_nav { height: 100%; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; justify-self: center; } .o_main_header .o_main_header_main > .o_primary_nav::before { content: ""; background: transparent; z-index: -1; visibility: hidden; box-shadow: 0 1px 0 transparent; width: 100%; height: 60px; position: absolute; top: 0; left: auto; bottom: auto; right: 0; transition: background 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 500ms, box-shadow 500ms linear 0ms; } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { .o_main_header .o_main_header_main > .o_primary_nav::before { transition: none; } } @media (min-width: 992px) { .o_main_header .o_main_header_main > .o_primary_nav.o_sub_opened::before { visibility: visible; background: #ffffff; box-shadow: 0 1px 0 #F3F4F6; transition: background 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 0s, box-shadow 500ms linear 0ms; } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { .o_main_header .o_main_header_main > .o_primary_nav.o_sub_opened::before { transition: none; } } .o_main_header .o_main_header_main > .o_primary_nav .dropdown { position: static; } .o_main_header .o_main_header_main > .o_primary_nav .dropdown > a { position: relative; } .o_main_header .o_main_header_main > .o_primary_nav .dropdown.show > a { color: #714b67; font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav .dropdown.show > a .badge { display: none; } .o_main_header .o_main_header_main > .o_primary_nav .dropdown > .dropdown-menu, .o_main_header .o_main_header_main > .o_primary_nav .dropdown > .o_dropdown_menu { border: none; border-radius: 0; margin: 0; } .o_main_header .o_main_header_main > .o_primary_nav > li { display: inline-block !important; } .o_main_header .o_main_header_main > .o_primary_nav > li > a { height: 100%; line-height: 60px; } .o_main_header .o_main_header_main > .o_primary_nav > li > a:not(.btn) { padding: 0 20px; font-size: 14px; font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav > li > a:not(.btn).active { color: #714b67; } @media (min-width: 768px) and (max-width: 991.98px) { .o_main_header .o_main_header_main > .o_primary_nav > li > a:not(.btn):not(.dropdown-toggle) { padding: 0 10px; } } @media (min-width: 768px) { .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav { visibility: visible; background-color: white; transform: translate(0, 0); transition: transform 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 0ms, background-color 0ms linear 500ms; } } @media (min-width: 768px) and (prefers-reduced-motion: reduce) { .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav { transition: none; } } @media (min-width: 768px) { .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .container > .row > div, .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_container_small > .row > div { opacity: 1; transform: translate(0, 0); } .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .container > .row > div:nth-child(1), .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_container_small > .row > div:nth-child(1) { transition-delay: 100ms; } .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .container > .row > div:nth-child(2), .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_container_small > .row > div:nth-child(2) { transition-delay: 200ms; } .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .container > .row > div:nth-child(3), .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_container_small > .row > div:nth-child(3) { transition-delay: 300ms; } .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .container > .row > div:nth-child(4), .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_container_small > .row > div:nth-child(4) { transition-delay: 400ms; } .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_store_link, .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_header_social { max-height: 60px; transition: max-height 500ms cubic-bezier(0.55, 0, 0.1, 1) 300ms; } .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav .o_header_social { max-height: 90px; } .o_main_header .o_main_header_main > .o_primary_nav > li.show > .o_secondary_nav::before { opacity: 0.5; } } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav { overflow: inherit; max-height: none; width: 100%; padding: 0 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); } @media (min-width: 992px) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row { margin-left: -46px; margin-right: -46px; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div { padding-left: 46px; padding-right: 46px; } } @media (max-width: 991.98px) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small { max-width: 100%; } } @media (min-width: 992px) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row:first-of-type > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row:first-of-type > div { padding-top: 30px; padding-bottom: 15px; } } @media (min-width: 992px) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row:nth-of-type(2) > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row:nth-of-type(2) > div { padding-top: 15px; padding-bottom: 30px; } } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div { font-size: 1rem; overflow: hidden; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul { position: relative; list-style: none; padding: 0; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li { height: 30px; transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms; transition-property: height, opacity; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li > a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li > a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li > .o_schedule_demo a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li > .o_schedule_demo a { display: block; height: 100%; padding: 0; line-height: 30px; font-weight: 500; font-size: .8rem; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li > a .badge, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li > a .badge, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li > .o_schedule_demo a .badge { font-size: 12px; padding: .25em .85em; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown > a::before, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown > a::before, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown a::after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown a::after { top: 50%; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown:not(.show) > a::before, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown:not(.show) > a::before, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown:not(.show) > a::after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown:not(.show) > a::after { transform-origin: 7px 50%; width: 8px; right: 1px; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown > ul, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown > ul { position: absolute; top: 30px; left: 0; bottom: 0; right: 0; transform: translate(100%, 0); opacity: 0; transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul > li.dropdown.show > ul, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown.show > ul { transform: translate(0, 0); opacity: 1; transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 100ms; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div ul.o_sub_opened > li:not(.show), .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div ul.o_sub_opened > li:not(.show) { opacity: 0; height: 0 !important; overflow: hidden; transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1) 0; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:hover, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:hover, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:focus, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:focus { color: #714b67; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family { padding: 0 15px; font-weight: 600; pointer-events: none; cursor: default; } @media (min-width: 992px) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family { padding: 0; margin-bottom: 8px; text-transform: uppercase; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family:after { content: ''; width: 100%; height: 1px; display: block; opacity: .3; margin-top: .3rem; } } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_app_family::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family *::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_app_family *::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family *::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family *::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family *::selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family *::selection { background: transparent; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_app_family::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family *::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_app_family *::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family *::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family *::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family *::-moz-selection, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family *::-moz-selection { background: transparent; } @media (min-width: 576px) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family > span, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_app_family > span, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family > span, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family > span, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family > span, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family > span { display: block; margin: 0 auto; background-size: auto 100%; width: 41px; height: 40px; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_app_family > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_app_family > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_com_family > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_nav_ind_family > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family > div { font-size: 0.7em; font-weight: 500; line-height: 1; color: #6C757D; margin-bottom: 1.3em; } } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:hover, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:hover, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:focus, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:focus, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div a:active, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div a:active { background-color: transparent; } @media (min-width: 992px) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_finance_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_finance_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_finance_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_finance_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_retail_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_retail_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_retail_industries .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_retail_industries .o_nav_ind_family { color: #017e84; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_finance_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_finance_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_finance_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_finance_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_retail_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_retail_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_retail_industries .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_retail_industries .o_nav_ind_family:after { background-color: #017e84; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_finance_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_finance_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_retail_industries.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_retail_industries.o_highlighted { background-color: #d2fdff; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_finance_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_finance_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_retail_industries.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_retail_industries.o_highlighted a { font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_website_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_website_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_website_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_website_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_food_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_food_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_food_industries .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_food_industries .o_nav_ind_family { color: #47738f; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_website_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_website_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_website_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_website_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_food_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_food_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_food_industries .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_food_industries .o_nav_ind_family:after { background-color: #47738f; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_website_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_website_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_food_industries.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_food_industries.o_highlighted { background-color: #dde7ee; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_website_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_website_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_food_industries.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_food_industries.o_highlighted a { font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_sale_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_sale_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_real_estate_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_real_estate_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_real_estate_industries .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_real_estate_industries .o_nav_ind_family { color: #e46f78; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_sale_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_sale_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_real_estate_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_real_estate_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_real_estate_industries .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_real_estate_industries .o_nav_ind_family:after { background-color: #e46f78; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_sale_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_real_estate_industries.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_real_estate_industries.o_highlighted { background-color: #fcf0f1; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_sale_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_sale_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_real_estate_industries.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_real_estate_industries.o_highlighted a { font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_inventory_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_inventory_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_inventory_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_inventory_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_consulting_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_consulting_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_consulting_industries .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_consulting_industries .o_nav_ind_family { color: #6e6d99; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_inventory_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_inventory_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_inventory_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_inventory_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_consulting_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_consulting_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_consulting_industries .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_consulting_industries .o_nav_ind_family:after { background-color: #6e6d99; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_inventory_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_inventory_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_consulting_industries.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_consulting_industries.o_highlighted { background-color: #d6d6e2; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_inventory_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_inventory_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_consulting_industries.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_consulting_industries.o_highlighted a { font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_hr_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_hr_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_hr_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_hr_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_manufacturing_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_manufacturing_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_manufacturing_industries .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_manufacturing_industries .o_nav_ind_family { color: #5c5b80; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_hr_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_hr_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_hr_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_hr_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_manufacturing_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_manufacturing_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_manufacturing_industries .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_manufacturing_industries .o_nav_ind_family:after { background-color: #5c5b80; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_hr_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_hr_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_manufacturing_industries.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_manufacturing_industries.o_highlighted { background-color: #dbdbe5; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_hr_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_hr_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_manufacturing_industries.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_manufacturing_industries.o_highlighted a { font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_marketing_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_marketing_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_marketing_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_marketing_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_health_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_health_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_health_industries .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_health_industries .o_nav_ind_family { color: #f07346; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_marketing_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_marketing_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_marketing_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_marketing_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_health_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_health_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_health_industries .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_health_industries .o_nav_ind_family:after { background-color: #f07346; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_marketing_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_marketing_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_health_industries.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_health_industries.o_highlighted { background-color: #fdf0eb; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_marketing_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_marketing_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_health_industries.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_health_industries.o_highlighted a { font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_services_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_services_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_services_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_services_apps .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_trades_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_trades_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_trades_industries .o_nav_ind_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_trades_industries .o_nav_ind_family { color: #d5653e; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_services_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_services_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_services_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_services_apps .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_trades_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_trades_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_trades_industries .o_nav_ind_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_trades_industries .o_nav_ind_family:after { background-color: #d5653e; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_services_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_services_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_trades_industries.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_trades_industries.o_highlighted { background-color: #f9ebe6; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_services_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_services_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_trades_industries.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_trades_industries.o_highlighted a { font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_productivity_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_productivity_apps .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_others_industries .o_nav_app_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_others_industries .o_nav_app_family { color: #714b67; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_productivity_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_productivity_apps .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_others_industries .o_nav_app_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_others_industries .o_nav_app_family:after { background-color: #714b67; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_productivity_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_productivity_apps.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_others_industries.o_highlighted, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_others_industries.o_highlighted { background-color: #dac7d5; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_productivity_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_productivity_apps.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_others_industries.o_highlighted a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_others_industries.o_highlighted a { font-weight: 600; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_learn_com .o_nav_com_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_learn_com .o_nav_com_family { color: #f07346; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_learn_com .o_nav_com_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_learn_com .o_nav_com_family:after { background-color: #f07346; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_software_com .o_nav_com_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_software_com .o_nav_com_family { color: #017e84; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_software_com .o_nav_com_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_software_com .o_nav_com_family:after { background-color: #017e84; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_collab_com .o_nav_com_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_collab_com .o_nav_com_family { color: #714b67; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_collab_com .o_nav_com_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_collab_com .o_nav_com_family:after { background-color: #714b67; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_services_com .o_nav_com_family, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_services_com .o_nav_com_family { color: #47738f; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_services_com .o_nav_com_family:after, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_services_com .o_nav_com_family:after { background-color: #47738f; } } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_store_link, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social { overflow: hidden; display: block; height: 120px; line-height: 60px; border-top: 1px solid #F3F4F6; text-align: center; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_store_link a, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social a { width: auto; padding-top: 0; padding-bottom: 0; font-weight: 500; font-size: .8rem; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_store_link a:hover, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social a:hover { background-color: transparent; color: #017e84; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social { line-height: 40px; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a { font-size: 1.1rem; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a:hover .fa-github { color: #1a1e22; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a:hover .fa-youtube-play { color: #ff0000; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a:hover .fa-linkedin { color: #0077B5; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a:hover .fa-facebook { color: #3B5999; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a:hover .fa-twitter { color: #000000; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a:hover .fa-spotify { color: #1ED760; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a:hover .fa-instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_header_social .social_icons a:hover .custom-tiktok { filter: drop-shadow(1px 0px 0px #FD3E3E) drop-shadow(-0.5px -0.5px 0px #4DE8F4); fill: black; } @media (min-width: 992px) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav { display: block; background-color: #ffffff; visibility: hidden; z-index: -2; transform: translate(0, -115%); transition: transform 333.33333333ms cubic-bezier(0.55, 0, 0.1, 1) 0ms, visibility 0ms linear 333.33333333ms, background-color 0ms linear 0ms; } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav { transition: none; } } @media (min-width: 992px) { .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav .container > .row > div, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav .o_container_small > .row > div { opacity: 0; transform: translate(0, -30%); transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1) 0ms; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav .o_store_link, .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav .o_header_social { max-height: 0; transition: max-height 250ms cubic-bezier(0.55, 0, 0.1, 1) 0s; } .o_main_header .o_main_header_main > .o_primary_nav .o_secondary_nav::before { content: ""; position: absolute; top: 100%; left: 0; bottom: -1000px; right: 0; display: block; background-color: #000; opacity: 0; transition: opacity 500ms cubic-bezier(0.55, 0, 0.1, 1) 0s; } } .o_main_header .o_main_header_main .o_header_buttons { height: 100%; line-height: 60px; float: right; z-index: 1; } .o_main_header .o_main_header_main .o_header_buttons > * { display: inline-block; float: left; } .o_main_header .o_main_header_main .o_header_buttons a:not(.btn) { padding: 0 20px; font-size: 14px; font-weight: 600; } .o_main_header .o_main_header_main .o_header_buttons a:not(.btn).active { color: #714b67; } @media (min-width: 768px) and (max-width: 991.98px) { .o_main_header .o_main_header_main .o_header_buttons a:not(.btn):not(.dropdown-toggle) { padding: 0 10px; } } .o_main_header .o_main_header_main .o_header_buttons a.dropdown-toggle { padding: 0 16px; } .o_main_header .o_main_header_main .o_header_buttons .o_btn_live_dot { margin-right: 6px; color: #e22f40; animation: o_blink 1.2s cubic-bezier(0.5, 0, 1, 1) infinite alternate; } .o_main_header .o_main_header_main .o_header_buttons > .dropdown { margin: 0 5px; } @media (min-width: 992px) { .o_main_header .o_main_header_main .o_header_buttons > .dropdown { margin: 0 15px; } } .o_main_header .o_main_header_main .o_header_buttons > .dropdown, .o_main_header .o_main_header_main .o_header_buttons > .dropdown .dropdown-toggle { height: 100%; } .o_main_header .o_main_header_main .o_header_buttons > .dropdown > .dropdown-menu, .o_main_header .o_main_header_main .o_header_buttons > .dropdown > .o_dropdown_menu { left: auto; right: 0; line-height: 1.5; } .o_main_header .o_main_header_main .o_header_buttons > .dropdown > .dropdown-menu .dropdown-item, .o_main_header .o_main_header_main .o_header_buttons > .dropdown > .o_dropdown_menu .dropdown-item { padding: 5px 16px; font-size: 13px; font-weight: 500; text-transform: none; } .o_main_header .o_main_header_main .o_header_buttons > .dropdown > .dropdown-menu .dropdown-item > i, .o_main_header .o_main_header_main .o_header_buttons > .dropdown > .o_dropdown_menu .dropdown-item > i { color: inherit !important; } .o_main_header.o_inverted:not(.o_mobile_menu_opened):not(.o_sub_opened):not(.o_header_is_scrolled) { background-color: transparent; color: #fff; box-shadow: none; } .o_main_header.o_inverted:not(.o_mobile_menu_opened):not(.o_sub_opened):not(.o_header_is_scrolled) > .o_main_header_main a:not(.active):hover, .o_main_header.o_inverted:not(.o_mobile_menu_opened):not(.o_sub_opened):not(.o_header_is_scrolled) > .o_main_header_main a:not(.active):focus { color: inherit; } .o_main_header.o_inverted:not(.o_mobile_menu_opened):not(.o_sub_opened):not(.o_header_is_scrolled) > .o_main_header_main > .o_primary_nav > li > a:not(.btn).active { color: #9d6b90; } .o_main_header.o_inverted:not(.o_mobile_menu_opened):not(.o_sub_opened):not(.o_header_is_scrolled) > .o_main_header_main .o_logo { background-position: 100% /*rtl:ignore*/ 0; } .o_main_header.o_inverted:not(.o_mobile_menu_opened):not(.o_sub_opened):not(.o_header_is_scrolled) > .o_main_header_main .o_logo.o_logo_15.d-blok.mx-auto { background-position: 102% /*rtl:ignore*/ 0; } .o_main_header.o_inverted:not(.o_mobile_menu_opened) > .o_sub_nav .dropdown-menu .dropdown-item:hover, .o_main_header.o_inverted:not(.o_mobile_menu_opened) > .o_sub_nav .o_dropdown_menu .dropdown-item:hover, .o_main_header.o_inverted:not(.o_mobile_menu_opened) > .o_sub_nav .dropdown-menu .dropdown-item:focus, .o_main_header.o_inverted:not(.o_mobile_menu_opened) > .o_sub_nav .o_dropdown_menu .dropdown-item:focus { color: #374151; } .o_main_header.o_inverted:not(.o_mobile_menu_opened) > .o_sub_nav .dropdown-menu .dropdown-item.active a:hover, .o_main_header.o_inverted:not(.o_mobile_menu_opened) > .o_sub_nav .o_dropdown_menu .dropdown-item.active a:hover, .o_main_header.o_inverted:not(.o_mobile_menu_opened) > .o_sub_nav .dropdown-menu .dropdown-item.active a:focus, .o_main_header.o_inverted:not(.o_mobile_menu_opened) > .o_sub_nav .o_dropdown_menu .dropdown-item.active a:focus { color: #fff; } .o_main_header + main { padding-top: 0 !important; } @media (min-width: 992px) { .o_main_header > .o_main_header_main > .o_header_buttons .dropdown.show { background-color: #ffffff; color: #374151; } .o_main_header > .o_main_header_main > .o_header_buttons .dropdown.show .dropdown-menu, .o_main_header > .o_main_header_main > .o_header_buttons .dropdown.show .o_dropdown_menu { background-color: #ffffff; margin-top: 0; border: none; border-radius: 0; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); text-align: left; } .o_main_header > .o_main_header_main > .o_header_buttons .dropdown.show .dropdown-menu > .dropdown-item, .o_main_header > .o_main_header_main > .o_header_buttons .dropdown.show .o_dropdown_menu > .dropdown-item { display: block; color: #374151; float: none; } } @media (max-width: 991.98px) { .o_main_header > .o_main_header_main { text-align: right; } .o_main_header > .o_main_header_main > .o_primary_nav, .o_main_header > .o_main_header_main .o_header_buttons { display: none; } .o_main_header > .o_main_header_main > .o_mobile_menu_toggle { width: 60px; line-height: 60px; margin-right: -16px; font-size: 18px; text-align: center; } .o_main_header > .o_sub_nav { border: none; } .o_main_header > .o_sub_nav > .container, .o_main_header > .o_sub_nav > .o_container_small { max-width: none; } .o_main_header > .o_sub_nav > .dropdown-toggle { margin: 0; line-height: 60px; } .o_main_header > .o_sub_nav > .dropdown-toggle > .o_app_name_title { transform: translate(0, 0); } .o_main_header > .o_sub_nav > .dropdown-toggle > .o_app_name_title::after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); margin-left: 5px; } .o_main_header > .o_sub_nav > .dropdown-menu, .o_main_header > .o_sub_nav > .o_dropdown_menu { margin: 0; border-radius: 0; } .o_main_header.o_mobile_menu_opened { position: fixed; height: 100%; width: 100%; } .o_main_header.o_mobile_menu_opened > .o_main_header_main { height: 100%; overflow-y: scroll; margin: 0; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons { padding: 0 16px; box-sizing: content-box; margin: 0 -16px 0; display: flex; justify-content: center; width: 100%; height: auto; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * { overflow: visible !important; float: none; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * > a:not(.btn) { display: initial !important; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > *.btn { white-space: nowrap; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * .dropdown-menu, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_header_buttons > * .o_dropdown_menu { width: 100%; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav { display: block; margin: 0 -16px 0; padding: 0; white-space: normal; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav .dropdown-menu, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav .o_dropdown_menu { color: #374151; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav a:hover, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav a:focus, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav a:active { color: black; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav li { border-top: 1px solid #D8DADD; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li { width: 100%; padding: 0 16px; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown { padding: 0; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > a { display: block; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .dropdown-menu, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_dropdown_menu { position: static !important; transform: none !important; background-color: transparent; box-shadow: none; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav { padding: 0; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div { padding: 0; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul { list-style-type: none; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li { height: 60px; padding: 0 16px; border-width: 1px 0 0; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li > a, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li > a { line-height: 60px; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.show, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown.show { height: auto; border: none; background-color: #25252D; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.show > a.dropdown-toggle, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown.show > a.dropdown-toggle { color: #F3F4F6 !important; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.show > a.dropdown-toggle:hover, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown.show > a.dropdown-toggle:hover, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.show > a.dropdown-toggle:focus, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown.show > a.dropdown-toggle:focus, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.show > a.dropdown-toggle:active, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown.show > a.dropdown-toggle:active { color: white !important; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.show > a.dropdown-toggle:before, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown.show > a.dropdown-toggle:before, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.show > a.dropdown-toggle:after, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown.show > a.dropdown-toggle:after { background: white !important; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div ul > li.dropdown.show > ul, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div ul > li.dropdown.show > ul { position: static; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div > .o_nav_app_family, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div > .o_nav_app_family, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div .o_nav_com_family, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div .o_nav_ind_family, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family { height: 60px; line-height: 60px; background-color: #f2f2f2; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div > .o_nav_app_family > *, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div > .o_nav_app_family > *, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div .o_nav_com_family > *, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family > *, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div .o_nav_ind_family > *, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family > * { display: none; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div > .o_nav_app_family::before, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div > .o_nav_app_family::before, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div .o_nav_com_family::before, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div .o_nav_com_family::before, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div .o_nav_ind_family::before, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family::before { content: "Apps"; display: inline-block; font-size: .8rem; line-height: .8rem; background: #017e84; color: #fff; border-radius: 2px; padding: 0.2rem; margin-right: 0.5rem; vertical-align: text-bottom; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div > .o_nav_com_family::before, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div > .o_nav_com_family::before { content: "Community"; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .container > .row > div .o_nav_ind_family::before, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_container_small > .row > div .o_nav_ind_family::before { content: "Industries"; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_store_link, .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav .o_header_social { position: relative; border-bottom: 1px solid #D8DADD; line-height: inherit; height: auto; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_store_link { text-align: left; } .o_main_header.o_mobile_menu_opened > .o_main_header_main > .o_primary_nav > li.dropdown > .o_secondary_nav > .o_store_link a { display: block; border-top: 1px solid #D8DADD; height: 60px; line-height: 60px; } } /* /odoo_theme/static/src/scss/footer.scss */ #wrapwrap > footer a:not(.dropdown-item) { color: #ADB5BD; } #wrapwrap > footer a:not(.dropdown-item):hover, #wrapwrap > footer a:not(.dropdown-item):focus, #wrapwrap > footer a:not(.dropdown-item):active { color: white; } #wrapwrap > footer .o_footer_title { font-size: 1.25rem; font-weight: 500; } #wrapwrap > footer .o_footer_title + .o_footer_links { margin-top: .5rem; } #wrapwrap > footer .o_footer_links a, #wrapwrap > footer .o_footer_copyright a { font-size: .875rem; font-weight: 500; } #wrapwrap > footer .o_footer_links { margin-bottom: 1.25rem; } #wrapwrap > footer .o_footer_links .divider { height: .75rem; } #wrapwrap > footer .o_language_selector .dropdown-toggle, #wrapwrap > footer .o_country_selector { color: #ADB5BD; } #wrapwrap > footer .o_language_selector .dropdown-toggle:hover, #wrapwrap > footer .o_language_selector .dropdown-toggle:focus, #wrapwrap > footer .o_language_selector .dropdown-toggle:active, #wrapwrap > footer .o_country_selector:hover, #wrapwrap > footer .o_country_selector:focus, #wrapwrap > footer .o_country_selector:active { color: white; } #wrapwrap > footer .o_language_selector .dropdown-toggle img, #wrapwrap > footer .o_country_selector img { max-height: 20px; margin-right: 5px; vertical-align: middle; } #wrapwrap > footer .o_language_selector .dropdown-toggle { padding-left: 0; background-color: transparent; border-color: transparent; box-shadow: none; } #wrapwrap > footer .o_language_selector .dropdown-menu, #wrapwrap > footer .o_language_selector .o_dropdown_menu { transform: translate3d(0, 0, 0) !important; max-height: 230px; min-width: 12rem; overflow: auto; margin-top: 2rem; } #wrapwrap > footer .o_language_selector .dropdown-menu .dropdown-item, #wrapwrap > footer .o_language_selector .o_dropdown_menu .dropdown-item { font-size: .75rem; } #wrapwrap > footer hr { border-top-color: #6C757D; } #wrapwrap > footer .o_footer_copyright .o_logo { margin-left: 5px; margin-bottom: -2px; } /* /appointment/static/src/scss/appointment.scss */ .o_appointment_index .o_half_screen_height, .o_appointment_index .cover_mid { min-height: 200px !important; } .o_appointment_index .o_appointment_appointments_list_selection #appointment_type_id { height: 2.5rem; } .o_appointment_index .o_appointment_appointments_list_selection #appointment_type_id:disabled, .o_appointment_index .o_appointment_appointments_list_selection #appointment_type_id.o_wysiwyg_loader { background-color: #FAFAFA; } .o_appointment_index .o_appointment_svg { max-width: 400px; } .o_appointment_days .o_today .o_day_wrapper::after { content: ""; position: absolute; top: auto; left: 50%; bottom: auto; right: auto; width: 2.5em; height: .16em; bottom: 0.25rem; transform: translateX(-50%); background-color: #dc3545; border-radius: 50rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .o_appointment_days .o_today .o_day_wrapper.active::after, .o_appointment_days .o_today .o_slot_button:hover::after { background-color: currentColor; } .o_appointment_month { min-height: 336px; } .o_appointment_add_to_calendar_btns a { border: 1px solid #DEE2E6; } .o_appointment_add_to_calendar_btns a:hover { background-color: #F3F4F6; } .o_appointment_avatar_container { position: relative; } .o_appointment_avatar_container .o_appointment_avatar_background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .o_appointment_avatar_container.o_appointment_avatar_multi_resource { width: 2.5em; } .o_appointment_avatar_background { background-color: #e3dbe1; } .o_appointment_user_avatar { width: var(--Avatar-size, 2rem); height: var(--Avatar-size, 2rem); margin-left: -8px; border: 1px solid #fff; font-size: 12px; background-size: cover; } .o_appointment_user_avatar:first-child { margin-left: 0px; } .o_appointment_user_avatar:only-child { margin-right: 0.5rem; } .o_appointment_disable_calendar { pointer-events: none; opacity: 60%; } @media (max-width: 768px) { .o_website_calendar_weekdays th { font-size: 14px; padding: 0px; } .o_appointment_days td { font-size: 14px; padding: 0px; } .o_day_wrapper { font-size: 14px; padding: 0px; } } @media (max-width: 340px) { .o_website_calendar_weekdays th { font-size: 11px; padding: 0px; } .o_appointment_days td { font-size: 11px; padding: 0px; } .o_day_wrapper { font-size: 11px; padding: 0px; } } /* /website_appointment/static/src/scss/website_appointment.scss */ .o_appointment_index, .o_wappointment_wrap { min-height: calc(98vh - 56px); } .o_wappointment_appointment_list_columns .o_wappointment_ressource_badge { height: 24px; } .o_wappointment_message_intro { max-height: 150px; display: -webkit-box; -webkit-line-clamp: var(--AppointmentMessage-line-clamp, 5); -webkit-box-orient: vertical; } .o_wappointment_message_intro p:last-child { margin-bottom: 0; } .o_wappointment_card_user_dsc p { margin: 0; } .o_wappointment_card_staff_users { padding: 0 0 1.5rem 1.5rem; } /* /website_appointment/static/src/scss/website_appointment_editor.scss */ body.editor_enable .o_appointment .alert.o_not_editable { display: none; } body.editor_enable .o_appointment .o_appointment_card_user_fct .o_editable::before, body.editor_enable .o_appointment .o_wappointment_card_user_fct .o_editable::before, body.editor_enable .o_appointment .o_wappointment_card_user_dsc .o_editable::before { opacity: 1 !important; } body.editor_enable .o_appointment + .o_appointment_intro { display: block !important; } /* /mail_group/static/src/css/mail_group.scss */ .o_mg_subscribe_btn { width: 120px; } .o_mg_page_description { background-image: url(/mail_group/static/src/img/mail_group_portal.jpg); } .o_mg_mail_group_default_image { background: url(/mail_group/static/src/img/fa_envelope_square.svg) no-repeat center center; opacity: 0.5; } .o_mg_ribbon { right: 0; width: 120px; height: 120px; overflow: hidden; position: absolute; } .o_mg_ribbon span { left: -20px; top: 20px; transform: rotate(45deg); z-index: 1; position: absolute; width: 220px; height: 28px; line-height: 28px; padding: 0 60px; text-align: center; overflow: hidden; user-select: none; } .o_mg_message *[data-o-mail-quote]:not(.visible) { display: none !important; } .o_mg_attachment { width: 120px; } .o_mg_message { min-width: 250px; } /* /mail_enterprise/static/src/core/common/core.scss */ .o-discuss-badge, .o-discuss-badge .o-innerBadge { --o-discuss-badge-bg: #dc3545; } .o-mail-DiscussSearch { --DiscussSearch-padding-top: 0; } /* /mail/static/src/core/common/action_list.scss */ .o-mail-ActionList hr { opacity: 12.5% !important; } .o-mail-ActionList .o-mail-ActionList-group:has(.rounded-circle.o-hasBtnBg, .o-hasBtnBg.fa.rounded-empty-circle) { gap: 0.25rem; } .o-mail-ActionList button { z-index: 1; --btn-disabled-opacity: 0.25; } .o-mail-ActionList button:not(.o-hasBtnBg) { background-color: inherit; } .o-mail-ActionList button.o-inline:where(:has(i:first-child:last-child)) { opacity: var(--o-mail-ActionList-Button-opacity); } .o-mail-ActionList button.o-inline:where(:has(i:first-child:last-child)):where(.rounded-circle) { aspect-ratio: 1; } .o-mail-ActionList button.o-inline:where(:has(i:first-child:last-child)):hover, .o-mail-ActionList button.o-inline:where(:has(i:first-child:last-child)):focus, .o-mail-ActionList button.o-inline:where(:has(i:first-child:last-child)):active, .o-mail-ActionList button.o-inline:where(:has(i:first-child:last-child)).active, .o-mail-ActionList button.o-inline:where(:has(i:first-child:last-child)):focus-visible { color: var(--o-mail-ActionList-Button-color--hover); opacity: var(--o-mail-ActionList-Button-opacity--hover); } .o-mail-ActionList button.o-inline.o-odooControlPanelSwitchStyle i { opacity: var(--mail-ActionList-buttonInlineIconOpacity); } .o-mail-ActionList button.o-inline i.o-xsmaller { transform: translateY(-2px); } .o-mail-ActionList button:not(.o-inline) > i { opacity: 65%; } .o_bottom_sheet_sheet:has(.o-mail-ActionList button:not(.o-inline) > i) { opacity: 100%; } .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL i { color: white !important; } .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL.o-dropdown-item i, .o-mail-ChatWindow .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL i { opacity: 100%; background: var(--btn-bg); aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border-radius: 100%; padding: 0.4em; box-sizing: content-box; } .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL.o-dropdown-item:hover i, .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL.o-dropdown-item:focus-visible i, .o-mail-ChatWindow .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL:hover i, .o-mail-ChatWindow .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL:focus-visible i { background: var(--btn-hover-bg); color: var(--btn-hover-color); } .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL.o-dropdown-item i { font-size: 0.7em !important; } .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL.o-dropdown-item i.fa-phone::before { transform: translateY(1px); } .o-mail-ChatWindow .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL i { font-size: 0.9em !important; } .o-mail-ChatWindow .o-mail-ActionList button.o-tag-JOIN_LEAVE_CALL i.fa-phone::before { transform: translateY(0.5px); } .o-mail-ActionList button.o-dropdown-item.btn-danger:not(.o-tag-JOIN_LEAVE_CALL).focus { background-color: rgba(220, 53, 69, 0.75); color: white; } .o-mail-ActionList button.o-dropdown-item.btn-danger:not(.o-tag-JOIN_LEAVE_CALL):not(.focus) { color: var(--o-mail-ActionList-dangerNoBgColor, #dc3545); } .o-mail-ActionList button.o-inline.btn-danger:not(.o-tag-JOIN_LEAVE_CALL):not(.o-hasBtnBg) { color: var(--o-mail-ActionList-dangerNoBgColor, #dc3545); } .o-mail-ActionList button.o-inline.btn-danger:not(.o-tag-JOIN_LEAVE_CALL):not(.o-hasBtnBg):active { background-color: inherit; } .o-mail-ActionList button.o-dropdown-item.btn-success:not(.o-tag-JOIN_LEAVE_CALL).focus { background-color: rgba(40, 167, 69, 0.75); color: white; } .o-mail-ActionList button.o-dropdown-item.btn-success:not(.o-tag-JOIN_LEAVE_CALL):not(.focus) { color: var(--o-mail-ActionList-successNoBgColor, #28a745); } .o-mail-ActionList button.o-inline.btn-success:not(.o-tag-JOIN_LEAVE_CALL):not(.o-hasBtnBg) { color: var(--o-mail-ActionList-successNoBgColor, #28a745); } .o-mail-ActionList button.o-inline.btn-success:not(.o-tag-JOIN_LEAVE_CALL):not(.o-hasBtnBg):active { background-color: inherit; } .o_popover > .o-mail-ActionList .o-mail-ActionList-button { --btn-group-gap: 0px; } .o_bottom_sheet .o-mail-ActionList .o-mail-ActionList-button { padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x) !important; font-size: 1.25rem !important; font-weight: 500 !important; } /* /mail/static/src/core/common/attachment_list.scss */ .o-mail-AttachmentContainer { background-color: #F3F4F6; } .o-mail-AttachmentContainer.o-inMessage.o-isImage { min-width: 13em; min-height: 10em; } .o-mail-AttachmentContainer:not(.o-inMessage.o-isImage) { width: 13em; height: 10em; } @media (max-width: 575.98px) { .o-mail-AttachmentContainer { width: 12em; } } .o-mail-AttachmentCard-image, .o-mail-Attachment-hover-image { width: 1.4em; height: 1.4em; } .o-mail-AttachmentButtons button:hover { filter: brightness(0.95); } .o-mail-Attachment-hover { background: #F9FAFB; } .o-mail-Attachment-hover.o-image { background: rgba(0, 0, 0, 0.4); } .o-mail-Attachment-hoverImageText { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.25; } .o-mail-AttachmentImage.o-inMessage { max-height: 300px; } .o-viewable { cursor: zoom-in; } /* /mail/static/src/core/common/attachment_view.scss */ @media (min-width: 1400px) { .o_attachment_preview { display: block; flex: auto; overflow: hidden; width: 530px; } .o_attachment_preview > .o-mail-Attachment { position: relative; width: 100%; height: 100%; } .o_attachment_preview > .o-mail-Attachment .arrow { width: 5%; position: absolute; top: 50%; left: auto; bottom: auto; right: 0; background-color: rgba(0, 0, 0, 0.4); color: rgba(249, 249, 249, 0.7); transition: width 0.3s; padding-top: 30px; height: 75px; } .o_attachment_preview > .o-mail-Attachment .arrow:hover { background-color: rgba(0, 0, 0, 0.6); color: white; } .o_attachment_preview > .o-mail-Attachment .arrow.disabled { color: #6C757D; background: none; } .o_attachment_preview > .o-mail-Attachment .arrow:hover { width: 7%; } .o_attachment_preview > .o-mail-Attachment .arrow.o_move_previous { left: 2px; right: 0px; } .o_attachment_preview > .o-mail-Attachment > iframe { width: 100%; height: 100%; } .o_attachment_preview > .o-mail-Attachment > .o-mail-Attachment-imgContainer { position: absolute; overflow: auto; width: 100%; height: 100%; } .o_attachment_preview > .o-mail-Attachment > .o-mail-Attachment-imgContainer > img { margin: var(--o-Mail-Attachment-img-margin, auto); box-shadow: 0px 0px 5px rgba(41, 41, 41, 0.43); } .o_attachment_control { position: absolute; top: 8%; background-color: black; opacity: 0.3; margin-top: -15px; transition: all 0.3s; z-index: 1000; } .o_attachment_control:hover { opacity: 0.7; } .o_attachment_control.popout { right: 0px; border-radius: 30px 0 0 30px; padding: 15px 0 15px 15px; } .o_attachment_control.popout:hover { padding-right: 15px; } } .o-mail-PopoutAttachmentView { width: auto; } .o-mail-PopoutAttachmentView > .o-mail-Attachment { position: relative; width: 100%; height: 100%; } .o-mail-PopoutAttachmentView > .o-mail-Attachment .arrow { width: 5%; position: absolute; top: 50%; left: auto; bottom: auto; right: 0; background-color: rgba(0, 0, 0, 0.4); color: rgba(249, 249, 249, 0.7); transition: width 0.3s; padding-top: 30px; height: 75px; } .o-mail-PopoutAttachmentView > .o-mail-Attachment .arrow:hover { background-color: rgba(0, 0, 0, 0.6); color: white; } .o-mail-PopoutAttachmentView > .o-mail-Attachment .arrow.disabled { color: #6C757D; background: none; } .o-mail-PopoutAttachmentView > .o-mail-Attachment .arrow:hover { width: 7%; } .o-mail-PopoutAttachmentView > .o-mail-Attachment .arrow.o_move_previous { left: 2px; right: 0px; } .o-mail-PopoutAttachmentView > .o-mail-Attachment > iframe { width: 100%; height: 100%; } .o-mail-PopoutAttachmentView > .o-mail-Attachment > .o-mail-Attachment-imgContainer { position: absolute; overflow: auto; width: 100%; height: 100%; } .o-mail-PopoutAttachmentView > .o-mail-Attachment > .o-mail-Attachment-imgContainer > img { margin: var(--o-Mail-Attachment-img-margin, auto); box-shadow: 0px 0px 5px rgba(41, 41, 41, 0.43); } .o-mail-PopoutAttachmentView .o_attachment_control { display: none; } /* /mail/static/src/core/common/autoresize_input.scss */ .o-mail-AutoresizeInput { --o-input-border-color: transparent; border: var(--border-width) solid var(--o-input-border-color); background-color: var(--o-input-background-color, #ffffff); } .o-mail-AutoresizeInput:where(:not([disabled])):where(:not(:focus))::placeholder { font-style: italic; } .o-mail-AutoresizeInput:not([disabled]):hover { --o-input-border-color: var(--o-border-color); } .o-mail-AutoresizeInput:not([disabled]):focus { --o-input-border-color: #017e84; color: #374151 !important; } .o-mail-AutoresizeInput:where([disabled]) { color: #374151; } /* /mail/static/src/core/common/chat_bubble.scss */ .o-mail-ChatBubble { height: auto !important; z-index: 1001; border: none !important; padding: 0; background-color: transparent !important; } .o-mail-ChatBubble:hover .o-mail-ChatBubble-close { display: inline-flex; } .o-mail-ChatBubble:hover .o-mail-ChatBubble-counter { display: none; } .o-mail-ChatBubble:hover, .o-mail-ChatBubble.o-active { filter: brightness(1.1); } .o-mail-ChatBubble.o-bouncing { animation: o-mail-ChatBubble-bouncing 0.25s; animation-direction: alternate; animation-timing-function: cubic-bezier(0.5, 0.95, 0, 0.5); animation-iteration-count: 16; } .o-mail-ChatBubble-avatar { width: 45px; height: 45px; } .o-mail-ChatBubble-avatar.o-big { width: 50px; height: 50px; } .o-mail-ChatBubble-close { right: -3px; top: -5px; z-index: 6; font-size: 11px; display: none; padding: 0.125rem; border: 1px solid #b9bbc1; } .o-mail-ChatBubble-close:not(:hover) { color: rgba(55, 65, 81, 0.7); } .o-mail-ChatBubble-close:hover { background-color: #d8dadd !important; border-color: #7c7f89; } .o-mail-ChatBubble-country { width: 16px; left: 3px; } .o-mail-ChatBubble-counter { z-index: 7; top: -3px; right: -4px; display: inline-flex; outline: 1px solid #dee2e6; } .o-mail-ChatBubble-preview { max-width: 225px; right: 56px; z-index: 1000; border-color: #d8dadd !important; } .o-mail-ChatBubble-preview + .popover-arrow { z-index: 1 !important; } .o-mail-ChatBubble-preview + .popover-arrow::before { border-left-color: #d8dadd !important; right: 1px !important; } .o-mail-ChatBubble-preview + .popover-arrow::after { border-left-color: #F9FAFB !important; right: 2px !important; } .o-mail-ChatBubble-status { z-index: 6; bottom: 0px; right: -1px; background-color: transparent; } .o-mail-ChatBubble-unreadIndicator { font-size: .5rem; bottom: 40%; right: -10px; } @keyframes o-mail-ChatBubble-bouncing { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -10px, 0); } } /* /mail/static/src/core/common/chat_hub.scss */ .o-mail-ChatHub-bubbles { width: 56px; z-index: 20; bottom: calc(var(--mail-ChatHub-bubbles-bottom, 0px) + var(--mail-ChatHub-bubbles-bottomLift, 0px)); } .o-mail-ChatHub-bubbles.o-liftUp { --mail-ChatHub-bubbles-bottomLift: 25px; } .o-mail-ChatHub-bubbles.o-mobile { margin-right: 15px; --mail-ChatHub-bubbles-bottomLift: 35px; } .o-mail-ChatHub-bubbleBtn { padding: 0 !important; border: none !important; border-radius: 50%; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .o-mail-ChatHub-hiddenAvatar { width: 28px; height: 28px; } .o-mail-ChatHub-hiddenBtnIcon { color: #FFFFFF !important; background-color: #c3c8cd !important; width: 50px !important; height: 50px !important; } .o-mail-ChatHub-hiddenBtnCounter { padding: 4px 8px; z-index: 20; top: -4px; right: -4px; } .o-mail-ChatHub-hiddenClose { margin-left: auto; background-color: transparent; opacity: 25%; padding: 0.125rem; border: 1px solid transparent; } .o-mail-ChatHub-hiddenClose:hover { border-color: #b9bbc1; } .o-mail-ChatHub-hiddenCounter { right: 20px; } .o-mail-ChatHub-hiddenItem { display: flex; align-items: center; max-width: 225px; } .o-mail-ChatHub-hiddenItem:hover:not(:has(.o-mail-ChatHub-hiddenClose:hover)), .o-mail-ChatHub-hiddenItem.o-active { background-color: #d8dadd; } .o-mail-ChatHub-hiddenItem:hover, .o-mail-ChatHub-hiddenItem.o-active { cursor: pointer; } .o-mail-ChatHub-hiddenItem:hover .o-mail-ChatHub-hiddenClose, .o-mail-ChatHub-hiddenItem.o-active .o-mail-ChatHub-hiddenClose { opacity: 100%; } .o-mail-ChatHub-hiddenMenu { border-color: #b9bbc1 !important; } .o-mail-ChatHub-option:hover, .o-mail-ChatHub-option.o-active { background-color: #d8dadd; cursor: pointer; } .o-mail-ChatHub-optionsBtn { font-size: 15px; width: 24px !important; height: 24px !important; border: 1px solid transparent !important; } .o-mail-ChatHub-optionsBtn.o-bubblesHover { border-color: #e0e2e5 !important; } .o-mail-ChatHub-optionsBtn.o-bubblesHover i { opacity: 50%; } .o-mail-ChatHub-optionsBtn:hover { border-color: #d8dadd !important; } .o-mail-ChatHub-optionsBtn.show { border-color: #b9bbc1 !important; } .o-mail-ChatHub-optionsBtn:hover i, .o-mail-ChatHub-optionsBtn.show i { opacity: 100%; } /* /mail/static/src/core/common/chat_window.scss */ .o-mail-ChatWindow { width: 380px; z-index: 1020; outline: none; } .o-mail-ChatWindow.o-mobile { z-index: 1018 !important; } .o-mail-ChatWindow:not(.o-mobile) { --border-opacity: .15; height: Min(95vh, 633.33333333px); } .o-mail-ChatWindow-moreActions { color: inherit !important; background-color: inherit !important; } .o-mail-ChatWindow-moreActions:hover, .o-mail-ChatWindow-moreActions.o-active, .o-mail-ChatWindow-moreActions.o-hover { color: var(--mail-ChatWindow-moreActionsHoverColor, black) !important; backdrop-filter: invert(0.025); border-color: transparent !important; } .o-mail-ChatWindow-moreActions:not(.o-active):not(.o-hover) .fa-caret-down { opacity: 25%; } .o-mail-ChatWindow-closePanel { z-index: 2; } .o-mail-ChatWindow-counter { margin-bottom: 0.125rem; } .o-mail-ChatWindow-country { width: 24px; } .o-mail-ChatWindow-header .o-mail-ActionList-group { gap: 1rem; } .o-mail-ChatWindow-header .o-mail-ActionList-group button:not(:hover):not(:focus-visible):not(:active):not(.btn-success) { --o-mail-ActionList-Button-opacity: .5; } @media (min-width: 768px) { .o-mail-ChatWindow-header .o-mail-ActionList-group { gap: 0.25rem; } } .o-mail-ChatWindow-header .o-mail-ChatWindow-threadAvatar img { height: 24px; width: 24px; } .o-mail-ChatWindow-imStatus { bottom: 2px; right: -2px; } .o-mail-ChatWindow-typing { font-size: 0.7875em; z-index: 19; } /* /mail/static/src/core/common/composer.scss */ .o-mail-Composer { grid-template-areas: "sidebar-header core-header" "sidebar-main core-main" "sidebar-footer core-footer"; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr auto; } .o-mail-Composer.o-hasSelfAvatar { grid-template-columns: 48px 1fr; } .o-mail-Composer .o-mail-Composer-sidebarMain { padding-top: 0.3125rem; width: 48px; } .o-mail-Composer .o-mail-Composer-coreHeader { grid-area: core-header; } .o-mail-Composer .o-mail-Composer-coreMain { grid-area: core-main; } .o-mail-Composer .o-mail-Composer-sidebarMain { grid-area: sidebar-main; } .o-mail-Composer .o-mail-Composer-footer { grid-area: core-footer; } .o-mail-Composer .o-mail-Composer-mainActions { margin-top: 0.3125rem; } .o-mail-Composer.o-chatWindow .o-mail-Composer-mainActions { margin-top: 0.125rem; } .o-mail-Composer.o-isUiSmall:not(.o-editing) .o-mail-Composer-mainActions { margin-top: 0.375rem; } .o-mail-Composer:not(.o-focused) .o-mail-Composer-input::placeholder { opacity: 50%; } .o-mail-Composer:not(.o-focused) .o-mail-Composer-mainActions button:not(.active) { opacity: 50%; } .o-mail-Composer-actions button.o-small { margin: 0 !important; padding: 0.25rem !important; } .o-mail-Composer-actions button.o-large { margin: 0 !important; padding: 0.5rem !important; } .o-mail-Composer-actions button.o-sendMessageActive { background-color: #885a7c; outline: 1px solid #714b67; outline-offset: -1px; opacity: 100% !important; } .o-mail-Composer-actions button.o-sendMessageActive:focus-visible { outline: #003638 solid 1px; } .o-mail-Composer-actions button i.fa-paper-plane-o { transform: translate(-1px); scale: .85; } .o-mail-Composer-actions button:hover, .o-mail-Composer-actions button:focus { opacity: 100% !important; color: var(--mail-Composer-actionHoverColor, black); backdrop-filter: invert(0.025); } .o-mail-Composer-actions button.o-mail-Composer-send.btn-link:not(:disabled):not(.o_wysiwyg_loader) { background-color: rgba(1, 126, 132, 0.75); opacity: 100% !important; } .o-mail-Composer-actions button.o-mail-Composer-send.btn-link:not(:disabled):not(.o_wysiwyg_loader):focus-visible { outline: #003638 solid 1px; } .o-mail-Composer-actions button.o-mail-Composer-send.btn-link:not(:disabled):not(.o_wysiwyg_loader) i.fa-paper-plane-o { color: #FFF; transform: translate(-1px); scale: .85; } .o-mail-Composer-actions button.rounded-circle, .o-mail-Composer-actions button.fa.rounded-empty-circle { aspect-ratio: 1; } .o-mail-Composer-bg { background-color: var(--mail-Composer-bg, white); } .o-mail-Composer-inputStyle, .o-mail-Composer-html { padding-top: 10px; padding-bottom: 10px; padding-left: 0.25rem; padding-right: 0.25rem; line-height: 1.42857143 !important; } .o-mail-Composer.o-editing .o-mail-Composer-inputStyle, .o-mail-Composer.o-editing .o-mail-Composer-html { padding-left: 0.5rem; padding-right: 0.5rem; } .o-mail-Composer.o-extended .o-mail-Composer-inputStyle, .o-mail-Composer.o-extended .o-mail-Composer-html { padding-left: 0.75rem; padding-right: 0.5rem; } .o-mail-Composer.o-chatWindow .o-mail-Composer-inputStyle, .o-mail-Composer.o-chatWindow .o-mail-Composer-html { padding-top: 7px; padding-bottom: 7px; padding-left: 0.125rem; padding-right: 0.125rem; } .o-mail-Composer.o-isUiSmall .o-mail-Composer-inputStyle, .o-mail-Composer.o-isUiSmall .o-mail-Composer-html { padding-top: 7px; padding-bottom: 7px; } .o-mail-Composer.o-isUiSmall:not(.o-editing) .o-mail-Composer-inputStyle, .o-mail-Composer.o-isUiSmall:not(.o-editing) .o-mail-Composer-html { padding-top: 12px; padding-bottom: 12px; } .o-mail-Composer-input, .o-mail-Composer-html { max-height: Min(400px, 60vh); resize: none; } @media (min-height: 325px) { .o-mail-Composer.o-chatWindow .o-mail-Composer-input, .o-mail-Composer.o-chatWindow .o-mail-Composer-html { max-height: Min(350px, 70vh); } } @media (min-height: 325px) { .o-mail-Composer.o-chatWindowBig .o-mail-Composer-input, .o-mail-Composer.o-chatWindowBig .o-mail-Composer-html { max-height: Min(550px, 70vh); } } @media (min-height: 425px) { .o-mail-Composer.o-discussApp .o-mail-Composer-input, .o-mail-Composer.o-discussApp .o-mail-Composer-html { max-height: 50vh; } } .o-mail-Composer.o-extended .o-mail-Composer-input, .o-mail-Composer.o-extended .o-mail-Composer-html { max-height: Min(400px, 30vh); } .o-mail-Composer-input::placeholder, .o-mail-Composer-html::placeholder { opacity: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .o-mail-Composer.o-focused .o-mail-Composer-input::placeholder, .o-mail-Composer.o-focused .o-mail-Composer-html::placeholder { opacity: 50%; } .o-mail-Composer-quickActions { margin-right: 0.25rem; } .o-mail-Composer.o-chatWindow .o-mail-Composer-quickActions { margin-right: 1px; } .o-mail-Composer-avatar { --Avatar-size: 32px; } .o-mail-Composer-fake { height: 0; left: -10000px; top: -10000px; visibility: hidden; } .o-mail-Composer-inputContainer:has(textarea:focus) { --border-color: rgba(1, 126, 132, 0.65); } .o-mail-Composer-inputContainer:has(.o-mail-Composer-html:focus) { --border-color: #017e84; } .o-mail-Composer-pickerContainer.o-active { height: 50vh; } .o-mail-Composer-suggestionList:has(.o-open) { border: 1px solid var(--o-border-color); } /* /mail/static/src/core/common/core.scss */ .o-mail-discussSidebarBgColor { background-color: #FFF !important; } .o-mail-brighter { filter: brightness(1.2); } .o-mail-emoji { font-size: 121%; line-height: 1.2; } .o-bg-black { background-color: rgba(0, 0, 0, var(--bg-opacity, 1)); } .o-bg-body { background-color: #ffffff !important; } .o-border-opacity-25 { --border-opacity: 0.25; } .o-border-opacity-50 { --border-opacity: 0.5; } .o-discuss-badge, .o-discuss-badge .o-innerBadge { --o-discuss-badge-bg: #28a745; color: white !important; background-color: var(--o-discuss-badge-bg) !important; align-items: center; justify-content: center; padding: 3px 4px; } .o-discuss-badge.o-muted, .o-discuss-badge .o-innerBadge.o-muted { --o-discuss-badge-bg: #D8DADD; } .o-discuss-badge .o-innerBadge { min-width: 2.7ch; } .o-discuss-dropdownMenu { --Dropdown_menu-margin-y: 0; } .o-discuss-dropdownMenu.o-simulateDarkTheme { background-color: #374151; border-color: #495057 !important; } .o-discuss-dropdownMenu.o-simulateDarkTheme * { color: white; } .o-discuss-dropdownMenu.o-simulateDarkTheme select, .o-discuss-dropdownMenu.o-simulateDarkTheme .form-check-input { border-color: #6C757D; } .o-discuss-dropdownMenu.o-simulateDarkTheme .form-select { --form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .o-discuss-dropdownMenu.o-simulateDarkTheme .form-switch .form-check-input:not(:checked):not(:focus) { --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .o-discuss-dropdownMenu.o-simulateDarkTheme select option { background-color: #495057; } .o_bottom_sheet_sheet:has(.o-discuss-dropdownMenu) { background-color: #F9FAFB; box-shadow: unset !important; } .o-discuss-mobileContextMenu { top: auto !important; } .o-discuss-separator { opacity: 0.5; } .o-discuss-text-body { color: #495057; } .o-discuss-badge, .o-discuss-badge .o-innerBadge, .o-discuss-badgeShape, .o-discuss-badgeShape .o-innerBadge { display: flex; transform: translate(0, 0) !important; font-size: 0.78572rem !important; user-select: none; } .o-fw-600 { font-weight: 600; } .o-min-height-0 { min-height: 0; } .o-min-width-0 { min-width: 0; } .o-opacity-35 { opacity: 35%; } .o-opacity-65 { opacity: 65%; } .o-outline-secondary { outline: 1px solid #d8dadd; } .o-hover-text-underline:hover { text-decoration: underline; } .o-gap-0_5 { gap: 0.125rem !important; } .o-gap-1_5 { gap: 0.375rem !important; } .o-gap-2_5 { gap: 0.75rem !important; } .o-gap-3_5 { gap: 1.25rem !important; } .o-gap-4_5 { gap: 2.25rem !important; } .o-m-0_5 { margin: 0.125rem !important; } .o-m-1_5 { margin: 0.375rem !important; } .o-m-2_5 { margin: 0.75rem !important; } .o-m-3_5 { margin: 1.25rem !important; } .o-m-4_5 { margin: 2.25rem !important; } .o-mx-0_5 { margin-left: 0.125rem !important; margin-right: 0.125rem !important; } .o-mx-1_5 { margin-left: 0.375rem !important; margin-right: 0.375rem !important; } .o-mx-2_5 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .o-mx-3_5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .o-mx-4_5 { margin-left: 2.25rem !important; margin-right: 2.25rem !important; } .o-my-0_5 { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .o-my-1_5 { margin-top: 0.375rem !important; margin-bottom: 0.375rem !important; } .o-my-2_5 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .o-my-3_5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .o-my-4_5 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .o-mt-0_5 { margin-top: 0.125rem !important; } .o-mt-1_5 { margin-top: 0.375rem !important; } .o-mt-2_5 { margin-top: 0.75rem !important; } .o-mt-3_5 { margin-top: 1.25rem !important; } .o-mt-4_5 { margin-top: 2.25rem !important; } .o-me-0_5 { margin-right: 0.125rem !important; } .o-me-1_5 { margin-right: 0.375rem !important; } .o-me-2_5 { margin-right: 0.75rem !important; } .o-me-3_5 { margin-right: 1.25rem !important; } .o-me-4_5 { margin-right: 2.25rem !important; } .o-mb-0_5 { margin-bottom: 0.125rem !important; } .o-mb-1_5 { margin-bottom: 0.375rem !important; } .o-mb-2_5 { margin-bottom: 0.75rem !important; } .o-mb-3_5 { margin-bottom: 1.25rem !important; } .o-mb-4_5 { margin-bottom: 2.25rem !important; } .o-ms-0_5 { margin-left: 0.125rem !important; } .o-ms-1_5 { margin-left: 0.375rem !important; } .o-ms-2_5 { margin-left: 0.75rem !important; } .o-ms-3_5 { margin-left: 1.25rem !important; } .o-ms-4_5 { margin-left: 2.25rem !important; } .o-p-0_5 { padding: 0.125rem !important; } .o-p-1_5 { padding: 0.375rem !important; } .o-p-2_5 { padding: 0.75rem !important; } .o-p-3_5 { padding: 1.25rem !important; } .o-p-4_5 { padding: 2.25rem !important; } .o-px-0_5 { padding-left: 0.125rem !important; padding-right: 0.125rem !important; } .o-px-1_5 { padding-left: 0.375rem !important; padding-right: 0.375rem !important; } .o-px-2_5 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .o-px-3_5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .o-px-4_5 { padding-left: 2.25rem !important; padding-right: 2.25rem !important; } .o-py-0_5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .o-py-1_5 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .o-py-2_5 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .o-py-3_5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .o-py-4_5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .o-pt-0_5 { padding-top: 0.125rem !important; } .o-pt-1_5 { padding-top: 0.375rem !important; } .o-pt-2_5 { padding-top: 0.75rem !important; } .o-pt-3_5 { padding-top: 1.25rem !important; } .o-pt-4_5 { padding-top: 2.25rem !important; } .o-pe-0_5 { padding-right: 0.125rem !important; } .o-pe-1_5 { padding-right: 0.375rem !important; } .o-pe-2_5 { padding-right: 0.75rem !important; } .o-pe-3_5 { padding-right: 1.25rem !important; } .o-pe-4_5 { padding-right: 2.25rem !important; } .o-pb-0_5 { padding-bottom: 0.125rem !important; } .o-pb-1_5 { padding-bottom: 0.375rem !important; } .o-pb-2_5 { padding-bottom: 0.75rem !important; } .o-pb-3_5 { padding-bottom: 1.25rem !important; } .o-pb-4_5 { padding-bottom: 2.25rem !important; } .o-ps-0_5 { padding-left: 0.125rem !important; } .o-ps-1_5 { padding-left: 0.375rem !important; } .o-ps-2_5 { padding-left: 0.75rem !important; } .o-ps-3_5 { padding-left: 1.25rem !important; } .o-ps-4_5 { padding-left: 2.25rem !important; } .o-rounded-2_5 { border-radius: calc((0.625rem + 1.25rem) / 2) !important; } .o-rounded-bubble { border-radius: calc((0.625rem + 1.25rem) * 3 / 4) !important; } .o-rounded-top-2_5 { border-top-left-radius: calc((0.625rem + 1.25rem) / 2) !important; border-top-right-radius: calc((0.625rem + 1.25rem) / 2) !important; } .o-rounded-top-bubble { border-top-left-radius: calc((0.625rem + 1.25rem) * 3 / 4) !important; border-top-right-radius: calc((0.625rem + 1.25rem) * 3 / 4) !important; } .o-rounded-end-2_5 { border-top-right-radius: calc((0.625rem + 1.25rem) / 2) !important; border-bottom-right-radius: calc((0.625rem + 1.25rem) / 2) !important; } .o-rounded-end-bubble { border-top-right-radius: calc((0.625rem + 1.25rem) * 3 / 4) !important; border-bottom-right-radius: calc((0.625rem + 1.25rem) * 3 / 4) !important; } .o-rounded-bottom-2_5 { border-bottom-right-radius: calc((0.625rem + 1.25rem) / 2) !important; border-bottom-left-radius: calc((0.625rem + 1.25rem) / 2) !important; } .o-rounded-bottom-bubble { border-bottom-right-radius: calc((0.625rem + 1.25rem) * 3 / 4) !important; border-bottom-left-radius: calc((0.625rem + 1.25rem) * 3 / 4) !important; } .o-rounded-start-2_5 { border-bottom-left-radius: calc((0.625rem + 1.25rem) / 2) !important; border-top-left-radius: calc((0.625rem + 1.25rem) / 2) !important; } .o-rounded-start-bubble { border-bottom-left-radius: calc((0.625rem + 1.25rem) * 3 / 4) !important; border-top-left-radius: calc((0.625rem + 1.25rem) * 3 / 4) !important; } .o-fs-small { font-size: 0.8125rem !important; } .o-scrollbar-thin { scrollbar-width: thin; scrollbar-color: #D8DADD transparent; } .o-text-white { color: #FFF !important; } .o-xsmaller { font-size: 0.65rem; } .o-xxsmaller { font-size: 0.5rem; } .o-xxxs { font-size: 0.35rem; } .o-yellow { color: #ffc107; } .o-info { color: #17a2b8; } .o-secondary { color: var(--o-secondary, #e0e2e5); } .o-warning { color: #ffac00; } a.o_mail_redirect, a.o_channel_redirect, a.o-discuss-mention, a.o_message_redirect_transformed { user-select: none; border-radius: 0.25rem; padding: 0rem 0.1rem; margin: 0rem 0.0875rem; outline: 1px solid; font-weight: 600; display: inline-block; } a.o_mail_redirect, a.o_channel_redirect, a.o_message_redirect_transformed { color: #52374b !important; background-color: rgba(113, 75, 103, 0.15); outline-color: rgba(113, 75, 103, 0.25); } a.o_mail_redirect:hover, a.o_channel_redirect:hover, a.o_message_redirect_transformed:hover { color: #432c3d; background-color: rgba(113, 75, 103, 0.2); outline-color: rgba(113, 75, 103, 0.5); } a.o_mail_redirect:focus, a.o_channel_redirect:focus, a.o_message_redirect_transformed:focus { box-shadow: 96, 64, 88; } a.o_mail_redirect:active, a.o_channel_redirect:active, a.o_message_redirect_transformed:active { color: #111827; background-color: rgba(220, 211, 218, 0.32); outline-color: rgba(175, 154, 170, 0.325); } a.o_mail_redirect:disabled, .o_mail_redirect.o_wysiwyg_loader, a.o_channel_redirect:disabled, .o_channel_redirect.o_wysiwyg_loader, a.o_message_redirect_transformed:disabled, .o_message_redirect_transformed.o_wysiwyg_loader { color: #111827; background-color: rgba(113, 75, 103, 0.15); outline-color: rgba(113, 75, 103, 0.25); } a.o-discuss-mention { color: #52374b !important; background-color: rgba(113, 75, 103, 0.15); outline-color: rgba(113, 75, 103, 0.25); cursor: default !important; } a.o-discuss-mention:hover { color: #52374b; background-color: rgba(113, 75, 103, 0.15); outline-color: rgba(113, 75, 103, 0.25); } a.o-discuss-mention:focus { box-shadow: 96, 64, 88; } a.o-discuss-mention:active { color: #111827; background-color: rgba(220, 211, 218, 0.32); outline-color: rgba(175, 154, 170, 0.325); } a.o-discuss-mention:disabled, .o-discuss-mention.o_wysiwyg_loader { color: #111827; background-color: rgba(113, 75, 103, 0.15); outline-color: rgba(113, 75, 103, 0.25); } .o-discuss-inCallIconColor { color: #017e84; } .o-mail-DiscussSystray { --border-color: #d8dadd !important; } .o-mail-DiscussSystray-class { margin-top: -10px; margin-bottom: -10px; display: flex; align-items: center; } .o-mail-systrayFullscreenDropdownMenu { top: 46px !important; height: calc(100% - 46px); border-radius: 0 !important; } .o-pointer-events-none { pointer-events: none; } .o-visible-short-delay { animation: o-visible-short-delay-animation 0s ease-in 0.25s forwards; display: none; } @keyframes o-visible-short-delay-animation { to { display: inline-flex; } } @media (hover: none) { .o-opacity-hoverable { opacity: 100 !important; } } .o-mail-Discuss-threadActionPopover { width: Min(95vw, 400px); max-height: Min(50vh, 530px); } .o-mail-starred { color: #f3cc00; filter: drop-shadow(1px 1px 0px #000000b0); } /* /mail/static/src/core/common/country_flag.scss */ .o-mail-CountryFlag { --border-color: #F9FAFB; aspect-ratio: 3/2; } /* /mail/static/src/core/common/im_status.scss */ .o-mail-ImStatus i { padding-left: 1px; padding-right: 1px; } .o-mail-ImStatus i.fa-heart { transform: scale(0.8); } .o-mail-ImStatus.o-sm i { width: 0.65rem; height: 0.65rem; } /* /mail/static/src/core/common/im_status_dropdown.scss */ @media (max-width: 767.98px) { .o-overlay-item:has(.o-mail-ImStatusDropdown) { z-index: 1095; } } /* /mail/static/src/core/common/link_preview.scss */ .o-mail-LinkPreviewCard { max-width: 320px; } .o-mail-LinkPreviewCard .row { min-height: 80px; } .o-mail-LinkPreviewCard-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .o-mail-LinkPreviewCard-imageLinkWrap { border-right: 1px solid #D8DADD; } .o-mail-LinkPreviewImage img { max-height: 240px; max-width: 320px; } .o-mail-ChatWindow .o-mail-LinkPreviewImage img { max-width: 100%; } .o-mail-LinkPreviewVideo { max-width: 320px; } .o-mail-LinkPreviewVideo .row { min-height: 80px; } .o-mail-LinkPreviewVideo-hasDescription { display: -webkit-box; -webkit-box-orient: vertical; } .o-mail-LinkPreviewVideo-hasDescription.o-mail-LinkPreviewVideo-description { -webkit-line-clamp: 2; } .o-mail-LinkPreviewVideo-hasDescription.o-mail-LinkPreviewVideo-title { -webkit-line-clamp: 3; } .o-mail-LinkPreviewVideo-play { background: #535353; } .o-mail-LinkPreviewVideo-play:hover { background: #777777; } .o-mail-LinkPreviewVideo-play i { color: #cac6c6; } .o-mail-LinkPreviewVideo-container { position: relative; aspect-ratio: 16 / 9; } .o-mail-LinkPreviewVideo-container iframe, .o-mail-LinkPreviewVideo-container .o-mail-LinkPreviewVideo-videoWrap { position: absolute; top: 0; left: 0; } .o-mail-LinkPreviewVideo-embed { max-width: 400px; transition: max-width 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); border: 0; } .o-mail-LinkPreviewVideo-embed.o-mail-LinkPreviewVideo-started { max-width: 550px; } .o-mail-LinkPreviewVideo-embed[data-provider=youtube] { border-left: 4px solid; border-left-color: #FF0000; } .o-mail-LinkPreviewVideo-embed[data-provider=google-drive]::before { content: ''; position: absolute; z-index: 1; width: 4px; height: 100%; background: linear-gradient(to bottom, #FBBC05 33.33%, #34A853 33.33%, #34A853 66.66%, #4285F4 66.66%); } .o-mail-LinkPreviewVideo-embed .o-mail-LinkPreviewVideo-overlay { border-bottom-left-radius: 0 !important; } @media (hover: hover) { .o-mail-LinkPreview-aside { display: none; } .o-mail-LinkPreviewCard:hover .o-mail-LinkPreview-aside, .o-mail-LinkPreviewImage:hover .o-mail-LinkPreview-aside, .o-mail-LinkPreviewVideo:hover .o-mail-LinkPreview-aside { display: block; } } /* /mail/static/src/core/common/message.scss */ .o-mail-Message { transition: background-color .2s ease-out, opacity .5s ease-out, box-shadow .5s ease-out, transform .2s ease-out; } .o-mail-Message.o-card { background-color: white; --border-opacity: .2; } .o-mail-Message.o-highlighted { transform: translateY(-1rem); z-index: 2; } .o-mail-Message.o-actionMenuMobileOpen { background-color: rgba(1, 126, 132, 0.075); outline: 1px solid rgba(1, 126, 132, 0.125); outline-offset: -1px; } .o-mail-Message-date { color: rgba(55, 65, 81, 0.7); } .o-mail-Message-sidebar { flex-basis: 48px; max-width: 48px; } .o-mail-Message-sidebar.o-inChatWindow { flex-basis: 36px; max-width: 36px; } .o-mail-Message-avatarContainer { width: 32px; height: 32px; } .o-mail-Message-avatarContainer.o-inChatWindow { width: 24px; height: 24px; } .o-mail-Message-body:not(.o-note) { padding-left: 0.75rem; padding-right: 0.75rem; } .o-mail-Message.o-editing .o-mail-Message-body:not(.o-note) { padding-left: 0.25rem; padding-right: 0.25rem; } .o-mail-Message-body > p:last-child, .o-mail-Message-body .o-mail-Message-richBody > p:last-child { margin-bottom: 0 !important; } .o-mail-Message-body table[align="left"][width="100%"] { float: none; } .o-mail-Message-bubble { background-color: var(--o-message-bubble-bg) !important; border-color: var(--o-message-bubble-border-color) !important; } .o-mail-Message-bubble.o-muted { background-color: white !important; } .o-mail-Message-bubbleTail { width: 6px; height: 12px; z-index: 1; top: 0; } .o-mail-Message-bubbleTail .o-mail-Message-bubbleTailBg { color: var(--o-message-bubble-bg); } .o-mail-Message-bubbleTail .o-mail-Message-bubbleTailBorder { color: var(--o-message-bubble-border-color); } .o-mail-Message-bubble.o-blue, .o-mail-Message-bubbleTail.o-blue { --o-message-bubble-bg: #e8f6f8; --o-message-bubble-border-color: #d2e8ec; --o-message-bubble-color-base: #17a2b8; } .o-mail-Message-bubble.o-green, .o-mail-Message-bubbleTail.o-green { --o-message-bubble-bg: #eaf6ec; --o-message-bubble-border-color: #d5e8da; --o-message-bubble-color-base: #28a745; } .o-mail-Message-bubble.o-orange, .o-mail-Message-bubbleTail.o-orange { --o-message-bubble-bg: #fff9e6; --o-message-bubble-border-color: #f5ecd1; --o-message-bubble-color-base: #ffc107; } .o-mail-ChatWindow .o-mail-Message.o-selfAuthored { flex-direction: row-reverse; } .o-mail-ChatWindow .o-mail-Message.o-selfAuthored .o-mail-Message-core, .o-mail-ChatWindow .o-mail-Message.o-selfAuthored .o-mail-Message-textContent { flex-direction: row-reverse; } .o-mail-ChatWindow .o-mail-Message.o-selfAuthored .o-mail-Message-header { justify-content: flex-end; } .o-mail-ChatWindow .o-mail-Message.o-selfAuthored .o-mail-Message-author { display: none; } .o-mail-Message-expandBtn i { opacity: 0.76; } .o-mail-Message-expandBtn:hover i, .o-mail-Message-expandBtn.focus i, .o-mail-Message-expandBtn.show i { opacity: 100%; } .o-mail-Message-actions { --o-mail-ActionList-Button-opacity: .35; --o-mail-ActionList-Button-opacity--hover: 1; --o-mail-ActionList-Button-color--hover: var(--mail-Message-actionIconHoveredColor, black); } .o-mail-Message-actions .btn-danger, .o-mail-Message-actions .btn-success { --o-mail-ActionList-Button-opacity: .5; } .o-mail-Message-actions i { font-size: 1rem; } .o-mail-Message.o-isMobileOS .o-mail-Message-actions i.oi-ellipsis-v { opacity: 15%; } .o-mail-Message-moreMenu { z-index: 21; } .o-mail-Message-pendingProgress { animation: o-mail-message-pendingProgress-animation 0s ease-in 0.5s forwards; visibility: hidden; } @keyframes o-mail-message-pendingProgress-animation { to { visibility: visible; } } .o-mail-Message-searchHighlight { background: rgba(255, 193, 7, 0.75); } .o-mail-Message-starred { color: #f3cc00; filter: drop-shadow(1px 1px 0px #000000b0); } .o-mail-Message-translated { color: #017e84; } /* /mail/static/src/core/common/message_card_list.scss */ .o-mail-MessageCardList .card { --border-opacity: .075; } .o-mail-MessageCardList .card-body { background-color: var(--mail-MessageCardList-cardBodyBg, white); } .o-mail-MessageCardList .card-body:hover .o-mail-MessageCard-jump { opacity: 100 !important; } .o-mail-MessageCard-jump { color: white; } .o_touch_device .o-mail-MessageCard-jump.btn { font-size: 0.9rem; } /* /mail/static/src/core/common/message_in_reply.scss */ .o-mail-MessageInReply-author { opacity: 75%; } .o-mail-MessageInReply-avatar { width: 16px; aspect-ratio: 1; } .o-mail-MessageInReply-core { --border-color: var(--o-message-bubble-border-color); border-width: 1px 1px 1px 3px !important; border-left-color: var(--o-message-bubble-color-base) !important; background-color: rgba(255, 255, 255, 0.5) !important; } .o-mail-MessageInReply-core:hover, .o-mail-MessageInReply-core:focus-visible { transform: translateY(-2px); transition: all 0.2s ease-in-out; } .o-mail-MessageInReply-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .o-mail-MessageInReply-message p { margin: 0; } /* /mail/static/src/core/common/message_reaction_list.scss */ .o-mail-MessageReactionList-preview:hover { background-color: #F9FAFB !important; } .o-mail-MessageReactionList-previewText { max-width: 200px; } /* /mail/static/src/core/common/message_reaction_menu.scss */ .o-mail-MessageReactionMenu-avatar { width: 32px; height: 32px; } .o-mail-MessageReactionMenu > .modal-body { padding: 0; } .o-mail-MessageReactionMenu-persona:not(.o-isDeviceSmall):not(:hover) button.fa-trash { opacity: 0; } .o-mail-MessageReactionMenu-persona:not(.o-isDeviceSmall):hover button.fa-trash { opacity: 100; } .o-mail-MessageReactionMenu-persona:not(.o-isDeviceSmall):hover button.fa-trash:hover { background-color: #F9FAFB; } /* /mail/static/src/core/common/message_reactions.scss */ .o-mail-MessageReaction { line-height: 1.75; } .o-mail-MessageReaction:not(.o-selfReacted):hover { border-color: rgba(1, 126, 132, var(--mail-MessageReaction-selfReactedBorderOpacity, 1)) !important; } .o-mail-MessageReaction.o-selfReacted { --border-opacity: var(--mail-MessageReaction-selfReactedBorderOpacity, 1); background: white; } .o-mail-MessageReactions:not(.o-emojiPickerOpen):not(:hover) .o-mail-MessageReactions-add:not(.o-mobile) { visibility: hidden; } /* /mail/static/src/core/common/navigable_list.scss */ .o-mail-NavigableList { z-index: 21; } .o-mail-NavigableList-active { background-color: var(--mail-NavigableList-activeBgColor, #e6f2f3); } .o-mail-NavigableList-item:hover { background-color: var(--mail-NavigableList-hoverBgColor, #f2f9f9); } .o-mail-NavigableList-floatingLoading { right: 1px; } /* /mail/static/src/core/common/quick_reaction_menu.scss */ .o-mail-QuickReactionMenu-popEffect--smaller i::before { display: inline-block; transform: rotate(45deg); } .o-mail-QuickReactionMenu-toggler.o-open { opacity: 100% !important; } @keyframes qrm-menuSlideInAnimation { to { transform: scaleX(1); } } .o-mail-QuickReactionMenu-popover { background-color: unset; border: none; } .o-mail-QuickReactionMenu { gap: 1px; padding-top: 0.125rem; padding-bottom: 0.125rem; transform: scaleX(0.3); transform-origin: left; animation: qrm-menuSlideInAnimation 0.2s cubic-bezier(0.6, 0, 0.4, 1) forwards; } .o-mail-QuickReactionMenu-emoji.bg-secondary { --bg-opacity: .35; } .o-mail-QuickReactionMenu-emoji:hover, .o-mail-QuickReactionMenu-emoji:focus { background-color: rgba(1, 126, 132, 0.1); outline: 1px solid rgba(1, 126, 132, 0.5); } .o-mail-QuickReactionMenu-emojiPicker { padding: 0.5rem; } @keyframes qrm-emojiPopAnimation { 0% { transform: scale(0); } 60% { transform: scale(1.15); } 100% { opacity: 1; transform: scale(var(--quick-reaction-menu-final-scale)); } } .o-mail-QuickReactionMenu-popEffect { --quick-reaction-menu-final-scale: 1; opacity: 0; animation: qrm-emojiPopAnimation 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; aspect-ratio: 1; } .o-mail-QuickReactionMenu-popEffect.o-mail-QuickReactionMenu-popEffect--smaller { --quick-reaction-menu-final-scale: .9; } .o-mail-QuickReactionMenu-popEffect:nth-child(1) { animation-delay: 0.06666667s; } .o-mail-QuickReactionMenu-popEffect:nth-child(2) { animation-delay: 0.11666667s; } .o-mail-QuickReactionMenu-popEffect:nth-child(3) { animation-delay: 0.16666667s; } .o-mail-QuickReactionMenu-popEffect:nth-child(4) { animation-delay: 0.21666667s; } .o-mail-QuickReactionMenu-popEffect:nth-child(5) { animation-delay: 0.26666667s; } .o-mail-QuickReactionMenu-popEffect:nth-child(6) { animation-delay: 0.31666667s; } .o-mail-QuickReactionMenu-popEffect:nth-child(7) { animation-delay: 0.36666667s; } .o-mail-QuickReactionMenu-popEffect:nth-child(8) { animation-delay: 0.41666667s; } @keyframes qrm-pickerGrowAnimation { to { opacity: 1; transform: scale(1); } } .o-mail-QuickReactionMenu-pickerPopover { background-color: unset; border: none; box-shadow: none; --originY: top; --arrowTranslateY: 1px; } .o-mail-QuickReactionMenu-pickerPopover[data-popper-placement="top"] { --originY: bottom; --arrowTranslateY: -1px; } .o-mail-QuickReactionMenu-pickerPopover .popover-arrow { z-index: 1 !important; transform: translateY(var(--arrowTranslateY)); } .o-mail-QuickReactionMenu-pickerPopover .popover-arrow::after { border-bottom-color: #F9FAFB !important; } .o-mail-QuickReactionMenu-pickerPopover .popover-arrow::before { border-bottom-color: var(--secondary) !important; } .o-mail-QuickReactionMenu-pickerPopover .o-EmojiPicker { opacity: 0; border: var(--popover-border-width) solid var(--secondary); transform: scale(0.8); transform-origin: var(--originY); animation: qrm-pickerGrowAnimation 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) forwards; } /* /mail/static/src/core/common/thread.scss */ .o-mail-Thread:has(.o-mail-Message.o-selected) .o-mail-Message:not(.o-selected) { opacity: 50% !important; } .o-mail-Thread:focus-visible { outline: 0; } .o-mail-Thread-jumpPresent { z-index: 20; --border-opacity: .5; } .o-mail-Thread-newMessage { transition: opacity 0.5s; } .o-mail-Thread-newMessage span { --bg-opacity: 90%; clip-path: polygon(-1px 50%, 15% 0%, 100% 0%, 100% 100%, 15% 100%); } .o-mail-Thread-avatar { --avatar-size: 3.5rem; --icon-font-size: 2.6em; } .o-mail-Thread-avatar.o-mail-Thread-avatarChatWindow { --avatar-size: 28px; --icon-font-size: 1.5em; } .o-mail-Thread-avatar img { height: var(--avatar-size); width: var(--avatar-size); } .o-mail-Thread-avatar i::before { font-size: var(--icon-font-size); } .o-mail-Thread-newMessageLine { --border-opacity: .5; } .o_mail_notification { display: inline; } .o_mail_notification a:hover { text-decoration: underline; } .o-mail-NotificationMessage p { margin-bottom: 0; } .o-mail-Message:not(:has(.o-mail-MessageReaction)) + .o-mail-NotificationMessage { margin-top: 0.25rem; } .o-mail-NotificationMessage:has(.o_hide_author) .o-mail-NotificationMessage-author { display: none !important; } .o-mail-Thread-banner { z-index: 20; --border-opacity: 0.35; } .o-mail-Thread-bannerHover:hover { filter: brightness(98%); } /* /mail/static/src/discuss/core/common/action_panel.scss */ .o-mail-ActionPanel .form-check-input { --form-check-bg: #FFF; } @media (min-width: 750px) { .o-mail-ActionPanel:not(.o-mail-ActionPanel-chatter):not(.o-chatWindow) { max-width: 30vw; } } @media (min-width: 1000px) { .o-mail-ActionPanel:not(.o-mail-ActionPanel-chatter):not(.o-chatWindow) { max-width: 50vw; } } @media (min-width: 1200px) { .o-mail-ActionPanel:not(.o-mail-ActionPanel-chatter):not(.o-chatWindow) { max-width: 55vw; } } @media (min-width: 1600px) { .o-mail-ActionPanel:not(.o-mail-ActionPanel-chatter):not(.o-chatWindow) { max-width: 65vw; } } @media (min-width: 2300px) { .o-mail-ActionPanel:not(.o-mail-ActionPanel-chatter):not(.o-chatWindow) { max-width: 75vw; } } .popover .o-mail-ActionPanel:not(.o-mail-ActionPanel-chatter):not(.o-chatWindow) { width: 475px; max-width: unset; } .o-mail-ActionPanel-header { z-index: 20; } /* /mail/static/src/discuss/core/common/channel_invitation.scss */ .o-discuss-ChannelInvitation { min-height: 0; } .o-discuss-ChannelInvitation-selectable.o-odd { background-color: #F9FAFB !important; } .o-discuss-ChannelInvitation-selectable:hover { background-color: #f6f7f9 !important; } .o-discuss-ChannelInvitation-selectable.o-selected { background-color: #d9eced !important; } .o-discuss-ChannelInvitation-selectedList { max-height: 100px; } .o-discuss-ChannelInvitation-selectedList button { background-color: #d9eced; } .o-discuss-ChannelInvitation-selectedList button:not(:hover) .oi-close { border-color: transparent !important; } .o-discuss-ChannelInvitation-selectedList button:hover .oi-close { color: #dc3545; border-color: #dc3545 !important; } .o-discuss-ChannelInvitation-avatar { width: 32px; aspect-ratio: 1; } .o-discuss-ChannelInvitation-invitationBox { position: sticky; bottom: -0.5rem; } /* /mail/static/src/discuss/core/common/channel_member_list.scss */ .o-discuss-ChannelMember.o-offline { opacity: 33%; } .o-discuss-ChannelMember.o-offline.cursor-pointer:hover { opacity: 75%; } .o-discuss-ChannelMember.cursor-pointer:hover { background-color: var(--discuss-ChannelMember-hoverBg, #f6f7f9); } .o-discuss-ChannelMember-avatar { width: 32px; aspect-ratio: 1; } /* /mail/static/src/discuss/core/common/discuss_notification_settings.scss */ .o-mail-DiscussNotificationSettings button.o-selected { background-color: var(--mail-DiscussNotificationSettings-btnSelectedBg, #F3F4F6); } /* /mail/static/src/discuss/core/common/message.scss */ .o-mail-Message-seenContainer { font-size: 0.65rem; right: 2px; bottom: -2px; } /* /mail/static/src/discuss/core/common/message_seen_indicator.scss */ .o-mail-MessageSeenIndicator.o-hasEveryoneSeen { color: var(--mail-MessageSeenIndicator-hasEveryoneSeenColor, #a77b9c); } .o-mail-MessageSeenIndicator i { line-height: 1.5; } .o-mail-MessageSeenIndicator i.o-second { top: -3px; } /* /mail/static/src/discuss/core/common/notification_settings.scss */ .o-discuss-NotificationSettings .o-mail-NotificationSettings-submenu { max-width: 250px !important; } .o-discuss-NotificationSettings .o-discuss-NotificationSettings-separator { min-width: 20px; } .o-discuss-NotificationSettings button:hover, .o-discuss-NotificationSettings button.show { background-color: var(--mail-NotificationSettings-btnHoverBg, #F3F4F6); } .o-discuss-NotificationSettings-defaultValue { color: #017e84; } /* /mail/static/src/discuss/call/common/call.scss */ .o-discuss-Call { height: 50%; min-height: 50%; background-color: inherit; } .o-discuss-Call.o-selfInCall { background-color: var(--o-discuss-Call-bgColor, #111827); } .o-discuss-Call.o-selfInCall .o-discuss-Call-main { background-color: rgba(0, 0, 0, 0.5); } .o-discuss-Call.o-compact { height: auto; min-height: auto; } .o-discuss-Call.o-minimized { height: 20%; min-height: max(20%, 130px); } .o-discuss-Call.o-minimized.o-compact { height: 10%; min-height: max(10%, 100px); } .o-discuss-Call.o-minimized.o-compact.o-hasVideo.o-selfInCall { height: calc(100vw * 9 / 16); } .o-discuss-Call.o-fullSize { height: 100%; min-height: 100%; } .o-discuss-Call.o-fullSize.o-minimized { height: 100%; } .o-discuss-Call-sidebar { width: 120px; min-width: 120px; overflow-y: auto; overflow-x: hidden; } .o-discuss-Call-sidebar::-webkit-scrollbar { width: 0.3vw; } .o-discuss-Call-sidebarCard { aspect-ratio: 16/9; } .o-discuss-Call-mainCardStyle { width: var(--width); height: var(--height); min-width: var(--width); min-height: var(--height); aspect-ratio: 16/9; } .o-discuss-Call-mainCardStyle.o-active { width: 100%; height: auto; } .o-discuss-Call-sidebarToggler { top: 50%; transform: translateY(-50%); right: 0; } .o-discuss-Call-sidebar::-webkit-scrollbar { background: #111827; } .o-discuss-Call-sidebar::-webkit-scrollbar-thumb { background: #495057; } .o-discuss-Call-sidebarToggler { color: white; border-radius: 10px 0px 0px 10px; border-right: 0px; background-color: #1a1a1a; } /* /mail/static/src/discuss/call/common/call_action_list.scss */ .o-discuss-CallActionList-pulse { animation: pulse 1s 10; } /* /mail/static/src/discuss/call/common/call_context_menu.scss */ .o-mail-CallContextMenu-volumeTooltip { /* Visibility */ visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s ease-out; /* Positioning */ position: absolute; bottom: 150%; left: calc(var(--progress) - 0.13 * (var(--progress))); transform: translateX(calc(-50% + 8px)); /* Appearance */ background-color: #212529; color: #F9FAFB; padding: 4px 10px; } .o-mail-CallContextMenu-volumeTooltip::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 6px; border-style: solid; border-color: #212529 transparent transparent transparent; } .form-range:hover + .o-mail-CallContextMenu-volumeTooltip { visibility: visible; opacity: 1; } /* /mail/static/src/discuss/call/common/call_dropdown.scss */ .o-discuss-CallDropdown { display: inline-block; position: relative; } .o-discuss-CallDropdown-content { position: fixed; z-index: 1070; border: 1px solid black; border-radius: 0.375rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); max-width: 300px; } /* /mail/static/src/discuss/call/common/call_infinite_mirroring_warning.scss */ .o-discuss-CallInfiniteMirroringWarning { background-color: RGB(17, 24, 39); color: rgba(255, 255, 255, 0.9); } .o-discuss-CallInfiniteMirroringWarning-dismiss { color: rgba(255, 255, 255, 0.9); } /* /mail/static/src/discuss/call/common/call_invitation.scss */ .o-discuss-CallInvitation { background-color: var(--o-discuss-Call-bgColor, #111827); color: #fff; width: MIN(400px, 92vw); transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1); } .o-discuss-CallInvitation.o-chat { width: MIN(350px, 92vw); } .o-discuss-CallInvitation.o-preview-open { width: MIN(500px, 92vw); } .o-mail-CallInvitation-avatar { width: 40px; height: 40px; --pulse-spread-radius: 0.6rem; animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite alternate; } .o-discuss-CallInvitation-cameraPreview { max-height: 0; } .o-discuss-CallInvitation-cameraPreview.o-opened { transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1); max-height: 500px; } /* /mail/static/src/discuss/call/common/call_invitations.scss */ .o-discuss-CallInvitations { z-index: 1055; } .o-discuss-CallInvitation-avatar { aspect-ratio: 1; } /* /mail/static/src/discuss/call/common/call_menu.scss */ .o-discuss-CallMenu-buttonContent { max-width: 150px; border: 1px solid rgba(1, 126, 132, 0.7) !important; background-color: #f4f8f9 !important; } .o-discuss-CallMenu-buttonContent.o-is-talking { box-shadow: inset 0 0 0 2px var(--discuss-talkingColor, #34ce57); } .o-discuss-CallMenu-buttonContent.o-isOdooCommunity { height: 26px !important; overflow: hidden; color: #017e84 !important; } .o-discuss-CallMenu-animation { animation: flash 2s; animation-direction: alternate; animation-iteration-count: 2; } .o-discuss-CallMenu-animation.o-isOdooCommunity { transform: translateY(10px); } .o-discuss-CallMenu-dropdownMore:hover, .o-discuss-CallMenu-channelInfo:hover { background-color: #e9ebee !important; } /* /mail/static/src/discuss/call/common/call_participant_card.scss */ .o-discuss-CallParticipantCard { color: white; aspect-ratio: 16/9; } .o-discuss-CallParticipantCard.o-isTalking { outline: 4px solid var(--discuss-talkingColor, #34ce57); outline-offset: -4px; } .o-discuss-CallParticipantCard.o-isTalking.o-inset { box-shadow: inset 0 0 0 0.125rem var(--discuss-talkingColor, #34ce57); } .o-discuss-CallParticipantCard.o-inset { height: 20%; max-height: 125px !important; right: 1vh; bottom: 1vh; position: absolute !important; cursor: move !important; } .o-discuss-CallParticipantCard.o-inset.o-small { width: 30%; left: 0; top: 0; } .o-mail-ChatWindow .o-discuss-CallParticipantCard.o-inset { bottom: 5vh; } .o-discuss-CallParticipantCard.o-inset .o-discuss-CallParticipantCard-avatar img { max-height: min(70%, 70px); max-width: min(70%, 70px); } .o-discuss-CallParticipantCard-avatar:not(.o-minimized) { background-color: var(--o-discuss-CallParticipantCard-avatarBgColor, #1F2937); } .o-discuss-CallParticipantCard-avatar:not(.o-minimized).o-isRemoteVideo { background: linear-gradient(180deg, #144173 0%, #082647 30%, #133c68 60%, #082647 90%); background-size: 200% 200%; animation: gradientAnimation 5s ease-in-out infinite alternate; filter: blur(2px); } @keyframes gradientAnimation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 100%; } } .o-discuss-CallParticipantCard-avatar img { max-height: min(100%, 100px); max-width: min(100%, 100px); aspect-ratio: 1; border: none; } .o-discuss-CallParticipantCard-avatar img.o-isTalking { outline: 4px solid var(--discuss-talkingColor, #34ce57); outline-offset: -4px; } .o-discuss-CallParticipantCard-avatar img.o-isInvitation:not(:hover) { animation: o-discuss-CallParticipantCard-avatarImag_borderPulse 3s linear infinite; } .o-discuss-CallParticipantCard-avatar img.o-isInvitation:hover { border: solid #dc3545; } @keyframes o-discuss-CallParticipantCard-avatarImag_borderPulse { 0% { border: solid white; } 20% { border: solid #6C757D; } 35% { border: solid #F9FAFB; } 50% { border: solid #6C757D; } 70% { border: solid #F9FAFB; } 85% { border: solid #495057; } } .o-discuss-CallParticipantCard-iconBlackBg { background-color: rgba(0, 0, 0, 0.75); opacity: 75%; } .o-discuss-CallParticipantCard-overlay { margin: Min(5%, 0.5rem); } .o-discuss-CallParticipantCard-overlay.o-proportional-container { container-type: inline-size; } .o-discuss-CallParticipantCard-overlay.o-proportional-container .o-proportional-text { font-size: min(1rem, 40cqw); } .o-discuss-CallParticipantCard-overlay.o-proportional-container .o-proportional-text.o-video-text { font-size: 5cqw; } .o-discuss-CallParticipantCard-overlay.o-proportional-container .o-proportional-text.o-discuss-CallParticipantCard-overlayBottomName { font-size: min(0.8rem, 40cqw); } .o-discuss-CallParticipantCard-overlayBottomName { background-color: rgba(0, 0, 0, 0.75); } .o-discuss-CallParticipantCard-overlay-replayButton { background-color: #111827; } .o-discuss-CallParticipantCard-overlay-replayButton:hover { background-color: #374151; } .o-discuss-CallParticipantCard-overlay-replayButton:active { background-color: #1F2937; } .o-discuss-CallParticipantCard-contextButton { margin: Min(5%, 0.5rem); background-color: black; aspect-ratio: 1; color: #F9FAFB !important; } .o-discuss-CallParticipantCard-contextButton:hover { background-color: #4b4b4b; } .o-discuss-CallParticipantCard-contextButton:active { background-color: #707070 !important; } .o-discuss-CallParticipantCard-contextMenu { width: 200px; background-color: #1F2937FF; border-color: #374151FF; color: rgba(255, 255, 255, 0.9); } /* /mail/static/src/discuss/call/common/call_settings.scss */ .o-Discuss-CallSettings-thresholdInput::-moz-range-track { background: linear-gradient(to right, #28a745 0%, #28a745 var(--volume), #e7e8e9 var(--volume), #e7e8e9 100%); } .o-Discuss-CallSettings-thresholdInput::-webkit-slider-runnable-track { background: linear-gradient(to right, #28a745 0%, #28a745 var(--volume), #e7e8e9 var(--volume), #e7e8e9 100%); } /* /mail/static/src/discuss/call/common/discuss_content_patch.scss */ @media (hover: none) { .o-mail-DiscussContent-headerActions button .fa-phone, .o-mail-DiscussContent-headerActions button .fa-video-camera { color: #28a745 !important; } } @media (hover: hover) { .o-mail-DiscussContent-headerActions button:hover:has(.fa-phone), .o-mail-DiscussContent-headerActions button:hover:has(.fa-video-camera) { background-color: #F9FAFB !important; outline: 1px solid rgba(40, 167, 69, 0.25); } .o-mail-DiscussContent-headerActions button:hover:has(.fa-phone) i, .o-mail-DiscussContent-headerActions button:hover:has(.fa-video-camera) i { color: #2dbc4e !important; } } /* /mail/static/src/discuss/call/common/meeting.scss */ .o-mail-Meeting { background-color: #111827; } .o-overlay-item:has(.o-mail-Meeting) { z-index: 1054; } /* /mail/static/src/discuss/call/common/pip_banner.scss */ .o-discuss-PipBanner { background-color: #111827FF; color: rgba(255, 255, 255, 0.8) !important; } .o-discuss-PipBanner .o-discuss-PipBannerButton { border: 1px solid black; background-color: #1F2937FF; color: rgba(255, 255, 255, 0.8) !important; } .o-discuss-PipBanner .o-discuss-PipBannerButton:hover { background-color: #374151FF; } /* /mail/static/src/discuss/typing/common/typing.scss */ .o-discuss-Typing-dot { animation: o_mail_Typing_animation 1.5s linear infinite; background-color: #ADB5BD; } .o-mail-ImStatus .o-discuss-Typing-dot, .o-mail-ThreadIcon .o-discuss-Typing-dot { background-color: #fff; } .o-discuss-Typing-dot.o-sizeMedium { width: 5px; height: 5px; } .o-discuss-Typing-dot.o-sizeSmall { width: 4px; height: 4px; } .o-discuss-Typing-dot.o-discuss-Typing-dot2 { animation-delay: -1.35s; } .o-discuss-Typing-dot.o-discuss-Typing-dot3 { animation-delay: -1.2s; } .o-discuss-Typing-icon { gap: 1px; } @keyframes o_mail_Typing_animation { 0%, 40%, 100% { opacity: initial; } 20% { opacity: 25%; } } .o-mail-DiscussContent .o-discuss-Typing { transform: translateY(-85%); padding-left: calc(48px + 0.5rem); } /* /im_livechat/static/src/core/common/close_confirmation.scss */ .o-livechat-CloseConfirmation { z-index: 20; background-color: rgba(0, 0, 0, 0.5); } /* /im_livechat/static/src/core/common/livechat_command_dialog.scss */ .o-livechat-LivechatCommandDialog-form:focus-within { border-color: #b8a5b3; color: #111827; } /* /im_livechat/static/src/embed/common/chat_window_patch.scss */ .o-mail-ChatWindow-moreActions:hover, .o-mail-ChatWindow-moreActions.o-active, .o-mail-ChatWindow-moreActions.o-hover { color: inherit !important; } .o-mail-ChatWindow-header .o-mail-ActionList button { --btn-color: var(--o-mail-livechat-btn-color); --btn-hover-color: var(--o-mail-livechat-btn-color); --btn-active-color: var(--o-mail-livechat-btn-color); } .o-mail-ChatWindow-header .o-mail-ActionList button:not(:hover, .o-mail-ChatWindow-header .o-mail-ActionList button:focus-visible, .o-mail-ChatWindow-header .o-mail-ActionList button:active) { --o-mail-ActionList-Button-opacity: 1; } /* /im_livechat/static/src/embed/common/composer.scss */ .o-mail-Composer-input.o-mobile, .o-mail-Composer-fake.o-mobile { font-size: 16px; } /* /im_livechat/static/src/embed/common/emoji_picker.scss */ .o-EmojiPicker { font-size: 1.2em; } /* /im_livechat/static/src/embed/common/livechat_button.scss */ .o-livechat-LivechatButton { width: 50px; height: 50px; font-size: 14px; z-index: 5; transition: filter 0.3s; } .o-livechat-LivechatButton:hover { filter: brightness(90%); } .o-livechat-LivechatButton-notification { transform-origin: 100% 100%; bottom: 2.5em; right: 4.5em; } .o-livechat-LivechatButton-animate { animation: o-livechat-LivechatButton-notification-animation 0.6s ease-in-out forwards; } @keyframes o-livechat-LivechatButton-notification-animation { 0% { opacity: 0; transform: scale(0); } 20% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; } 75% { transform: scale(1.05); } 100% { transform: scale(1); } } /* /im_livechat/static/src/embed/common/scss/shadow.scss */ :host, [data-bs-theme="light"] { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #FFF; --gray: #6C757D; --gray-dark: #374151; --o-cc5-btn-secondary-border: ; --o-cc5-btn-secondary: #f9f9f9; --o-cc5-btn-primary-border: ; --o-cc5-btn-primary: ; --o-cc5-link: #00a09d; --o-cc5-h6: ; --o-cc5-h5: ; --o-cc5-h4: ; --o-cc5-h3: ; --o-cc5-h2: ; --o-cc5-headings: #ffffff; --o-cc5-text: ; --o-cc5-bg: #111827; --o-cc4-btn-secondary-border: ; --o-cc4-btn-secondary: #f9f9f9; --o-cc4-btn-primary-border: ; --o-cc4-btn-primary: #111827; --o-cc4-link: #111827; --o-cc4-h6: ; --o-cc4-h5: ; --o-cc4-h4: ; --o-cc4-h3: ; --o-cc4-h2: ; --o-cc4-headings: ; --o-cc4-text: ; --o-cc4-bg: #714b67; --o-cc3-btn-secondary-border: ; --o-cc3-btn-secondary: #f9f9f9; --o-cc3-btn-primary-border: ; --o-cc3-btn-primary: ; --o-cc3-link: #00a09d; --o-cc3-h6: ; --o-cc3-h5: ; --o-cc3-h4: ; --o-cc3-h3: ; --o-cc3-h2: ; --o-cc3-headings: ; --o-cc3-text: ; --o-cc3-bg: #017e84; --o-cc2-btn-secondary-border: ; --o-cc2-btn-secondary: ; --o-cc2-btn-primary-border: ; --o-cc2-btn-primary: ; --o-cc2-link: ; --o-cc2-h6: ; --o-cc2-h5: ; --o-cc2-h4: ; --o-cc2-h3: ; --o-cc2-h2: ; --o-cc2-headings: #111827; --o-cc2-text: ; --o-cc2-bg: #f9f9f9; --o-cc1-btn-secondary-border: ; --o-cc1-btn-secondary: ; --o-cc1-btn-primary-border: ; --o-cc1-btn-primary: ; --o-cc1-link: ; --o-cc1-h6: ; --o-cc1-h5: ; --o-cc1-h4: ; --o-cc1-h3: ; --o-cc1-h2: ; --o-cc1-headings: ; --o-cc1-text: ; --o-cc1-bg: #ffffff; --copyright-custom: #1A1C24; --copyright: ; --footer-custom: #252733; --footer: #f9f9f9; --header-sales_four-custom: ; --header-sales_four: #ffffff; --header-sales_three-custom: ; --header-sales_three: #f9f9f9; --header-sales_two-custom: ; --header-sales_two: #111827; --header-sales_one-custom: ; --header-sales_one: #f9f9f9; --menu-border-color: ; --menu-custom: ; --menu: #ffffff; --input: ; --body: white; --o-color-5: #111827; --o-color-4: #ffffff; --o-color-3: #f9f9f9; --o-color-2: #017e84; --o-color-1: #714b67; --gray-100: #F9FAFB; --gray-200: #F3F4F6; --gray-300: #E6E9ED; --gray-400: #D8DADD; --gray-500: #ADB5BD; --gray-600: #6C757D; --gray-700: #495057; --gray-800: #374151; --gray-900: #111827; --gray-white-85: rgba(255, 255, 255, 0.85); --gray-white-75: rgba(255, 255, 255, 0.75); --gray-white-50: rgba(255, 255, 255, 0.5); --gray-white-25: rgba(255, 255, 255, 0.25); --gray-black-75: rgba(0, 0, 0, 0.75); --gray-black-50: rgba(0, 0, 0, 0.5); --gray-black-25: rgba(0, 0, 0, 0.25); --gray-black-15: rgba(0, 0, 0, 0.15); --gray-black: #000000; --gray-white: #FFFFFF; --primary: #714b67; --secondary: #017e84; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f9f9f9; --dark: #111827; --o-color-9: #00CEB3; --o-color-8: #1BB6F9; --o-color-7: #FBB130; --o-color-6: #FC787D; --epsilon: #d5653e; --delta: #5c5b80; --gamma: #e46f78; --beta: #5b899e; --alpha: #00a09d; --primary-rgb: 113, 75, 103; --secondary-rgb: 1, 126, 132; --success-rgb: 40, 167, 69; --info-rgb: 23, 162, 184; --warning-rgb: 255, 193, 7; --danger-rgb: 220, 53, 69; --light-rgb: 249, 249, 249; --dark-rgb: 17, 24, 39; --o-color-9-rgb: 0, 206, 179; --o-color-8-rgb: 27, 182, 249; --o-color-7-rgb: 251, 177, 48; --o-color-6-rgb: 252, 120, 125; --epsilon-rgb: 213, 101, 62; --delta-rgb: 92, 91, 128; --gamma-rgb: 228, 111, 120; --beta-rgb: 91, 137, 158; --alpha-rgb: 0, 160, 157; --primary-text-emphasis: #65435c; --secondary-text-emphasis: #003235; --success-text-emphasis: #10431c; --info-text-emphasis: #09414a; --warning-text-emphasis: #664d03; --danger-text-emphasis: #58151c; --light-text-emphasis: #495057; --dark-text-emphasis: #495057; --primary-bg-subtle: #e3dbe1; --secondary-bg-subtle: #cce5e6; --success-bg-subtle: #d4edda; --info-bg-subtle: #d1ecf1; --warning-bg-subtle: #fff3cd; --danger-bg-subtle: #f8d7da; --light-bg-subtle: #fcfdfd; --dark-bg-subtle: #D8DADD; --primary-border-subtle: #c6b7c2; --secondary-border-subtle: #99cbce; --success-border-subtle: #a9dcb5; --info-border-subtle: #a2dae3; --warning-border-subtle: #ffe69c; --danger-border-subtle: #f1aeb5; --light-border-subtle: #F3F4F6; --dark-border-subtle: #ADB5BD; --white-rgb: 255, 255, 255; --black-rgb: 0, 0, 0; --font-sans-serif: "Inter", "Odoo Unicode Support Noto", sans-serif; --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --body-font-family: var(--font-sans-serif); --body-font-size: 1rem; --body-font-weight: 400; --body-line-height: 1.5; --body-color: #374151; --body-color-rgb: 55, 65, 81; --body-bg: #ffffff; --body-bg-rgb: 255, 255, 255; --emphasis-color: #000; --emphasis-color-rgb: 0, 0, 0; --secondary-color: rgba(55, 65, 81, 0.75); --secondary-color-rgb: 55, 65, 81; --secondary-bg: #F3F4F6; --secondary-bg-rgb: 243, 244, 246; --tertiary-color: rgba(55, 65, 81, 0.5); --tertiary-color-rgb: 55, 65, 81; --tertiary-bg: #e7e8e9; --tertiary-bg-rgb: 231, 232, 233; --heading-color: #111827; --link-color: #714b67; --link-color-rgb: 113, 75, 103; --link-decoration: none; --link-hover-color: #432c3d; --link-hover-color-rgb: 67.01861702, 44.48138298, 61.08776596; --link-hover-decoration: none; --code-color: #e83e8c; --highlight-color: #374151; --highlight-bg: #fff3cd; --border-width: 1px; --border-style: solid; --border-color: var(--o-border-color); --border-color-translucent: rgba(0, 0, 0, 0.175); --border-radius: 0.625rem; --border-radius-sm: 0.25rem; --border-radius-lg: 1.25rem; --border-radius-xl: 1.5rem; --border-radius-xxl: 3rem; --border-radius-2xl: var(--border-radius-xxl); --border-radius-pill: 50rem; --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); --box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --focus-ring-width: 0.25rem; --focus-ring-opacity: 0.25; --focus-ring-color: rgba(113, 75, 103, 0.25); --form-valid-color: #28a745; --form-valid-border-color: #28a745; --form-invalid-color: #dc3545; --form-invalid-border-color: #dc3545; } [data-bs-theme="dark"] { color-scheme: dark; --body-color: #dee2e6; --body-color-rgb: 222, 226, 230; --body-bg: #212529; --body-bg-rgb: 33, 37, 41; --emphasis-color: #FFF; --emphasis-color-rgb: 255, 255, 255; --secondary-color: rgba(222, 226, 230, 0.75); --secondary-color-rgb: 222, 226, 230; --secondary-bg: #374151; --secondary-bg-rgb: 55, 65, 81; --tertiary-color: rgba(222, 226, 230, 0.5); --tertiary-color-rgb: 222, 226, 230; --tertiary-bg: #2c333d; --tertiary-bg-rgb: 44, 51, 61; --primary-text-emphasis: #aa93a4; --secondary-text-emphasis: #67b2b5; --success-text-emphasis: #7eca8f; --info-text-emphasis: #74c7d4; --warning-text-emphasis: #ffda6a; --danger-text-emphasis: #ea868f; --light-text-emphasis: #F9FAFB; --dark-text-emphasis: #dee2e6; --primary-bg-subtle: #170f15; --secondary-bg-subtle: #00191a; --success-bg-subtle: #08210e; --info-bg-subtle: #052025; --warning-bg-subtle: #332701; --danger-bg-subtle: #2c0b0e; --light-bg-subtle: #374151; --dark-bg-subtle: #1c2129; --primary-border-subtle: #442d3e; --secondary-border-subtle: #014c4f; --success-border-subtle: #186429; --info-border-subtle: #0e616e; --warning-border-subtle: #997404; --danger-border-subtle: #842029; --light-border-subtle: #495057; --dark-border-subtle: #374151; --heading-color: inherit; --link-color: #aa93a4; --link-hover-color: #bba9b6; --link-color-rgb: 170, 147, 164; --link-hover-color-rgb: 187, 169, 182; --code-color: #f18bba; --highlight-color: #dee2e6; --highlight-bg: #664d03; --border-color: #495057; --border-color-translucent: rgba(255, 255, 255, 0.15); --form-valid-color: #7eca8f; --form-valid-border-color: #7eca8f; --form-invalid-color: #ea868f; --form-invalid-border-color: #ea868f; } :host { margin: 0; font-family: var(--body-font-family); font-size: var(--body-font-size); font-weight: var(--body-font-weight); line-height: var(--body-line-height); color: var(--body-color); text-align: var(--body-text-align); background-color: var(--body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :host { --o-webclient-color-scheme: bright; font-size: 14px; } :host .o_hidden { display: none !important; } /* /im_livechat/static/src/embed/common/thread_patch.scss */ .o-livechat-NoPinMenu [data-oe-type="pin-menu"] { display: none; } /* /website_livechat/static/src/common/website_livechat_edit_mode.scss */ body.editor_enable .o-livechat-root::part(ChatHub), body.editor_enable .o-livechat-root::part(openChatButton) { visibility: hidden; } body:has(.o_website_preview):not(.o_builder_open) .o-mail-ChatHub { visibility: hidden; } /* /website_livechat/static/src/frontend/website_patch.scss */ .o_cookies_bar_toggle { inset-inline-end: calc(56px + 3% + 1rem); inset-block-end: var(--cookies-bar-toggle-inset-block-end, 3%); } /* /website_event/static/src/scss/event_templates_common.scss */ .o_wevent_index, .o_wevent_event { /* * COMMON MENU STYLING */ /* * COMMON TO ALL ONLINE-* PAGES */ } .o_wevent_index .event_track > div, .o_wevent_event .event_track > div { border-top: 3px solid var(--badge-border-color); background-color: var(--background-color); color: var(--background-color-contrast); } .o_wevent_index .o_wesession_list_item, .o_wevent_event .o_wesession_list_item { background: var(--background-color); color: var(--background-color-contrast); border: 1px solid var(--o-border-color); border-left: 3px solid var(--badge-border-color); } .o_wevent_index a.o_wesession_list_item:hover, .o_wevent_event a.o_wesession_list_item:hover { background-color: #e9e9e9; } .o_wevent_index .o_wevent_index_topbar_filters .dropdown-menu, .o_wevent_index .o_wevent_index_topbar_filters .o_dropdown_menu, .o_wevent_event .o_wevent_index_topbar_filters .dropdown-menu, .o_wevent_event .o_wevent_index_topbar_filters .o_dropdown_menu { max-height: 250px; overflow-y: auto; } .o_wevent_index .o_wevent_online .o_wevent_online_badge_unpublished, .o_wevent_event .o_wevent_online .o_wevent_online_badge_unpublished { opacity: 0.4; } .o_wevent_index .o_wevent_online .o_wesession_list_item, .o_wevent_event .o_wevent_online .o_wesession_list_item { margin: 0.5rem 0; } .o_wevent_index .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_avatar, .o_wevent_event .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_avatar { min-width: 64px; } .o_wevent_index .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_avatar img, .o_wevent_event .o_wevent_online .o_wevent_online_page_container .o_wevent_online_page_avatar img { max-width: 96px; } .o_wevent_index .o_wevent_collapse_link:not(.collapsed) .oi, .o_wevent_event .o_wevent_collapse_link:not(.collapsed) .oi { transform: rotate(180deg); } .o_wevent_index .o_wevent_cta, .o_wevent_event .o_wevent_cta { color: #fff; background-color: #714B67; border: #714B67; } .o_wevent_index .o_wevent_cta:hover, .o_wevent_event .o_wevent_cta:hover { color: #fff; background-color: #624159; border-color: #52374b; } .o_wevent_index .o_wevent_cta:focus, .o_wevent_event .o_wevent_cta:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(134, 102, 126, 0.5); } .o_wevent_index input[type="search"]::-webkit-search-cancel-button, .o_wevent_event input[type="search"]::-webkit-search-cancel-button { display: block; opacity: 1; } .o_wevent_badge { padding: 0.5rem 1rem; border-radius: 10rem; font-weight: 400; } .modal-open > .modal-backdrop { z-index: 999; } /* /website_event/static/src/scss/event_templates_list.scss */ .o_wevent_sidebar_social > .o_wevent_social_link { display: inline-flex; align-items: center; justify-content: center; width: 2.3em; height: 2.3em; margin: 0 0 0.5rem 0.25rem; line-height: 2.3em; background-color: #F9FAFB; border: 1px solid var(--o-border-color); border-radius: 50%; text-align: center; } .o_wevent_sidebar_social > .o_wevent_social_link:hover, .o_wevent_sidebar_social > .o_wevent_social_link:focus { background-color: #E6E9ED; text-decoration: none; } .o_wevent_index .o_wevent_events_list .opt_events_list_columns .card-header { height: 200px; } .o_wevent_index .o_wevent_events_list .opt_events_list_columns .card-footer { color: #111827; } .o_wevent_index .o_wevent_events_list .opt_events_list_rows .card-header { min-height: 130px; } @media (max-width: 767.98px) { .o_wevent_index .o_wevent_events_list .opt_events_list_rows .o_wevent_badge { position: relative !important; max-width: fit-content; } } .o_wevent_index .o_wevent_events_list .o_wevent_badge_event { position: absolute; top: 0; left: auto; bottom: auto; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0.5rem 1.5rem; transform: translateY(-50%); } .o_wevent_index .o_wevent_events_list .o_wevent_badge_event_list { position: absolute; top: 0; left: 0; bottom: auto; right: auto; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0.5rem 1.5rem; transform: translateX(-100%); } @media (max-width: 575.98px) { .o_wevent_index .o_wevent_events_list .o_wevent_badge_event_list { margin-top: 1rem; border-radius: 10rem; transform: none; } } .o_wevent_index .o_wevent_sidebar_title { margin: 0 0 1.5rem 0; border-bottom: 1px solid var(--o-border-color); padding: 0 0 0.5rem 0; font-weight: 600; } .o_wevent_index .o_wevent_sidebar_block { margin: 0 0 2.5rem 0; } .o_wevent_index .o_wevent_sidebar_figure { position: relative; } .o_wevent_index .o_wevent_sidebar_figure .figure-img { margin-bottom: 0; } .o_wevent_index .o_wevent_sidebar_figure .figure-caption { position: absolute; top: auto; left: 0; bottom: 0; right: auto; width: 100%; padding: 1rem; background-color: rgba(0, 0, 0, 0.5); border-bottom-right-radius: 0.625rem; border-bottom-left-radius: 0.625rem; color: #fff; } .o_wevent_index a:has(.o_wevent_sidebar_figure) { display: block; } .o_wevent_index .cover_auto { min-height: 200px !important; } .o_wevent_event_date { top: 1.5rem; right: 1.5rem; display: flex; flex-direction: column; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; text-align: center; background-color: #F9FAFB; color: #111827; } .o_wevent_event_date .o_wevent_event_day { font-size: 1.125rem; font-weight: 300; line-height: 1; } .o_wevent_event_date .o_wevent_event_month { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; } .o_wevent_event_date.left { left: 1.5rem; } .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_country_flag { height: 20px; margin-top: 2px; } .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_country_flag i { font-size: 20px; } .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_country_flag img { max-width: 2.4rem; } .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_date_text { line-height: .8rem; } .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_day, .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_month { font-size: 0.8rem; } .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_day { font-weight: 400; } /* /website_event/static/src/scss/event_templates_page.scss */ .o_wevent_event { min-height: calc(95vh - 70px); } .o_wevent_event nav > div > a.navbar-brand { text-overflow: revert; white-space: normal; overflow: hidden; max-width: calc(100% - 80px); } .o_wevent_event #o_wevent_submenu_desktop .nav { column-gap: 1rem; } .o_wevent_event #o_wevent_submenu_desktop .nav .nav-link { padding: 0; } .o_wevent_event #o_wevent_submenu_desktop .nav .nav-link.active { color: rgba(55, 65, 81, 0.7); cursor: default; } .o_wevent_event #o_wevent_submenu_desktop .nav .nav-link.active:hover { color: rgba(55, 65, 81, 0.9); cursor: pointer; } .o_wevent_event .o_wevent_bordered_block:not(:last-child) { border-bottom: 1px solid var(--o-border-color); } .o_wevent_event .o_wevent_day_header_number { font-size: 2.5em; } .o_wevent_event .o_wevent_add_to_ical i { scale: 1.4; } .o_wevent_event .o_wevent_add_to_outlook, .o_wevent_event .o_wevent_add_to_google_calendar { --btn-padding-x: 0.7rem; } @media (min-width: 992px) { .o_wevent_event #o_wevent_event_main_sidebar { max-width: 19rem; } } .o_wevent_event .o_wevent_event_title .o_wevent_event_name { font-weight: 600; line-height: 1.2; font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .o_wevent_event .o_wevent_event_title .o_wevent_event_name { font-size: 2rem; } } .o_wevent_event .o_wevent_event_title .o_wevent_event_subtitle { font-weight: 300; font-size: 1.25rem; } .o_wevent_event .o_wevent_registration_single .o_wevent_nowrap { white-space: nowrap; } .o_wevent_event .o_wevent_registration_title { font-weight: 600; text-transform: uppercase; } .o_wevent_event .o_record_cover_container { overflow: hidden; z-index: 0; color: white; } .o_wevent_event .o_record_cover_container .o_record_cover_component { z-index: -1; } .o_wevent_event .o_record_cover_container.o_wevent_event_main_cover { min-height: 12rem; } #modal_ticket_registration #registration_form, #modal_ticket_registration #o_wevent_tickets, #modal_ticket_registration #o_wevent_tickets_collapse { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; } @media (min-width: 576px) { :not(.s_popup) > #modal_ticket_registration #registration_form, :not(.s_popup) > #modal_ticket_registration #o_wevent_tickets, :not(.s_popup) > #modal_ticket_registration #o_wevent_tickets_collapse { overflow: auto; min-height: 0; } } /* * SPONSORS */ .o_wevent_hide_sponsors .o_wevent_sponsor_wrapper { display: none !important; } .o_event_add_to_calendar_btns a { border: 1px solid #DEE2E6; } .o_event_add_to_calendar_btns a:hover { background-color: #F3F4F6; } /* /website_event_track/static/src/scss/event_track_templates.scss */ /* * EVENT TOOL: REMINDER WIDGET */ .o_wevent_event .o_wetrack_js_reminder.btn-link { padding: 0; } .o_wevent_event .o_wetrack_js_reminder i.fa-bell, .o_wevent_event .o_wetrack_js_reminder i.fa-bell-o { color: #5f636f; -webkit-text-stroke-color: #5f636f; } /* * AGENDA */ .o_weagenda_index hr { border-color: #748dc3; } .o_weagenda_index .o_we_agenda_horizontal_scroller_container { z-index: 1090; } .o_weagenda_index .o_we_agenda_horizontal_scroller_container .o_we_agenda_horizontal_scroller { height: 1px; } .o_we_online_agenda { border-top: 1px solid transparent; overflow-x: auto; } .o_we_online_agenda table { border-collapse: separate; border-spacing: 0em 0em; font-size: .9em; } .o_we_online_agenda table tr { height: 15px; line-height: 1em; } .o_we_online_agenda table tr.active td.active { padding: 0em 0.5em; font-size: 0.81em; border-top: 1px solid #748dc3; } .o_we_online_agenda table th.active, .o_we_online_agenda table td:not(.active) { border: 0px; border-right: 0.25rem solid #ffffff; vertical-align: middle; } .o_we_online_agenda table th.active span, .o_we_online_agenda table td:not(.active) span { word-break: break-word; } .o_we_online_agenda table th:not(.active), .o_we_online_agenda table td.active { width: 100px; } .o_we_online_agenda table th.position-sticky { left: 0; } .o_we_online_agenda table td { border: 0px; } .o_we_online_agenda table td.o_location_size_1 { width: calc(100% / (1 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_2 { width: calc(100% / (2 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_3 { width: calc(100% / (3 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_4 { width: calc(100% / (4 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_5 { width: calc(100% / (5 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_6 { width: calc(100% / (6 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_7 { width: calc(100% / (7 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_8 { width: calc(100% / (8 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_9 { width: calc(100% / (9 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_10 { width: calc(100% / (10 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_11 { width: calc(100% / (11 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_12 { width: calc(100% / (12 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_13 { width: calc(100% / (13 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_14 { width: calc(100% / (14 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_15 { width: calc(100% / (15 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_16 { width: calc(100% / (16 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_17 { width: calc(100% / (17 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_18 { width: calc(100% / (18 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_19 { width: calc(100% / (19 - 1)); min-width: 220px; } .o_we_online_agenda table td.o_location_size_20 { width: calc(100% / (20 - 1)); min-width: 220px; } .o_we_online_agenda table td.active { --bg-opacity: 0.8; z-index: 1; position: sticky; left: 0; white-space: nowrap; backdrop-filter: blur(2px); } .o_we_online_agenda table td div.o_we_agenda_card_content { height: 100%; } .o_we_online_agenda table td div.o_we_agenda_card_content .o_we_agenda_card_title, .o_we_online_agenda table td div.o_we_agenda_card_content small, .o_we_online_agenda table td div.o_we_agenda_card_content .small { word-break: break-word; } .o_we_online_agenda table td div.o_we_agenda_card_content .badge:hover { cursor: pointer; } .o_we_online_agenda table td .o_we_agenda_card_filter_badges .badge { padding: 0.75rem 1.5rem; cursor: pointer; } .o_we_online_agenda table td.invisible { visibility: visible !important; opacity: 0.3; } .o_we_online_agenda table td.o_we_agenda_time_slot_main, .o_we_online_agenda table td.o_we_agenda_time_slot_half { padding: 0; position: relative; } .o_we_online_agenda table td.o_we_agenda_time_slot_main > div, .o_we_online_agenda table td.o_we_agenda_time_slot_half > div { position: absolute; top: 0; width: 100%; } .o_we_online_agenda table td.o_we_agenda_time_slot_main > div { padding: 0.3em; border-top: 1px solid #748dc3; } .o_we_online_agenda table td.o_we_agenda_time_slot_half > div { padding: 0.3em; border-top: 1px dashed #748dc3; } .o_we_online_agenda table td.event_track { position: relative; padding: 0; } .o_we_online_agenda table td.event_track::before { content: ""; display: block; width: 100%; position: absolute; top: 0; } .o_we_online_agenda table td.event_track::after { content: ""; display: block; width: 100%; position: absolute; bottom: 0; border-bottom: 1px solid #748dc3; margin-bottom: -1px; z-index: 1; } .o_we_online_agenda table td.event_track > div { padding: 0.3em; } .o_we_online_agenda table td.event_track [data-publish='off'] .o_weagenda_track_badges > .o_wevent_online_badge_unpublished { opacity: unset; } .o_weagenda_index .o_we_track_day_header { z-index: 2; } .o_weagenda_index .o_we_online_agenda_overlay { position: absolute; top: 0; left: auto; bottom: 63px; right: 0; background-image: linear-gradient(90deg, rgba(55, 65, 81, 0), rgba(55, 65, 81, 0.1), rgba(55, 65, 81, 0.3)); opacity: 0; transition: opacity .1s ease; } .o_weagenda_index .o_we_online_agenda_has_scroll { border-top-color: var(--o-border-color); } .o_weagenda_index .o_we_online_agenda_has_content_hidden + .o_we_online_agenda_overlay { opacity: 1; transition: opacity .5s ease; } .o_weagenda_index .o_we_online_agenda_has_scroll.o_we_online_agenda_is_scrolling + .o_we_online_agenda_overlay { opacity: .5; } .o_wevent_event .o_wesession_list li.border-bottom:has(.collapse.show) { border-bottom-color: transparent !important; } /* /website_event_track/static/src/scss/event_track_templates_online.scss */ .o_wesession_index { /* * COMMON */ /* * MAIN PAGE: LIST */ /* * TRACK PAGE: VIEW */ } .o_wesession_index .o_wesession_gradient { background-image: linear-gradient(120deg, #875A7B, #68465f); opacity: 0.8; } .o_wesession_index .o_wesession_track_card .o_wesession_track_card_header_badge { position: absolute; bottom: 0; width: 100%; padding: 1.5rem 1.5rem; text-align: right; } .o_wesession_index .o_wesession_track_card.o_wesession_track_card_unpublished { opacity: 0.8; } @media (min-width: 768px) { .o_wesession_index .o_wevent_online_page_container .o_wesession_track_main.o_youtube_chat { max-width: calc(100% - 22rem); } } @media screen and (min-width: 1900px) { .o_wesession_index .o_wevent_online_page_container .o_wesession_track_main.col-lg-9 { max-width: 75%; } .o_wesession_index .o_wevent_online_page_container .o_wesession_track_main.col-lg-10 { max-width: 83.33333333%; } } @media (min-width: 768px) { .o_wesession_index .o_wevent_online_page_container .o_wesession_track_aside.o_youtube_chat { min-width: 22rem; } } @media screen and (min-width: 1900px) { .o_wesession_index .o_wevent_online_page_container .o_wesession_track_aside { min-width: auto; } } .o_wesession_index .o_wevent_online_page_container .o_wesession_track_aside .o_wesession_track_aside_nav .nav-link { background-color: transparent; border: 0; color: #6C757D; } .o_wesession_index .o_wevent_online_page_container .o_wesession_track_aside .o_wesession_track_aside_nav .nav-link.active { color: #374151; font-weight: 500; } .editor_enable .o_wesession_index .o_wesession_track_main_empty_descr_warning { /** Hide warning in edition mode */ display: none; } /* /website_event_track/static/src/scss/pwa_frontend.scss */ @media all and (display-mode: standalone) { #wrapwrap.event #top, #wrapwrap.event #bottom { display: none; } } #wrapwrap.event .o_pwa_install_banner { position: fixed; display: flex; bottom: 0; right: 0; left: 0; margin: 0; justify-content: space-between; align-items: center; background-color: white; border-top: 1px solid #F3F4F6; box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.075); font-size: 1rem; z-index: 1080; } #wrapwrap.event .o_pwa_install_banner .o_btn_close { margin-left: 0; margin-right: auto; } #wrapwrap.event .o_pwa_install_banner .o_btn_install { margin-left: auto; } /* /website_forum/static/src/scss/website_forum.scss */ .website_forum, .o_wprofile_body { --o-avatar-height: 1.875rem; } .website_forum .o_wforum_avatar, .o_wprofile_body .o_wforum_avatar { width: var(--o-avatar-height); height: var(--o-avatar-height); } .website_forum .o_wforum_author_box.o_show_info, .o_wprofile_body .o_wforum_author_box.o_show_info { line-height: 1.2; } .website_forum .o_wforum_author_box.o_compact, .o_wprofile_body .o_wforum_author_box.o_compact { --o-avatar-height: 1.4rem; line-height: 1; } .website_forum { --o-post-header-height: var(--o-avatar-height); } .website_forum .o_wforum_content_wrapper #o_wforum_nav { align-items: center; } .website_forum .o_wforum_content_wrapper #o_wforum_nav .o_wforum_breadcrumb_root_list_or_edit h1, .website_forum .o_wforum_content_wrapper #o_wforum_nav .o_wforum_breadcrumb_root_list_or_edit .h1 { margin: 0 !important; font-size: var(--h4-font-size) !important; } .website_forum .o_wforum_content_wrapper #o_wforum_nav .o_wforum_breadcrumb_root_list_or_edit h1 span, .website_forum .o_wforum_content_wrapper #o_wforum_nav .o_wforum_breadcrumb_root_list_or_edit .h1 span { font-weight: 600 !important; } .website_forum .o_wforum_content_wrapper #o_wforum_nav .breadcrumb-item { padding-top: calc(0.75rem + var(--border-width)); padding-bottom: calc(0.75rem + var(--border-width)); font-size: 1rem; line-height: 1.5; } .website_forum .o_wforum_content_wrapper #o_wforum_nav .breadcrumb-item h1, .website_forum .o_wforum_content_wrapper #o_wforum_nav .breadcrumb-item .h1 { font-size: 1rem !important; font-family: var(--body-font-family); } .website_forum .o_wforum_content_wrapper #o_wforum_nav .breadcrumb-item span.fw-bold, .website_forum .o_wforum_content_wrapper #o_wforum_nav .breadcrumb-item strong { color: rgba(55, 65, 81, 0.7); font-weight: var(--body-font-weight) !important; } .website_forum .o_wforum_content_wrapper #o_wforum_nav .o_searchbar_form { min-width: 200px; } .website_forum aside.o_wforum_sidebar .btn.w-100:hover { background-color: #f9f9f9; color: #111827; } .website_forum .o_wforum_table { --o-avatar-height: 2.25rem; } .website_forum .o_wforum_table img.o_wforum_avatar { border: 2px solid var(--o-color-4); } .website_forum .o_wforum_table .o_wforum_reply_count, .website_forum .o_wforum_table .o_wforum_view_count, .website_forum .o_wforum_table .o_wforum_last_activity { min-width: 100px; } @media (max-width: 991.98px) { .website_forum .o_wforum_table > :not(caption) > * > * { padding-left: 0; padding-right: 0.3rem; } } @media (max-width: 991.98px) { .website_forum .o_wforum_table tbody { border-top: 0; } } .website_forum .o_wforum_table tbody tr { transform: scale(1); } .website_forum .o_wforum_table tbody tr:hover { background-color: #fafafa; } .website_forum .o_wforum_index_entry_title a:visited span { color: #6c7e9b; } .website_forum .btn[aria-expanded="true"] { opacity: 1 !important; } .website_forum .o_wforum_post, .website_forum .note-editable { word-wrap: break-word; } .website_forum .o_wforum_post pre, .website_forum .note-editable pre { color: #111827; border-radius: 0.625rem; padding: 1rem; background-color: #F9FAFB; white-space: pre-wrap; } .website_forum .o_wforum_post blockquote, .website_forum .note-editable blockquote { position: relative; border-left: 0.25em solid #ADB5BD; padding-left: 1em; color: #6C757D; } .website_forum #post_reply { z-index: 1055; min-height: 0; max-height: 0; border-radius: 0.625rem 0.625rem 0 0; transition: max-height 0.35s ease, min-height 0.35s ease, height 0.35s ease, width 0.35s ease; } .website_forum #post_reply.show { max-height: 100%; } .website_forum #post_reply.show.o_expand .o_wforum_expand_toggle::before { content: '\f066'; } .website_forum #post_reply.show.o_expand .odoo-editor-editable { transition: height 0.35s ease; flex-grow: 1; } .website_forum #post_reply.show.o_expand form.js_website_submit_form { height: calc(100vh - 100px); } .website_forum #post_reply.show .o_wysiwyg_textarea_wrapper { display: flex; flex-flow: column; flex-grow: 1; } .website_forum #post_reply.show .o_wysiwyg_textarea_wrapper .odoo-editor { height: 200px !important; display: flex; flex-grow: 1; flex-flow: column; } .website_forum #post_reply.show .o_wysiwyg_textarea_wrapper .odoo-editor .note-editable { flex-grow: 1; } .website_forum .o_wforum_post_header, .website_forum .o_wforum_answer_header { min-height: var(--o-post-header-height); } .website_forum .o_wforum_readable p { margin-bottom: 0.5rem; } .website_forum .o_wforum_readable img { max-width: 100%; } .website_forum .o_wforum_readable::after { content: ""; display: table; clear: both; } .website_forum textarea.o_wysiwyg_loader { background: none !important; } .website_forum textarea.o_wysiwyg_loader + .note-editor { border: 0; } .website_forum .o_wforum_question > .post_content_wrapper { animation: fade-out-background-color 2s ease-in-out; } @keyframes fade-out-background-color { 0% { background-color: #17a2b8; } 100% { background-color: transparent; } } .website_forum .o_wforum_answer { transition: all 0.2s ease-in-out; } .website_forum .o_wforum_answer.o_wforum_answer_correct { background-color: #eaf6ec; } .website_forum .o_wforum_answer.o_wforum_answer_correct .o_wforum_author_pic img { box-shadow: 0 0 0 2px #28a745; } .website_forum .o_wforum_gold { color: #eca801; } .website_forum a.no-decoration { cursor: pointer; text-decoration: none !important; } .website_forum .dropdown-menu button:focus, .website_forum .o_dropdown_menu button:focus { outline: 0; } .website_forum .vote .vote_count, .o_wforum_profile_tab .vote .vote_count { animation-play-state: paused; } .website_forum .vote .vote_count.o_forum_vote_animate, .o_wforum_profile_tab .vote .vote_count.o_forum_vote_animate { animation: bounceIn 0.3s ease running; } .website_forum .vote .vote_up, .o_wforum_profile_tab .vote .vote_up { color: inherit; } .website_forum .vote .vote_up:hover, .website_forum .vote .vote_up:focus, .website_forum .vote .vote_up.focus, .o_wforum_profile_tab .vote .vote_up:hover, .o_wforum_profile_tab .vote .vote_up:focus, .o_wforum_profile_tab .vote .vote_up.focus { color: #28a745; } .website_forum .vote .vote_down, .o_wforum_profile_tab .vote .vote_down { color: inherit; } .website_forum .vote .vote_down:hover, .website_forum .vote .vote_down:focus, .website_forum .vote .vote_down.focus, .o_wforum_profile_tab .vote .vote_down:hover, .o_wforum_profile_tab .vote .vote_down:focus, .o_wforum_profile_tab .vote .vote_down.focus { color: #dc3545; } .o_wforum_bio_popover_wrap .o_wforum_bio_popover_name address > div, .o_wforum_bio_popover_wrap .o_wforum_bio_popover_name span[data-oe-model="res.country"] { display: flex; align-items: center; } .o_wforum_bio_popover_wrap .o_wforum_bio_popover_name span[data-oe-model="res.country"] { margin-left: 10px; } .o_wforum_bio_popover_wrap .o_wforum_bio_popover_info .css_editable_mode_hidden > div:last-child > .o_forum_tooltip_line { margin-top: -0.5rem; } .popover.o_wforum_bio_popover_container { max-width: 552px; } .popover.o_wforum_bio_popover_container .popover-header { background-color: #e3dbe1; border-bottom: 0; color: #714b67; } .popover.o_wforum_bio_popover_container .popover-body { color: #111827; } .popover.o_wforum_bio_popover_container .o-text-gold { color: #eca801; } .popover.o_wforum_bio_popover_container .o-text-silver { color: #acacac; } .popover.o_wforum_bio_popover_container .o-text-bronze { color: #ba651f; } #o_wforum_forums_index_list .card { border-radius: .75rem; } #o_wforum_forums_index_list .card:hover { transform: translateY(-5px); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important; } .o_wforum_background_gradient { background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0) 100%); } /* /website_forum/static/src/components/website_forum_wysiwyg/resizer.scss */ .o_wysiwyg_resizer { background: #f5f5f5; height: 10px; width: 100%; border-left: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; cursor: row-resize; padding-top: 1px; } .o_wysiwyg_resizer_hook { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9; } /* /website_event_exhibitor/static/src/scss/event_templates_sponsor.scss */ /* * SPONSORS */ .o_wevent_event .o_wevent_sponsor { position: relative; display: inline-block; overflow: hidden; } .o_wevent_event .o_ribbon { font: 12px Sans-Serif; color: #404040; padding-top: 2px; padding-bottom: 2px; } .o_wevent_event .ribbon_Gold { background-color: #FDE21B !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#E9CE0C), to(#FDE21B)) !important; background-image: -webkit-linear-gradient(top, #E9CE0C, #FDE21B) !important; background-image: -moz-linear-gradient(top, #E9CE0C, #FDE21B) !important; background-image: -ms-linear-gradient(top, #E9CE0C, #FDE21B) !important; background-image: -o-linear-gradient(top, #E9CE0C, #FDE21B) !important; } .o_wevent_event .ribbon_Silver { background-color: #CCCCCC !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#CCCCCC)) !important; background-image: -webkit-linear-gradient(top, #BBBBBB, #CCCCCC) !important; background-image: -moz-linear-gradient(top, #BBBBBB, #CCCCCC) !important; background-image: -ms-linear-gradient(top, #BBBBBB, #CCCCCC) !important; background-image: -o-linear-gradient(top, #BBBBBB, #CCCCCC) !important; } .o_wevent_event .ribbon_Bronze { background-color: #DB9141 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#C2792A), to(#DB9141)) !important; background-image: -webkit-linear-gradient(top, #C2792A, #DB9141) !important; background-image: -moz-linear-gradient(top, #C2792A, #DB9141) !important; background-image: -ms-linear-gradient(top, #C2792A, #DB9141) !important; background-image: -o-linear-gradient(top, #C2792A, #DB9141) !important; } /* * EVENT TOOL: SPONSOR WIDGET */ .o_wevent_event .o_wevent_sponsor_card { position: relative; width: 100px; height: 100px; border: 1px solid #F3F4F6; background-color: #FFF; margin: 0 -1px -1px 0; cursor: pointer; } .o_wevent_event .o_wevent_sponsor_card:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; opacity: 0; transition: opacity .3s; } .o_wevent_event .o_wevent_sponsor_card:hover:before { opacity: .1; } /* /website_event_exhibitor/static/src/scss/event_exhibitor_templates.scss */ .o_wesponsor_index { /* * COMMON */ /* * MAIN PAGE: LIST */ /* * EXHIBITOR PAGE */ } .o_wesponsor_index .o_wesponsor_gradient { background-image: linear-gradient(120deg, #875A7B, #68465f); opacity: 0.8; } .o_wesponsor_index .o_wesponsor_topbar_filters .dropdown-item { cursor: pointer; } .o_wesponsor_index .o_wesponsor_card .card-body { padding: 1rem; } .o_wesponsor_index .o_wesponsor_card .card-body img { max-height: 1rem; } .o_wesponsor_index .o_wesponsor_card .card-footer { padding: 0.75rem 1rem; } .o_wesponsor_index .o_wesponsor_card .o_wesponsor_card_header_badge { position: absolute; bottom: 0; width: 100%; padding: 0.25rem 1.25rem; text-align: right; } .o_wesponsor_index .o_wesponsor_card.o_wesponsor_card_unpublished { opacity: 0.8; } .o_wesponsor_index .o_wesponsor_card .o_wesponsor_bg_image { background-size: contain; background-repeat: no-repeat; background-position: center; } .o_wesponsor_index .o_wesponsor_card .o_wesponsor_connect_button { z-index: 1; position: absolute !important; right: 0; top: 0; padding-top: 30%; margin-left: auto; margin-right: auto; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0); } .o_wesponsor_index .o_wesponsor_card .o_wesponsor_connect_button a { display: none; } @media (min-width: 768px) { .o_wesponsor_index .o_wesponsor_card .o_wesponsor_connect_button:hover { cursor: pointer; transition: background-color .2s linear; background-color: rgba(0, 0, 0, 0.1); } .o_wesponsor_index .o_wesponsor_card .o_wesponsor_connect_button:hover a { display: inline-block; } } .o_wesponsor_index .o_wevent_online_page_container .o_wesponsor_exhibitor_aside .o_wesponsor_sponsor_name { line-height: 1rem; } .o_wesponsor_index .o_wevent_online_page_container .o_wesponsor_exhibitor_aside .o_wesponsor_aside_logo { width: 50px; height: 30px; object-fit: cover; object-position: top; } .o_wesponsor_index .o_wevent_online_page_container .o_wesponsor_exhibitor_aside .ribbon_Gold { background-color: #e3aa24 !important; } .o_wesponsor_index .o_wevent_online_page_container .o_wesponsor_exhibitor_aside .ribbon_Silver { background-color: #adb5bd !important; } .o_wesponsor_index .o_wevent_online_page_container .o_wesponsor_exhibitor_aside .ribbon_Bronze { background-color: #c7632a !important; } .editor_enable .o_wesponsor_index .o_wesponsor_exhibitor_main_empty_website_descr_warning { /** Hide warning in edition mode */ display: none; } /* /website_event_booth/static/src/scss/website_event_booth.scss */ label.o_wbooth_category_unavailable { opacity: 0.5; overflow: hidden; } #o_wbooth_contact_details_form .col-form-label { width: 200px; } .o_wbooth_registration_form label { position: relative; } .o_wbooth_registration_form label > input { visibility: hidden; position: absolute; } .o_wbooth_registration_form label:not(.o_wbooth_category_unavailable) > input + div { cursor: pointer; } .o_wbooth_registration_form label:not(.o_wbooth_category_unavailable):hover > input + div { opacity: .8; } .o_wbooth_registration_form label > input:checked + div, .o_wbooth_registration_form label:hover > input:checked + div { --o-border-color: #714b67; box-shadow: 0 0 0 2px #714b67; } .o_wbooth_registration_form label img { min-height: 250px; } .o_wbooth_booths .form-check { position: relative; padding-left: 0; } .o_wbooth_booths .form-check > input { visibility: hidden; position: absolute; } .o_wbooth_booths .form-check > input + label { padding: 0.5rem 1rem; border: var(--border-width) solid #D8DADD; border-radius: 0.25rem; background: #ffffff; } .o_wbooth_booths .form-check > input:checked + label, .o_wbooth_booths .form-check:hover > input:checked + label { --o-border-color: #714b67; box-shadow: 0 0 0 1px #714b67; } .o_wevent_booth_category { background-color: #f1f3f5; } /* /social_push_notifications/static/src/scss/social_push_notifications_frontend.scss */ .o_social_push_notifications_permission_request { bottom: 0; z-index: 1180; } @media (min-width: 576px) { .o_social_push_notifications_permission_request { top: 0; bottom: auto; padding-left: 75px; } .o_social_push_notifications_permission_request.o_social_push_notifications_permission_with_menubar { top: 50px; } .o_social_push_notifications_permission_request .o_social_push_notifications_permission_content { max-width: 276px; } } .o_social_push_notifications_permission_request .close { position: absolute; top: 0; left: auto; bottom: auto; right: 0; } .o_social_push_notifications_permission_request .dropdown-toggle:after { display: none; } .o_social_push_notifications_permission_request .o_social_push_notifications_permission_content { min-width: 150px; } /* /openerp_website/static/src/scss/icons.scss */ @font-face { font-family: "mokappuccino-icons"; src: url("/openerp_website/static/src/scss/../fonts/mokappuccino-icons.ttf?tszg5p") format("truetype"), url("/openerp_website/static/src/scss/../fonts/mokappuccino-icons.woff?tszg5p") format("woff"), url("/openerp_website/static/src/scss/../fonts/mokappuccino-icons.svg?tszg5p#mokappuccino-icons") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="x_wd_icon_"], [class*=" x_wd_icon_"] { font-family: "mokappuccino-icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .x_wd_icon_people::before { content: "\e900"; } .x_wd_icon_pinpoint::before { content: "\e901"; } .x_wd_icon_envelope::before { content: "\e902"; } .x_wd_icon_phone::before { content: "\e903"; } .x_wd_icon_factory::before { content: "\e904"; } .x_wd_icon_sheet_pen::before { content: "\e905"; } .x_wd_icon_building::before { content: "\e906"; } /* /openerp_website/static/src/scss/mixins.scss */ /* /openerp_website/static/src/scss/animations.scss */ .o_animate_in_children > * { transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1) 0s; transform-origin: 50% 100%; opacity: 0; transform: scale(0.9) translateY(20px); } .o_animate_in_children > * [class*="shadow-"] { transition: box-shadow 1s cubic-bezier(0.55, 0, 0.1, 1) 0s; } .o_animate_in_children:not(.o_visible) > * [class*="shadow-"] { box-shadow: 0 0 0 transparent; } .o_animate_in_children.o_visible > * { opacity: 1; transform: scale(1) translateY(0px); } @keyframes o_anim_fade_in_right { 0% { opacity: 0; transform: translate3d(20%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes o_anim_fade_in_left { 0% { opacity: 0; transform: translate3d(-20%, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes o_anim_fade_in_down { 0% { opacity: 0; transform: translate3d(0, -20%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes o_anim_fade_in_up { 0% { opacity: 0; transform: translate3d(0, 20%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes bounce { 0%, 100% { transform: scale(0.9); } 50% { transform: scale(1); } } @keyframes tooltip_welcome_before { 0% { opacity: 0; transform: scale(4); } 100% { opacity: 1; transform: scale(inherit); } } @keyframes tooltip_welcome_after { 0% { opacity: 1; transform: scale(2); } 100% { opacity: 0; transform: scale(inherit); } } @keyframes o-anim_drop { 0% { max-height: 0; opacity: 0.8; transform: scale(1.05); box-shadow: 0 0 20px 0 #555; } 80% { opacity: 1; } 100% { max-height: 1000px; opacity: 1; transform: scale(1); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } @keyframes o_blink { 0% { opacity: 1; } 100% { opacity: 0; } } .x_wd_rotator .x_wd_rotator_item { transition: opacity 0.5s ease; } .x_wd_rotator .x_wd_rotator_item.fade-out { opacity: 0; } .x_wd_rotator .x_wd_rotator_item.fade-in { opacity: 1; } /* /openerp_website/static/src/scss/components.scss */ .card { transition: all 0.2s ease-in-out; } .card.x_wd_card_hover .card-body { background-color: #F9FAFB !important; transition: all 0.2s ease-in-out; } .card.x_wd_card_hover:hover { transform: translateY(-0.125rem); } .card.x_wd_card_hover:hover .card-body { background-color: #F3F4F6 !important; } .card.s_case_study { max-width: 400px; } .card.s_case_study .s_figure_link { border-radius: 0.625rem 0.625rem 0 0; text-align: left; } .card.s_case_study .s_figure_link > a { opacity: 0.7; filter: none; -webkit-filter: none; } .card.s_case_study .s_figure_link > a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-color: rgba(0, 0, 0, 0.2); } .card.s_case_study .s_figure_link h2, .card.s_case_study .s_figure_link .h2 { font-size: 26px; position: absolute; top: auto; left: 1.5rem; bottom: 0px; right: 1.5rem; transform: translate(0, 10%); } .card.s_case_study .s_figure_link h2:after, .card.s_case_study .s_figure_link .h2:after { display: none; } .card.s_panel_video { border: 0; } .card.s_panel_video .s_figure_link { padding-bottom: 56.25% !important; } .card.s_panel_video .s_figure_link > a { opacity: 1; filter: none; -webkit-filter: none; } .card.s_panel_video .s_figure_link::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: no-repeat center/40% url(/openerp_website/static/src/img/2016/ui/play-button.png); transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; cursor: pointer; } .card.s_panel_video .s_figure_link:hover::after { transform: scale(1.1); } .card.s_panel_video .s_figure_link:hover h2, .card.s_panel_video .s_figure_link:hover .h2 { transform: translate(0, 10%); } .card.s_panel_video .s_figure_link:hover h2:after, .card.s_panel_video .s_figure_link:hover .h2:after { display: none; } .o_schedule_demo { display: inline-block; } .o_schedule_demo a:not(.btn) { color: !important; } .o_schedule_demo:empty { display: none; } .x_wd_app_card, .x_wd_app_horizontal { background-color: #F9FAFB; border-radius: 0.25rem; transition: all 0.2s ease-in-out; } .x_wd_app_card:hover, .x_wd_app_horizontal:hover { background-color: #F3F4F6; transform: translateY(-0.125rem); } .x_wd_video_play_icon { position: absolute; top: auto; left: auto; bottom: auto; right: auto; width: 80px; margin: -40px 0 0 -40px; padding: 1rem; background-color: #FFF; border-radius: 50rem; box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0.5), 0 1rem 3rem rgba(0, 0, 0, 0.175); animation: bounce 2s ease-in-out 0s infinite; } .x_wd_notification_box { padding: 1rem; background-color: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); font-size: 0.875rem; transition: all 0.2s ease-in-out; } .x_wd_notification_box:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); transform: translateY(-0.125rem); } @media (max-width: 767.98px) { .x_wd_notification_box { text-align: left; } } @media (min-width: 768px) { .x_wd_notification_box { display: inline-flex; align-items: center; padding: 0.5rem; } } @media (min-width: 768px) { .x_wd_compliance_badge { /* rtl:begin:ignore */ position: absolute; top: auto; left: auto; bottom: 100%; right: 0; /* rtl:end:ignore */ max-width: 160px; } } .visible-ios { display: none; } html.o_ios_device .visible-ios { display: block; } .visible-android { display: none; } html.o_android_device .visible-android { display: block; } .visible-win_phone { display: none; } html.o_win_phone_device .visible-win_phone { display: block; } .o_overflow_x_hidden { overflow-x: hidden; } .o_gradient, #o_partner_dashboard .o_partner_dashboard_box_header > h2, #o_partner_dashboard .o_partner_dashboard_box_header > .h2 { background: linear-gradient(150deg, #714b67 20%, #432c3d 80%) !important; } .o_gradient_inverse { background: linear-gradient(130deg, #5b7687 30%, #465b69 100%) !important; } .o_gradient_alpha { background: linear-gradient(130deg, #017e84 30%, #014e51 100%) !important; } .o_gradient_beta { background: linear-gradient(130deg, #5b899e 30%, #017e84 100%) !important; } .o_gradient_gamma { background: linear-gradient(130deg, #fc7c84 30%, #d5653e 100%) !important; } .o_gradient_delta { background: linear-gradient(130deg, #017e84 30%, #e46f78 100%) !important; } .o_gradient_epsilon { background: linear-gradient(130deg, #d5653e 30%, #017e84 100%) !important; } .o_bg_devices { background-image: url("/openerp_website/static/src/img/2016/components/devices_xs.gif"); } @media (min-width: 768px) { .o_bg_devices { background-image: url("/openerp_website/static/src/img/2016/components/devices.gif"); } } .o_bg_arch1, #wrapwrap.o_login > main, #wrapwrap.o_sign_up_login > main, #wrapwrap.o_reset_password > main { background-image: url("/openerp_website/static/src/img/2016/components/arch_1_xs.jpg"); } @media (min-width: 768px) { .o_bg_arch1, #wrapwrap.o_login > main, #wrapwrap.o_sign_up_login > main, #wrapwrap.o_reset_password > main { background-image: url("/openerp_website/static/src/img/2016/components/arch_1.jpg"); } } .o_bg_arch2 { background-image: url("/openerp_website/static/src/img/2016/components/arch_2_xs.jpg"); } @media (min-width: 768px) { .o_bg_arch2 { background-image: url("/openerp_website/static/src/img/2016/components/arch_2.jpg"); } } .o_bg_arch3 { background-image: url("/openerp_website/static/src/img/2016/components/arch_3.png"); } .o_bg_arch4 { background-image: url("/openerp_website/static/src/img/2016/components/arch_4_xs.jpg"); } @media (min-width: 768px) { .o_bg_arch4 { background-image: url("/openerp_website/static/src/img/2016/components/arch_4.jpg"); } } .o_bg_arch5 { background-image: url("/openerp_website/static/src/img/2016/components/arch_5_xs.jpg"); } @media (min-width: 768px) { .o_bg_arch5 { background-image: url("/openerp_website/static/src/img/2016/components/arch_5.jpg"); } } .o_bg_arch6 { background-image: url("/openerp_website/static/src/img/2016/components/arch_6.jpg"); } .o_bg_arch7 { background-image: url("/openerp_website/static/src/img/2016/components/arch_7.jpg"); } .o_bg_cover, #wrapwrap.o_login > main, #wrapwrap.o_sign_up_login > main, #wrapwrap.o_reset_password > main { background-size: cover; } .o_bg_fit-W { background-size: 100% auto; } .o_bg_fit-H { background-size: auto 100%; } .o_bg_fit-both { background-size: 100% 100%; } .o_bg_no-repeat { background-repeat: no-repeat; } .o_bg_fixed, #wrapwrap.o_login > main, #wrapwrap.o_sign_up_login > main, #wrapwrap.o_reset_password > main { background-attachment: fixed; } /* /openerp_website/static/src/scss/page-specific.scss */ #wrapwrap.o_login > main, #wrapwrap.o_sign_up_login > main, #wrapwrap.o_reset_password > main { align-items: center; min-height: 100vh; overflow: hidden; } #wrapwrap.o_login > main .oe_website_login_container, #wrapwrap.o_sign_up_login > main .oe_website_login_container, #wrapwrap.o_reset_password > main .oe_website_login_container { overflow: hidden; margin: 0 auto; } @media (min-width: 768px) { #wrapwrap.o_login > main .oe_website_login_container, #wrapwrap.o_sign_up_login > main .oe_website_login_container, #wrapwrap.o_reset_password > main .oe_website_login_container { padding-top: 0px !important; margin-top: -30px; padding-bottom: 10px; } } #wrapwrap.o_login > main .oe_website_login_container .oe_login_form, #wrapwrap.o_login > main .oe_website_login_container .oe_signup_form, #wrapwrap.o_sign_up_login > main .oe_website_login_container .oe_login_form, #wrapwrap.o_sign_up_login > main .oe_website_login_container .oe_signup_form, #wrapwrap.o_reset_password > main .oe_website_login_container .oe_login_form, #wrapwrap.o_reset_password > main .oe_website_login_container .oe_signup_form { margin: 15px auto 0; } #wrapwrap.o_login > main .oe_website_login_container .alert, #wrapwrap.o_sign_up_login > main .oe_website_login_container .alert, #wrapwrap.o_reset_password > main .oe_website_login_container .alert { font-size: 0.8em; font-weight: 400; } #wrapwrap.o_login > main .oe_website_login_container form, #wrapwrap.o_sign_up_login > main .oe_website_login_container form, #wrapwrap.o_reset_password > main .oe_website_login_container form { max-width: 400px; border-top: 1px solid #F3F4F6; padding-top: 10px; } #wrapwrap.o_login > main .oe_website_login_container form .popover.top, #wrapwrap.o_sign_up_login > main .oe_website_login_container form .popover.top, #wrapwrap.o_reset_password > main .oe_website_login_container form .popover.top { height: auto; background-color: #fff; } #wrapwrap.o_login > main .oe_website_login_container button[type='submit'], #wrapwrap.o_sign_up_login > main .oe_website_login_container button[type='submit'], #wrapwrap.o_reset_password > main .oe_website_login_container button[type='submit'] { float: none !important; width: 100%; margin-top: 20px; text-transform: uppercase; font-weight: 400; } #wrapwrap .x_wd_apps_switched { display: none; bottom: -240px !important; top: auto !important; width: 1250px; pointer-events: none; } #wrapwrap .x_wd_app_entry figure img { transition: .1s ease; } #wrapwrap .x_wd_app_entry figure img:hover { transform: translateY(-3px); } #wrapwrap .video_homepage_row .progressbar { appearance: none; height: 2px; border-radius: 5px; background: #9D9D9D; outline: none; -webkit-transition: .2s; transition: opacity .2s; } #wrapwrap .video_homepage_row .progressbar::-webkit-slider-thumb { appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 50%; background-color: #714B67 !important; cursor: pointer; } #wrapwrap .video_homepage_row .progressbar::-moz-range-thumb { width: 15px; height: 15px; border-radius: 50%; background-color: #714B67 !important; cursor: pointer; } #wrapwrap.o_documents .o_dc_form .o_dc_result .o_value { min-width: 44px; } #wrapwrap.o_documents figure svg { transform: rotate(-90deg); background-color: #F3F4F6; border-radius: 50%; } #wrapwrap.o_documents figure circle { fill: #F3F4F6; stroke-width: 100px; transition: stroke-dasharray .3s ease .4s; stroke-dasharray: 0, 200, 0, 200; } #wrapwrap.o_documents .nav.nav-tabs a { white-space: nowrap; } @media (max-width: 767.98px) { #wrapwrap.o_documents .nav.nav-tabs { overflow-x: auto; } } #wrapwrap.o_documents .tab-content table.table td:first-child, #wrapwrap.o_documents .tab-content table.table th:first-child { letter-spacing: -0.03em; word-spacing: -0.03em; } #wrapwrap .x_wd_animation_block .visible { opacity: 1; transition: .2s ease; position: relative; } #wrapwrap .x_wd_animation_block .visible:before { content: ''; background-image: url("/openerp_website/static/src/img/apps/crm/p_on.svg"); background-size: contain; width: 75px; height: 75px; position: absolute; top: -25px; left: -75px; } #wrapwrap .x_wd_animation_block .neutralised { opacity: .3; transition: .2s ease; position: relative; } #wrapwrap .x_wd_animation_block .neutralised:before { content: ''; background-image: url("/openerp_website/static/src/img/apps/crm/p_off.svg"); background-size: contain; width: 75px; height: 75px; position: absolute; top: -25px; left: -75px; } #wrapwrap .x_wd_crm_pdf_preview { animation: pdf_preview 20s linear 0s infinite alternate both; } @keyframes pdf_preview { 0% { transform: translateY(0); } 100% { transform: translateY(-3800px); } } #wrapwrap .s_wd_form_qr_code .form-check label { transition: all 0.2s ease-in-out; border: 2px solid transparent; } #wrapwrap .s_wd_form_qr_code .form-check input:checked + label { position: relative; border-color: #714b67; } #wrapwrap .s_wd_form_qr_code .form-check input:checked + label::after { content: "\f00c"; font-family: 'FontAwesome'; position: absolute; top: -0.875rem; left: auto; bottom: auto; right: -0.875rem; width: 1.75rem; height: 1.75rem; background-color: #714b67; border: 2px solid #714b67; border-radius: 50%; color: #fff; font-size: 0.875rem; line-height: 1.5rem; text-align: center; } #wrapwrap.o_odoo_editions .o_table_features thead > tr > *, #wrapwrap.o_odoo_editions .o_table_features tbody > tr > * { padding: 1rem 1.25rem; } #wrapwrap.o_brand_assets .anchor { float: left; } #wrapwrap.o_brand_assets .o_brand_assets_group { margin-bottom: 96px; } #wrapwrap.o_brand_assets .o_app_icon_entry .o_enterprise_badge { position: absolute; top: 20px; left: -30px; bottom: auto; right: auto; width: 120px; background: #017e84; text-align: center; color: #FFF; font-size: .8rem; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); transform: rotate(-45deg); } #wrapwrap.o_brand_assets .o_apps_icons .o_search_nav .o_apps_search_clear { cursor: pointer; opacity: 0.5; } #wrapwrap.o_brand_assets .o_apps_icons .o_search_nav .o_apps_search_clear:hover { opacity: 1; } @media (min-width: 768px) { #wrapwrap.o_docs .o_bg_devices:before { content: ""; bottom: 0; position: absolute; width: 100%; height: 50px; background: linear-gradient(180deg, transparent 20%, white 80%) !important; } } #wrapwrap.o_typo .o_typo_page_bg { background: no-repeat right / auto 100%; } @media (max-width: 767.98px) { #wrapwrap.o_typo .o_typo_page_bg { background-image: none !important; } } @media (min-width: 992px) { #wrapwrap.o_typo .o_main_header:not(.o_header_is_scrolled) { background-color: transparent; } #wrapwrap.o_typo .o_typo_page_content { max-width: 400px; width: 41%; } } #wrapwrap.o_typo .o_typo_page_bg.text-white h1, #wrapwrap.o_typo .o_typo_page_bg.text-white .h1, #wrapwrap.o_typo .o_typo_page_bg.text-white h1 small, #wrapwrap.o_typo .o_typo_page_bg.text-white .h1 small, #wrapwrap.o_typo .o_typo_page_bg.text-white h1 .small, #wrapwrap.o_typo .o_typo_page_bg.text-white .h1 .small, #wrapwrap.o_typo .o_typo_page_bg.text-white h4, #wrapwrap.o_typo .o_typo_page_bg.text-white .h4, #wrapwrap.o_typo .o_typo_page_bg.text-white h4 small, #wrapwrap.o_typo .o_typo_page_bg.text-white .h4 small, #wrapwrap.o_typo .o_typo_page_bg.text-white h4 .small, #wrapwrap.o_typo .o_typo_page_bg.text-white .h4 .small, #wrapwrap.o_typo .o_typo_page_bg.text-white .btn-primary, #wrapwrap.o_typo .o_typo_page_bg.text-white .btn-primary small, #wrapwrap.o_typo .o_typo_page_bg.text-white .btn-primary .small { color: white; } #wrapwrap.o_typo .o_typo_page_bg.text-white a { font-weight: 600; } #wrapwrap.o_typo .o_typo_page_bg.text-white .text-muted { color: rgba(255, 255, 255, 0.75) !important; } #wrapwrap.o_typo .o_typo_page_bg.text-white .btn-secondary { color: #111827; } #wrapwrap.o_typo .o_typo_page_bg_0 { background-color: #f3f3f3; } #wrapwrap.o_typo .o_typo_page_bg_0 .o_typo_page_content { background-color: rgba(243, 243, 243, 0.75); } #wrapwrap.o_typo .o_typo_page_bg_1 { background-color: #eef1f0; } #wrapwrap.o_typo .o_typo_page_bg_1 .o_typo_page_content { background-color: rgba(238, 241, 240, 0.75); } #wrapwrap.o_typo .o_typo_page_bg_2 { background-color: #e3e3e3; } #wrapwrap.o_typo .o_typo_page_bg_2 .o_typo_page_content { background-color: rgba(227, 227, 227, 0.75); } #wrapwrap.o_typo .o_typo_page_bg_3 { background-color: #ae808d; } #wrapwrap.o_typo .o_typo_page_bg_3 .o_typo_page_content { background-color: rgba(174, 128, 141, 0.75); } #wrapwrap.o_typo .o_typo_page_bg_4 { background-color: #9b7b86; } #wrapwrap.o_typo .o_typo_page_bg_4 .o_typo_page_content { background-color: rgba(155, 123, 134, 0.75); } @keyframes o_db_fade_top { 0% { opacity: 0; transform: translate3d(0, 20px, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes o_db_fade_left { 0% { opacity: 0; transform: translate3d(20px, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } #wrapwrap.o_db_activation, #wrapwrap.o_redeem_your_odoo_mug { padding-bottom: 0 !important; height: 100%; } #wrapwrap.o_db_activation > header, #wrapwrap.o_db_activation > footer, #wrapwrap.o_redeem_your_odoo_mug > header, #wrapwrap.o_redeem_your_odoo_mug > footer { display: none; } #wrapwrap.o_db_activation > main, #wrapwrap.o_redeem_your_odoo_mug > main { height: 100%; position: relative; } @media (min-width: 576px) { #wrapwrap.o_db_activation > main, #wrapwrap.o_redeem_your_odoo_mug > main { background: white; } } #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_img, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_img { background-image: url("/openerp_website/static/src/img/db_activation/db_activation_bg_4.jpg"); } #wrapwrap.o_db_activation > main .o_db_activation_container, #wrapwrap.o_db_activation > main .o_redeem_mug_container, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container { padding: 0 !important; height: 100%; } #wrapwrap.o_db_activation > main .o_db_activation_container.step_2 .o_db_activation_right > .o_db_activation_img, #wrapwrap.o_db_activation > main .o_redeem_mug_container.step_2 .o_db_activation_right > .o_db_activation_img, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container.step_2 .o_db_activation_right > .o_db_activation_img, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container.step_2 .o_db_activation_right > .o_db_activation_img { background-color: #014e51; background-size: contain; background-repeat: no-repeat; } @media (min-width: 576px) { #wrapwrap.o_db_activation > main .o_db_activation_container.step_4 .o_db_activation_left, #wrapwrap.o_db_activation > main .o_redeem_mug_container.step_4 .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container.step_4 .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container.step_4 .o_db_activation_left { width: 40%; } #wrapwrap.o_db_activation > main .o_db_activation_container.step_4 .o_db_activation_right, #wrapwrap.o_db_activation > main .o_redeem_mug_container.step_4 .o_db_activation_right, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container.step_4 .o_db_activation_right, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container.step_4 .o_db_activation_right { transition: all 0.3s; left: 40%; } } @media (min-width: 576px) and (prefers-reduced-motion: reduce) { #wrapwrap.o_db_activation > main .o_db_activation_container.step_4 .o_db_activation_right, #wrapwrap.o_db_activation > main .o_redeem_mug_container.step_4 .o_db_activation_right, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container.step_4 .o_db_activation_right, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container.step_4 .o_db_activation_right { transition: none; } } @media (min-width: 576px) { #wrapwrap.o_db_activation > main .o_db_activation_container.step_4 .o_db_activation_right > .o_db_activation_img, #wrapwrap.o_db_activation > main .o_redeem_mug_container.step_4 .o_db_activation_right > .o_db_activation_img, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container.step_4 .o_db_activation_right > .o_db_activation_img, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container.step_4 .o_db_activation_right > .o_db_activation_img { background-position: right; } } @media (min-width: 576px) { #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left { width: 60%; height: 100%; } } @media (min-width: 992px) { #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left { width: 50%; } } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_logo, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_logo, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_logo, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_logo { width: 63px; height: 20px; background-size: auto 20px; margin-top: 30px; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_wrapper, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_wrapper, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_wrapper, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_wrapper { width: 80%; max-width: 540px; margin: 0 auto; position: relative; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content { padding: 15px 0; margin-top: 20px; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > *, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > * { animation: o_db_fade_left .3s; animation-fill-mode: both; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > h2, #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > .h2, #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > .o_db_activation_actions, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > h2, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > .h2, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > .o_db_activation_actions, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > h2, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > .h2, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > .o_db_activation_actions, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > h2, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > .h2, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > .o_db_activation_actions { animation: o_db_fade_top .3s; animation-fill-mode: both; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *:nth-child(2), #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > *:nth-child(2), #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *:nth-child(2), #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > *:nth-child(2) { animation-delay: 0.2s; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *:nth-child(3), #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > *:nth-child(3), #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *:nth-child(3), #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > *:nth-child(3) { animation-delay: 0.3s; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *:nth-child(4), #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > *:nth-child(4), #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *:nth-child(4), #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > *:nth-child(4) { animation-delay: 0.4s; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *:nth-child(5), #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > *:nth-child(5), #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content > *:nth-child(5), #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content > *:nth-child(5) { animation-delay: 0.5s; } @media (min-height: 768px) and (min-width: 768px) { #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_content, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_content { margin-top: -57px; } } @media (min-width: 576px) { #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left, #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_wrapper_content, #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_content, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_wrapper_content, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_wrapper_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_wrapper_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_content { display: flex; flex-flow: column nowrap; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left { justify-content: space-between; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_left .o_db_activation_wrapper_content, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_wrapper_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_left .o_db_activation_wrapper_content, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_left .o_db_activation_wrapper_content { flex: 1 1 0; justify-content: space-around; } } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_right, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_right, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_right, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_right { position: absolute; top: 0; left: 60%; bottom: 0; right: 0; background-color: #F9FAFB; } @media (min-width: 992px) { #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_right, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_right, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_right, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_right { position: absolute; top: 0; left: 50%; bottom: 0; right: 0; } } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_right .o_db_activation_img, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_right .o_db_activation_img, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_right .o_db_activation_img, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_right .o_db_activation_img { background-position: center; background-size: cover; opacity: 0; transition: opacity 0.2s; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #wrapwrap.o_db_activation > main .o_db_activation_container .o_db_activation_right .o_db_activation_img.o_current, #wrapwrap.o_db_activation > main .o_redeem_mug_container .o_db_activation_right .o_db_activation_img.o_current, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_container .o_db_activation_right .o_db_activation_img.o_current, #wrapwrap.o_redeem_your_odoo_mug > main .o_redeem_mug_container .o_db_activation_right .o_db_activation_img.o_current { transition: opacity 0.2s ease .3s; opacity: 1; } #wrapwrap.o_db_activation > main form .row, #wrapwrap.o_redeem_your_odoo_mug > main form .row { position: relative; } #wrapwrap.o_db_activation > main .col-form-label, #wrapwrap.o_redeem_your_odoo_mug > main .col-form-label { line-height: 1.3; } #wrapwrap.o_db_activation > main .form-control, #wrapwrap.o_db_activation > main .o_db_activation_input, #wrapwrap.o_redeem_your_odoo_mug > main .form-control, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input { border-width: 0 0 1px 0; box-shadow: none; border-radius: 0; border-color: #E6E9ED; padding: 5px 0 1px; color: #374151; } #wrapwrap.o_db_activation > main .form-control:focus, #wrapwrap.o_db_activation > main .form-control:active, #wrapwrap.o_db_activation > main .o_db_activation_input:focus, #wrapwrap.o_db_activation > main .o_db_activation_input:active, #wrapwrap.o_redeem_your_odoo_mug > main .form-control:focus, #wrapwrap.o_redeem_your_odoo_mug > main .form-control:active, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input:focus, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input:active { border-color: #374151; box-shadow: none; outline: none; } #wrapwrap.o_db_activation > main textarea.o_db_activation_input, #wrapwrap.o_redeem_your_odoo_mug > main textarea.o_db_activation_input { border: none; padding: 12px; resize: vertical; min-height: 120px; max-height: 200px; line-height: 1.5; font-size: 14px; background-color: #F9FAFB; } #wrapwrap.o_db_activation > main .o_db_activation_input_col, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col { position: relative; } #wrapwrap.o_db_activation > main .o_db_activation_input_col input, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col input { width: 100%; } #wrapwrap.o_db_activation > main .o_db_activation_input_col select, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col select { width: 100%; background-color: transparent; } #wrapwrap.o_db_activation > main .o_db_activation_input_col .tooltip, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col .tooltip { width: 100%; position: absolute; top: auto; left: 50%; bottom: 100%; right: auto; transform: translateX(-50%); transition: all .3s; } #wrapwrap.o_db_activation > main .o_db_activation_input_col .tooltip .tooltip-inner, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col .tooltip .tooltip-inner { border-top: 3px solid #ffc107; } #wrapwrap.o_db_activation > main .o_db_activation_input_col.o_has_warning .tooltip, #wrapwrap.o_db_activation > main .o_db_activation_input_col.o_has_error .tooltip, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col.o_has_warning .tooltip, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col.o_has_error .tooltip { opacity: 1; } #wrapwrap.o_db_activation > main .o_db_activation_input_col.o_has_warning .tooltip-inner, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col.o_has_warning .tooltip-inner { border-top: 3px solid #ffc107; } #wrapwrap.o_db_activation > main .o_db_activation_input_col.o_has_warning input, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col.o_has_warning input { color: #ffc107; border-color: #ffc107; color: #ffc107; opacity: 0.5; } #wrapwrap.o_db_activation > main .o_db_activation_input_col.o_has_error .tooltip-inner, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col.o_has_error .tooltip-inner { border-top: 3px solid #dc3545; } #wrapwrap.o_db_activation > main .o_db_activation_input_col.o_has_error input, #wrapwrap.o_redeem_your_odoo_mug > main .o_db_activation_input_col.o_has_error input { color: #dc3545; border-color: #dc3545; color: #dc3545; opacity: 0.5; } @media (min-width: 768px) { #wrapwrap.o_db_activation > main .o_col-sm-0, #wrapwrap.o_redeem_your_odoo_mug > main .o_col-sm-0 { width: 0; } } #wrapwrap.o_db_activation .o_db_activation_steps, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps { padding: 15px 0; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper { height: 100% !important; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .progress, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .progress { width: 100%; height: 1px; position: absolute; top: 6px; left: 0; bottom: auto; right: auto; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .progress .progress-bar, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .progress .progress-bar { transition: width 2s; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group { display: table; width: 100%; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div { display: table-cell; vertical-align: top; position: relative; width: 33%; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .h6, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .h6 { display: inline-block; position: relative; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .o_title, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .o_title { opacity: 0.6; display: block; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .o_dot, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .o_dot { padding: 5px; display: inline-block; position: relative; border-radius: 100%; background: white; box-shadow: 0 0 0 5px white; border: 2px solid #E6E9ED; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .o_title, #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .o_dot, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .o_title, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div .o_dot { transition: all 0.5s; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div:last-child .h6:before, #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div:first-child .h6:before, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div:last-child .h6:before, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div:first-child .h6:before { content: ""; background-color: white; position: absolute; top: 3px; left: 0; bottom: 40px; right: 50%; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div:last-child:last-child .h6:before, #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div:first-child:last-child .h6:before, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div:last-child:last-child .h6:before, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div:first-child:last-child .h6:before { position: absolute; top: 3px; left: 50%; bottom: 40px; right: 0; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_done .o_title, #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_current .o_title, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_done .o_title, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_current .o_title { opacity: 1; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_done .o_dot, #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_current .o_dot, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_done .o_dot, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_current .o_dot { border-color: #714b67; } #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_done.o_done .o_dot, #wrapwrap.o_db_activation .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_current.o_done .o_dot, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_done.o_done .o_dot, #wrapwrap.o_redeem_your_odoo_mug .o_db_activation_steps > .o_db_activation_wrapper .o_db_activation_steps_group > div.o_current.o_done .o_dot { background-color: #714b67; } #wrapwrap .o_tab_nav { margin: 0 auto; padding: 0; list-style-type: none; justify-content: space-around; margin-bottom: -1.42em; } #wrapwrap .o_tab_nav::after { content: ""; display: inline-block; width: 100%; } #wrapwrap .o_tab_nav > li { display: inline-block; } #wrapwrap .o_tab_nav > li > a { display: block; padding: 20px 5px; font-family: "Inter", "Odoo Unicode Support Noto", sans-serif; color: #111827; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; font-weight: 600; font-size: 0.9em; opacity: 0.6; } #wrapwrap .o_tab_nav > li > a:focus, #wrapwrap .o_tab_nav > li > a:active, #wrapwrap .o_tab_nav > li > a:focus:active { outline: none; } #wrapwrap .o_tab_nav > li > a:hover, #wrapwrap .o_tab_nav > li > a.active { opacity: 1; color: #017e84; text-decoration: none; } #wrapwrap .o_tab_nav > li.ui-sortable-handle { background: #ffff66; cursor: move !important; } #wrapwrap .o_tab_nav > li.ui-sortable-handle:hover { background: #cccc00; } #wrapwrap .o_tab_nav > li.ui-sortable-handle > a { background-color: white; outline: 1px dotted black; } #wrapwrap .o_tab_nav > li.ui-sortable-handle > a:hover { cursor: text !important; } #wrapwrap .o_tab_nav.o_tab_nav_small li > a { font-size: 0.8em; } #wrapwrap .o_tab_nav.o_tab_nav_has_hr { margin-bottom: 0; } #wrapwrap .o_tab_nav.o_tab_nav_has_hr li > a { padding: 20px 0 10px; position: relative; } #wrapwrap .o_tab_nav.o_tab_nav_has_hr li > a:after { content: ""; display: block; background-color: #017e84; width: 100%; height: 0px; position: absolute; top: auto; left: auto; bottom: -2px; right: auto; transition: height 0.3s ease 0s; } #wrapwrap .o_tab_nav.o_tab_nav_has_hr li > a.active:after { height: 3px; } #wrapwrap .x_wd_help_button .btn:not(.dropdown-item) { background-color: white; color: #017e84; padding: 1.75rem; width: 100%; font-size: 1.15rem; margin-bottom: 0 !important; } #wrapwrap .x_wd_help_button .o_schedule_demo { width: 100%; } #wrapwrap .x_wd_help_button .dropdown-menu, #wrapwrap .x_wd_help_button .o_dropdown_menu { min-width: 100%; } @media (min-width: 768px) { #wrapwrap .x_wd_services_card_slide { padding-bottom: 200px; } } #wrapwrap .x_wd_services_card_slide .x_wd_services_card_slide_container { position: relative; z-index: 2; width: 100%; height: 100%; transition: cubic-bezier(0.175, 0.885, 0.3, 1.1) 0.6s; background-color: #F9FAFB; } #wrapwrap .x_wd_services_card_slide .x_wd_services_card_slide_container ul { color: #374151; } @media (min-width: 768px) { #wrapwrap .x_wd_services_card_slide .x_wd_services_card_slide_container { position: absolute; top: auto; left: auto; bottom: auto; right: auto; color: white; } } @media (min-width: 768px) { #wrapwrap .x_wd_services_card_slide .x_wd_services_card_slide_container { top: 280px; } } @media (min-width: 992px) { #wrapwrap .x_wd_services_card_slide .x_wd_services_card_slide_container { top: 340px; } } @media (min-width: 1200px) { #wrapwrap .x_wd_services_card_slide .x_wd_services_card_slide_container { top: 290px; } } @media (min-width: 1400px) { #wrapwrap .x_wd_services_card_slide .x_wd_services_card_slide_container { top: 325px; } } #wrapwrap .x_wd_services_card_slide:hover .x_wd_services_card_slide_container { top: 90px; background-color: #714b67; color: white; } #wrapwrap .x_wd_services_card_slide:hover .x_wd_services_card_slide_container ul { color: white; } /* /openerp_website/static/src/scss/events.scss */ /* Events List ==================== */ .o_wevent_index .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_date_text { line-height: 1.5; } .o_wevent_index .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_country_flag { display: none; } .o_wevent_index .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_day { display: block; font-size: 1rem; } .o_wevent_index .o_wevent_event_date.o_wevent_date_with_flag .o_wevent_event_month { font-size: 0.875rem; } /* Single Event - Sidebar ==================== */ .o_wevent_event .o_wevent_sidebar_block .o_wevent_sidebar_title { font-size: 1.25rem; } .o_wevent_event .o_wevent_sidebar_block a svg { display: none; } /* /openerp_website/static/src/scss/odoo-experience.scss */ /* OXP 2025 & 2026 ==================== */ #wrapwrap[class*="o_odoo_experience_2026"], #wrapwrap.o_odoo_days_indonesia_2026, #wrapwrap.o_odoo_experience_2025, #wrapwrap.o_odoo_connect_2025, #wrapwrap.o_odoo_community_days_latin_america_2025, #wrapwrap.o_odoo_community_days_india_2025 { height: auto; overflow: hidden; background-color: #111827; } #wrapwrap[class*="o_odoo_experience_2026"] .text-o-color-6, #wrapwrap.o_odoo_days_indonesia_2026 .text-o-color-6, #wrapwrap.o_odoo_experience_2025 .text-o-color-6, #wrapwrap.o_odoo_connect_2025 .text-o-color-6, #wrapwrap.o_odoo_community_days_latin_america_2025 .text-o-color-6, #wrapwrap.o_odoo_community_days_india_2025 .text-o-color-6 { color: #FF70A7 !important; } #wrapwrap[class*="o_odoo_experience_2026"] .text-o-color-7, #wrapwrap.o_odoo_days_indonesia_2026 .text-o-color-7, #wrapwrap.o_odoo_experience_2025 .text-o-color-7, #wrapwrap.o_odoo_connect_2025 .text-o-color-7, #wrapwrap.o_odoo_community_days_latin_america_2025 .text-o-color-7, #wrapwrap.o_odoo_community_days_india_2025 .text-o-color-7 { color: #FFD433 !important; } #wrapwrap[class*="o_odoo_experience_2026"] .text-o-color-9, #wrapwrap.o_odoo_days_indonesia_2026 .text-o-color-9, #wrapwrap.o_odoo_experience_2025 .text-o-color-9, #wrapwrap.o_odoo_connect_2025 .text-o-color-9, #wrapwrap.o_odoo_community_days_latin_america_2025 .text-o-color-9, #wrapwrap.o_odoo_community_days_india_2025 .text-o-color-9 { color: #03F9E3 !important; } #wrapwrap[class*="o_odoo_experience_2026"] .text-o-color-10, #wrapwrap.o_odoo_days_indonesia_2026 .text-o-color-10, #wrapwrap.o_odoo_experience_2025 .text-o-color-10, #wrapwrap.o_odoo_connect_2025 .text-o-color-10, #wrapwrap.o_odoo_community_days_latin_america_2025 .text-o-color-10, #wrapwrap.o_odoo_community_days_india_2025 .text-o-color-10 { color: #BB86FC !important; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap, #wrapwrap[class*="o_odoo_experience_2026"] #wrap [class*="display-"], #wrapwrap[class*="o_odoo_experience_2026"] #wrap h1, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h1, #wrapwrap[class*="o_odoo_experience_2026"] #wrap h2, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h2, #wrapwrap[class*="o_odoo_experience_2026"] #wrap h3, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h3, #wrapwrap[class*="o_odoo_experience_2026"] #wrap h4, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h4, #wrapwrap[class*="o_odoo_experience_2026"] #wrap h5, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h5, #wrapwrap[class*="o_odoo_experience_2026"] #wrap h6, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h6, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h1, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h2, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h3, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h4, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h5, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .h6, #wrapwrap.o_odoo_days_indonesia_2026 #wrap, #wrapwrap.o_odoo_days_indonesia_2026 #wrap [class*="display-"], #wrapwrap.o_odoo_days_indonesia_2026 #wrap h1, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h1, #wrapwrap.o_odoo_days_indonesia_2026 #wrap h2, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h2, #wrapwrap.o_odoo_days_indonesia_2026 #wrap h3, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h3, #wrapwrap.o_odoo_days_indonesia_2026 #wrap h4, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h4, #wrapwrap.o_odoo_days_indonesia_2026 #wrap h5, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h5, #wrapwrap.o_odoo_days_indonesia_2026 #wrap h6, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h6, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h1, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h2, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h3, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h4, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h5, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .h6, #wrapwrap.o_odoo_experience_2025 #wrap, #wrapwrap.o_odoo_experience_2025 #wrap [class*="display-"], #wrapwrap.o_odoo_experience_2025 #wrap h1, #wrapwrap.o_odoo_experience_2025 #wrap .h1, #wrapwrap.o_odoo_experience_2025 #wrap h2, #wrapwrap.o_odoo_experience_2025 #wrap .h2, #wrapwrap.o_odoo_experience_2025 #wrap h3, #wrapwrap.o_odoo_experience_2025 #wrap .h3, #wrapwrap.o_odoo_experience_2025 #wrap h4, #wrapwrap.o_odoo_experience_2025 #wrap .h4, #wrapwrap.o_odoo_experience_2025 #wrap h5, #wrapwrap.o_odoo_experience_2025 #wrap .h5, #wrapwrap.o_odoo_experience_2025 #wrap h6, #wrapwrap.o_odoo_experience_2025 #wrap .h6, #wrapwrap.o_odoo_experience_2025 #wrap .h1, #wrapwrap.o_odoo_experience_2025 #wrap .h2, #wrapwrap.o_odoo_experience_2025 #wrap .h3, #wrapwrap.o_odoo_experience_2025 #wrap .h4, #wrapwrap.o_odoo_experience_2025 #wrap .h5, #wrapwrap.o_odoo_experience_2025 #wrap .h6, #wrapwrap.o_odoo_connect_2025 #wrap, #wrapwrap.o_odoo_connect_2025 #wrap [class*="display-"], #wrapwrap.o_odoo_connect_2025 #wrap h1, #wrapwrap.o_odoo_connect_2025 #wrap .h1, #wrapwrap.o_odoo_connect_2025 #wrap h2, #wrapwrap.o_odoo_connect_2025 #wrap .h2, #wrapwrap.o_odoo_connect_2025 #wrap h3, #wrapwrap.o_odoo_connect_2025 #wrap .h3, #wrapwrap.o_odoo_connect_2025 #wrap h4, #wrapwrap.o_odoo_connect_2025 #wrap .h4, #wrapwrap.o_odoo_connect_2025 #wrap h5, #wrapwrap.o_odoo_connect_2025 #wrap .h5, #wrapwrap.o_odoo_connect_2025 #wrap h6, #wrapwrap.o_odoo_connect_2025 #wrap .h6, #wrapwrap.o_odoo_connect_2025 #wrap .h1, #wrapwrap.o_odoo_connect_2025 #wrap .h2, #wrapwrap.o_odoo_connect_2025 #wrap .h3, #wrapwrap.o_odoo_connect_2025 #wrap .h4, #wrapwrap.o_odoo_connect_2025 #wrap .h5, #wrapwrap.o_odoo_connect_2025 #wrap .h6, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap [class*="display-"], #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap h1, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h1, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap h2, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h2, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap h3, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h3, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap h4, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h4, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap h5, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h5, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap h6, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h6, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h1, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h2, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h3, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h4, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h5, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .h6, #wrapwrap.o_odoo_community_days_india_2025 #wrap, #wrapwrap.o_odoo_community_days_india_2025 #wrap [class*="display-"], #wrapwrap.o_odoo_community_days_india_2025 #wrap h1, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h1, #wrapwrap.o_odoo_community_days_india_2025 #wrap h2, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h2, #wrapwrap.o_odoo_community_days_india_2025 #wrap h3, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h3, #wrapwrap.o_odoo_community_days_india_2025 #wrap h4, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h4, #wrapwrap.o_odoo_community_days_india_2025 #wrap h5, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h5, #wrapwrap.o_odoo_community_days_india_2025 #wrap h6, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h6, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h1, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h2, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h3, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h4, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h5, #wrapwrap.o_odoo_community_days_india_2025 #wrap .h6 { color: #fff; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .text-muted, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .text-muted, #wrapwrap.o_odoo_experience_2025 #wrap .text-muted, #wrapwrap.o_odoo_connect_2025 #wrap .text-muted, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .text-muted, #wrapwrap.o_odoo_community_days_india_2025 #wrap .text-muted { color: #ADB5BD !important; } @media (max-width: 767.98px) { #wrapwrap[class*="o_odoo_experience_2026"] #wrap .display-1, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .display-1, #wrapwrap.o_odoo_experience_2025 #wrap .display-1, #wrapwrap.o_odoo_connect_2025 #wrap .display-1, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .display-1, #wrapwrap.o_odoo_community_days_india_2025 #wrap .display-1 { font-size: 4rem; } } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .btn:not(.dropdown-toggle):not(.oe_search_button), #wrapwrap.o_odoo_days_indonesia_2026 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button), #wrapwrap.o_odoo_experience_2025 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button), #wrapwrap.o_odoo_connect_2025 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button), #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button), #wrapwrap.o_odoo_community_days_india_2025 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button) { padding: .75rem 2rem; border-radius: 50rem; border-width: 2px; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .btn:not(.dropdown-toggle):not(.oe_search_button).btn-sm, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .btn-group-sm > .btn:not(.oe_search_button), #wrapwrap.o_odoo_days_indonesia_2026 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button).btn-sm, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .btn-group-sm > .btn:not(.oe_search_button), #wrapwrap.o_odoo_experience_2025 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button).btn-sm, #wrapwrap.o_odoo_experience_2025 #wrap .btn-group-sm > .btn:not(.oe_search_button), #wrapwrap.o_odoo_connect_2025 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button).btn-sm, #wrapwrap.o_odoo_connect_2025 #wrap .btn-group-sm > .btn:not(.oe_search_button), #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button).btn-sm, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .btn-group-sm > .btn:not(.oe_search_button), #wrapwrap.o_odoo_community_days_india_2025 #wrap .btn:not(.dropdown-toggle):not(.oe_search_button).btn-sm, #wrapwrap.o_odoo_community_days_india_2025 #wrap .btn-group-sm > .btn:not(.oe_search_button) { padding: .5rem 1.5rem; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .btn-primary, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .btn-primary, #wrapwrap.o_odoo_experience_2025 #wrap .btn-primary, #wrapwrap.o_odoo_connect_2025 #wrap .btn-primary, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .btn-primary, #wrapwrap.o_odoo_community_days_india_2025 #wrap .btn-primary { background-color: #03F9E3; border: 2px solid #03F9E3; color: #111827; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .btn-primary:hover, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .btn-primary:hover, #wrapwrap.o_odoo_experience_2025 #wrap .btn-primary:hover, #wrapwrap.o_odoo_connect_2025 #wrap .btn-primary:hover, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .btn-primary:hover, #wrapwrap.o_odoo_community_days_india_2025 #wrap .btn-primary:hover { background-color: #fff; border-color: #fff; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .btn-outline-primary, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .btn-outline-primary, #wrapwrap.o_odoo_experience_2025 #wrap .btn-outline-primary, #wrapwrap.o_odoo_connect_2025 #wrap .btn-outline-primary, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .btn-outline-primary, #wrapwrap.o_odoo_community_days_india_2025 #wrap .btn-outline-primary { background-color: #111827; border-color: #03F9E3; color: #03F9E3; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .btn-outline-primary:hover, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .btn-outline-primary:hover, #wrapwrap.o_odoo_experience_2025 #wrap .btn-outline-primary:hover, #wrapwrap.o_odoo_connect_2025 #wrap .btn-outline-primary:hover, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .btn-outline-primary:hover, #wrapwrap.o_odoo_community_days_india_2025 #wrap .btn-outline-primary:hover { border-color: #fff; color: #fff; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .o_wevent_add_to_ical, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .o_wevent_add_to_outlook, #wrapwrap[class*="o_odoo_experience_2026"] #wrap .o_wevent_add_to_google_calendar, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .o_wevent_add_to_ical, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .o_wevent_add_to_outlook, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .o_wevent_add_to_google_calendar, #wrapwrap.o_odoo_experience_2025 #wrap .o_wevent_add_to_ical, #wrapwrap.o_odoo_experience_2025 #wrap .o_wevent_add_to_outlook, #wrapwrap.o_odoo_experience_2025 #wrap .o_wevent_add_to_google_calendar, #wrapwrap.o_odoo_connect_2025 #wrap .o_wevent_add_to_ical, #wrapwrap.o_odoo_connect_2025 #wrap .o_wevent_add_to_outlook, #wrapwrap.o_odoo_connect_2025 #wrap .o_wevent_add_to_google_calendar, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .o_wevent_add_to_ical, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .o_wevent_add_to_outlook, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .o_wevent_add_to_google_calendar, #wrapwrap.o_odoo_community_days_india_2025 #wrap .o_wevent_add_to_ical, #wrapwrap.o_odoo_community_days_india_2025 #wrap .o_wevent_add_to_outlook, #wrapwrap.o_odoo_community_days_india_2025 #wrap .o_wevent_add_to_google_calendar { padding: 0.5rem !important; border-radius: 0.25rem !important; border: 0 !important; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .s_tabs_nav .nav-pills .nav-link, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .s_tabs_nav .nav-pills .nav-link, #wrapwrap.o_odoo_experience_2025 #wrap .s_tabs_nav .nav-pills .nav-link, #wrapwrap.o_odoo_connect_2025 #wrap .s_tabs_nav .nav-pills .nav-link, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .s_tabs_nav .nav-pills .nav-link, #wrapwrap.o_odoo_community_days_india_2025 #wrap .s_tabs_nav .nav-pills .nav-link { opacity: .5; color: #ffffff; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .s_tabs_nav .nav-pills .nav-link:hover, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .s_tabs_nav .nav-pills .nav-link:hover, #wrapwrap.o_odoo_experience_2025 #wrap .s_tabs_nav .nav-pills .nav-link:hover, #wrapwrap.o_odoo_connect_2025 #wrap .s_tabs_nav .nav-pills .nav-link:hover, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .s_tabs_nav .nav-pills .nav-link:hover, #wrapwrap.o_odoo_community_days_india_2025 #wrap .s_tabs_nav .nav-pills .nav-link:hover { opacity: 1; color: #03F9E3; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .s_tabs_nav .nav-pills .nav-link.active, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .s_tabs_nav .nav-pills .nav-link.active, #wrapwrap.o_odoo_experience_2025 #wrap .s_tabs_nav .nav-pills .nav-link.active, #wrapwrap.o_odoo_connect_2025 #wrap .s_tabs_nav .nav-pills .nav-link.active, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .s_tabs_nav .nav-pills .nav-link.active, #wrapwrap.o_odoo_community_days_india_2025 #wrap .s_tabs_nav .nav-pills .nav-link.active { opacity: 1; background-color: #03F9E3; color: #111827; } #wrapwrap[class*="o_odoo_experience_2026"] #wrap .s_faq_collapse .card-header::before, #wrapwrap.o_odoo_days_indonesia_2026 #wrap .s_faq_collapse .card-header::before, #wrapwrap.o_odoo_experience_2025 #wrap .s_faq_collapse .card-header::before, #wrapwrap.o_odoo_connect_2025 #wrap .s_faq_collapse .card-header::before, #wrapwrap.o_odoo_community_days_latin_america_2025 #wrap .s_faq_collapse .card-header::before, #wrapwrap.o_odoo_community_days_india_2025 #wrap .s_faq_collapse .card-header::before { color: #03F9E3; } #wrapwrap[class*="o_odoo_experience_2026"] .o_main_header, #wrapwrap[class*="o_odoo_experience_2026"] .o_main_header > .navbar, #wrapwrap.o_odoo_days_indonesia_2026 .o_main_header, #wrapwrap.o_odoo_days_indonesia_2026 .o_main_header > .navbar, #wrapwrap.o_odoo_experience_2025 .o_main_header, #wrapwrap.o_odoo_experience_2025 .o_main_header > .navbar, #wrapwrap.o_odoo_connect_2025 .o_main_header, #wrapwrap.o_odoo_connect_2025 .o_main_header > .navbar, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_main_header, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_main_header > .navbar, #wrapwrap.o_odoo_community_days_india_2025 .o_main_header, #wrapwrap.o_odoo_community_days_india_2025 .o_main_header > .navbar { transition: all 0.4s ease-in-out !important; background-color: transparent !important; } #wrapwrap[class*="o_odoo_experience_2026"] .o_main_header.o_header_is_scrolled, #wrapwrap[class*="o_odoo_experience_2026"] .o_main_header.o_header_is_scrolled > .navbar, #wrapwrap.o_odoo_days_indonesia_2026 .o_main_header.o_header_is_scrolled, #wrapwrap.o_odoo_days_indonesia_2026 .o_main_header.o_header_is_scrolled > .navbar, #wrapwrap.o_odoo_experience_2025 .o_main_header.o_header_is_scrolled, #wrapwrap.o_odoo_experience_2025 .o_main_header.o_header_is_scrolled > .navbar, #wrapwrap.o_odoo_connect_2025 .o_main_header.o_header_is_scrolled, #wrapwrap.o_odoo_connect_2025 .o_main_header.o_header_is_scrolled > .navbar, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_main_header.o_header_is_scrolled, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_main_header.o_header_is_scrolled > .navbar, #wrapwrap.o_odoo_community_days_india_2025 .o_main_header.o_header_is_scrolled, #wrapwrap.o_odoo_community_days_india_2025 .o_main_header.o_header_is_scrolled > .navbar { background-color: #111827 !important; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form .card, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form .card, #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form .card, #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form .card, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form .card, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form .card { border: 4px solid rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); box-shadow: none; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form .card .card-body, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form .card .card-body, #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form .card .card-body, #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form .card .card-body, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form .card .card-body, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form .card .card-body { background-color: transparent; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form .card .card-body h5, #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form .card .card-body .h5, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form .card .card-body h5, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form .card .card-body .h5, #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form .card .card-body h5, #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form .card .card-body .h5, #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form .card .card-body h5, #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form .card .card-body .h5, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form .card .card-body h5, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form .card .card-body .h5, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form .card .card-body h5, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form .card .card-body .h5 { color: #fff; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form .card .list-group-item, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form .card .list-group-item, #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form .card .list-group-item, #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form .card .list-group-item, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form .card .list-group-item, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form .card .list-group-item { margin: 0 1.5rem; padding: 0.5rem 0; background-color: transparent; border-bottom-color: #374151; color: #fff; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form label > input + .card, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form label > input + .card, #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form label > input + .card, #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form label > input + .card, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form label > input + .card, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form label > input + .card { opacity: .8; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form label:not(.o_wbooth_category_unavailable):hover > input + .card, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form label:not(.o_wbooth_category_unavailable):hover > input + .card, #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form label:not(.o_wbooth_category_unavailable):hover > input + .card, #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form label:not(.o_wbooth_category_unavailable):hover > input + .card, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form label:not(.o_wbooth_category_unavailable):hover > input + .card, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form label:not(.o_wbooth_category_unavailable):hover > input + .card { border-color: rgba(255, 255, 255, 0.75); opacity: 1; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form label > input:checked + .card, #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form label:hover > input:checked + .card, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form label > input:checked + .card, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form label:hover > input:checked + .card, #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form label > input:checked + .card, #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form label:hover > input:checked + .card, #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form label > input:checked + .card, #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form label:hover > input:checked + .card, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form label > input:checked + .card, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form label:hover > input:checked + .card, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form label > input:checked + .card, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form label:hover > input:checked + .card { border-color: #03F9E3; opacity: 1; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_registration_form a[data-bs-toggle="modal"], #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_registration_form a[data-bs-toggle="modal"], #wrapwrap.o_odoo_experience_2025 .o_wbooth_registration_form a[data-bs-toggle="modal"], #wrapwrap.o_odoo_connect_2025 .o_wbooth_registration_form a[data-bs-toggle="modal"], #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_registration_form a[data-bs-toggle="modal"], #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_registration_form a[data-bs-toggle="modal"] { color: #03F9E3; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_booths .form-check > input + label, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_booths .form-check > input + label, #wrapwrap.o_odoo_experience_2025 .o_wbooth_booths .form-check > input + label, #wrapwrap.o_odoo_connect_2025 .o_wbooth_booths .form-check > input + label, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_booths .form-check > input + label, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_booths .form-check > input + label { background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); border: 4px solid rgba(255, 255, 255, 0.2); } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_booths .form-check:hover > input + label, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_booths .form-check:hover > input + label, #wrapwrap.o_odoo_experience_2025 .o_wbooth_booths .form-check:hover > input + label, #wrapwrap.o_odoo_connect_2025 .o_wbooth_booths .form-check:hover > input + label, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_booths .form-check:hover > input + label, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_booths .form-check:hover > input + label { border-color: rgba(255, 255, 255, 0.75); } #wrapwrap[class*="o_odoo_experience_2026"] .o_wbooth_booths .form-check > input:checked + label, #wrapwrap.o_odoo_days_indonesia_2026 .o_wbooth_booths .form-check > input:checked + label, #wrapwrap.o_odoo_experience_2025 .o_wbooth_booths .form-check > input:checked + label, #wrapwrap.o_odoo_connect_2025 .o_wbooth_booths .form-check > input:checked + label, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wbooth_booths .form-check > input:checked + label, #wrapwrap.o_odoo_community_days_india_2025 .o_wbooth_booths .form-check > input:checked + label { background-color: #03F9E3; border-color: #03F9E3; color: #111827; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wesponsor_container .o_wesponsor_card .card-title, #wrapwrap[class*="o_odoo_experience_2026"] .o_wesponsor_container .o_wesponsor_connect_button a, #wrapwrap.o_odoo_days_indonesia_2026 .o_wesponsor_container .o_wesponsor_card .card-title, #wrapwrap.o_odoo_days_indonesia_2026 .o_wesponsor_container .o_wesponsor_connect_button a, #wrapwrap.o_odoo_experience_2025 .o_wesponsor_container .o_wesponsor_card .card-title, #wrapwrap.o_odoo_experience_2025 .o_wesponsor_container .o_wesponsor_connect_button a, #wrapwrap.o_odoo_connect_2025 .o_wesponsor_container .o_wesponsor_card .card-title, #wrapwrap.o_odoo_connect_2025 .o_wesponsor_container .o_wesponsor_connect_button a, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wesponsor_container .o_wesponsor_card .card-title, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wesponsor_container .o_wesponsor_connect_button a, #wrapwrap.o_odoo_community_days_india_2025 .o_wesponsor_container .o_wesponsor_card .card-title, #wrapwrap.o_odoo_community_days_india_2025 .o_wesponsor_container .o_wesponsor_connect_button a { color: #111827 !important; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_sponsor a, #wrapwrap.o_odoo_days_indonesia_2026 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_sponsor a, #wrapwrap.o_odoo_experience_2025 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_sponsor a, #wrapwrap.o_odoo_connect_2025 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_sponsor a, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_sponsor a, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_sponsor a { color: #03F9E3; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_online_page_avatar, #wrapwrap.o_odoo_days_indonesia_2026 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_online_page_avatar, #wrapwrap.o_odoo_experience_2025 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_online_page_avatar, #wrapwrap.o_odoo_connect_2025 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_online_page_avatar, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_online_page_avatar, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_online_page_container .o_wesponsor_exhibitor_main .o_wevent_online_page_avatar { display: block; padding: 1rem; background-color: #fff; border-radius: 0.25rem; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wevent_online_page_container .o_wevent_online_page_aside, #wrapwrap.o_odoo_days_indonesia_2026 .o_wevent_online_page_container .o_wevent_online_page_aside, #wrapwrap.o_odoo_experience_2025 .o_wevent_online_page_container .o_wevent_online_page_aside, #wrapwrap.o_odoo_connect_2025 .o_wevent_online_page_container .o_wevent_online_page_aside, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_online_page_container .o_wevent_online_page_aside, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_online_page_container .o_wevent_online_page_aside { background-color: rgba(255, 255, 255, 0.1) !important; border: 0 !important; border-radius: 0.625rem; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wevent_online_page_container .o_wevent_online_page_aside a, #wrapwrap[class*="o_odoo_experience_2026"] .o_wevent_online_page_container .o_wevent_online_page_aside .o_wesponsor_sponsor_name, #wrapwrap.o_odoo_days_indonesia_2026 .o_wevent_online_page_container .o_wevent_online_page_aside a, #wrapwrap.o_odoo_days_indonesia_2026 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wesponsor_sponsor_name, #wrapwrap.o_odoo_experience_2025 .o_wevent_online_page_container .o_wevent_online_page_aside a, #wrapwrap.o_odoo_experience_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wesponsor_sponsor_name, #wrapwrap.o_odoo_connect_2025 .o_wevent_online_page_container .o_wevent_online_page_aside a, #wrapwrap.o_odoo_connect_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wesponsor_sponsor_name, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_online_page_container .o_wevent_online_page_aside a, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wesponsor_sponsor_name, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_online_page_container .o_wevent_online_page_aside a, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wesponsor_sponsor_name { color: #fff !important; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > *, #wrapwrap[class*="o_odoo_experience_2026"] .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item, #wrapwrap.o_odoo_days_indonesia_2026 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > *, #wrapwrap.o_odoo_days_indonesia_2026 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item, #wrapwrap.o_odoo_experience_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > *, #wrapwrap.o_odoo_experience_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item, #wrapwrap.o_odoo_connect_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > *, #wrapwrap.o_odoo_connect_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > *, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > *, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item { background-color: transparent !important; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > * .list-group-item, #wrapwrap[class*="o_odoo_experience_2026"] .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item .list-group-item, #wrapwrap.o_odoo_days_indonesia_2026 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > * .list-group-item, #wrapwrap.o_odoo_days_indonesia_2026 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item .list-group-item, #wrapwrap.o_odoo_experience_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > * .list-group-item, #wrapwrap.o_odoo_experience_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item .list-group-item, #wrapwrap.o_odoo_connect_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > * .list-group-item, #wrapwrap.o_odoo_connect_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item .list-group-item, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > * .list-group-item, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item .list-group-item, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .o_wevent_online_page_aside_content > * .list-group-item, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_online_page_container .o_wevent_online_page_aside .list-group-item .list-group-item { border-bottom-color: #6C757D !important; } #wrapwrap[class*="o_odoo_experience_2026"] .o_weagenda_index, #wrapwrap.o_odoo_days_indonesia_2026 .o_weagenda_index, #wrapwrap.o_odoo_experience_2025 .o_weagenda_index, #wrapwrap.o_odoo_connect_2025 .o_weagenda_index, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_weagenda_index, #wrapwrap.o_odoo_community_days_india_2025 .o_weagenda_index { background-color: #fff; color: #111827; } #wrapwrap[class*="o_odoo_experience_2026"] .o_weagenda_index .o_we_agenda_horizontal_scroller_container, #wrapwrap.o_odoo_days_indonesia_2026 .o_weagenda_index .o_we_agenda_horizontal_scroller_container, #wrapwrap.o_odoo_experience_2025 .o_weagenda_index .o_we_agenda_horizontal_scroller_container, #wrapwrap.o_odoo_connect_2025 .o_weagenda_index .o_we_agenda_horizontal_scroller_container, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_weagenda_index .o_we_agenda_horizontal_scroller_container, #wrapwrap.o_odoo_community_days_india_2025 .o_weagenda_index .o_we_agenda_horizontal_scroller_container { position: fixed !important; } #wrapwrap[class*="o_odoo_experience_2026"] .o_weagenda_index .o_we_agenda_card_filter_badges .badge, #wrapwrap.o_odoo_days_indonesia_2026 .o_weagenda_index .o_we_agenda_card_filter_badges .badge, #wrapwrap.o_odoo_experience_2025 .o_weagenda_index .o_we_agenda_card_filter_badges .badge, #wrapwrap.o_odoo_connect_2025 .o_weagenda_index .o_we_agenda_card_filter_badges .badge, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_weagenda_index .o_we_agenda_card_filter_badges .badge, #wrapwrap.o_odoo_community_days_india_2025 .o_weagenda_index .o_we_agenda_card_filter_badges .badge { padding: .5rem .75rem; } #wrapwrap[class*="o_odoo_experience_2026"] .o_wesession_container .post_link, #wrapwrap.o_odoo_days_indonesia_2026 .o_wesession_container .post_link, #wrapwrap.o_odoo_experience_2025 .o_wesession_container .post_link, #wrapwrap.o_odoo_connect_2025 .o_wesession_container .post_link, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wesession_container .post_link, #wrapwrap.o_odoo_community_days_india_2025 .o_wesession_container .post_link { padding: .5rem .75rem .5rem .75rem !important; color: #fff; } #wrapwrap[class*="o_odoo_experience_2026"] .o_website_event_track_proposal_form_tags .o_select_menu.o_select_menu_multi_select input, #wrapwrap.o_odoo_days_indonesia_2026 .o_website_event_track_proposal_form_tags .o_select_menu.o_select_menu_multi_select input, #wrapwrap.o_odoo_experience_2025 .o_website_event_track_proposal_form_tags .o_select_menu.o_select_menu_multi_select input, #wrapwrap.o_odoo_connect_2025 .o_website_event_track_proposal_form_tags .o_select_menu.o_select_menu_multi_select input, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_website_event_track_proposal_form_tags .o_select_menu.o_select_menu_multi_select input, #wrapwrap.o_odoo_community_days_india_2025 .o_website_event_track_proposal_form_tags .o_select_menu.o_select_menu_multi_select input { flex: 1 0 100%; order: -1; margin-bottom: .25rem; } @media (min-width: 992px) and (max-width: 1199.98px) { #wrapwrap[class*="o_odoo_experience_2026"] > header + main > #wrap.o_wevent_event > :first-child, #wrapwrap.o_odoo_days_indonesia_2026 > header + main > #wrap.o_wevent_event > :first-child, #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_wevent_event > :first-child, #wrapwrap.o_odoo_connect_2025 > header + main > #wrap.o_wevent_event > :first-child, #wrapwrap.o_odoo_community_days_latin_america_2025 > header + main > #wrap.o_wevent_event > :first-child, #wrapwrap.o_odoo_community_days_india_2025 > header + main > #wrap.o_wevent_event > :first-child { border-top-width: 90px !important; } } #wrapwrap[class*="o_odoo_experience_2026"] > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap[class*="o_odoo_experience_2026"] > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_days_indonesia_2026 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_days_indonesia_2026 > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_connect_2025 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_connect_2025 > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_community_days_latin_america_2025 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_community_days_latin_america_2025 > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_community_days_india_2025 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_community_days_india_2025 > header + main > #wrap.o_wevent_event .o_wesponsor_index { border-top-width: 90px !important; } @media (min-width: 992px) and (max-width: 1199.98px) { #wrapwrap[class*="o_odoo_experience_2026"] > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap[class*="o_odoo_experience_2026"] > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_days_indonesia_2026 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_days_indonesia_2026 > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_connect_2025 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_connect_2025 > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_community_days_latin_america_2025 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_community_days_latin_america_2025 > header + main > #wrap.o_wevent_event .o_wesponsor_index, #wrapwrap.o_odoo_community_days_india_2025 > header + main > #wrap.o_wevent_event .o_wesession_index, #wrapwrap.o_odoo_community_days_india_2025 > header + main > #wrap.o_wevent_event .o_wesponsor_index { border-top-width: 100px !important; } } #wrapwrap[class*="o_odoo_experience_2026"] > header + main > #wrap.o_wevent_event .o_weagenda_topbar_filters, #wrapwrap.o_odoo_days_indonesia_2026 > header + main > #wrap.o_wevent_event .o_weagenda_topbar_filters, #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_wevent_event .o_weagenda_topbar_filters, #wrapwrap.o_odoo_connect_2025 > header + main > #wrap.o_wevent_event .o_weagenda_topbar_filters, #wrapwrap.o_odoo_community_days_latin_america_2025 > header + main > #wrap.o_wevent_event .o_weagenda_topbar_filters, #wrapwrap.o_odoo_community_days_india_2025 > header + main > #wrap.o_wevent_event .o_weagenda_topbar_filters { margin-top: 30px !important; } #wrapwrap[class*="o_odoo_experience_2026"] > header + main > #wrap.o_wevent_event [name="event"], #wrapwrap.o_odoo_days_indonesia_2026 > header + main > #wrap.o_wevent_event [name="event"], #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_wevent_event [name="event"], #wrapwrap.o_odoo_connect_2025 > header + main > #wrap.o_wevent_event [name="event"], #wrapwrap.o_odoo_community_days_latin_america_2025 > header + main > #wrap.o_wevent_event [name="event"], #wrapwrap.o_odoo_community_days_india_2025 > header + main > #wrap.o_wevent_event [name="event"] { border-top-width: 120px !important; } #wrapwrap.o_event_booth_registration_details { background-color: #111827; } #wrapwrap.o_event_booth_registration_details .btn:not(.dropdown-toggle):not(.oe_search_button) { padding: .75rem 2rem; border-radius: 50rem; border-width: 2px; } #wrapwrap.o_event_booth_registration_details .btn:not(.dropdown-toggle):not(.oe_search_button).btn-sm, #wrapwrap.o_event_booth_registration_details .btn-group-sm > .btn:not(.oe_search_button) { padding: .5rem 1.5rem; } #wrapwrap.o_event_booth_registration_details .btn-primary { background-color: #03F9E3; border: 2px solid #03F9E3; color: #111827; } #wrapwrap.o_event_booth_registration_details .btn-primary:hover { background-color: #fff; border-color: #fff; } #wrapwrap.o_event_booth_registration_details .btn-outline-primary { background-color: #111827; border-color: #03F9E3; color: #03F9E3; } #wrapwrap.o_event_booth_registration_details .btn-outline-primary:hover { border-color: #fff; color: #fff; } #wrapwrap.o_event_booth_registration_details, #wrapwrap.o_event_booth_registration_details h1, #wrapwrap.o_event_booth_registration_details .h1, #wrapwrap.o_event_booth_registration_details h2, #wrapwrap.o_event_booth_registration_details .h2, #wrapwrap.o_event_booth_registration_details h3, #wrapwrap.o_event_booth_registration_details .h3, #wrapwrap.o_event_booth_registration_details h4, #wrapwrap.o_event_booth_registration_details .h4, #wrapwrap.o_event_booth_registration_details h5, #wrapwrap.o_event_booth_registration_details .h5, #wrapwrap.o_event_booth_registration_details h6, #wrapwrap.o_event_booth_registration_details .h6, #wrapwrap.o_event_booth_registration_details .form-text { color: #fff !important; } #wrapwrap #o_xp25_nav .btn:not(.dropdown-toggle):not(.oe_search_button) { padding: .75rem 2rem; border-radius: 50rem; border-width: 2px; } #wrapwrap #o_xp25_nav .btn:not(.dropdown-toggle):not(.oe_search_button).btn-sm, #wrapwrap #o_xp25_nav .btn-group-sm > .btn:not(.oe_search_button) { padding: .5rem 1.5rem; } #wrapwrap #o_xp25_nav .btn-primary { background-color: #03F9E3; border: 2px solid #03F9E3; color: #111827; } #wrapwrap #o_xp25_nav .btn-primary:hover { background-color: #fff; border-color: #fff; } #wrapwrap #o_xp25_nav .btn-outline-primary { background-color: #111827; border-color: #03F9E3; color: #03F9E3; } #wrapwrap #o_xp25_nav .btn-outline-primary:hover { border-color: #fff; color: #fff; } @media (max-width: 991.98px) { #wrapwrap #o_xp25_nav .o_xp25_logo { width: 28px; overflow: hidden; margin-top: -8px; } #wrapwrap #o_xp25_nav .o_xp25_logo img { width: 110px; } } @media (min-width: 992px) { #wrapwrap #o_xp25_nav .o_xp25_logo { margin-top: -4px; } #wrapwrap #o_xp25_nav .o_xp25_logo img { width: 90px; } } #wrapwrap #o_xp25_nav .nav-link, #wrapwrap #o_xp25_nav .dropdown-toggle, #wrapwrap #o_xp25_nav .dropdown-item { color: #fff; font-size: .875rem; font-weight: 600; } #wrapwrap #o_xp25_nav .nav-link:hover, #wrapwrap #o_xp25_nav .nav-link:focus, #wrapwrap #o_xp25_nav .dropdown-toggle:hover, #wrapwrap #o_xp25_nav .dropdown-toggle:focus, #wrapwrap #o_xp25_nav .dropdown-item:hover, #wrapwrap #o_xp25_nav .dropdown-item:focus { color: #03F9E3 !important; } #wrapwrap #o_xp25_nav .dropdown-toggle::after { display: none; } @media (min-width: 992px) { #wrapwrap #o_xp25_nav .nav-link.show { background-color: #302E4A; border-radius: 0.25rem; } } #wrapwrap #o_xp25_nav .dropdown-menu, #wrapwrap #o_xp25_nav .o_dropdown_menu { background-color: #302E4A; } #wrapwrap #o_xp25_nav .dropdown-menu .dropdown-item, #wrapwrap #o_xp25_nav .o_dropdown_menu .dropdown-item { padding: .5rem 1rem; color: #fff !important; } #wrapwrap #o_xp25_nav .dropdown-menu .dropdown-item:hover, #wrapwrap #o_xp25_nav .o_dropdown_menu .dropdown-item:hover, #wrapwrap #o_xp25_nav .dropdown-menu .dropdown-item:focus, #wrapwrap #o_xp25_nav .o_dropdown_menu .dropdown-item:focus { color: #03F9E3 !important; background-color: transparent; } #wrapwrap #o_xp25_nav .dropdown-menu .dropdown-item.active, #wrapwrap #o_xp25_nav .o_dropdown_menu .dropdown-item.active { background-color: #03F9E3; color: #302E4A !important; } #wrapwrap #o_xp25_nav .dropdown-menu i, #wrapwrap #o_xp25_nav .o_dropdown_menu i { color: #fff !important; } #wrapwrap #o_xp25_nav #o_xp25_collapse { transition: height .3s ease-in-out; } @media (max-width: 991.98px) { #wrapwrap #o_xp25_nav #o_xp25_collapse .navbar-nav { height: 100vh; } #wrapwrap #o_xp25_nav #o_xp25_collapse .nav-link { font-size: 1.5rem; font-weight: 400; } #wrapwrap #o_xp25_nav #o_xp25_collapse .dropdown-menu, #wrapwrap #o_xp25_nav #o_xp25_collapse .o_dropdown_menu { position: static !important; transform: none !important; background-color: rgba(255, 255, 255, 0.1); box-shadow: none; text-align: center; } #wrapwrap #o_xp25_nav #o_xp25_collapse .dropdown-menu .dropdown-item, #wrapwrap #o_xp25_nav #o_xp25_collapse .o_dropdown_menu .dropdown-item { font-size: 1.25rem; font-weight: 400; } } #wrapwrap #o_xp25_nav #o_xp25_collapse.show { max-height: none; } @media (max-width: 991.98px) { #wrapwrap #o_xp25_nav { background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); } } @media (max-width: 1199.98px) { #wrapwrap #o_xp25_nav { flex-wrap: wrap; } #wrapwrap #o_xp25_nav #o_xp25_collapse { width: 100%; } } #wrapwrap .o_xp25_stars { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -2; } #wrapwrap .o_xp25_stars::after { content: ''; position: absolute; top: 0; left: 0; bottom: auto; right: auto; opacity: .075; width: 100%; height: 100%; background-image: url("/openerp_website/static/src/img/odoo-experience/2025/texture-background.webp"); background-size: cover; background-repeat: no-repeat; } #wrapwrap .o_xp25_stars .o_xp25_stars_overlay, #wrapwrap .o_xp25_stars .o_c25_usa_stars_overlay { position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(134deg, rgba(86, 9, 70, 0.4) 25%, rgba(10, 0, 98, 0.4) 50%, rgba(20, 0, 76, 0.4) 80%); } #wrapwrap .o_xp25_stars .o_c25_usa_stars_overlay { background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(134deg, rgba(9, 86, 85, 0.4) 25%, rgba(0, 20, 98, 0.4) 50%, rgba(5, 0, 76, 0.4) 80%); } #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper { width: 100%; height: 100vh; overflow: hidden; background: #111827; perspective: 340px; } #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield { position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; width: 5px; height: 5px; border-radius: 50%; animation: o_xp25_stars_fly 20s linear infinite; transform-style: preserve-3d; box-shadow: 1339px 367px whitesmoke, -1101px -165px #e3e3e3, 752px 429px #d9d9d9, -62px -459px #e6e6e6, -1277px 370px #ededed, 500px -161px #fcfcfc, -1283px 373px #d9d9d9, -983px -359px #e6e6e6, 873px 173px #fafafa, 1400px 65px #fcfcfc, 431px -296px #c2c2c2, 209px -178px #e6e6e6, -118px -109px #f2f2f2, -699px -511px #d9d9d9, 1297px -264px #c2c2c2, 723px 426px #d9d9d9, 1146px -13px #ededed, 898px 468px #c7c7c7, -632px -164px #f2f2f2, -1004px -121px #fafafa, 727px -223px #ebebeb, -540px 18px white, -1142px -343px #c4c4c4, 182px 41px #ededed, -87px 461px #d6d6d6, -1160px 149px white, 605px 325px #c2c2c2, 1093px 300px #d4d4d4, 836px -302px #c2c2c2, -31px -62px #dedede, 1318px 391px whitesmoke, -1337px -350px #d9d9d9, -793px 366px #cfcfcf, 1277px -144px #e0e0e0, 1348px -466px #f7f7f7, 1000px 412px #fafafa, 191px -117px #ebebeb, -1460px 183px #c4c4c4, -651px 479px #fafafa, 758px -460px #e6e6e6, -154px -139px #e6e6e6, 872px 496px #d6d6d6, -1214px -509px #dbdbdb, -914px 310px #d6d6d6, -237px -202px #f0f0f0, 1003px 527px #d4d4d4, -1136px -303px #e6e6e6, -1337px -286px #fafafa, 87px 421px #dedede, 683px 126px #fcfcfc, 669px 101px #fcfcfc, 993px 93px #ebebeb, -682px -129px #d6d6d6, 1226px 89px #dedede, -1368px 441px white, 340px -278px #f7f7f7, 1011px 486px #cfcfcf, -623px -198px #c7c7c7, -605px -350px #c4c4c4, -494px -8px #f0f0f0, -1073px -270px #fafafa, -548px -161px #d1d1d1, 885px 167px #f0f0f0, -626px 21px #dbdbdb, -1004px 529px #f7f7f7, 657px 501px #ededed, -1379px -351px #e6e6e6, 771px 244px #c7c7c7, 1198px 323px #c7c7c7, -374px -336px #d1d1d1, 198px 9px #ededed, -220px -140px #c4c4c4, -419px 447px #cccccc, 866px 78px #ebebeb, 104px 462px #dbdbdb, -1357px -4px #fafafa, 748px -406px #e0e0e0, 875px 300px white, -389px -43px #dbdbdb, -1447px 232px #e3e3e3, 221px -501px #d9d9d9, 417px 391px #e8e8e8, 1499px -429px #c9c9c9, -814px -432px #dedede, -778px 47px #fcfcfc, 1463px -83px white, -1303px 187px #e6e6e6, 538px -260px white, 238px -491px #cccccc, 1260px 208px #dbdbdb, -654px 176px #e8e8e8, -1279px 309px #c7c7c7, -848px -509px #cccccc, 264px 160px #fafafa, 929px 86px #d9d9d9, -1418px -83px #d9d9d9, -26px -1px #e0e0e0, -739px -489px #f7f7f7, -89px -44px #d6d6d6, -833px -436px #dedede, 1206px -125px #ededed, 1115px 102px #c4c4c4, -939px -35px #cccccc, -433px 329px #e0e0e0, -694px 266px #e6e6e6, -918px -399px #c2c2c2, -912px 151px #f2f2f2, 481px -127px #dbdbdb, -28px -272px #e8e8e8, 862px 386px #dbdbdb, 1171px 70px #ededed, 373px -383px #fcfcfc, 946px 122px #c2c2c2, -111px -243px #e0e0e0, -1465px 302px #f7f7f7, 457px -39px #dbdbdb, 376px -415px #ededed, -1162px -201px #cfcfcf, 172px 182px #c4c4c4, 797px 62px #c9c9c9, -942px 406px #dedede, 1444px -510px #d6d6d6, -369px -108px #dedede, -734px -103px #d4d4d4, 1208px -112px #ebebeb, -1396px -425px #c2c2c2, 989px -50px #e0e0e0, 467px 509px #dedede, 1473px 106px #f7f7f7, -840px 470px #d1d1d1, -1162px -494px #c9c9c9, -435px 258px #c2c2c2, 504px 431px #c2c2c2, 327px -172px #d4d4d4, 1323px -25px #fcfcfc, 583px 177px #cfcfcf, -799px -180px whitesmoke, 791px 480px #c7c7c7, 545px 276px #ebebeb, 78px -447px #ebebeb, 829px -401px #e3e3e3, -1244px 161px #cccccc, -1395px 241px #e0e0e0, 808px 482px whitesmoke, -1088px -205px #ededed, 803px 0px #c9c9c9, 163px 479px #f7f7f7, 467px 104px #cccccc, 796px -382px #f7f7f7, -137px -25px #c4c4c4, 729px -438px #d1d1d1; } #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield:before, #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield:after { content: ""; position: absolute; width: inherit; height: inherit; box-shadow: inherit; border-radius: 50%; } #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield:before { transform: translateZ(-300px); animation: o_xp25_stars_fade1 20s linear infinite; } #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield:after { transform: translateZ(-600px); animation: o_xp25_stars_fade2 20s linear infinite; } @keyframes o_xp25_stars_fly { from { transform: translateZ(0px); } to { transform: translateZ(300px); } } @keyframes o_xp25_stars_fade1 { from { opacity: .5; } to { opacity: 1; } } @keyframes o_xp25_stars_fade2 { from { opacity: 0; } to { opacity: .5; } } #wrapwrap .o_xp25_glass { box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset; border-radius: 1.25rem; background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); } #wrapwrap .o_xp25_glass.o_xp25_glass_big { box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.2); } #wrapwrap .o_xp25_shape_mask { background-repeat: no-repeat; background-size: contain; mask-size: contain; mask-repeat: no-repeat; } @media (min-width: 576px) and (max-width: 1199.98px) { #wrapwrap .o_xp25_shape_intro_hero .o_xp25_shape_mask { position: absolute; top: -40px; left: -5%; bottom: auto; right: -5%; height: 540px; overflow: hidden; z-index: -1; opacity: .75; } } @media (max-width: 575.98px) { #wrapwrap .o_xp25_shape_intro_hero .o_xp25_shape_mask { height: 500px; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_intro_hero .o_xp25_shape_mask { position: absolute; top: 0; left: auto; bottom: auto; right: auto; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/intro-hero-shape-xl.svg"); width: 645px; height: 440px; margin-left: auto; } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_intro_hero .o_xp25_shape_mask { mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/intro-hero-shape-xxl.svg"); width: 885px; } } #wrapwrap .o_xp25_shape_intro_hero .o_background_video { height: 100%; } @media (min-width: 576px) { #wrapwrap .o_xp25_shape_intro_hero .o_background_video { height: 120%; width: 120%; left: -20%; top: -10%; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_intro_hero_2 .o_xp25_shape_mask { position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 377px; height: 316px; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/intro-hero-shape-2-xl.svg"); } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_intro_hero_2 .o_xp25_shape_mask { width: 437px; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/intro-hero-shape-2-xxl.svg"); } } @media (max-width: 991.98px) { #wrapwrap .o_xp25_shape_intro_unveiling .o_xp25_shape_mask { height: 400px; } } @media (min-width: 992px) and (max-width: 1199.98px) { #wrapwrap .o_xp25_shape_intro_unveiling .o_xp25_shape_mask { display: flex; height: 100%; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_intro_unveiling .o_xp25_shape_mask { aspect-ratio: 2 / 1; height: 100%; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/intro-unveiling-shape-xxl.svg"); } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_intro_unveiling .o_xp25_shape_mask { position: absolute; top: 0; left: auto; bottom: auto; right: -240px; } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_intro_unveiling .o_xp25_shape_mask { right: 0; } } #wrapwrap .o_xp25_shape_network { mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/network-shape.svg"); } @media (max-width: 1199.98px) { #wrapwrap .o_xp25_shape_intro_premium .o_xp25_shape_mask { height: 400px; } } @media (min-width: 992px) { #wrapwrap .o_xp25_shape_intro_premium .o_xp25_shape_mask { position: absolute; top: 0; left: auto; bottom: auto; right: -145px; aspect-ratio: 9 / 10; height: 100%; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/intro-premium-shape-xxl.svg"); } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_intro_premium .o_xp25_shape_mask { right: -125px; } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_intro_premium .o_xp25_shape_mask { right: 0; } } #wrapwrap .o_xp25_shape_exhibitor_hero { padding-bottom: 3rem; } @media (min-width: 992px) { #wrapwrap .o_xp25_shape_exhibitor_hero { padding-bottom: 0; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_exhibitor_hero { padding-bottom: 285px; } #wrapwrap .o_xp25_shape_exhibitor_hero .o_xp25_shape_mask { position: absolute; top: 0; left: auto; bottom: auto; right: 16px; aspect-ratio: 285 / 269; height: 540px; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/exhibitor-hero-shape-xl.svg"); } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_exhibitor_hero { padding-bottom: 300px; } #wrapwrap .o_xp25_shape_exhibitor_hero .o_xp25_shape_mask { height: 596px; aspect-ratio: 180 / 149; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/exhibitor-hero-shape-xxl.svg"); } } #wrapwrap .o_xp25_shape_exhibitor_audience_1 .o_xp25_shape_mask { height: 100%; width: 100%; } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_exhibitor_audience_1 .o_xp25_shape_mask { position: absolute; top: 0; left: 0; bottom: auto; right: 0; height: 550px; width: 560px; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/exhibitor-audience-shape-1-xl.svg"); } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_exhibitor_audience_1 .o_xp25_shape_mask { width: 650px; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/exhibitor-audience-shape-1-xxl.svg"); } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_exhibitor_audience_2 .o_xp25_shape_mask { position: absolute; top: 0; left: 0; bottom: auto; right: 0; height: 540px; width: 560px; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/exhibitor-audience-shape-2-xl.svg"); } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_exhibitor_audience_2 .o_xp25_shape_mask { width: 650px; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/exhibitor-audience-shape-2-xxl.svg"); } } @media (min-width: 992px) { #wrapwrap .o_xp25_shape_practical_hero { padding-bottom: 30px; } #wrapwrap .o_xp25_shape_practical_hero .o_xp25_shape_mask { position: absolute; top: 0; left: 0; bottom: auto; right: 0; width: calc(100% - 32px); aspect-ratio: 220 / 123; margin: 0 auto; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/practical-hero-shape-lg.svg"); } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_practical_hero { padding-bottom: 230px; } #wrapwrap .o_xp25_shape_practical_hero .o_xp25_shape_mask { mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/practical-hero-shape-xl.svg"); } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_practical_hero { padding-bottom: 330px; } #wrapwrap .o_xp25_shape_practical_hero .o_xp25_shape_mask { mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/practical-hero-shape-xxl.svg"); } } @media (max-width: 1199.98px) { #wrapwrap .o_xp25_shape_business_solution { height: 400px; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_business_solution { position: absolute; top: 0; left: 0; bottom: auto; right: 0; margin: 0 auto; mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/solution-shape-xl.svg"); } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_business_solution { mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/solution-shape-xxl.svg"); } } #wrapwrap .o_xp25_cta_alpha { mask-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, black 20%, black 80%, rgba(255, 255, 255, 0) 100%); } #wrapwrap .o_xp25_gradient_bg, #wrapwrap .o_ocdlatam25_gradient_bg, #wrapwrap .o_c25_usa_gradient_bg { position: absolute; width: 0; height: 0; z-index: -1; opacity: .5; } #wrapwrap .o_xp25_gradient_bg:after, #wrapwrap .o_ocdlatam25_gradient_bg:after, #wrapwrap .o_c25_usa_gradient_bg:after { content: ''; position: absolute; background-image: url("/openerp_website/static/src/img/odoo-experience/2025/gradients_bg.webp"); background-size: cover; width: 1800px; height: 1800px; filter: blur(10px); } #wrapwrap .o_c25_usa_gradient_bg:after { filter: hue-rotate(245deg); } #wrapwrap .o_ocdlatam25_gradient_bg:after { filter: hue-rotate(230deg); } #wrapwrap .o_xp25_img_pass { position: absolute; top: -100px; left: -250px; bottom: auto; right: auto; width: 600px; } @media (max-width: 1199.98px) { #wrapwrap .o_xp25_img_pass { left: -300px; } } @media (max-width: 991.98px) { #wrapwrap .o_xp25_img_pass { display: none; } } .o_xp_nav_toggler { position: relative; height: 35px; width: 35px; padding: 5px; border: 0; margin: -2px 0 0 0; background-color: rgba(0, 0, 0, 0); cursor: pointer; } .o_xp_nav_toggler:focus { box-shadow: none; } .o_xp_nav_toggler .o_xp_nav_toggler_inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .o_xp_nav_toggler .o_xp_nav_toggler_inner, .o_xp_nav_toggler .o_xp_nav_toggler_inner:before, .o_xp_nav_toggler .o_xp_nav_toggler_inner:after { display: block; position: absolute; top: auto; left: auto; bottom: auto; right: 0; width: 25px; height: 3px; background-color: #F3F4F6; } .o_xp_nav_toggler .o_xp_nav_toggler_inner:before { content: ""; top: -8px; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } @media (prefers-reduced-motion: reduce) { .o_xp_nav_toggler .o_xp_nav_toggler_inner:before { transition: none; } } .o_xp_nav_toggler .o_xp_nav_toggler_inner:after { content: ""; bottom: -8px; transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } @media (prefers-reduced-motion: reduce) { .o_xp_nav_toggler .o_xp_nav_toggler_inner:after { transition: none; } } .o_xp_nav_toggler:not(.collapsed) .o_xp_nav_toggler_inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .o_xp_nav_toggler:not(.collapsed) .o_xp_nav_toggler_inner:before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } @media (prefers-reduced-motion: reduce) { .o_xp_nav_toggler:not(.collapsed) .o_xp_nav_toggler_inner:before { transition: none; } } .o_xp_nav_toggler:not(.collapsed) .o_xp_nav_toggler_inner:after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } @media (prefers-reduced-motion: reduce) { .o_xp_nav_toggler:not(.collapsed) .o_xp_nav_toggler_inner:after { transition: none; } } /* /openerp_website/static/src/scss/education.scss */ .x_wd_stickers_icon { filter: drop-shadow(3px 0 0 white) drop-shadow(-3px 0 0 white) drop-shadow(0 3px 0 white) drop-shadow(0 -3px 0 white) drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.1)); } .x_wd_stickers_text { transform-style: preserve-3d; } .x_wd_stickers_text::before { content: attr(data-label); position: absolute; color: white; -webkit-text-stroke: 7px white; filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.1)); transform: translateZ(-1px); } .x_wd_stickers_text.multi-line::before { left: -1px; } .x_wd_education_card .o_card_img_wrapper { height: 175px; } .x_wd_education_card .x_wd_card_icon { width: 250px; } .x_wd_education_card .o_card_img, .x_wd_education_card p { opacity: 0; transition: all 300ms ease-out; } .x_wd_education_card p { height: 0; transition: height 300ms ease-out; font-size: 1rem; } @media (min-width: 768px) { .x_wd_education_card:not(.x_wd_education_card_current) { height: 400px !important; } } .x_wd_education_card:not(.x_wd_education_card_current):hover { filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.1)); background-color: #ffffff; } .x_wd_education_card:not(.x_wd_education_card_current):hover .o_card_img, .x_wd_education_card:not(.x_wd_education_card_current):hover p { opacity: 100; transition: all 300ms ease-out; } .x_wd_education_card:not(.x_wd_education_card_current):hover p { height: 100px; transition: height 300ms ease-out; } .x_wd_education_card:not(.x_wd_education_card_current):hover .x_wd_card_icon { opacity: 0; transition: all 300ms ease-out; } .x_wd_education_banner_img { height: 400px; } .x_wd_education_banner_img::before { content: ''; position: absolute; top: auto; left: auto; bottom: auto; right: auto; width: 100%; height: 100%; background-color: inherit; border-radius: 0.625rem; transform: rotate(-3deg); z-index: -1; } @media (min-width: 576px) { .x_wd_education_send { width: calc(((100vw - 540px)/2 + 540px/12)); } } @media (min-width: 768px) { .x_wd_education_send { width: calc(((100vw - 720px)/2 + 720px/12)); } } @media (min-width: 992px) { .x_wd_education_send { width: calc(((100vw - 960px)/2 + 960px/12)); } } @media (min-width: 1200px) { .x_wd_education_send { width: calc(((100vw - 1140px)/2 + 1140px/12)); } } @media (min-width: 1400px) { .x_wd_education_send { width: calc(((100vw - 1320px)/2 + 1320px/12)); } } .x_wd_education_testimonial { box-shadow: 8px -4px #1BB6F9, -6px 4px #FBB130; } .x_wd_education_tabs .nav-pills { column-count: 2; } .x_wd_education_tabs .nav-pills .nav-link { color: #714b67; font-size: 1rem; } .x_wd_education_tabs .nav-pills .nav-link.active, .x_wd_education_tabs .nav-pills .nav-link:hover, .x_wd_education_tabs .nav-pills .nav-link:focus { background-color: #714b67 !important; color: #ffffff; } /* /openerp_website/static/src/scss/graphics.scss */ .x_wd_blue_highlight_01 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_01.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_01 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_01.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_01 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_01.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_01 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_01.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_02 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_02.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_02 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_02.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_02 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_02.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_02 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_02.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_03 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_03.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_03 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_03.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_03 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_03.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_03 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_03.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_04 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_04.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_04 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_04.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_04 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_04.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_04 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_04.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_05 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_05.svg"); background-position: left bottom; background-repeat: repeat-x; background-size: auto; white-space: nowrap; } .x_wd_green_highlight_05 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_05.svg"); background-position: left bottom; background-repeat: repeat-x; background-size: auto; white-space: nowrap; } .x_wd_red_highlight_05 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_05.svg"); background-position: left bottom; background-repeat: repeat-x; background-size: auto; white-space: nowrap; } .x_wd_yellow_highlight_05 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_05.svg"); background-position: left bottom; background-repeat: repeat-x; background-size: auto; white-space: nowrap; } .x_wd_blue_highlight_bold_01 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_bold_01.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_bold_01 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_bold_01.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_bold_01 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_bold_01.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_bold_01 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_bold_01.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_bold_02 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_bold_02.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_bold_02 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_bold_02.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_bold_02 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_bold_02.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_bold_02 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_bold_02.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_bold_03 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_bold_03.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_bold_03 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_bold_03.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_bold_03 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_bold_03.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_bold_03 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_bold_03.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_bold_04 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_bold_04.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_bold_04 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_bold_04.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_bold_04 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_bold_04.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_bold_04 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_bold_04.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_bold_05 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_bold_05.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_bold_05 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_bold_05.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_bold_05 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_bold_05.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_bold_05 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_bold_05.svg"); background-position: center 60%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_bold_06 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_bold_06.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_bold_06 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_bold_06.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_bold_06 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_bold_06.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_bold_06 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_bold_06.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_bold_07 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_bold_07.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_bold_07 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_bold_07.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_bold_07 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_bold_07.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_bold_07 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_bold_07.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_scribble_01 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_scribble_01.svg"); background-position: 50% 65%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_scribble_01 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_scribble_01.svg"); background-position: 50% 65%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_scribble_01 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_scribble_01.svg"); background-position: 50% 65%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_scribble_01 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_scribble_01.svg"); background-position: 50% 65%; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_scribble_02 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_scribble_02.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_scribble_02 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_scribble_02.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_scribble_02 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_scribble_02.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_scribble_02 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_scribble_02.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_scribble_03 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_scribble_03.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_scribble_03 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_scribble_03.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_scribble_03 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_scribble_03.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_scribble_03 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_scribble_03.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_scribble_04 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_scribble_04.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_scribble_04 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_scribble_04.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_scribble_04 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_scribble_04.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_scribble_04 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_scribble_04.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_blue_highlight_scribble_05 { background-image: url("/openerp_website/static/src/img/highlights/blue_highlight_scribble_05.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_green_highlight_scribble_05 { background-image: url("/openerp_website/static/src/img/highlights/green_highlight_scribble_05.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_red_highlight_scribble_05 { background-image: url("/openerp_website/static/src/img/highlights/red_highlight_scribble_05.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_yellow_highlight_scribble_05 { background-image: url("/openerp_website/static/src/img/highlights/yellow_highlight_scribble_05.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; white-space: nowrap; } .x_wd_display_underline { background-image: url("/openerp_website/static/src/img/graphics/underline.svg"); background-repeat: no-repeat; background-size: contain; background-position: center bottom 10%; } .x_wd_display_circle { background-image: url("/openerp_website/static/src/img/graphics/circle.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } .x_wd_display_circle_2 { background-image: url("/openerp_website/static/src/img/graphics/circle_2.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } .x_wd_display_sup { font-size: 1.5rem; position: absolute; top: -2.5rem; left: auto; bottom: auto; right: auto; } .x_wd_display_crm_money { background-image: url("/openerp_website/static/src/img/apps/crm/bg_graph.svg"); background-repeat: no-repeat; background-size: contain; background-position: center center; } .x_wd_display_whirlwind_sm { position: relative; } .x_wd_display_whirlwind_sm::after { content: url("/openerp_website/static/src/img/graphics/whirlwind_sm.svg"); position: absolute; top: -1rem; left: 0; bottom: auto; right: auto; } .x_wd_paperplane { position: relative; } .x_wd_paperplane::after { content: url("/openerp_website/static/src/img/apps/invoicing/invoice_sent.svg"); position: absolute; top: -80px; left: -140px; bottom: auto; right: auto; transform: rotate(-10deg); z-index: -1; } @media (max-width: 767.98px) { .x_wd_paperplane::after { display: none; } } .x_wd_display_lightning { position: relative; } .x_wd_display_lightning::before, .x_wd_display_lightning::after { content: url("/openerp_website/static/src/img/graphics/lightning.svg"); } @media (max-width: 767.98px) { .x_wd_display_lightning::before, .x_wd_display_lightning::after { content: ''; } } .x_wd_display_lightning::before { /* rtl:begin:ignore */ position: absolute; top: -4rem; left: -3rem; bottom: auto; right: auto; /* rtl:end:ignore */ } @media (max-width: 991.98px) { .x_wd_display_lightning::before { transform: scale(0.5); } } .x_wd_display_lightning::after { /* rtl:begin:ignore */ position: absolute; top: -4rem; left: auto; bottom: auto; right: -4rem; transform: scaleX(-1); /* rtl:end:ignore */ } @media (max-width: 991.98px) { .x_wd_display_lightning::after { transform: scale(0.5) scaleX(-1); } } .x_wd_display_fireworks_01 { position: relative; } .x_wd_display_fireworks_01::before { content: url("/openerp_website/static/src/img/graphics/fireworks_01a.svg"); /* rtl:begin:ignore */ position: absolute; top: auto; left: -7rem; bottom: -1rem; right: auto; /* rtl:end:ignore */ pointer-events: none; } .x_wd_display_fireworks_01::after { content: url("/openerp_website/static/src/img/graphics/fireworks_01b.svg"); /* rtl:begin:ignore */ position: absolute; top: auto; left: 100%; bottom: 0; right: auto; /* rtl:end:ignore */ pointer-events: none; } .x_wd_display_fireworks_02 { position: relative; } .x_wd_display_fireworks_02::before { content: url("/openerp_website/static/src/img/graphics/fireworks_02a.svg"); position: absolute; top: 0; left: 0; bottom: auto; right: auto; margin-left: -6rem; pointer-events: none; } .x_wd_display_fireworks_02::after { content: url("/openerp_website/static/src/img/graphics/fireworks_02b.svg"); position: absolute; top: auto; left: 100%; bottom: auto; right: auto; margin-left: 1.5rem; margin-top: 0.75rem; pointer-events: none; } @media (max-width: 767.98px) { .x_wd_display_fireworks_02::after, .x_wd_display_fireworks_02::before { display: none; } } .x_wd_corner_highlight { position: relative; } .x_wd_corner_highlight::after { content: ''; width: 120px; height: 120px; background-image: url("/openerp_website/static/src/img/graphics/corner_1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight::after { display: none; } } .x_wd_corner_highlight::after { /* rtl:begin:ignore */ position: absolute; top: -90px; left: -60px; bottom: auto; right: auto; /* rtl:end:ignore */ } @media (max-width: 991.98px) { .x_wd_corner_highlight::after { top: -50px; left: -30px; width: 70px; height: 70px; } } @media (max-width: 575.98px) { .x_wd_corner_highlight::after { display: none; } } .x_wd_corner_highlight_02 { position: relative; } .x_wd_corner_highlight_02::after { content: ''; width: 100px; height: 100px; background-image: url("/openerp_website/static/src/img/graphics/corner_3.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight_02::after { display: none; } } .x_wd_corner_highlight_02::after { /* rtl:begin:ignore */ position: absolute; top: -60px; left: auto; bottom: auto; right: -60px; transform: scaleX(-1); /* rtl:end:ignore */ } .x_wd_corner_highlight_03 { position: relative; } .x_wd_corner_highlight_03::after { content: ''; width: 130px; height: 130px; background-image: url("/openerp_website/static/src/img/graphics/corner_3.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight_03::after { display: none; } } .x_wd_corner_highlight_03::after { /* rtl:begin:ignore */ position: absolute; top: -80px; left: -70px; bottom: auto; right: auto; /* rtl:end:ignore */ } .x_wd_corner_highlight_04 { position: relative; } .x_wd_corner_highlight_04::after { content: ''; width: 60px; height: 60px; background-image: url("/openerp_website/static/src/img/graphics/corner_4.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight_04::after { display: none; } } .x_wd_corner_highlight_04::after { /* rtl:begin:ignore */ position: absolute; top: -40px; left: -30px; bottom: auto; right: auto; /* rtl:end:ignore */ } .x_wd_corner_highlight_05 { position: relative; } .x_wd_corner_highlight_05::after { content: ''; width: 120px; height: 120px; background-image: url("/openerp_website/static/src/img/graphics/corner_1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight_05::after { display: none; } } .x_wd_corner_highlight_05::after { /* rtl:begin:ignore */ position: absolute; top: -90px; left: auto; bottom: auto; right: -60px; transform: scaleX(-1); /* rtl:end:ignore */ } .x_wd_corner_highlight_06 { position: relative; } .x_wd_corner_highlight_06::after { content: ''; width: 120px; height: 120px; background-image: url("/openerp_website/static/src/img/graphics/corner_5.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight_06::after { display: none; } } .x_wd_corner_highlight_06::after { /* rtl:begin:ignore */ position: absolute; top: -80px; left: -70px; bottom: auto; right: auto; /* rtl:end:ignore */ } .x_wd_corner_highlight_07 { position: relative; } .x_wd_corner_highlight_07::after { content: ''; width: 120px; height: 120px; background-image: url("/openerp_website/static/src/img/graphics/corner_6.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight_07::after { display: none; } } .x_wd_corner_highlight_07::after { /* rtl:begin:ignore */ position: absolute; top: -80px; left: auto; bottom: auto; right: -65px; transform: scaleX(-1); /* rtl:end:ignore */ } .x_wd_corner_highlight_08 { position: relative; } .x_wd_corner_highlight_08::after { content: ''; width: 120px; height: 120px; background-image: url("/openerp_website/static/src/img/graphics/corner_2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight_08::after { display: none; } } .x_wd_corner_highlight_08::after { /* rtl:begin:ignore */ position: absolute; top: -80px; left: -70px; bottom: auto; right: auto; /* rtl:end:ignore */ } .x_wd_corner_highlight_09 { position: relative; } .x_wd_corner_highlight_09::after { content: ''; width: 120px; height: 120px; background-image: url("/openerp_website/static/src/img/graphics/corner_2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight_09::after { display: none; } } .x_wd_corner_highlight_09::after { /* rtl:begin:ignore */ position: absolute; top: -80px; left: auto; bottom: auto; right: -70px; transform: scaleX(-1); /* rtl:end:ignore */ } .x_wd_corner_highlight_10 { position: relative; } .x_wd_corner_highlight_10::after { content: ''; width: 100px; height: 100px; background-image: url("/openerp_website/static/src/img/graphics/corner_4.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .x_wd_corner_highlight_10::after { display: none; } } .x_wd_corner_highlight_10::after { /* rtl:begin:ignore */ position: absolute; top: -80px; left: auto; bottom: auto; right: -60px; transform: scaleX(-1); /* rtl:end:ignore */ } .x_wd_shape_leaf { border-top-left-radius: 50%; border-bottom-right-radius: 50%; } .x_wd_shape_petal { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .x_wd_shape_drop { border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .x_wd_doodle { display: block; color: #714b67; font-family: "Caveat"; font-size: calc(1.325rem + 0.9vw); font-style: normal; font-weight: 700; line-height: 1.1; text-align: center; } @media (min-width: 1200px) { .x_wd_doodle { font-size: 2rem; } } @media (max-width: 991.98px) { .x_wd_doodle { position: relative !important; padding: 2rem 0 1rem 0 !important; left: initial !important; right: initial !important; top: initial !important; bottom: initial !important; margin: 0 auto; transform: none !important; rotate: none !important; } .x_wd_doodle img { display: none !important; } } [class^="x_wd_count_circle_"] { position: relative; display: inline-flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; --x-wd-count-circle-size: clamp(0.5rem, 1.05em, 5rem); --x-wd-count-circle-mask-offset: 10%; width: var(--x-wd-count-circle-size); height: var(--x-wd-count-circle-size); color: currentColor; } [class^="x_wd_count_circle_"]::before { content: ""; position: absolute; inset: -5px; background-color: currentColor; mask-repeat: no-repeat; mask-position: center; mask-size: contain; transform: translateX(var(--x-wd-count-circle-mask-offset)); } .x_wd_count_circle_01::before { mask-image: url("/openerp_website/static/src/img/graphics/circle_01.svg"); } .x_wd_count_circle_02::before { mask-image: url("/openerp_website/static/src/img/graphics/circle_02.svg"); } .x_wd_count_circle_03::before { mask-image: url("/openerp_website/static/src/img/graphics/circle_03.svg"); } .x_wd_count_circle_02 { --x-wd-count-circle-mask-offset: 10%; } /* /openerp_website/static/src/scss/shapes.scss */ .x_wd_shape, .x_wd_shape_bottom, .x_wd_shape_short, .x_wd_shape_middle, .x_wd_shape_top { position: relative; z-index: 0; } .x_wd_shape::before, .x_wd_shape_bottom::before, .x_wd_shape_short::before, .x_wd_shape_middle::before, .x_wd_shape_top::before { width: 100vw; } .x_wd_shape::before, .x_wd_shape_bottom::before, .x_wd_shape_short::before, .x_wd_shape_middle::before, .x_wd_shape_top::before, .x_wd_shape::after, .x_wd_shape_bottom::after, .x_wd_shape_short::after, .x_wd_shape_middle::after, .x_wd_shape_top::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-color: #F3F4F6; } .x_wd_shape_top::before, .x_wd_shape_top::after { bottom: 40%; } .x_wd_shape_middle::before, .x_wd_shape_middle::after { top: 20%; bottom: 20%; } .x_wd_shape_short::before { left: 100%; } .x_wd_shape_short::after { border-radius: 3rem 0 0 3rem; width: 50vw; left: inherit; } @media (min-width: 768px) { .x_wd_shape_short::after { width: 25vw; } } @media (min-width: 992px) { .x_wd_shape_short::after { width: 10vw; } } .x_wd_shape_bottom::before, .x_wd_shape_bottom::after { top: 40%; } .x_wd_shape_ol::after { left: 20%; } .x_wd_shape_or::after { right: 20%; } .x_wd_shape_white::before, .x_wd_shape_white::after { background-color: #FFF; } .x_wd_shape_rtl::before, .x_wd_shape_rbl::before, .x_wd_shape_rs::before { left: 100%; } .x_wd_shape_rtr::before, .x_wd_shape_rbr::before, .x_wd_shape_re::before { left: auto; right: 100%; } .x_wd_shape_rtl::after { border-top-left-radius: 50rem; } .x_wd_shape_rtr::after { border-top-right-radius: 50rem; } .x_wd_shape_rbl::after { border-bottom-left-radius: 50rem; } .x_wd_shape_rbr::after { border-bottom-right-radius: 50rem; } .x_wd_shape_rs::after { border-top-left-radius: 50rem; border-bottom-left-radius: 50rem; } .x_wd_shape_re::after { border-top-right-radius: 50rem; border-bottom-right-radius: 50rem; } .x_wd_shape_circle, .x_wd_shape_circle_xs, .x_wd_shape_circle_sm { position: relative; } .x_wd_shape_circle::before, .x_wd_shape_circle_xs::before, .x_wd_shape_circle_sm::before { content: ''; position: absolute; top: 50%; left: 10%; bottom: auto; right: auto; transform: translateY(-50%); z-index: -1; aspect-ratio: 1 / 1; width: 80%; background-color: #F3F4F6; border-radius: 100%; } .x_wd_shape_circle_sm::before { width: 60%; left: 20%; } .x_wd_shape_circle_xs::before { width: 40%; left: 30%; } /* /openerp_website/static/src/scss/snippets/s_affix.scss */ .s_affix .row { --gutter-x: 3rem; --gutter-y: 1.5rem; } .s_affix section { padding: 2rem 0 3rem 0; border-bottom: 1px solid #D8DADD; } .s_affix section:last-child { border-bottom: none; } .s_affix section h2, .s_affix section .h2 { margin: 1rem 0 2.5rem 0; color: #714b67; font-family: "Caveat"; font-size: calc(1.525rem + 3.3vw); font-weight: 700; } @media (min-width: 1200px) { .s_affix section h2, .s_affix section .h2 { font-size: 4rem; } } .s_affix #features_affix { position: sticky; top: 60px; left: auto; bottom: auto; right: auto; overflow-y: auto; padding: 4rem 0; opacity: 0; } .s_affix #features_affix.o_js_affix_active { opacity: 1; transition: all 0.2s ease-in-out; } .s_affix #features_affix > a.list-group-item-action { color: rgba(55, 65, 81, 0.7); font-size: 0.875rem; transition: all 0.2s ease-in-out; box-shadow: none; padding-left: 8px; position: relative; } .s_affix #features_affix > a.list-group-item-action:hover, .s_affix #features_affix > a.list-group-item-action:focus, .s_affix #features_affix > a.list-group-item-action.focus { color: #111827; } .s_affix #features_affix > a.list-group-item-action:before { content: ""; width: 2px; position: absolute; top: 5px; left: 0; bottom: 5px; right: auto; } .s_affix #features_affix > a.list-group-item-action.title_h1 { color: #714B67 !important; font-weight: bolder; font-size: 0.9rem !important; } .s_affix #features_affix > a.list-group-item-action.active { background: none; color: #714b67; font-size: 0.875rem; font-weight: 600; } .s_affix #features_affix > a.list-group-item-action.active:before { background-color: #714b67; } header.o_has_sub_nav + main .s_affix #features_affix { top: 40px; } #oe_main_menu_navbar ~ #wrapwrap .s_affix #features_affix { top: 106px; } #oe_main_menu_navbar ~ #wrapwrap header.o_has_sub_nav + main .s_affix #features_affix { top: 86px; } /* /openerp_website/static/src/scss/snippets/s_banner.scss */ .s_banner::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: url("/openerp_website/static/src/scss/snippets/../../img/2016/patterns/banner_bg.png"); background-position: 0% 100%; background-size: cover; } /* /openerp_website/static/src/scss/snippets/s_browser.scss */ .s_browser { position: relative; border-radius: 15px 15px 0 0; } .s_browser.shadow { box-shadow: 0 20px 20px rgba(0, 0, 0, 0.05); } .s_browser .bar { width: 100%; height: auto; position: relative; } .s_browser .content .tab-pane > img { width: 100%; } /* /openerp_website/static/src/scss/snippets/s_figure_link.scss */ .s_figure_link { padding-bottom: 60%; position: relative; text-align: right; backface-visibility: hidden; } @media (min-width: 992px) { .s_figure_link { padding-bottom: 50%; } } .s_figure_link > a { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: translate3d(0, 0, 0); filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(100%) contrast(110%); filter: grayscale(100%) contrast(110%); background-position: center; opacity: 0.3; transform-origin: 50% 50%; transform: scale(1.05); transition: transform 0.65s ease 0s; } .s_figure_link h2, .s_figure_link .h2, .s_figure_link p { pointer-events: none; position: absolute; top: auto; left: 15px; bottom: auto; right: 15px; color: white; transition: all 350ms cubic-bezier(0.55, 0, 0.1, 1) 0s; } .s_figure_link h2, .s_figure_link .h2 { top: 10px; transform: translate(0, 100%); padding: 5px 0; } @media (min-width: 992px) { .s_figure_link h2, .s_figure_link .h2 { padding-bottom: 6px; padding: 10px 0; } } @media (min-width: 992px) and (max-width: 1199.98px) { .col-lg-4 .s_figure_link h2, .col-lg-4 .s_figure_link .h2 { font-size: 24px; padding-bottom: 15px; top: 30px; } } .s_figure_link h2:after, .s_figure_link .h2:after { content: ""; background: rgba(255, 255, 255, 0.6); opacity: 0; width: 100%; height: 1px; transform: translate(0, 40px); position: absolute; top: 100%; left: 0; bottom: auto; right: auto; transition: all 0.65s cubic-bezier(0.55, 0, 0.1, 1) 0s; } .s_figure_link p { bottom: 10px; padding: 10px 0; transform: translate(0, 100%); opacity: 0; line-height: 1.5; display: none; } @media (min-width: 768px) { .s_figure_link p { display: 15px; display: block; } } @media (min-width: 992px) { .s_figure_link p { bottom: 20px; } } .s_figure_link:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; transition: opacity 0.35s ease; } .s_figure_link:hover > a { transform: scale(1); } .s_figure_link:hover h2, .s_figure_link:hover .h2, .s_figure_link:hover h2:after, .s_figure_link:hover .h2:after, .s_figure_link:hover p { transform: translate(0, 0); opacity: 1; } .s_figure_link:hover:before { transition: opacity 1.6s ease; opacity: 1 0s; } .s_figure_link.o_gradient_alpha:before { background: linear-gradient(-30deg, #52374b 30%, #474662 100%) !important; } .s_figure_link.o_gradient_beta:before { background: linear-gradient(-30deg, #486d7e 30%, #52374b 100%) !important; } .s_figure_link.o_gradient_gamma:before { background: linear-gradient(-30deg, #fb4a55 30%, #b84d28 100%) !important; } .s_figure_link.o_gradient_delta:before { background: linear-gradient(-30deg, #474662 30%, #dc4450 100%) !important; } .s_figure_link.o_gradient_epsilon:before { background: linear-gradient(-30deg, #b84d28 30%, #474662 100%) !important; } /* /openerp_website/static/src/scss/snippets/s_laptop_screen.scss */ .s_laptop_screen { position: relative; overflow: hidden; } .s_laptop_screen > .bg { width: 100%; height: auto; padding-bottom: 51.4%; background-size: cover; pointer-events: none; cursor: default; background-image: url("/openerp_website/static/src/img/2016/components/laptop_screen.gif"); background-image: url("/openerp_website/static/src/img/2016/components/laptop_screen.svg"); background-position: 0 /*rtl:ignore*/ 0; background-repeat: no-repeat; } .s_laptop_screen > .bg::selection, .s_laptop_screen > .bg *::selection { background: transparent; } .s_laptop_screen > .bg::-moz-selection, .s_laptop_screen > .bg *::-moz-selection { background: transparent; } .s_laptop_screen > img { position: absolute; top: 8%; left: 3%; bottom: auto; right: 0; width: 94%; pointer-events: none; cursor: default; } .s_laptop_screen > img::selection, .s_laptop_screen > img *::selection { background: transparent; } .s_laptop_screen > img::-moz-selection, .s_laptop_screen > img *::-moz-selection { background: transparent; } .s_laptop_screen:after { content: ""; display: block; pointer-events: none; cursor: default; width: 60%; height: 100%; position: absolute; top: 0; left: auto; bottom: auto; right: 0; background-image: "-webkit-linear-gradient(25deg, rgba(243, 244, 246, 0) 50%, rgba(249, 250, 251, 0.15) 50%, rgba(249, 250, 251, 0.15) 100%)"; background-image: "-moz-linear-gradient(25deg, rgba(243, 244, 246, 0) 50%, rgba(249, 250, 251, 0.15) 50%, rgba(249, 250, 251, 0.15) 100%)"; background-image: "-ms-linear-gradient(25deg, rgba(243, 244, 246, 0) 50%, rgba(249, 250, 251, 0.15) 50%, rgba(249, 250, 251, 0.15) 100%)"; background-image: "-o-linear-gradient(25deg, rgba(243, 244, 246, 0) 50%, rgba(249, 250, 251, 0.15) 50%, rgba(249, 250, 251, 0.15) 100%)"; background-image: "linear-gradient(65deg, rgba(243, 244, 246, 0) 50%, rgba(249, 250, 251, 0.15) 50%, rgba(249, 250, 251, 0.15) 100%)"; } .s_laptop_screen:after::selection, .s_laptop_screen:after *::selection { background: transparent; } .s_laptop_screen:after::-moz-selection, .s_laptop_screen:after *::-moz-selection { background: transparent; } /* /openerp_website/static/src/scss/snippets/s_o_number.scss */ .s_o_number { text-align: center; font-family: "Inter", "Odoo Unicode Support Noto", sans-serif; font-size: 12px; } @media (min-width: 1200px) { .s_o_number { font-size: 14px; } } .s_o_number .title, .s_o_number .desc { display: block; } .s_o_number .title { padding-top: 0.2em; font-size: 4em; line-height: 1.1; color: #017e84; } .s_o_number .title.has_sidetext .number, .s_o_number .title.has_sidetext .sidetext { display: inline-block; } .s_o_number .title.has_sidetext .sidetext { font-size: .3em; line-height: 1; vertical-align: top; padding-top: 0.7em; text-align: left; margin-left: -0.8em; } .s_o_number .desc { font-size: 1em; } /* /openerp_website/static/src/scss/snippets/s_panel_video.scss */ .s_panel_video_play { font-size: 3.4375rem; background-color: rgba(0, 0, 0, 0.2); color: white; cursor: pointer; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 100%; height: 100%; transition: "all 0.2s ease-in-out;"; } @media (prefers-reduced-motion: reduce) { .s_panel_video_play { transition: none; } } .s_panel_video_play:hover { background-color: rgba(0, 0, 0, 0.3); } .s_laptop_screen .s_panel_video_play { border-radius: 5% 5% 0 0; } /* /openerp_website/static/src/scss/snippets/s_testimonial.scss */ .s_testimonial .thumb, .s_testimonial blockquote { vertical-align: top; display: inline-block; padding-top: 0; } .s_testimonial .thumb { width: 20%; max-width: 60px; padding-right: 5px; } .s_testimonial .thumb img { border-radius: 100%; max-width: 100%; height: auto; } .s_testimonial blockquote { width: 78%; max-width: 500px; padding: 0 0 0 5px; border-left: none; line-height: 1.3; } .s_testimonial blockquote p { font-size: 0.9em; } .s_testimonial blockquote p small, .s_testimonial blockquote p .small { font-weight: 400; font-style: italic; } .s_testimonial blockquote p small:before, .s_testimonial blockquote p .small:before { content: '\2013 \0A0'; } .s_testimonial blockquote img { max-height: 20px; } /* /openerp_website/static/src/scss/snippets/s_tooltips_tabs.scss */ .s_tooltips_tabs { position: relative; } .s_tooltips_tabs .tab-pane { background-color: #495057; transition: background 0.5s ease 0s; } .s_tooltips_tabs .tab-pane:hover .s_tooltip_tabs_tooltip_image { opacity: 0.8; } .s_tooltips_tabs .tab-pane:hover .s_tooltip_tabs_tooltip_link:before { opacity: 0; transition: opacity 0.5s ease; } .s_tooltips_tabs .tab-pane:hover .s_tooltip_tabs_tooltip_link:after { opacity: 1; } .s_tooltips_tabs .tab-pane:hover .s_tooltip_tabs_tooltip_link:focus, .s_tooltips_tabs .tab-pane:hover .s_tooltip_tabs_tooltip_link:active, .s_tooltips_tabs .tab-pane:hover .s_tooltip_tabs_tooltip_link:focus:active { outline: none; } .s_tooltips_tabs .tab-pane.s_tooltip_tabs_tooltip_is_open { background-color: #e0e0e0; cursor: pointer; } .s_tooltips_tabs .tab-pane.s_tooltip_tabs_tooltip_is_open .s_tooltip_tabs_tooltip_image { transition: all 0.7s ease 0s; opacity: 0.6; } .s_tooltips_tabs .tab-pane.in .s_tooltip_tabs_tooltip_link:before { animation: tooltip_welcome_before 1s ease 0s 1 normal none running; } .s_tooltips_tabs .tab-pane.in .s_tooltip_tabs_tooltip_link:after { animation: tooltip_welcome_after 1s ease 0s 1 normal none running; } .s_tooltips_tabs .s_tooltip_tabs_tooltip_image { opacity: 0.9; width: 100%; transition: all 0.3s ease 0s; } .s_tooltips_tabs .s_tooltip_tabs_tooltip { position: absolute; width: 36px; height: 36px; } .s_tooltips_tabs .s_tooltip_tabs_tooltip .card { visibility: hidden; width: 200px; max-width: none; font-size: 0.9em; padding: 10px; border-top: 1px solid #F9FAFB; border-radius: 0.625rem; opacity: 0; margin-bottom: 0; position: absolute; top: 50%; left: 0; bottom: auto; right: auto; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); transform: translate(0, 20px); transition: all 0.3s; } .s_tooltips_tabs .s_tooltip_tabs_tooltip .card .o_panel_title { line-height: 1.2; font-weight: 400; font-size: 1.3em; } .s_tooltips_tabs .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link { display: block; background-image: none; width: 36px; height: 36px; } .s_tooltips_tabs .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link:before { opacity: 1; } .s_tooltips_tabs .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link:after { opacity: 0; transition: opacity 0.5s ease; } .s_tooltips_tabs .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link:after, .s_tooltips_tabs .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link:before { content: ""; display: block; border-radius: 100%; transform-origin: 50% 50%; transition: opacity 0.5s ease; } .s_tooltips_tabs .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link:before { box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.9); position: absolute; top: 12px; left: 12px; bottom: 12px; right: 12px; background: linear-gradient(90deg, #fc7c84 20%, #ed6671 80%) !important; transform: scale(1.3); } .s_tooltips_tabs .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link:after { opacity: 0; background-size: 100% 100%; background-image: url("/openerp_website/static/src/img/2016/gif/tooltip.gif"); position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .s_tooltips_tabs .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_is_right .card { left: auto; right: 0; } .s_tooltips_tabs .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_is_bottom .card { top: auto; bottom: 50%; } .s_tooltips_tabs .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_active .card { visibility: visible; cursor: auto; opacity: 1; transform: translate(0, 0); transition: all 0.6s; } .s_tooltips_tabs .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_active .s_tooltip_tabs_tooltip_link { background-image: none; } .s_tooltips_tabs .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_active .s_tooltip_tabs_tooltip_link:before { opacity: 1; } .s_tooltips_tabs .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_active .s_tooltip_tabs_tooltip_link:after { opacity: 0; transition: opacity 0.5s ease; } .s_tooltips_tabs .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_active .s_tooltip_tabs_tooltip_link:before { background: linear-gradient(45%, #714b67 20%, #6e4e66 80%) !important; } .s_tooltips_tabs_blocked .s_tooltip_tabs_tooltip .card { visibility: visible; cursor: auto; opacity: 1; transform: translate(0, 0); transition: all 0.6s; } .s_tooltips_tabs_blocked .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link { background-image: none; } .s_tooltips_tabs_blocked .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link:before { opacity: 1; } .s_tooltips_tabs_blocked .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link:after { opacity: 0; transition: opacity 0.5s ease; } .s_tooltips_tabs_blocked .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link:before { background: linear-gradient(45%, #714b67 20%, #6e4e66 80%) !important; } /* /openerp_website/static/src/scss/snippets/s_map_locations.scss */ .s_tooltips_tabs.s_map_locations .tab-pane { background: #F9FAFB; } .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link { opacity: 0.6; width: 30px; height: 30px; transition: opacity 0.3s ease; } @media (min-width: 992px) { .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip .card, .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_is_left .card { left: 34%; } .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip .card, .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_is_top .card { top: 60%; bottom: auto; } .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_is_right .card { left: -324%; } .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip.s_tooltip_tabs_tooltip_is_bottom .card { top: auto; bottom: 79%; } } .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip:hover .s_tooltip_tabs_tooltip_link { opacity: 1; } .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip:hover .card { visibility: visible; } .s_tooltips_tabs.s_map_locations .tab-pane .card { visibility: hidden; max-width: 135px; padding: 4px 8px 0; background-color: rgba(255, 255, 255, 0.7); } .s_tooltips_tabs.s_map_locations .tab-pane .card:hover { background-color: white; } .s_tooltips_tabs.s_map_locations .tab-pane .card .o_panel_title { font-weight: 400; font-size: 1.1em; } .s_tooltips_tabs.s_map_locations .tab-pane .card .o_panel_title small, .s_tooltips_tabs.s_map_locations .tab-pane .card .o_panel_title .small { margin-top: 3px; font-weight: 400; display: block; } .s_tooltips_tabs.s_map_locations .tab-pane .card p { line-height: 1.2; margin-bottom: 5px; } .s_tooltips_tabs.s_map_locations .tab-pane .card p a { font-family: sans-serif; } .s_tooltips_tabs.s_map_locations .tab-pane .card p:last-child { margin-bottom: 10px; } .s_tooltips_tabs.s_map_locations .tab-pane:hover .s_tooltip_tabs_tooltip_link { background-image: none; } .s_tooltips_tabs.s_map_locations .tab-pane:hover .s_tooltip_tabs_tooltip_link:before { opacity: 1; } .s_tooltips_tabs.s_map_locations .tab-pane:hover .s_tooltip_tabs_tooltip_link:after { opacity: 0; transition: opacity 0.5s ease; } @media (max-width: 767.98px) { .s_tooltips_tabs.s_map_locations .tab-pane > img { margin-bottom: -40%; opacity: 0.4; } .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip { float: left; position: relative; height: auto; min-height: 100px; width: 48%; margin-left: 1%; margin-right: 1%; left: auto !important; top: auto !important; } .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip .s_tooltip_tabs_tooltip_link { display: none; } .s_tooltips_tabs.s_map_locations .tab-pane .s_tooltip_tabs_tooltip .card { visibility: visible; width: 100%; height: 100%; max-width: 100%; position: relative; left: auto; top: auto; } } /* /openerp_website/static/src/scss/snippets/s_wd_features.scss */ @media (min-width: 768px) { .s_wd_features { border-top-left-radius: 10rem; border-bottom-right-radius: 10rem; } } .s_wd_features .s_wd_features_item { position: relative; margin-bottom: 2rem; padding: 2rem; background-color: #fff; border-radius: 0.625rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .s_wd_features .s_wd_features_item .s_wd_features_title { margin-bottom: 1.5rem; } @media (min-width: 768px) { .s_wd_features .s_wd_features_item .s_wd_features_title { margin-right: 75px; } } .s_wd_features .s_wd_features_item .s_wd_features_icon { display: none; } @media (min-width: 768px) { .s_wd_features .s_wd_features_item .s_wd_features_icon { position: absolute; top: 0; left: auto; bottom: auto; right: 2rem; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background-color: #F9FAFB; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .s_wd_features .s_wd_features_item .s_wd_features_icon img { height: 35px; } } .s_wd_features .s_wd_features_item p:last-child { margin-bottom: 0; } /* /openerp_website/static/src/scss/snippets/s_wd_persona.scss */ .s_wd_persona { width: fit-content; } @media (min-width: 768px) { .s_wd_persona::before { content: ''; position: absolute; top: -80px; left: 20px; bottom: auto; right: auto; height: 50px; width: 50px; background-image: url("/openerp_website/static/src/img/snippets/s_wd_persona/message.svg"); background-size: cover; } } .s_wd_persona .s_wd_persona_bg { position: absolute; top: -40px; left: -60px; bottom: auto; right: auto; width: 200px; } .s_wd_persona .s_wd_persona_icon { position: absolute; top: -50px; left: -30px; bottom: auto; right: auto; width: 60px; } @media (min-width: 768px) { .s_wd_persona .s_wd_persona_icon { top: -30px; } } .s_wd_persona.s_wd_persona_speaker::before { content: none; } .s_wd_persona.s_wd_persona_speaker .s_wd_persona_icon { left: -50px; width: 90px; } /* /openerp_website/static/src/scss/snippets/s_wd_screenshot_arrows.scss */ .s_wd_screenshot_arrow { display: inline-flex; align-items: center; width: 100%; } @media (min-width: 768px) and (max-width: 991.98px) { .s_wd_screenshot_arrow { width: 45%; } } @media (max-width: 991.98px) { .s_wd_screenshot_arrow img { display: none; } .s_wd_screenshot_arrow::before { content: ""; display: inline-block; width: 40px; height: 40px; margin-right: .5rem; background-image: url("/openerp_website/static/src/img/icons/tick.svg"); background-size: 40px 40px; } } @media (min-width: 992px) { .s_wd_screenshot_arrow { position: absolute; top: auto; left: auto; bottom: auto; right: auto; display: flex; flex-direction: column; max-width: 22%; } .s_wd_screenshot_arrow.s_wd_screenshot_arrow_left { right: 100%; align-items: end; text-align: right; } .s_wd_screenshot_arrow.s_wd_screenshot_arrow_left h3, .s_wd_screenshot_arrow.s_wd_screenshot_arrow_left .h3 { margin-right: 1rem; } .s_wd_screenshot_arrow.s_wd_screenshot_arrow_left img { margin-right: .5rem; } .s_wd_screenshot_arrow.s_wd_screenshot_arrow_right { left: 100%; align-items: start; } .s_wd_screenshot_arrow.s_wd_screenshot_arrow_right h3, .s_wd_screenshot_arrow.s_wd_screenshot_arrow_right .h3 { margin-left: 1rem; } .s_wd_screenshot_arrow.s_wd_screenshot_arrow_right img { margin-left: .5rem; } } /* /openerp_website/static/src/scss/snippets/s_wd_users.scss */ .s_wd_users .s_wd_users_box { width: 80px; height: 80px; transition: all 0.2s ease-in-out; border-radius: 0.25rem; background-image: url("/openerp_website/static/src/img/snippets/s_wd_users/users_01.webp"); } .s_wd_users .s_wd_users_box.s_wd_users_alt_bg { transition: all 0.2s ease-in-out; background-image: url("/openerp_website/static/src/img/snippets/s_wd_users/users_02.webp"); } @media (min-width: 768px) { .s_wd_users .s_wd_users_box { margin: .25rem; } } @media (min-width: 1400px) { .s_wd_users .s_wd_users_box { margin: .75rem; } } .s_wd_users .s_wd_users_box:nth-child(5n) { border-radius: 50%; } .s_wd_users .s_wd_users_box:nth-child(3n) { border-top-left-radius: 50%; } .s_wd_users .s_wd_users_box:nth-child(4n) { border-top-right-radius: 50%; } .s_wd_users .s_wd_users_box:nth-child(6n) { border-bottom-right-radius: 50%; } .s_wd_users .s_wd_users_box:nth-child(7n) { border-bottom-left-radius: 50%; } /* /openerp_website/static/src/scss/snippets/s_wd_white_paper.scss */ .s_wd_white_paper .s_wd_white_paper_element { background-color: #ffffff; border-radius: 0.625rem; height: auto; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 30px; } .s_wd_white_paper .s_wd_white_paper_element .s_wd_white_paper_cover { width: 45%; min-height: 370px; } @media only screen and (max-width: 600px) { .s_wd_white_paper .s_wd_white_paper_element .s_wd_white_paper_cover { width: 100%; min-height: auto; } } .s_wd_white_paper .s_wd_white_paper_element .s_wd_white_paper_cover img { object-fit: cover; } .s_wd_white_paper .s_wd_white_paper_element .s_wd_white_paper_content { width: 55%; } @media only screen and (max-width: 600px) { .s_wd_white_paper .s_wd_white_paper_element .s_wd_white_paper_content { width: 100%; } } .s_wd_white_paper .s_wd_white_paper_element .s_wd_white_paper_content p, .s_wd_white_paper .s_wd_white_paper_element .s_wd_white_paper_content ul { font-size: 1rem; } /* /openerp_website/static/src/scss/snippets/s_wd_table.scss */ .s_wd_table .s_wd_table_head h3, .s_wd_table .s_wd_table_head .h3 { margin: 1rem 0; } .s_wd_table .s_wd_table_head h4, .s_wd_table .s_wd_table_head .h4 { margin: 0; } .s_wd_table .s_wd_table_head h4 font, .s_wd_table .s_wd_table_head .h4 font { font-size: 1.25rem; color: white; padding: 20px 15px; border-radius: 5px; margin: 5px; } .s_wd_table .s_wd_table_head + .s_wd_table_subhead * { border: none; } .s_wd_table .s_wd_table_subhead h5, .s_wd_table .s_wd_table_subhead .h5 { display: block; width: 100%; padding: 15px 10px; margin: 0; border-top: 1px solid grey; } .s_wd_table .s_wd_table_body:nth-child(odd) .s_wd_table_body_container { background-color: #F3F4F6; } .s_wd_table .s_wd_table_body p:not(:first-child) { border-left: 1px solid grey; } .s_wd_table .s_wd_table_body .s_wd_table_body_container { display: flex; } .s_wd_table .s_wd_table_body .s_wd_table_body_container p { margin: 0; padding: 10px; } .s_wd_table .s_wd_table_body .s_wd_table_body_container p:not(:first-child) { color: #714b67; } .s_wd_table .s_wd_table_body .s_wd_table_body_container p:not(:first-child):not(:has(i)) { padding-left: 5px; } /* /openerp_website/static/src/scss/job.scss */ .x_wd_jobs_bottom_ctas { background-size: 30px 30px; background-image: url(/openerp_website/static/src/img/jobs/dots-light.svg); } @media (min-width: 576px) { .x_wd_jobs_bottom_ctas { border-top-right-radius: 8rem; } } .x_wd_jobs_bottom_ctas .o_jobs_contact_img, .x_wd_jobs_bottom_ctas .x_wd_jobs_cta_img { width: 5rem; height: 5rem; } @media (min-width: 768px) { .x_wd_jobs_bottom_ctas .o_jobs_contact_img, .x_wd_jobs_bottom_ctas .x_wd_jobs_cta_img { width: 6.25rem; height: 6.25rem; } } .x_wd_jobs_bottom_ctas .x_wd_jobs_cta_img { aspect-ratio: 1/1; transition: all 0.2s ease-in-out; } .x_wd_jobs_bottom_ctas .x_wd_jobs_cta:has(.stretched-link:hover) .x_wd_jobs_cta_img { rotate: 10deg; } /* Jobs - Index */ .o_website_hr_recruitment_jobs_list .x_wd_jobs_header .o_we_shape { bottom: -2px; } .o_website_hr_recruitment_jobs_list .x_wd_jobs_header .x_wd_jobs_title .x_wd_corner_highlight_08:after { position: absolute; top: auto; left: auto; bottom: 100%; right: 100%; translate: 45% 55%; } .o_website_hr_recruitment_jobs_list .x_wd_jobs_header .x_wd_jobs_love_letter { rotate: -7.22deg; max-width: 300px; padding: 0 0 35px 91px; } @media (min-width: 992px) { .o_website_hr_recruitment_jobs_list .x_wd_jobs_header .x_wd_jobs_love_letter { position: absolute; top: auto; left: 0; bottom: 1.5rem; right: auto; } } .o_website_hr_recruitment_jobs_list .x_wd_jobs_header .x_wd_jobs_love_letter_arrow { width: 91px; rotate: 45deg; scale: -1 1; translate: 0 -17%; margin-right: 0.5rem; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters { border: 8px solid #FFF; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .x_wd_wevent_index_topbar_filters_top { order: 1; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown { order: 10; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .o_jobs_topbar_search_bar { order: 2; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .o_jobs_topbar_search_bar { margin-left: auto; min-width: auto; width: min-content; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .o_jobs_topbar_search_bar button[data-bs-target="#o_jobs_offcanvas"]:not(:where(:hover, :focus, :active, :visited)) { background-color: #FFF; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .o_jobs_topbar_search_bar button[data-bs-target="#o_jobs_offcanvas"]:hover, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .o_jobs_topbar_search_bar button[data-bs-target="#o_jobs_offcanvas"]:focus { --btn-hover-border-color: #E6E9ED; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown:is(:not(form)) .btn, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .form-control { --btn-border-color: #E6E9ED; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .form-control { border-color: var(--btn-border-color); } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown:is(:not(form)) .btn { --btn-bg: #ffffff; --btn-padding-x: var(--btn-padding-y); background-color: var(--btn-bg) !important; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="countries_dropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="officesDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="departmentsDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="industriesDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="employmentDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#countriesDropdown) .accordion-button::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#officesDropdown) .accordion-button::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#departmentsDropdown) .accordion-button::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#industriesDropdown) .accordion-button::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#employmentDropdown) .accordion-button::before { content: ''; display: inline-block; position: relative; margin-top: -8px; background: no-repeat 50% 50%/contain; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="countries_dropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="officesDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="departmentsDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="industriesDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="employmentDropdown"] .btn::before { width: 1.5rem; height: 1.5rem; margin-right: 0.25rem; top: 6px; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#countriesDropdown) .accordion-button::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#officesDropdown) .accordion-button::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#departmentsDropdown) .accordion-button::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#industriesDropdown) .accordion-button::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#employmentDropdown) .accordion-button::before { width: 2rem; height: 2rem; margin-right: 0.5rem; top: 2px; } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="countries_dropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#countriesDropdown) .accordion-button::before { background-image: url("/openerp_website/static/src/img/icons/icon_pinpoint.svg"); } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="officesDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#officesDropdown) .accordion-button::before { background-image: url("/openerp_website/static/src/img/icons/icon_building.svg"); } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="departmentsDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#departmentsDropdown) .accordion-button::before { background-image: url("/openerp_website/static/src/img/icons/icon_people.svg"); } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="industriesDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#industriesDropdown) .accordion-button::before { background-image: url("/openerp_website/static/src/img/icons/icon_factory.svg"); } .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .dropdown[data-type="employmentDropdown"] .btn::before, .o_website_hr_recruitment_jobs_list .o_wevent_index_topbar_filters .accordion-item:has(#employmentDropdown) .accordion-button::before { background-image: url("/openerp_website/static/src/img/icons/icon_sheet_pen.svg"); } .o_website_hr_recruitment_jobs_list #jobs_grid:has(.card:hover) .card:not(:hover) { opacity: .3; } .o_website_hr_recruitment_jobs_list #jobs_grid .card { transition: all 0.2s ease-in-out; } .o_website_hr_recruitment_jobs_list #jobs_grid .card:hover, .o_website_hr_recruitment_jobs_list #jobs_grid .card:focus { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border-color: #F3F4F6; } .o_website_hr_recruitment_jobs_list #jobs_grid .card [class*="x_wd_icon_"] { font-size: 1.25em; } .odoo-editor-editable .o_website_hr_recruitment_jobs_list #jobs_grid .card .x_wd_job_description { display: block !important; } @media (max-width: 991.98px) { .o_website_hr_recruitment_jobs_list .x_wd_jobs_sidebar::before { content: ''; display: block; width: 100%; height: 4px; background: transparent url("/openerp_website/static/src/img/jobs/separator.svg") repeat-x 0 0; margin-bottom: 2.5rem; } } .o_website_hr_recruitment_jobs_list .x_wd_jobs_salary_configurator::after { content: ''; display: block; width: 100%; height: 4px; background: transparent url("/openerp_website/static/src/img/jobs/separator.svg") repeat-x 0 0; margin-top: 2.5rem; } .o_website_hr_recruitment_jobs_list .x_wd_jobs_salary_configurator_arrow { rotate: 125deg; } .o_website_hr_recruitment_jobs_list .x_wd_jobs_salary_configurator_arrow + span { position: relative; } .o_website_hr_recruitment_jobs_list .x_wd_jobs_salary_configurator_arrow + span::after { content: ''; width: 46px; height: 46px; background-image: url("/openerp_website/static/src/img/graphics/corner_7.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 575.98px) { .o_website_hr_recruitment_jobs_list .x_wd_jobs_salary_configurator_arrow + span::after { display: none; } } .o_website_hr_recruitment_jobs_list .x_wd_jobs_salary_configurator_arrow + span::after { display: inline-block; position: absolute; top: auto; left: auto; bottom: 100%; right: 100%; translate: 50% 50%; } .o_website_hr_recruitment_jobs_list .x_wd_jobs_networks_img { width: 40px; } /* Jobs - Apply */ .o_apply .breadcrumb-item + .breadcrumb-item::before { font-weight: 600; color: #111827; } .o_apply .x_wd_jobs_apply_title .x_wd_corner_highlight_09::after { width: 63px; height: 74px; position: absolute; top: auto; left: calc(100% - 11px); bottom: calc(100% - 73px); right: auto; } .o_apply .x_wd_jobs_apply_form label { font-weight: 600; } .o_apply .x_wd_jobs_apply_form .x_wd_jobs_apply_form_linkedin .input-group-text { background-color: #0a66c2; border-color: #084d92; color: #ffffff; } .o_apply .x_wd_jobs_apply_form input::file-selector-button { font-weight: 600; } .o_apply .x_wd_jobs_apply_form #s_website_form_result:not(:empty) { margin-left: 0 !important; display: block; margin: 1rem 0 0 0 !important; } .o_apply .x_wd_jobs_separator_thin { background: url("/openerp_website/static/src/img/jobs/separator-thin.svg") repeat-x 0 0; height: 2px; border: none; } /* Jobs - Thank you */ @media (max-width: 991.98px) { #jobs_thankyou .x_wd_job_graphics { width: calc(1.675rem + 5.1vw); height: auto; } } #jobs_thankyou .x_wd_job_graphics_heart { position: absolute; top: auto; left: auto; bottom: 100%; right: 100%; } #jobs_thankyou .x_wd_job_graphics_stars { position: absolute; top: auto; left: 100%; bottom: 100%; right: auto; translate: -50% 0; } #jobs_thankyou .x_wd_job_graphics_arrow { position: absolute; top: auto; left: 100%; bottom: auto; right: auto; translate: 0 -40%; } /* Compatibility ==================== */ .js_hr_recruitment .card { overflow: inherit; } /* /openerp_portal/static/src/scss/accounting_firms.scss */ #wrapwrap.o_register_as_an_accounting_firm .accountant-subscription-form-container { position: relative; } #wrapwrap.o_register_as_an_accounting_firm .accountant-subscription-form-container .material-design-form input:not([type=checkbox]), #wrapwrap.o_register_as_an_accounting_firm .accountant-subscription-form-container .material-design-form select { background-color: transparent; } #wrapwrap.o_register_as_an_accounting_firm .form-headline { color: #017e84; } @media (max-width: 575.98px) { #wrapwrap.o_register_as_an_accounting_firm .form-field > .d-flex.flex-wrap.justify-content-between::after { content: ""; flex: auto; } } #wrapwrap.o_register_as_an_accounting_firm .o_group_logo { margin-top: 10px; margin-bottom: -8px; position: relative; } #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .logo_preview_col { margin-top: calc( -1.45rem /* line-height of body (via inherit of input in _reboot.scss) */ - 1px /* border-bottom of .material-design-form input[type="text"] */ - 30px); /* margin-top of .material-design-form .group */ margin-bottom: -100px; } #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .img_preview { line-height: 100px; text-align: right; } #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .img_preview > img { cursor: pointer; max-height: 100px; max-width: 100px; } #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear { --btn-padding-y: 0; --btn-padding-x: 0; --btn-font-size: calc(1.309rem + 0.708vw); --btn-border-radius: 0.25rem; line-height: 1.5; --background-color: #714b67; --color: #FFFFFF; background-color: #714b67; color: #FFFFFF; cursor: pointer; right: 16px; position: absolute; text-align: center; top: 0; width: 1.45em; } @media (min-width: 1200px) { #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear { --btn-font-size: 1.84rem; } } #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .text-muted, .o_colored_level #wrapwrap.o_register_as_an_accounting_firm .o_group_logo .o_btn_clear .text-muted { color: rgba(255, 255, 255, 0.7) !important; } #wrapwrap.o_register_as_an_accounting_firm textarea { font-size: 1rem; } #wrapwrap.o_register_as_an_accounting_firm textarea::placeholder { color: #aaa; } #wrapwrap.o_register_as_an_accounting_firm .form-check-label { color: #6C757D; font-size: 1rem; font-weight: normal; margin-bottom: 0.5rem; position: relative; top: -2px; } #wrapwrap.o_register_as_an_accounting_firm .form-check-input { margin-top: 0.17rem; } #wrapwrap.o_register_as_an_accounting_firm .form-check-input[type="checkbox"] { padding: unset; } #wrapwrap.o_register_as_an_accounting_firm .o_file_wrap { display: flex; gap: 0.5rem; align-items: center; } #wrapwrap.o_register_as_an_accounting_firm .o_file_wrap .o_file_name { width: auto !important; } .o_find_accounting_firm { text-align: center; display: block; } .o_find_accounting_firm a:not(.btn) { color: #714b67 !important; } .o_find_accounting_firm:empty { display: none; } #wrapwrap.o_thank_you_register_an_accounting_firm h1, #wrapwrap.o_thank_you_register_an_accounting_firm .h1 { color: #017e84; } /* /openerp_portal/static/src/scss/partner_dashboard.scss */ #o_partner_dashboard { /* LAYOUT */ /* COUPON */ /* WIZARD */ /* SWITCH */ } #o_partner_dashboard p, #o_partner_dashboard ul, #o_partner_dashboard ol { font-size: 14px; } #o_partner_dashboard .small { font-size: 12px; line-height: 14px; } #o_partner_dashboard .btn svg { margin-right: 8px; vertical-align: middle; fill: currentColor; } #o_partner_dashboard #oe-github-add .input-group { margin-top: 2px; } #o_partner_dashboard #oe-github-add .form-control { height: 40px; padding: 5px 12px; } #o_partner_dashboard #chart { margin: 15px 0 0 0; } #o_partner_dashboard #chart svg { height: 16em; } @media (min-width: 768px) { #o_partner_dashboard .o_partner_dashboard_banner { background-image: url("/openerp_portal/static/src/img/banner.jpg"); background-position: right bottom; background-size: cover; } #o_partner_dashboard .o_partner_dashboard_banner .row { height: 360px; display: flex; -ms-flex-align: center; align-items: center; } } #o_partner_dashboard .o_partner_dashboard_box_header > h2, #o_partner_dashboard .o_partner_dashboard_box_header > .h2 { margin: 0; padding: 0 20px; color: #fff; font-size: 14px; line-height: 40px; } @media (min-width: 768px) { #o_partner_dashboard .o_partner_dashboard_box_header > h2, #o_partner_dashboard .o_partner_dashboard_box_header > .h2 { display: inline-block; border-top-left-radius: 6px; border-top-right-radius: 6px; } } @media (min-width: 768px) { #o_partner_dashboard .border-sm-right { border-right: 1px solid #E6E9ED; } } @media (min-width: 992px) { #o_partner_dashboard .border-md-right { border-right: 1px solid #E6E9ED; } } @media (max-width: 767.98px) { #o_partner_dashboard .border-sm-top { border-top: 1px solid #E6E9ED; } } #o_partner_dashboard .o_partner_dashboard_box { background-color: #fff; flex: 1; } @media (max-width: 575.98px) { #o_partner_dashboard .o_partner_dashboard_box { border-bottom: 1px solid #E6E9ED; } } @media (min-width: 768px) and (max-width: 991.98px) { #o_partner_dashboard .o_partner_dashboard_box { min-height: 260px; } } #o_partner_dashboard .o_partner_dashboard_box .o_partner_dashboard_box_title { padding: 30px 20px 15px 20px; margin: 0; font-size: 16px; } #o_partner_dashboard .o_partner_dashboard_box .o_partner_dashboard_box_title .fa { position: absolute; top: 20px; left: auto; bottom: auto; right: 12px; height: 35px; width: 35px; line-height: 35px; background-color: #714b67; color: #fff; border-radius: 50%; text-align: center; } #o_partner_dashboard .o_partner_dashboard_box .o_partner_dashboard_box_body { flex: 1; padding: 0 20px 30px 20px; } #o_partner_dashboard .o_partner_dashboard_box .o_partner_dashboard_box_footer { padding: 10px 20px; background-color: #F9FAFB; } #o_partner_dashboard .o_partner_dashboard_number { margin-bottom: 8px; font-family: "Inter", "Odoo Unicode Support Noto", sans-serif; } #o_partner_dashboard .o_partner_dashboard_number > * { display: inline-block; vertical-align: middle; } #o_partner_dashboard .o_partner_dashboard_number .number { margin-right: 5px; color: #017e84; font-size: 3.8em; font-weight: 300; line-height: 1; } #o_partner_dashboard .o_partner_dashboard_number .text { color: #017e84; font-size: 14px; line-height: 1.45; } #o_partner_dashboard .o_partner_dashboard_coupon { padding: 5px; margin-bottom: 10px; color: #111827; font-size: 16px; text-align: center; } #o_partner_dashboard .o_partner_dashboard_logo img { max-width: 100%; height: auto; } #o_partner_dashboard .o_partner_dashboard_salesman { float: right; margin-top: -30px; } #o_partner_dashboard .o_partner_dashboard_salesman img { max-width: 110px; border-radius: 50%; } #o_partner_dashboard .o_partner_dashboard_play { position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; height: 80px; width: 80px; padding-left: 5px; margin: -40px 0 0 -40px; background-color: #fff; border-radius: 50%; color: #714b67; line-height: 80px; text-align: center; } #o_partner_dashboard .o_partner_dashboard_play:hover { cursor: pointer; background-color: #714b67; color: #fff; } #o_partner_dashboard .o_partner_dashboard_wizard { margin: 0; font-size: 12px; } #o_partner_dashboard .o_partner_dashboard_wizard li { flex: 1; padding: 0; background-color: inherit; text-align: center; } #o_partner_dashboard .o_partner_dashboard_wizard li .chevron:before { border-left-color: #fff; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active { background-color: #6C757D; border-color: #6C757D; color: #fff; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active .chevron { border-left-color: #6C757D; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active .chevron:before { border-left-color: #6C757D; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active_ready { background-color: #714b67; border-color: #714b67; color: #fff; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active_ready .chevron { border-left-color: #714b67; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active_ready .chevron:before { border-left-color: #714b67; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active_silver { background-color: #5b899e; border-color: #5b899e; color: #fff; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active_silver .chevron { border-left-color: #5b899e; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active_silver .chevron:before { border-left-color: #5b899e; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active_gold { background-color: gold; border-color: gold; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active_gold .chevron { border-left-color: gold; } #o_partner_dashboard .o_partner_dashboard_wizard .o_partner_dashboard_grade_active_gold .chevron:before { border-left-color: gold; } #o_partner_dashboard .o_partner_dashboard_legal { padding: 10px 20px; font-size: 12px; } #o_partner_dashboard .o_partner_dashboard_legal > * { display: inline-block; } #o_partner_dashboard .o_partner_dashboard_legal a { float: right; padding: 8px 10px; } #o_partner_dashboard .o_partner_dashboard_legal a .fa { vertical-align: bottom; color: #6C757D; } #o_partner_dashboard .o_partner_dashboard_legal a:hover, #o_partner_dashboard .o_partner_dashboard_legal a:hover .fa { color: #017e84; } #o_partner_dashboard .o_switch { display: flex; align-items: center; font-weight: 600; cursor: pointer; } #o_partner_dashboard .o_switch > input { display: none; } #o_partner_dashboard .o_switch > input + span { background-color: #E6E9ED; box-shadow: inset 0 0 0px 1px #c8cfd8; border-radius: 62.5rem; height: 2ex; width: 3.6ex; margin-right: 0.5em; display: inline-block; } #o_partner_dashboard .o_switch > input + span:after { content: ""; font-family: inherit; display: block; width: 1.8ex; height: 1.8ex; margin-top: 0.1ex; margin-left: 0.1ex; border-radius: 62.5rem; box-shadow: 0 1px 1px #7e8ea2, inset 0 0 0 1px white; } #o_partner_dashboard .o_switch > input:checked + span { box-shadow: none; background-image: linear-gradient(0deg, #714b67, #52374b); } #o_partner_dashboard .o_switch > input:checked + span:after { margin-left: 1.7ex; } #o_partner_dashboard .o_switch.o_switch_danger > input:not(:checked) + span { box-shadow: none; background-image: linear-gradient(0deg, #e04b59, #d32535); } #o_partner_dashboard .dropdown-menu label .o_switch, #o_partner_dashboard .o_dropdown_menu label .o_switch { margin: 0; padding: 2px 0; } /* PRICING */ #o_partner_dashboard_pricing .card { box-shadow: none; background-color: rgba(0, 0, 0, 0); } #o_partner_dashboard_pricing .list-group-item > .badge { float: none; } #o_partner_dashboard_pricing .xsmall { font-size: 10px; } /* BECOME A PARTNER */ @media screen and (max-width: 991px) { .o_become_partner_comparisons h3, .o_become_partner_comparisons .h3 { font-size: 20px; } .o_become_partner_comparisons .list-group-item { font-size: 13px; } } @media screen and (max-width: 1199px) { .o_become_partner_comparisons .row { margin: 0; } .o_become_partner_comparisons .row > * { padding: 0; } } @media screen and (max-width: 767px) { .o_become_partner_comparisons .row { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; } .o_become_partner_comparisons .row > * { display: inline-block; } } .o_become_partner_list { line-height: 2; } /* My Partners & industries */ .bg_gold { background-color: #eca801 !important; } .bg_silver { background-color: #acacac !important; color: white !important; } .bg_ready { background-color: #ba651f !important; color: white !important; } .mw200p { max-width: 200px !important; } @media (max-width: 991px) { .input-small { /* Override to form-control-sm on small screens */ padding: 0.375rem 0.75rem; font-size: 0.875rem; height: auto; } } .max-width-max-content { max-width: max-content; } /* /planning/static/src/scss/planning_calendar_report.scss */ #calendar_employee .fc-col-header, #calendar_employee .fc-cell-shaded { --background-color: #714B67; --color: #FFFFFF; background-color: #714B67; color: #FFFFFF; } #calendar_employee .fc-col-header .text-muted, .o_colored_level #calendar_employee .fc-col-header .text-muted, #calendar_employee .fc-cell-shaded .text-muted, .o_colored_level #calendar_employee .fc-cell-shaded .text-muted { color: rgba(255, 255, 255, 0.7) !important; } #calendar_employee .fc-col-header a, #calendar_employee .fc-cell-shaded a { color: inherit; } #calendar_employee .fc-more-link { color: #017e84; } .o_planning_calendar_container .o_planning_toast { top: 5em; right: 1em; } .contact-assignee-popover { text-align: left; } .contact-assignee-popover .popover-header { padding: 0.3rem 1rem; } .contact-assignee-popover .popover-body { padding: 0.5rem 1rem; } .o_base_shift_legend { min-width: 35px; background-color: #714B67; border-radius: 4px; } .o_open_shifts_legend { opacity: 50%; } .o_unwanted_shifts_legend { opacity: 50%; background: repeating-linear-gradient(40deg, #A0A0A0, #A0A0A0 2px, #714B67 2px, #714B67 4px); border: 2px solid #714B67; } /* /openerp_enterprise/static/src/scss/odoo_enterprise.scss */ .grecaptcha-badge { visibility: hidden; } #wrapwrap.o_odoo_enterprise_trial .o_animate_in_children > * { transform: translateY(20px); } #wrapwrap.o_odoo_enterprise_trial .o_animate_in_children.o_visible > * { transform: translateY(0px); } #wrapwrap.o_odoo_enterprise_trial .choose-app-step { animation: fadeUp 1s ease; } #wrapwrap.o_odoo_enterprise_trial .choose-app-step .form-check label { background-color: #fff; border: 2px solid transparent; transition: all 0.2s ease-in-out; } #wrapwrap.o_odoo_enterprise_trial .choose-app-step .form-check:not(.disabled) input:not(:checked) + label:hover { border-color: #ADB5BD; } #wrapwrap.o_odoo_enterprise_trial .choose-app-step .form-check input:checked + label { position: relative; border-color: #714b67; background-color: #F3F4F6; } #wrapwrap.o_odoo_enterprise_trial .choose-app-step .form-check input:checked + label::after { content: "\f00c"; font-family: 'FontAwesome'; position: absolute; top: -0.875rem; left: auto; bottom: auto; right: -0.875rem; width: 1.75rem; height: 1.75rem; background-color: #F3F4F6; border: 2px solid #714b67; border-radius: 50%; color: #714b67; font-size: 0.875rem; line-height: 1.5rem; text-align: center; } #wrapwrap.o_odoo_enterprise_trial .choose-app-list { transition: all 0.2s ease-in-out; } #wrapwrap.o_odoo_enterprise_trial .choose-app-info-panel { opacity: 1; transition: all 0.2s ease-in-out; } @media (max-width: 991.98px) { #wrapwrap.o_odoo_enterprise_trial .choose-app-info-panel { box-shadow: 0 -0.5rem 2rem rgba(0, 0, 0, 0.1); } } #wrapwrap.o_odoo_enterprise_trial .fill-info-step { animation: fadeUp 1s ease; } #wrapwrap.o_odoo_enterprise_trial .fill-info-step .form-floating label { color: rgba(var(--body-color-rgb), 0.5); } #wrapwrap.o_odoo_enterprise_trial .fill-info-step .form-control, #wrapwrap.o_odoo_enterprise_trial .fill-info-step .form-select { border: 0; border-bottom: 1px solid #D8DADD; } #wrapwrap.o_odoo_enterprise_trial .fill-info-step .form-control:hover, #wrapwrap.o_odoo_enterprise_trial .fill-info-step .form-control:focus, #wrapwrap.o_odoo_enterprise_trial .fill-info-step .form-select:hover, #wrapwrap.o_odoo_enterprise_trial .fill-info-step .form-select:focus { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-color: #714b67; box-shadow: none; } .subscription-widget .error_message { color: red; } .material-design-form { /* MATERIAL DESIGN FORM */ /* MATERIAL DESIGN ANIMATION */ /* active state */ /* active state */ /* active state */ /* ANIMATIONS ================ */ } .material-design-form .group { position: relative; margin-top: 30px; } .material-design-form .o_form_inline { display: inline-block; } .material-design-form input[type="text"], .material-design-form input[type="password"], .material-design-form input[type="email"], .material-design-form input[type="tel"], .material-design-form input[type="number"], .material-design-form .material-design-input { display: block; padding: 0; border: none; border-bottom: 1px solid #777; box-shadow: none; border-radius: 0; width: 100%; font-size: 1rem; outline: none; color: #444; background-color: #f9f9f9; } .material-design-form input[type="file"].material-design-input { font-size: initial; padding-left: 8px; padding-top: 4px; } .material-design-form input:disabled, .material-design-form input.o_wysiwyg_loader { color: #CCC; border-bottom: 1px solid #CCC; } .material-design-form input.o_input_inline { display: inline-block; } .material-design-form select { display: block; padding: 0; border: none; border-bottom: 1px solid #777; border-radius: 0; box-shadow: none; font-size: 1rem; color: #444; background-color: #f9f9f9; width: 100%; } .material-design-form select:focus { box-shadow: none; } .material-design-form select.o_input_inline { width: auto; max-width: 33%; display: inline-block; } .material-design-form .input-group-addon { border: 0; border-bottom: 1px solid #777; background-color: white; border-radius: 0; } .material-design-form .select-label { margin: 0; color: #AAA; font-size: 12px; font-weight: normal; } .material-design-form .has-error .select-label, .material-design-form .o_has_error .select-label { color: #dc3545; } .material-design-form .has-error .input-control, .material-design-form .o_has_error .input-control { border-bottom: 1px solid #dc3545; } .material-design-form .has-error textarea.input-control, .material-design-form .o_has_error textarea.input-control { border: 1px solid #dc3545; } .material-design-form label.moving-label { color: #AAA; font-size: 16px; font-weight: normal; position: absolute; pointer-events: none; left: 0px; top: 0px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .material-design-form input:focus ~ label, .material-design-form input:valid:not(:placeholder-shown) ~ label, .material-design-form input ~ .group-label, .material-design-form textarea:valid:not(:placeholder-shown) ~ label { top: -15px; font-size: 12px; color: #AAA; } .material-design-form .disabled-group .form-control:disabled, .material-design-form .disabled-group .form-control.o_wysiwyg_loader { color: #777; border: none; } .material-design-form .bar { position: relative; display: block; width: 100%; } .material-design-form .bar:before, .material-design-form .bar:after { content: ''; height: 1px; width: 0; bottom: 1px; position: absolute; background: #017e84; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .material-design-form .bar:before { left: 50%; } .material-design-form .bar:after { right: 50%; } .material-design-form input:focus ~ .bar:before, .material-design-form input:focus ~ .bar:after { width: 50%; } .material-design-form .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } .material-design-form input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } @-webkit-keyframes inputHighlighter { from { background: #017e84; } to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { from { background: #017e84; } to { width: 0; background: transparent; } } @keyframes inputHighlighter { from { background: #017e84; } to { width: 0; background: transparent; } } .material-design-form .col-form-label { padding-top: 0; padding-bottom: 0; } .material-design-form .textarea-light { border: 1px solid #FCFCFC; background: transparent; border-bottom: 1px solid grey; } .material-design-form .textarea-light:focus { outline: none !important; } #wrapwrap.o_odoo_thanks_trial { height: 100%; } .loading-screen { min-height: 100%; transition: background 1.5s ease; } .loading-screen .o_typewrite_wrap { border-right: 0.08em solid black; -webkit-animation: 1s blink step-end infinite; animation: 1s blink step-end infinite; } @keyframes "blink" { from, to { border-right-color: transparent; } 50% { border-right-color: black; } } @-webkit-keyframes "blink" { from, to { border-right-color: transparent; } 50% { border-right-color: black; } } @keyframes o_pyro_explode { to { box-shadow: 11px -298px #ff1a00, 199px -35px #ff3300, -52px -110px #ff4d00, -51px 35px #ff6600, 185px -301px #ff8000, -145px 35px #ff9900, -130px -37px #ffb300, -3px 39px #ffcc00, -1px -24px #ffe600, -63px -241px yellow, 161px 11px #e6ff00, 246px -128px #ccff00, 111px -112px #b3ff00, -53px 64px #99ff00, -5px 19px #80ff00, 99px 42px #66ff00, -120px -320px #4dff00, -9px -363px #33ff00, 106px -390px #1aff00, -28px -411px lime, -169px -26px #00ff1a, 102px -113px #00ff33, 63px -56px #00ff4d, -119px -291px #00ff66, -85px 7px #00ff80, -115px 42px #00ff99, 66px -337px #00ffb3, -68px -142px #00ffcc, -142px -18px #00ffe6, -170px -304px cyan, 180px -62px #00e6ff, -176px -172px #00ccff, 201px -121px #00b3ff, -108px -287px #0099ff, 163px -313px #0080ff, 145px -189px #0066ff, 125px -142px #004dff, -43px -7px #0033ff, -58px -116px #001aff, -164px -28px blue, 55px -225px #1a00ff, -92px -217px #3300ff, -153px -139px #4d00ff, 0px -409px #6600ff, 82px 60px #8000ff, -131px -259px #9900ff, -148px -349px #b300ff, 162px -317px #cc00ff, 10px -394px #e600ff, -165px -20px magenta, 57px -35px #ff00e6, 117px -307px #ff00cc, 144px -366px #ff00b3, -169px -303px #ff0099, 77px -45px #ff0080, -61px 40px #ff0066, 10px -268px #ff004d, 136px -89px #ff0033, 73px -67px #ff001a, -215px -145px red; } } @keyframes o_pyro_gravity { to { transform: translateY(200px); opacity: 0; } } @keyframes o_pyro_flowing { 0%, 19.9% { margin-top: 10%; margin-left: 40%; } 20%, 39.9% { margin-top: 40%; margin-left: 30%; } 40%, 59.9% { margin-top: 20%; margin-left: 70%; } 60%, 79.9% { margin-top: 30%; margin-left: 20%; } 80%, 99.9% { margin-top: 30%; margin-left: 80%; } } .loading-screen .o_pyro { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; } .loading-screen .o_pyro:before, .loading-screen .o_pyro:after { content: ""; width: 4px; height: 4px; position: absolute; border-radius: 100%; box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff; animation: 0.8s o_pyro_explode ease-out infinite backwards, 0.8s o_pyro_gravity ease-in infinite backwards, 4s o_pyro_flowing linear infinite backwards; } .loading-screen .o_pyro:after { animation-delay: 1.25s, 1.25s, 1.25s; animation-duration: 1.25s, 1.25s, 6.25s; } .activate-contract-form .vertical-separator { margin: 0 auto; height: 150px; width: 1px; background-color: #CCC; } #hr_recruitment_form .o_linkedin_icon { height: 50px !important; } /* ENTERPRISE ON-PREMISE --------------------------------------------- */ @media (min-width: 992px) { .o_support_form .o_login_panel { margin-top: -50px; } .o_support_form #o_emergency_table.collapse, .o_support_form #o_useful_links.collapse, .o_support_form #o_helpful_tips.collapse { display: table-row-group !important; } } .o_support_form #o_emergency_table.show, .o_support_form #o_useful_links.show, .o_support_form #o_helpful_tips.show { display: table-row-group !important; } .o_support_form .form-control { color: #111827; } .o_support_form .o_infobox { line-height: 1.45; font-size: 14px; padding: 0 5px; } .o_support_form .o_infobox .o_infobox_title { font-size: 15px; margin: 0 -5px 5px; } .o_support_form textarea { resize: vertical; } .o_support_form .o_attachments .list-group-item input { line-height: 1; font-size: 13px; font-style: italic; color: rgba(55, 65, 81, 0.7); } .o_support_form .o_attachments .list-group-item .o_less_attachments { color: rgba(55, 65, 81, 0.6); } .o_support_form .o_attachments .list-group-item .o_less_attachments:hover, .o_support_form .o_attachments .list-group-item .o_less_attachments:focus, .o_support_form .o_attachments .list-group-item .o_less_attachments.focus { color: #dc3545; } .o_support_form .o_attachments .list-group-item:first-child .o_less_attachments { display: none; } .o_support_form .o_attachments .list-group-item:not(.js_has_data) { background: none; box-shadow: none; } .o_support_form .o_attachments .list-group-item.js_has_data input { color: #374151; font-weight: 600; font-style: normal; font-size: 14px; } .o_support_form .o_attachments .list-group-item.js_has_data:first-child .o_less_attachments { display: block; } .o_support_form .o_attachments .list-group.js_has_data .list-group-item:first-child .o_less_attachments { display: block; } .o_support_form .fa.fa-remove { color: #dc3545; } .o_support_form .checkbox { padding: 0.75rem 0; } .o_support_form .checkbox input { vertical-align: middle; } .form-control::placeholder { color: #a6adb3; } .o_user_ai_message p { margin: 0px; } .o_support_ai_input_fixed { position: fixed; background-color: white; padding-bottom: 20px; bottom: 0; left: 50%; transform: translateX(-50%); width: 1036px; } @media (max-width: 1399.98px) { .o_support_ai_input_fixed { width: 90%; } } .o_support_page_message .o_support_ai_feedback { visibility: hidden; } .o_support_page_message:hover .o_support_ai_feedback { visibility: visible; } /* /openerp_enterprise/static/src/scss/pricing.scss */ /* PACKS -------------------------------------------------------- */ #pricing-packs .table > thead > tr.no-border > th { border: 0; } #pricing-packs .table > thead > tr > th { text-align: center; vertical-align: top; } #pricing-packs .table > tbody > tr.no-border > td { border: 0; } #pricing-packs .table > tbody > tr > td { text-align: center; vertical-align: middle; border-top-color: #F3F4F6; } #pricing-packs .table > tbody > tr > td:first-child { text-align: left; } #pricing-packs .table > tbody > tr:first-child > td { vertical-align: top; } /* ONLINE ------------------------------------------------------- */ .openerp_enterprise_pricing input.form-control[type='number'], .openerp_enterprise_pricing input.form-control[type='checkbox'] { width: 100px; text-align: center; } .openerp_enterprise_pricing input.form-control[type='checkbox'] { height: 15px; } .openerp_enterprise_odoo_sh_warning { display: table; } /* Trial ------------------------------------------------------- */ #x_wd_costs_calculator .x_wd_cc_competitor_costs > * { transition: all 0.2s ease-in-out; } #x_wd_costs_calculator .form-check img { background-color: #fff; border: 2px solid transparent; } #x_wd_costs_calculator .form-check:hover img { border-color: #ADB5BD; } #x_wd_costs_calculator .form-check label { padding: 0; font-size: 12px; } #x_wd_costs_calculator .form-check input:checked + label { position: relative; } #x_wd_costs_calculator .form-check input:checked + label::after { content: "\f00c"; font-family: 'FontAwesome'; position: absolute; top: -0.75rem; left: auto; bottom: auto; right: -0.75rem; color: white; background-color: #714b67; border: 2px solid #714b67; border-radius: 50%; font-size: 14px; width: 28px; height: 28px; line-height: 24px; } #x_wd_costs_calculator .form-check input:checked + label img { background-color: transparent; border-color: #714b67; } #x_wd_costs_calculator input::-webkit-outer-spin-button, #x_wd_costs_calculator input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #x_wd_costs_calculator input[type="number"] { -moz-appearance: textfield; } /* Pricing v16 ------------------------------------------------------- */ .o_pricing16_switch { transform: scale(1.75); transform-origin: 23% center; } .o_pricing16_switch:hover { border-color: #714b67; } .o_pricing16_switch:hover .form-check-input { border-color: #714b67 !important; } .o_pricing16_switch .form-check-input, .o_pricing16_switch .form-check-input:checked { transition: all 0.2s ease-in-out; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%235F3F58'/%3e%3c/svg%3e"); background-color: #F9FAFB; border: 1px solid #D8DADD; box-shadow: none; } .o_pricing16_price { font-size: 4.5rem; line-height: 1; } .form-check-input.implementationService:not(:checked) ~ .implementation_details, .form-check-input.hostingService:not(:checked) ~ .hosting_details { display: none; } /* /openerp_enterprise/static/src/css/openerp_enterprise_template.css */ a.oe-template-link { text-decoration: none; color: inherit; } a.oe-template-link .oe-template-item { padding: 0px 18px 18px 18px; margin-bottom: 20px; border: 1px solid #E0DBDF; border-radius: 4px; } a.oe-template-link .oe-template-item:hover { text-decoration: none; border: 1px solid #903E7A; } .oe-template-logo { margin-top: 5px; } .oe-template-buttons { display: inline-block; } /* /openerp_enterprise/static/src/owl/components/multiselect/multiselect.scss */ body.dragging { cursor: crosshair !important; } .dragrect { background: rgba(113, 75, 103, 0.05); border: 1px solid #714b67; pointer-events: none; position: absolute; z-index: 2; } /* /openerp_enterprise/static/src/owl/components/database_manager/database_manager.scss */ #wrapwrap.o_databases { background: white; overflow: hidden; height: 100%; } #wrapwrap.o_databases header { background-color: #F9FAFB; } #wrapwrap.o_databases main { display: flex; flex-direction: column; height: 100%; } @media (min-width: 576px) { #wrapwrap.o_databases main { min-height: 800px; } } #wrapwrap.o_databases footer { z-index: 0; } #wrapwrap.o_databases.o_footer_effect_enable footer { z-index: -1; } #wrapwrap.o_databases owl-component[name="openerp_enterprise.database_manager"] { display: flex; flex-direction: column; overflow: hidden; } #wrapwrap.o_databases owl-component[name="openerp_enterprise.database_manager"] > owl-root > .odoo-oe-database-manager { display: flex; flex-direction: column; height: 100%; overflow: hidden; } #wrapwrap.o_databases owl-component[name="openerp_enterprise.database_manager"] .odoo-oe-database-manager-header { align-items: center; background: white; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 1rem; z-index: 3; } #wrapwrap.o_databases .o_view_nocontent { font-size: 0.86666667em; margin: auto; } #wrapwrap.o_databases .o_view_nocontent_smiling_face::before { background: transparent url(/web/static/img/smiling_face.svg) no-repeat center; content: ""; display: block; height: 140px; margin: auto; width: 120px; } #wrapwrap.o_databases .odoo-oe-databases { display: flex; overflow: hidden; } #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container { overflow: auto; width: 100%; } #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container > .multiselect { user-select: none; width: 100%; } #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table { border-collapse: separate; border-spacing: 0; } #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table thead > tr > th { background-clip: padding-box; /* makes borders show in sticky mode */ bottom: false; left: false; position: sticky; right: false; top: 0; background-color: #F9FAFB; z-index: 4; } #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table thead > tr > th:nth-child(1), #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table thead > tr > th:nth-child(2), #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table thead > tr > th:nth-last-child(1) { z-index: 5; } #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table th:nth-child(1), #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table td:nth-child(1) { background-clip: padding-box; /* makes borders show in sticky mode */ bottom: false; left: 0px; position: sticky; right: false; top: false; max-width: calc(32px + 0.3rem); min-width: calc(32px + 0.3rem); z-index: 2; } #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table th:nth-child(2), #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table td:nth-child(2) { background-clip: padding-box; /* makes borders show in sticky mode */ bottom: false; left: calc(32px + 0.3rem); position: sticky; right: false; top: false; z-index: 2; } #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table th:nth-last-child(1), #wrapwrap.o_databases .odoo-oe-databases > .o_database_table_container table td:nth-last-child(1) { background-clip: padding-box; /* makes borders show in sticky mode */ bottom: false; left: false; position: sticky; right: 0; top: false; z-index: 2; } #wrapwrap.o_databases .odoo-oe-databases-table, #wrapwrap.o_databases .modal-body { font: 14px/1.4 sans-serif; } #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu { border: 1px solid #D8DADD; } #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu > li > a, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu > li > a { padding: 3px 15px; } #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu > li > a.disabled, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu > li > a.disabled { cursor: not-allowed; } #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu table span, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu table span, #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu table .label, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu table .label { font-size: 1em; display: inline-block; } #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu .dropdown-header > table > tbody > tr:first-child > td, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu .dropdown-header > table > tbody > tr:first-child > td { border-top: none; } #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu .dropdown-header > table > tbody > tr:last-child > td, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu .dropdown-header > table > tbody > tr:last-child > td { padding-bottom: 2px; } /* /openerp_enterprise/static/src/owl/components/databases_table/databases_table.scss */ #wrapwrap.o_databases .odoo-oe-databases-table { table-layout: auto !important; } #wrapwrap.o_databases .odoo-oe-databases-table > tbody > tr > td, #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu, #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu .dropdown-header, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu .dropdown-header { vertical-align: middle; line-height: inherit; } #wrapwrap.o_databases .odoo-oe-databases-table > tbody > tr > td > table > tbody > tr > td, #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu > table > tbody > tr > td, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu > table > tbody > tr > td, #wrapwrap.o_databases .odoo-oe-databases-table .dropdown-menu .dropdown-header > table > tbody > tr > td, #wrapwrap.o_databases .odoo-oe-databases-table .o_dropdown_menu .dropdown-header > table > tbody > tr > td { border-top-color: var(--o-border-color); } #wrapwrap.o_databases .odoo-oe-databases-table .o_database_activity_col .oe-database-column-sort { margin: auto; } #wrapwrap.o_databases .odoo-oe-databases-table .o_database_activity_col .oe-database-column-sort, #wrapwrap.o_databases .odoo-oe-databases-table th:nth-child(2) .oe-database-column-sort { float: left; padding-right: 32px; } #wrapwrap.o_databases .odoo-oe-databases-table .o_database_col_sm { width: 1px; white-space: nowrap; } #wrapwrap.o_databases .odoo-oe-databases-table .o_database_col_sm:first-child { vertical-align: top; width: 32px; } /* /openerp_enterprise/static/src/owl/components/database_row/database_row.scss */ #wrapwrap.o_databases .odoo-oe-databases-table .o_database_action { background: transparent; color: rgba(55, 65, 81, 0.7); } #wrapwrap.o_databases .odoo-oe-databases-table .o_database_action:hover, #wrapwrap.o_databases .odoo-oe-databases-table .o_database_action:focus, #wrapwrap.o_databases .odoo-oe-databases-table .o_database_action.focus { color: #374151; } #wrapwrap.o_databases .odoo-oe-databases-table .o_database_toggle, #wrapwrap.o_databases .odoo-oe-databases-table .o_database_toggle .btn { line-height: 15px; } #wrapwrap.o_databases .odoo-oe-databases-table .o_database_logo { width: auto; height: auto; max-height: 35px; max-width: 120px; } #wrapwrap.o_databases .odoo-oe-databases-table tr.oe_database_row > td { background-color: #F9FAFB; } #wrapwrap.o_databases .odoo-oe-databases-table tr.oe_database_row.selecting > td { background-color: #f6f6f7; } #wrapwrap.o_databases .odoo-oe-databases-table tr.oe_database_row.selected > td { background-color: #f2f1f4; } #wrapwrap.o_databases .odoo-oe-databases-table tr.oe_database_row.oe_database_child > td { background-color: #f2f3f3; } #wrapwrap.o_databases .odoo-oe-databases-table tr.oe_database_row.oe_database_child.selecting > td { background-color: #efeff0; } #wrapwrap.o_databases .odoo-oe-databases-table tr.oe_database_row.oe_database_child.selected > td { background-color: #ecebec; } #wrapwrap.o_databases .odoo-oe-databases-table tr.oe_database_row.oe_database_level0 + tr.oe_database_child { position: relative; } #wrapwrap.o_databases .odoo-oe-databases-table tr.oe_database_row.oe_database_level0 + tr.oe_database_child::after { bottom: 0; box-shadow: inset 0 6px 6px -3px #D8DADD; content: ""; left: -6px; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 3; } #wrapwrap.o_databases .odoo-oe-databases-table .oe_database_information { overflow: hidden; } #wrapwrap.o_databases .odoo-oe-databases-table .oe_database_information > .badge { padding: 0.35em 0.65em; } #wrapwrap.o_databases .odoo-oe-databases-table .oe_database_information > .ellipsis { position: absolute; bottom: 0.3rem; right: 0.3rem; } #wrapwrap.o_databases .odoo-oe-databases-table td.o_database_activity_col { padding-right: 32px; } #wrapwrap.o_databases .odoo-oe-databases-table .oe_activity { border-radius: 25px; border-style: solid; border-width: 2px; box-sizing: border-box; display: inline-block; height: 25px; width: 25px; } #wrapwrap.o_databases .odoo-oe-databases-table .oe_activity.done { background: var(--secondary); border-color: var(--secondary); } #wrapwrap.o_databases .odoo-oe-databases-table .oe_activity.late { background: rgba(var(--danger-rgb), 0.5); border-color: var(--danger); } #wrapwrap.o_databases .odoo-oe-databases-table .oe_activity.longterm { background: var(--light); border-color: var(--gray-400); } #wrapwrap.o_databases .odoo-oe-databases-table .oe_activity.todo { background: var(--light); border-color: var(--secondary); } #wrapwrap.o_databases .odoo-oe-databases-table .oe_activity.todo_and_done { background: var(--secondary); border: 0; border-radius: 25px 0 0 25px; width: 12.5px; margin-right: 12.5px; } #wrapwrap.o_databases .odoo-oe-databases-table .oe_activity.todo_and_done:before { background: var(--light); border: 2px solid var(--secondary); border-left: 0; border-radius: 0 25px 25px 0; box-sizing: border-box; content: ""; display: inline-block; height: 25px; margin-left: 12.5px; width: 12.5px; } /* /openerp_enterprise/static/src/owl/components/sortable_column_header/sortable_column_header.scss */ #wrapwrap.o_databases .odoo-oe-databases-table .oe-database-column-sort { display: block; cursor: pointer; position: relative; } #wrapwrap.o_databases .odoo-oe-databases-table .oe-database-column-sort i.fa { height: 16px; position: absolute; right: 0; top: 0.2em; width: 16px; } #wrapwrap.o_databases .odoo-oe-databases-table .oe-database-column-sort i.fa.fa-sort { opacity: 0; transition: opacity .3s ease 0s; } #wrapwrap.o_databases .odoo-oe-databases-table .oe-database-column-sort:hover i.fa.fa-sort { opacity: 0.3; } /* /openerp_enterprise/static/src/owl/components/tags_control/tags_control.scss */ .oe_tags_input { cursor: text; display: flex; flex-wrap: wrap; height: auto; padding: 0; } .oe_tags_input:focus-within { border-color: #80bfc2; outline: 0; box-shadow: 0 0 0 0.25rem rgba(1, 126, 132, 0.25); } .oe_tags_input .badge { cursor: default; line-height: 15px; margin: 0.575rem 0.75rem; } .oe_tags_input .badge > i { cursor: pointer; margin-left: 0.1rem; } .oe_tags_input > .controls { display: flex; flex: 1 0 152px; } .oe_tags_input > .controls .o-autocomplete { display: flex; flex: 1 0 100px; height: 48px; } .oe_tags_input > .controls input { border: none; flex: 1 0 100px; } .oe_tags_input > .controls input:focus { box-shadow: none; outline: none; } /* /sign/static/src/scss/sign_common.scss */ .o_sign_template_header_wrapper .o_input { --o-input-background-color: #F9FAFB; } .o_sign_document_body { display: flex; flex-flow: column nowrap; } .o_sign_pdf_iframe { width: 100%; height: 100%; min-height: 0; flex: 0 1 100%; border: none; display: block; } .o_sign_portal_navigator { border: 0px; } .o_sign_document_navigator { display: flex; align-items: center; justify-content: center; padding: 5px; } .o_sign_document_navigator_text { margin: 0 10px; font-size: 14px; } .o_sign_signer_status_wrapper { flex-wrap: wrap; overflow: auto; } .o_sign_signer_status_wrapper div { display: flex; } .o_sign_signer_status_wrapper .o_sign_non_current_signers { flex-wrap: wrap; height: 100%; } .o_sign_signer_status_wrapper .o_sign_signer_status { flex-wrap: nowrap; overflow: auto; min-height: 100%; color: #017e84; } .o_sign_signer_status_wrapper .o_sign_signer_status .o_sign_signer_status_info { margin: auto; } .o_sign_signer_status_wrapper .o_sign_signer_status div { line-height: 1.3; flex-shrink: 0; align-items: flex-start; } .o_sign_signer_status_wrapper .o_sign_signer_status img { height: 32px; margin: auto; } .o_sign_signer_status_wrapper .o_sign_signer_waiting { color: o-text-color("info"); } .o_sign_signer_status_wrapper .o_sign_signer_refused { color: o-text-color("danger"); } .o_sign_signer_status_wrapper .o_sign_signer_completed { color: o-text-color("success"); } /* Document view */ .o_sign_document { display: flex; flex-flow: column nowrap; background-color: white; } .o_sign_document > .container-fluid, .o_sign_document > .container-sm, .o_sign_document > .container-md, .o_sign_document > .container-lg, .o_sign_document > .container-xl, .o_sign_document > .container-xxl { flex: 0 0 auto; margin: 0; } .o_sign_document > .container, .o_sign_document > .o_container_small { flex: 0 0 auto; } .o_sign_document .row > div > .o_page_header, .o_sign_document .row > div > .alert { margin: 10px 0; } .o_sign_image_document { display: inline-block; max-width: 100%; margin-top: 16px; } .o_sign_image_document > img { min-width: 100px; } .o_sign_validate_banner, .o_sign_next_document_banner { display: none; opacity: 0; position: absolute; top: auto; left: 0; bottom: 0; right: auto; width: 100%; padding: 10px; font-size: 1.25em; text-align: center; } @media (max-width: 767px) { /* @screen-xs-max */ .o_sign_validate_banner, .o_sign_next_document_banner { padding: 0; } .o_validate_button, .o_next_document_button { text-transform: uppercase; width: 100% !important; height: 45px; bottom: 0; left: 0; margin: auto; border-radius: 0; line-height: 25px; font-size: var(--btn-font-size); } .o_sign_validate_text { display: none; } } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) { border: none; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.1); text-align: left; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .btn { border-radius: 0; border: none; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-header { border-top-left-radius: 0.0rem; border-top-right-radius: 0.0rem; background-color: #714B67; color: #fff; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-header .modal-title { line-height: 1; color: #fff; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-header .text-muted { color: #fff !important; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-header .close { color: #fff; opacity: 1; text-shadow: none; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-body { color: #111827; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-body .o_thankyou_message { margin-top: 14px; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-body .o_thankyou_message.alert { border-radius: 0; margin-left: -1rem !important; margin-right: -1rem !important; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-body .o_thankyou_link { margin-top: 25px; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-body .o_thankyou_link > img { width: 30px; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-body .o_thankyou_link a { color: #111827; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-body .o_thankyou_link a:hover { text-decoration: none; color: #714B67; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-footer { border-top: none; text-align: left; display: block; } .modal:is(.o_sign_thank_you_dialog, .o_sign_next_dialog) .modal-footer:empty { padding: 0px; } .modal .o_sign_frame { height: 0; position: absolute; } .modal .o_sign_frame.active { visibility: visible; top: 10%; left: 5%; height: 80%; width: 20%; border: 3px solid #017e84; border-right: none; border-radius: 22px; border-top-right-radius: 0; border-bottom-right-radius: 0; opacity: 0.6; } .modal .o_sign_frame.active :before { content: attr(sign_label); font-size: 120%; color: #017E84; font-family: "Inter",Sans; left: 110%; width: 250px; display: inline-block; position: absolute; top: calc( -2% - 10px); font-weight: 600; } .modal .o_sign_frame.active :after { content: attr(hash); font-size: 120%; color: #017E84; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; width: 250px; display: inline-block; position: absolute; left: 110%; bottom: calc( -2% - 10px); } .modal .o_sign_refuse_confirm_message { width: 100%; } .modal .placeholder-spacing::placeholder { padding-left: 2px; } .oe_sign_terms { flex: auto !important; } @media only screen and (max-width: 650px) { .mobile-hide { display: none !important; } .flex-fill { flex: none; } } @media only screen and (min-width: 651px) { .mobile-show { display: none !important; } } @media only screen and (max-width: 768px) { .mobile-tablet-hide { display: none !important; } } @media only screen and (min-width: 769px) { .mobile-tablet-show { display: none !important; } } .o_sign_view .o_view_nocontent .o_view_nocontent_sign:before { width: 130px; height: 130px; background: transparent url(/sign/static/img/sign_template.svg) no-repeat center; background-size: 130px 130px; margin-bottom: 0.75rem; } .o_sign_template_kanban .o_dropzone, .o_content .o_dropzone { width: 100%; height: 100%; position: absolute; background-color: #AAAA; z-index: 10; left: 0; top: 0; } .o_sign_template_kanban .o_dropzone i, .o_content .o_dropzone i { justify-content: center; display: flex; align-items: center; height: 100%; } @media only screen and (max-width: 770px) { .searchpanel-xs-hide { display: none !important; } } .o_sign_item_popover_selection .o_input { border: 1px solid #e7e9ed; border-radius: 0 0.25rem 0.25rem 0; padding-block: 2px; padding-left: 10px; padding-right: 20px !important; width: 100%; } .o_sign_item_popover_selection .o_sign_selection { border: 1px solid #e7e9ed; padding-block: 2px; padding-left: 10px; } .o_sign_item_popover_selection .o_dropdown_button { margin-right: 8px; } /* /sign/static/src/scss/sign_frontend.scss */ .o_sign_document { height: 100%; } .o_sign_document > header { flex: 0 0 auto; height: 2.5rem; background-color: #F9FAFB; } .o_sign_document > header .o_sign_info { height: 100%; width: 100%; display: flex; flex-wrap: nowrap; } .o_sign_document > header .o_sign_info .o_logo_wrapper { overflow: hidden; flex-wrap: wrap; flex-shrink: 100000000; min-width: 9.375rem; } .o_sign_document > header .o_sign_info .o_logo_wrapper .o_logo { width: 9.375rem; height: 2.5rem; align-items: center; } .o_sign_document > header .o_sign_info .o_logo_wrapper .o_logo a > img { max-height: 2.5rem; max-width: 9.375rem; } .o_sign_document > header .o_sign_info .o_logo_wrapper .o_odoo { width: calc(max(50vw - 9.375rem, calc(2.5rem * 300 / 97) / 2) + calc(2.5rem * 300 / 97) / 2); text-align: right; } .o_sign_document > header .o_sign_info .o_logo_wrapper .o_odoo a > img { height: 2.5rem; } .o_sign_document > header .o_sign_info .o_sign_signer_status_wrapper { height: 2.5rem; } .o_sign_document > header .o_sign_info .o_sign_dropdown_placeholder { padding-right: 9px; } /* /appointment_account_payment/static/src/scss/appointment_payment.scss */ .o_appointment_payment { min-height: 45vh; } /* /auth_oauth/static/src/scss/auth_oauth.scss */ .o_login_auth { --oauth-icon-size: 1.5em; } .o_login_auth .fa, .o_login_auth .oi { font-size: var(--oauth-icon-size); width: 1em; text-align: center; } .o_login_auth .o_auth_oauth_provider_icon { width: var(--oauth-icon-size); height: var(--oauth-icon-size); background-size: contain; background-repeat: no-repeat; } .o_login_auth .o_auth_oauth_provider_icon.o_odoo_provider { background-image: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75 150C60.1664 150 45.666 145.601 33.3323 137.36C20.9986 129.119 11.3856 117.406 5.70907 103.701C0.032495 89.9968 -1.45275 74.9168 1.44114 60.3683C4.33503 45.8197 11.4781 32.456 21.967 21.967C32.456 11.4781 45.8197 4.33503 60.3683 1.44114C74.9168 -1.45275 89.9968 0.032495 103.701 5.70907C117.406 11.3856 129.119 20.9986 137.36 33.3323C145.601 45.666 150 60.1664 150 75C150 94.8913 142.098 113.968 128.033 128.033C113.968 142.098 94.8913 150 75 150ZM75 119C83.7024 119 92.2094 116.419 99.4451 111.585C106.681 106.75 112.32 99.8781 115.651 91.8381C118.981 83.7982 119.852 74.9512 118.155 66.4161C116.457 57.8809 112.266 50.0408 106.113 43.8873C99.9592 37.7338 92.1192 33.5432 83.584 31.8455C75.0488 30.1477 66.2019 31.0191 58.162 34.3493C50.122 37.6796 43.2502 43.3192 38.4154 50.555C33.5806 57.7907 31 66.2977 31 75C31 86.6696 35.6357 97.8611 43.8873 106.113C52.1389 114.364 63.3305 119 75 119Z' fill='%23714B67'/%3E%3C/svg%3E"); } .o_login_auth .o_auth_oauth_provider_icon.o_facebook_provider { background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 250C500 111.93 388.07 0 250 0S0 111.93 0 250c0 117.24 80.72 215.62 189.61 242.64V326.4h-51.55V250h51.55v-32.92c0-85.09 38.51-124.53 122.05-124.53 15.84 0 43.17 3.11 54.35 6.21v69.25c-5.9-.62-16.15-.93-28.88-.93-40.99 0-56.83 15.53-56.83 55.9V250h81.66l-14.03 76.4H280.3v171.77C404.07 483.22 500 377.82 500 250Z' fill='%230866FF'/%3E%3Cpath d='m347.92 326.4 14.03-76.4h-81.66v-27.02c0-40.37 15.84-55.9 56.83-55.9 12.73 0 22.98.31 28.88.93V98.76c-11.18-3.11-38.51-6.21-54.35-6.21-83.54 0-122.05 39.44-122.05 124.53V250h-51.55v76.4h51.55v166.24c19.34 4.8 39.57 7.36 60.39 7.36 10.25 0 20.36-.63 30.29-1.83V326.4h67.64Z' fill='%23ffffff'/%3E%3C/svg%3E"); } .o_login_auth .o_auth_oauth_provider_icon.o_google_provider { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' data-name='Layer 1' id='Layer_1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.75,16A7.7446,7.7446,0,0,1,8.7177,18.6259L4.2849,22.1721A13.244,13.244,0,0,0,29.25,16' fill='%2300ac47'/%3E%3Cpath d='M23.75,16a7.7387,7.7387,0,0,1-3.2516,6.2987l4.3824,3.5059A13.2042,13.2042,0,0,0,29.25,16' fill='%234285f4'/%3E%3Cpath d='M8.25,16a7.698,7.698,0,0,1,.4677-2.6259L4.2849,9.8279a13.177,13.177,0,0,0,0,12.3442l4.4328-3.5462A7.698,7.698,0,0,1,8.25,16Z' fill='%23ffba00'/%3E%3Cpolygon fill='%232ab2db' points='8.718 13.374 8.718 13.374 8.718 13.374 8.718 13.374'/%3E%3Cpath d='M16,8.25a7.699,7.699,0,0,1,4.558,1.4958l4.06-3.7893A13.2152,13.2152,0,0,0,4.2849,9.8279l4.4328,3.5462A7.756,7.756,0,0,1,16,8.25Z' fill='%23ea4435'/%3E%3Cpolygon fill='%232ab2db' points='8.718 18.626 8.718 18.626 8.718 18.626 8.718 18.626'/%3E%3Cpath d='M29.25,15v1L27,19.5H16.5V14H28.25A1,1,0,0,1,29.25,15Z' fill='%234285f4'/%3E%3C/svg%3E"); } /* /auth_password_policy/static/src/css/password_field.css */ owl-component[name="password_meter"] .o_password_meter_container { position: relative; float: right; } /* /auth_totp_portal/static/src/scss/auth_totp_portal.scss */ /* As we use the Enable TOTP backend wizard in frontend, we need to import the needed css from backend to replicate backend copyclipboard widget style. We cannot put this into the original view as all those classes are generated in the backend widget. */ .o_auth_totp_enable_2FA .o_field_copy { height: 24px; position: relative; width: 100% !important; border-radius: 5px; border: 1px solid #714b67; font-size: 0.875rem; text-transform: uppercase; color: #714B67; font-weight: 500; text-align: center; padding-right: 6rem; word-break: break-word; } .o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button { position: absolute; top: 0; left: auto; bottom: auto; right: 0; } .o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button.o_btn_text_copy { position: absolute; top: 0; right: 0; } .o_auth_totp_enable_2FA .o_field_copy .o_clipboard_button.o_btn_char_copy { height: 100%; } .o_auth_totp_enable_2FA .o_field_copy.o_field_copy_url { cursor: pointer; padding-left: 3px; } /* /hr_contract_salary/static/src/scss/hr_contract_salary.scss */ #hr_contract_salary { /* Layout ========================================================================== */ } #hr_contract_salary #hr_cs_form { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 13px; /* FF 19+ */ /* IE 10+ */ /* Radios Buttons & Check Boxes ========================================================================== */ /* Hover and focus states */ /* Checked state */ /* Check mark */ /* Show check mark */ /* Checkbox tick */ /* Radio button inner circle */ /* Ranges ========================================================================== */ } #hr_contract_salary #hr_cs_form h1, #hr_contract_salary #hr_cs_form .h1 { margin: 45px 0 30px 0; font-weight: 400; } #hr_contract_salary #hr_cs_form h2, #hr_contract_salary #hr_cs_form .h2 { margin: 20px 0 15px 0; font-size: 18px; font-weight: 400; } #hr_contract_salary #hr_cs_form a { color: #714B67; } #hr_contract_salary #hr_cs_form input:focus::-webkit-input-placeholder { color: transparent; } #hr_contract_salary #hr_cs_form input:focus::-moz-placeholder { color: transparent; } #hr_contract_salary #hr_cs_form input:focus:-ms-input-placeholder { color: transparent; } #hr_contract_salary #hr_cs_form .form-text { display: inline-block; margin: 0.25rem 0; font-weight: 400; } #hr_contract_salary #hr_cs_form #hr_cs_configurator .row .col-form-label, #hr_contract_salary #hr_cs_form #hr_cs_sidebar .row .col-form-label { font-weight: 500; } #hr_contract_salary #hr_cs_form #hr_cs_configurator .col-form-label, #hr_contract_salary #hr_cs_form #hr_cs_sidebar .col-form-label { color: #714B67; } #hr_contract_salary #hr_cs_form #hr_cs_configurator .form-control[disabled], #hr_contract_salary #hr_cs_form #hr_cs_sidebar .form-control[disabled], #hr_contract_salary #hr_cs_form #hr_cs_modal .form-control[disabled] { height: auto; padding: 0; border: 0; margin-bottom: 0; background-color: transparent; color: #000; box-shadow: none; cursor: default; text-align: right; } #hr_contract_salary #hr_cs_form #hr_cs_configurator .input-group .form-control[disabled] + .input-group-text, #hr_contract_salary #hr_cs_form #hr_cs_configurator .o_left, #hr_contract_salary #hr_cs_form #hr_cs_sidebar .input-group .form-control[disabled] + .input-group-text, #hr_contract_salary #hr_cs_form #hr_cs_sidebar .o_left, #hr_contract_salary #hr_cs_form #hr_cs_modal .input-group .form-control[disabled] + .input-group-text, #hr_contract_salary #hr_cs_form #hr_cs_modal .o_left { border: none; background-color: transparent; } #hr_contract_salary #hr_cs_form #hr_cs_configurator .folded_content > span:empty, #hr_contract_salary #hr_cs_form #hr_cs_sidebar .folded_content > span:empty, #hr_contract_salary #hr_cs_form #hr_cs_modal .folded_content > span:empty { display: none; } #hr_contract_salary #hr_cs_form #hr_cs_sidebar { align-self: flex-start; position: sticky; top: 60px; left: auto; bottom: auto; right: auto; background-color: white; z-index: 1; padding: 0px 20px 20px 20px; border-radius: 0.625rem; } #hr_contract_salary #hr_cs_form #hr_cs_sidebar .row { padding: 5px 0; } #hr_contract_salary #hr_cs_form #hr_cs_sidebar .row:last-child { border-bottom: 1px solid #F3F4F6; } #hr_contract_salary #hr_cs_form #hr_cs_sidebar .row .form-control[disabled].o_outdated { color: #dc3545; text-decoration: line-through; } #hr_contract_salary #hr_cs_form #hr_cs_sidebar .row .col-form-label { margin-bottom: 0; } #hr_contract_salary #hr_cs_form #hr_cs_sidebar a { cursor: pointer; } @media (max-width: 992px) { #hr_contract_salary #hr_cs_form #hr_cs_sidebar { position: static; } } #hr_contract_salary #hr_cs_form #hr_cs_personal_information { background-color: #F3F4F6; overflow-y: clip; position: relative; } #hr_contract_salary #hr_cs_form #hr_cs_personal_information h2, #hr_contract_salary #hr_cs_form #hr_cs_personal_information .h2 { padding-bottom: 10px; border-bottom: 1px solid #d8dbdd; } #hr_contract_salary #hr_cs_form #hr_cs_personal_information .form-control:hover, #hr_contract_salary #hr_cs_form #hr_cs_personal_information .form-control:focus { border-color: #714B67; box-shadow: none; } #hr_contract_salary #hr_cs_form #hr_cs_personal_information .col-form-label { color: #000; } #hr_contract_salary #hr_cs_form #hr_cs_personal_information input.bg-danger { background-color: white !important; border-color: red !important; color: #495057 !important; } #hr_contract_salary #hr_cs_form #hr_cs_personal_information a.o_select_menu.bg-danger { background-color: white !important; border-color: red !important; color: #495057 !important; } #hr_contract_salary #hr_cs_form #hr_cs_personal_information .o_contract_radio.invalid_radio { border: 1px solid red; border-radius: 0.625rem; } #hr_contract_salary #hr_cs_form #hr_cs_personal_information::before { content: ""; pointer-events: none; position: absolute; outline: 50vw solid #F3F4F6; inset: 0; } #hr_contract_salary #hr_cs_form .hr_cs_btn_submit { display: block; width: 100%; margin-bottom: 10px; } #hr_contract_salary #hr_cs_form .hr_cs_btn_submit a { color: #fff; } #hr_contract_salary #hr_cs_form #hr_cs_modal .col-form-label { margin-bottom: 0; } #hr_contract_salary #hr_cs_form #hr_cs_modal .close { opacity: 1; background-color: white; border-color: white; } #hr_contract_salary #hr_cs_form .hr_cs_control { position: relative; display: inline-block; margin-right: 30px; padding-left: 30px; cursor: pointer; font-weight: 400; } #hr_contract_salary #hr_cs_form .hr_cs_control input { position: absolute; z-index: -1; opacity: 0; } #hr_contract_salary #hr_cs_form .hr_cs_control:focus-within .hr_cs_control_indicator { border: 1px solid #714B67; } #hr_contract_salary #hr_cs_form .hr_cs_control_indicator { position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 20px; height: 20px; background-color: #F3F4F6; border: 1px solid #a1a8ae; } #hr_contract_salary #hr_cs_form .hr_cs_control_indicator.hr_cs_control_indicator_white { background-color: #fff; } #hr_contract_salary #hr_cs_form .hr_cs_control:hover input ~ .hr_cs_control_indicator { background-color: #a1a8ae; border-color: #a1a8ae; } #hr_contract_salary #hr_cs_form .hr_cs_control:hover input ~ .hr_cs_control_indicator:after { display: block; } #hr_contract_salary #hr_cs_form .hr_cs_control input:checked ~ .hr_cs_control_indicator { background-color: #714B67; border-color: #714B67; } #hr_contract_salary #hr_cs_form .hr_cs_control input:checked ~ .hr_cs_control_indicator.hr_cs_control_no { background-color: #E46F78; border-color: #E46F78; } #hr_contract_salary #hr_cs_form .hr_cs_control_indicator:after { content: ""; position: absolute; display: none; } #hr_contract_salary #hr_cs_form .hr_cs_control input:checked ~ .hr_cs_control_indicator:after { display: block; } #hr_contract_salary #hr_cs_form .hr_cs_control_checkbox .hr_cs_control_indicator:after { top: 2px; left: 6px; width: 6px; height: 12px; transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0; } #hr_contract_salary #hr_cs_form .hr_cs_control_radio .hr_cs_control_indicator { border-radius: 50%; } #hr_contract_salary #hr_cs_form .hr_cs_control_radio .hr_cs_control_indicator:after { top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; } #hr_contract_salary #hr_cs_form .hr_cs_control_range { width: 82%; display: inline-block; vertical-align: middle; -webkit-appearance: none; /* Track */ /* Thumb */ /* Progress */ } #hr_contract_salary #hr_cs_form .hr_cs_control_range:focus { outline: none; } #hr_contract_salary #hr_cs_form .hr_cs_control_range::-webkit-slider-runnable-track { height: 5px; background-color: #F3F4F6; cursor: pointer; } #hr_contract_salary #hr_cs_form .hr_cs_control_range::-moz-range-track { height: 5px; background-color: #F3F4F6; cursor: pointer; } #hr_contract_salary #hr_cs_form .hr_cs_control_range::-ms-track { height: 5px; background-color: #F3F4F6; cursor: pointer; } #hr_contract_salary #hr_cs_form .hr_cs_control_range::-webkit-slider-thumb { width: 18px; height: 18px; border: 0; margin-top: -7px; background-color: #714B67; border-radius: 50%; cursor: pointer; -webkit-appearance: none; } #hr_contract_salary #hr_cs_form .hr_cs_control_range::-moz-range-thumb { width: 18px; height: 18px; border: 0; margin-top: -7px; background-color: #714B67; border-radius: 50%; cursor: pointer; } #hr_contract_salary #hr_cs_form .hr_cs_control_range::-ms-thumb { width: 18px; height: 18px; border: 0; margin-top: -7px; background-color: #714B67; border-radius: 50%; cursor: pointer; } #hr_contract_salary #hr_cs_form .hr_cs_control_range::-moz-range-progress { height: 5px; background: #714B67; } #hr_contract_salary #hr_cs_form .hr_cs_control_range::-ms-fill-lower { height: 5px; background: #714B67; } .hr_cs_brand_optional { color: #714B67; } /* /l10n_be_hr_contract_salary/static/src/scss/hr_contract_salary.scss */ #hr_cs_modal_wishlist .modal-dialog { width: fit-content; overflow-y: scroll; } #hr_cs_modal_wishlist .modal-dialog .close { opacity: 1; background-color: white; border-color: white; } #hr_cs_modal_wishlist .modal-content { max-height: fit-content !important; } /* /openerp_french_certification/static/src/scss/french_certification.scss */ .french-certification-widget .o_choose_app { display: inline-block; float: left; margin-right: 10px; width: 85px; height: 95px; cursor: pointer; } .french-certification-widget .oe-app-icon { height: 85px; width: 85px; } /* /openerp_slides/static/src/scss/openerp_slides.scss */ @media (min-width: 576px) { .o_wslides_body #wrapwrap > header + main > #wrap > .oe_slides_s_banner { border-top-width: 0 !important; padding-top: 50px; } } @media (min-width: 992px) { .o_wslides_body .oe_slides_s_banner .display-1 { font-size: 80px; } .o_wslides_body .oe_slides_s_banner .display-2 { font-size: 65px; } } @media (max-width: 575.98px) { .o_wslides_body .o_wslides_course_nav { position: relative !important; } } .o_wslides_body .o_wslides_course_card .card-footer { padding-top: 0.5rem; padding-bottom: 0.5rem; } .o_wslides_body .o_wslides_course_card .badge { font-size: 0.7em; } @media (min-width: 992px) { .o_wslides_body .o_wslides_home_nav, .o_scale_up___the_business_game .o_wslides_home_nav { font-size: 0.9rem; } .o_wslides_body .o_wslides_home_nav .badge.badge-success, .o_scale_up___the_business_game .o_wslides_home_nav .badge.badge-success { display: none; } } @media (min-width: 1200px) { .o_wslides_body .o_wslides_home_nav .badge.badge-success, .o_scale_up___the_business_game .o_wslides_home_nav .badge.badge-success { display: inline-block; } } .o_wslides_body .o_wslides_home_nav #navbarSlidesHomepage .nav-link, .o_scale_up___the_business_game .o_wslides_home_nav #navbarSlidesHomepage .nav-link { line-height: 1; } .o_wslides_body .o_wslides_home_nav #navbarSlidesHomepage .nav-link img, .o_scale_up___the_business_game .o_wslides_home_nav #navbarSlidesHomepage .nav-link img { width: 30px; height: 30px; } #wrapwrap.o_survey .o_page_header.o_survey_header { border-bottom: 0; padding: 2rem 0 0.5rem; } #wrapwrap.o_survey .o_page_header.o_survey_header .js_survey_timer { text-align: right; } #wrapwrap.o_survey .o_page_header.o_survey_header .js_survey_timer h1.timer, #wrapwrap.o_survey .o_page_header.o_survey_header .js_survey_timer .timer.h1 { display: inline-block; padding: 0.5rem 1rem; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 20px; background: #111827; color: white; } body:not(.editor_enable) form.js_surveyform [data-oe-type=html].oe_no_empty:empty { display: none; } form.js_surveyform h2.o_survey_title, form.js_surveyform .o_survey_title.h2 { font-family: "Inter", "Odoo Unicode Support Noto", sans-serif; font-size: 1rem; color: rgba(55, 65, 81, 0.7); padding-bottom: 0; } form.js_surveyform h2.o_survey_title + .js_question-wrapper, form.js_surveyform .o_survey_title.h2 + .js_question-wrapper { padding-top: 1.2rem; } form.js_surveyform .js_question-wrapper { border-radius: 0.625rem; border: 1px solid var(--o-border-color); padding: 16px; background: white; } form.js_surveyform .js_question-wrapper + .js_question-wrapper { margin-top: -1px; padding-top: 0.6rem; border-top: 0; } form.js_surveyform .js_question-wrapper + h2.o_survey_title, form.js_surveyform .js_question-wrapper + .o_survey_title.h2 { margin-top: 1.5rem; } form.js_surveyform .js_question-wrapper > h4, form.js_surveyform .js_question-wrapper > .h4 { font-family: "Inter", "Odoo Unicode Support Noto", sans-serif; font-size: 16px; } form.js_surveyform .js_question-wrapper label input[type="checkbox"] + span { font-weight: 600; } form.js_surveyform .js_question-wrapper textarea { min-height: 70px; } @media (min-width: 992px) { form.js_surveyform .js_question-wrapper .col-lg-12 select { width: auto; } form.js_surveyform .js_question-wrapper .input-group.date, form.js_surveyform .js_question-wrapper input[type="number"] { max-width: 220px; } form.js_surveyform .js_question-wrapper .col-lg-4 { flex: 1 0 100%; max-width: 100%; } } /* /sale_timesheet/static/src/scss/sale_timesheet_portal.scss */ .o_timesheet_accordion .card-header a { text-decoration: none; } .o_timesheet_accordion .card-header a:after { content: "\f0d7"; font-family: 'FontAwesome'; } .o_timesheet_accordion .card-header a.collapsed:after { content: "\f0da"; font-family: 'FontAwesome'; } /* /website_appointment_sale/static/src/scss/website_appointment_sale.scss */ .o_wappointment_sale_confirmation_card { min-height: 200px; } .o_wappointment_sale_confirmation_card .o_wappointment_sale_confirmation_desc { max-height: 4.2rem; white-space: normal; line-height: 1.4rem; } /* /website_event_sale/static/src/scss/website_event_sale_templates.scss */ #o_wevent_tickets .o_pricelist_dropdown .dropdown-toggle { color: #6C757D; font-style: italic; } #o_wevent_tickets .o_pricelist_dropdown .dropdown-toggle:focus { outline: none; box-shadow: none; } #o_wevent_tickets .o_pricelist_dropdown .dropdown-toggle:hover { text-decoration: underline; } .o_wevent_sale_event .o_record_cover_container { overflow: hidden; z-index: 0; color: white; } .o_wevent_sale_event .o_record_cover_container .o_record_cover_component { z-index: -1; } .o_wevent_sale_event .o_record_cover_container.o_wevent_event_main_cover { min-height: 12rem; } .o_wevent_sale_event .o_record_cover_container a, .o_wevent_sale_event .o_record_cover_container a:hover { color: inherit; } /* /website_event_track_live/static/src/scss/website_event_track_live.scss */ .o_wesession_track_aside_tab_chat { height: 70vh; } #o_wevent_youtube_iframe_container, .o_wevent_event_track_live_loading { height: 85vh; border: 1px solid var(--o-border-color); margin-bottom: 0.5rem; } .o_wevent_event_track_live_loading { background-color: #888888; } .o_wevent_event_track_live_loading i { bottom: 1px; } .owevent_track_suggestion_loading { z-index: 1; background-color: #434343; height: 85vh; top: 0px; left: 0px; } .owevent_track_suggestion { z-index: 2; background-color: #888888; background-repeat: no-repeat; background-size: 100% 100%; height: 85vh; top: 0px; left: 0px; } .owevent_track_suggestion .owevent_track_suggestion_content { background-color: rgba(0, 0, 0, 0.5); } .owevent_track_suggestion .owevent_track_suggestion_content .owevent_track_suggestion_next { background-color: rgba(0, 0, 0, 0.5); transition: background-color .3s linear; } .owevent_track_suggestion .owevent_track_suggestion_content .owevent_track_suggestion_next:hover { cursor: pointer; background-color: rgba(0, 0, 0, 0.9); } .owevent_track_suggestion .owevent_track_suggestion_content .owevent_track_suggestion_next .owevent_track_suggestion_close { top: .5rem; right: .5rem; } /* /website_event_track_quiz/static/src/scss/event_quiz.scss */ .o_quiz_gradient { background-image: linear-gradient(120deg, #875A7B, #68465f); } .o_quiz_main .o_quiz_js_quiz i.o_quiz_js_quiz_icon { cursor: pointer; } .o_quiz_main .o_quiz_js_quiz i.o_quiz_js_quiz_icon:hover { color: black !important; } .o_quiz_main .o_quiz_js_quiz_question .list-group-item { font-size: 1rem; } .o_quiz_main .o_quiz_js_quiz_question .list-group-item input:checked + i.fa-circle { color: #714b67 !important; } .o_quiz_main .o_quiz_js_quiz_question.disabled { opacity: 0.5; pointer-events: none; } .o_quiz_main .o_quiz_js_quiz_question.completed-disabled { pointer-events: none; } .o_quiz_main a.o_quiz_js_quiz_is_correct { color: black; } .o_quiz_main a.o_quiz_js_quiz_is_correct input:checked + i.fa-check-circle-o { color: #714b67 !important; } .o_quiz_main .o_quiz_js_quiz_sequence_highlight { background-color: #1252F3; height: 1px; z-index: 3; } .o_quiz_main .o_quiz_js_quiz_sequence_highlight:before, .o_quiz_main .o_quiz_js_quiz_sequence_highlight:after { content: ""; width: 6px; height: 6px; display: block; border-radius: 100%; background-color: inherit; position: absolute; top: -2px; left: auto; bottom: auto; right: -2px; } .o_quiz_main .o_quiz_js_quiz_sequence_highlight:after { right: auto; left: -2px; } /* /knowledge/static/src/scss/knowledge_variables.scss */ /* /knowledge/static/src/components/article_search_dialog/article_search_dialog.scss */ .o_article_search_dialog { overflow: auto; flex: 1; max-height: 70vh; } @media (max-width: 480px) { .o_article_search_dialog { max-height: 85vh; } } .o_article_search_dialog .o_article_search_item.o_selected { background-color: rgba(27, 161, 228, 0.1); } .o_article_search_dialog .o_article_search_item a .fa-star { color: #f3cc00; } .modal:has(.o_article_search_dialog) .modal-body { display: flex; } .modal:has(.o_article_search_dialog) .modal-dialog { align-items: start; padding: 0; } .modal:has(.o_article_search_dialog) .modal-content { top: 15vh; height: auto !important; max-height: 100%; } .modal:has(.o_article_search_dialog) .modal-content .modal-body { max-height: 100%; } /* /knowledge/static/src/editor/embedded_components/core/clipboard/embedded_clipboard.scss */ [data-embedded="clipboard"] { margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 1rem; border-radius: 5px; padding-bottom: 5px; background-color: #F9FAFB; outline: 1px solid #d8dadd; outline-offset: -1px; } [data-embedded="clipboard"] .o_embedded_content { padding: 5px; margin: 0 5px; background-color: white; } [data-embedded="clipboard"] .o_embedded_content p:last-child { margin-bottom: 0; } [data-embedded="clipboard"] .o_embedded_clipboard_label { font-family: var(--font-sans-serif) !important; font-weight: 600; padding: 0.5rem 1rem; color: #5f636f; } /* /website_knowledge/static/src/frontend/editor/embedded_components/view/view_placeholder.scss */ .o_knowledge_embedded_view_placeholder { min-height: 300px; } .o_knowledge_embedded_view_placeholder .o_knowledge_embedded_view_placeholder_cover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: radial-gradient(#FFF, transparent); } /* /website_knowledge/static/src/frontend/knowledge_public_view/knowledge_public_view.scss */ #wrapwrap:has(.o_knowledge_public_view) { height: 100%; } @media (min-width: 768px) { .o_knowledge_public_view:has(.o_knowledge_sidebar_loading) .o_knowledge_sidebar_container { min-width: 300px; } .o_knowledge_public_view:has(.o_knowledge_sidebar_loading) .o_knowledge_sidebar_enabler_button { display: none; } } @media (max-width: 768px) { .o_knowledge_public_view:has(.o_knowledge_sidebar_loading) .o_knowledge_article, .o_knowledge_public_view:has(.o_knowledge_sidebar_loading) .o_knowledge_icon { margin-left: 0 !important; margin-right: 0 !important; } } .o_knowledge_public_view .o_knowledge_header_line { align-items: center; } @media (min-width: 576px) { .o_knowledge_public_view .o_knowledge_header_line { min-height: 70px; } } .o_knowledge_public_view .o_toggle_public_sidebar:hover { background-color: #e7e9ed; } .o_knowledge_public_view .o_toggle_public_sidebar i.oi-panel-right { transform: scaleX(-1); } .o_knowledge_public_view .o_knowledge_public_virality { table-layout: fixed; } .o_knowledge_public_view h1, .o_knowledge_public_view .h1, .o_knowledge_public_view h2, .o_knowledge_public_view .h2, .o_knowledge_public_view h3, .o_knowledge_public_view .h3, .o_knowledge_public_view h4, .o_knowledge_public_view .h4, .o_knowledge_public_view h5, .o_knowledge_public_view .h5, .o_knowledge_public_view h6, .o_knowledge_public_view .h6 { transition: background-color 0.5s ease; } .o_knowledge_public_view h1.o_embedded_toc_header_highlight, .o_knowledge_public_view .o_embedded_toc_header_highlight.h1, .o_knowledge_public_view h2.o_embedded_toc_header_highlight, .o_knowledge_public_view .o_embedded_toc_header_highlight.h2, .o_knowledge_public_view h3.o_embedded_toc_header_highlight, .o_knowledge_public_view .o_embedded_toc_header_highlight.h3, .o_knowledge_public_view h4.o_embedded_toc_header_highlight, .o_knowledge_public_view .o_embedded_toc_header_highlight.h4, .o_knowledge_public_view h5.o_embedded_toc_header_highlight, .o_knowledge_public_view .o_embedded_toc_header_highlight.h5, .o_knowledge_public_view h6.o_embedded_toc_header_highlight, .o_knowledge_public_view .o_embedded_toc_header_highlight.h6 { border-radius: 0.25rem; background-color: rgba(27, 161, 228, 0.2); } .o_knowledge_public_view .o_readonly { word-break: break-word; overflow-wrap: break-word; } .o_knowledge_public_view .o_knowledge_icon:not(.o_full_width), .o_knowledge_public_view .o_knowledge_article:not(.o_full_width) { max-width: 800px; width: 100%; margin-left: auto; margin-right: auto; } .o_knowledge_public_view .o_knowledge_cover { width: 100%; } .o_knowledge_public_view .o_knowledge_cover img { width: 100%; height: 30vh; min-height: 150px; object-fit: cover; } .o_knowledge_public_view .o_knowledge_cover + .o_knowledge_icon { margin-top: -35px; } @media (min-width: 768px) { .o_knowledge_public_view .o_knowledge_cover + .o_knowledge_icon { margin-top: -70px; } } .o_knowledge_public_view .o_knowledge_icon { font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .o_knowledge_public_view .o_knowledge_icon { font-size: 5rem; } } .o_knowledge_public_view .o_knowledge_embedded_view_placeholder .o_knowledge_embedded_view_placeholder_cover { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: radial-gradient(#FFF, transparent); } @media screen { .o_knowledge_public_view { overflow: hidden; } .o_knowledge_body { overflow-y: scroll; } } /* /website_knowledge/static/src/frontend/knowledge_public_view/knowledge_public_view_print.scss */ @media print { body > :not(.o_knowledge_public_view) { display: none; } } /* /website_knowledge/static/src/frontend/sidebar/knowledge_public_sidebar.scss */ .o_knowledge_sidebar { height: 100%; transition: transform 0.15s linear; } .o_knowledge_sidebar .o_public_search:hover { background-color: #e7e9ed; } .o_knowledge_sidebar .o_tree { overflow-y: auto; font-size: 0.875rem; } .o_knowledge_sidebar.o_slide-enter, .o_knowledge_sidebar.o_slide-leave { transform: translateX(-100%); } .o_knowledge_sidebar.o_slide-enter .o_resizable_panel, .o_knowledge_sidebar.o_slide-leave .o_resizable_panel { width: 0 !important; } .o_knowledge_sidebar .o_resizable_panel { max-width: 576px; transition: width 0.15s linear; } @media (max-width: 575.98px) { .o_knowledge_sidebar .o_resizable_panel { width: 100vw !important; } } .o_knowledge_sidebar .o_resizable_panel_handle:hover { background-color: #d8dadd; } .o_knowledge_sidebar .o_resizable_panel_handle.o_knowledge_sidebar_active_handle { background-color: #d8dadd; } .o_knowledge_sidebar ul { list-style: none; padding: 0; } .o_knowledge_sidebar li > ul > li { padding-left: 12px; } .o_knowledge_sidebar li > ul > li:last-child { padding-bottom: 0; } .o_knowledge_sidebar li > ul > li:last-child:after { height: 1em; } .o_knowledge_sidebar .o_article .o_article_handle:hover .o_article_emoji { opacity: 0; } .o_knowledge_sidebar .o_article .o_article_handle:hover .o_article_caret { opacity: 1; } .o_knowledge_sidebar .o_article .o_article_emoji, .o_knowledge_sidebar .o_article .o_article_caret { transition: opacity 0.3s; } .o_knowledge_sidebar .o_article .o_article_caret { position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } .o_knowledge_sidebar .o_article .o_article_handle.o_article_active { background-color: rgba(27, 161, 228, 0.2); } .o_knowledge_sidebar .o_article .o_article_handle.o_article_active:hover { background-color: rgba(27, 161, 228, 0.3); } .o_knowledge_sidebar .o_article .o_article_handle.o_article_active .o_article_icon:hover { background-color: rgba(27, 161, 228, 0.4); } .o_knowledge_sidebar .o_article .o_article_handle.o_article_active .o_article_icon:active { background-color: rgba(27, 161, 228, 0.5); } .o_knowledge_sidebar .o_article .o_article_handle:hover { background-color: rgba(222, 226, 230, 0.3); } .o_knowledge_sidebar .o_article .o_article_handle .o_article_icon:hover { background-color: rgba(222, 226, 230, 0.4); } .o_knowledge_sidebar .o_article .o_article_handle .o_article_icon:active { background-color: rgba(222, 226, 230, 0.5); } /* /website_links/static/src/css/website_links.css */ .no-link-style { color: black; text-decoration: none; } .required-form-control { background-color: #CECDFF; } #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover { padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF; } #filters li.active a { color: #999; } #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus { border-right: 0px; } .nav-tabs-inline { font-size: 14px; } #o_website_links_recent_links { min-height:30em; } .o_website_links_code_error { color:red; font-weight:bold; } .truncate_text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px; } /* /website_mass_mailing/static/src/scss/website_mass_mailing.scss */ @media (min-width: 768px) { .s_newsletter_subscribe_form .s_newsletter_subscribe_form_input_small { max-width: 20rem; } } /* /website_mass_mailing/static/src/scss/website_mass_mailing_popup.scss */ .o_newsletter_modal .modal-header { padding: 0; border: none; } .o_newsletter_modal .modal-title { display: none; } .o_newsletter_modal .close { z-index: 1055; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; margin: 0; padding: 0; --background-color: #FFFFFF; --color: #714b67; background-color: #FFFFFF !important; color: #714b67; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); opacity: 1; } /* /payment_authorize/static/src/scss/payment_authorize.scss */ /* Disable the number input arrows. */ .o_authorize_form { /* Chrome, Safari, Edge, Opera */ /* Firefox */ } .o_authorize_form input[type=number]::-webkit-outer-spin-button, .o_authorize_form input[type=number]::-webkit-inner-spin-button { appearance: none; margin: 0; } .o_authorize_form input[type=number] { -moz-appearance: textfield; } /* /theme_common/static/src/scss/fonts.scss */ /** * Fonts which are not google fonts and thus need to be served by Odoo directly. * Ideally, using google fonts is always better ! * * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! * ! Please triple check Licence before to add new font ! * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /* /website/static/src/snippets/s_card/000.scss */ .s_card { --card-inner-border-radius: inherit; --card-bg: inherit; --card-img-size-h: 33.33333333%; --card-img-ratio-align: 44%; --card-img-aspect-ratio: 20%; min-width: MIN(18rem, 100%); margin: 16px 0; } .s_card .o_card_img { width: 100%; object-fit: cover; } .s_card .o_card_img[data-shape]:not([data-aspect-ratio="0/0"]) { object-fit: contain; } .s_card .o_card_img.rounded-start { border-bottom-left-radius: var(--card-inner-border-radius) !important; border-top-left-radius: var(--card-inner-border-radius) !important; } .s_card .o_card_img.rounded-end { border-top-right-radius: var(--card-inner-border-radius) !important; border-bottom-right-radius: var(--card-inner-border-radius) !important; } .s_card .o_card_img_wrapper.ratio > a > .o_card_img { height: 100%; } .s_card .o_card_img_wrapper.ratio .media_iframe_video { position: absolute; } .s_card.o_card_img_top > .o_card_img_ratio_custom, .s_card.o_card_img_bottom > .o_card_img_ratio_custom { --aspect-ratio: var(--card-img-aspect-ratio); } .s_card.o_card_img_horizontal > .o_card_img_wrapper { flex-shrink: 0; } @media (min-width: 992px) { .s_card.o_card_img_horizontal > .o_card_img_wrapper { width: var(--card-img-size-h); } } .s_card .o_card_img_adjust_h .o_card_img { object-position: var(--card-img-ratio-align) 50%; } .s_card .o_card_img_adjust_v .o_card_img { object-position: 50% var(--card-img-ratio-align); } /* /website/static/src/snippets/s_share/000.scss */ .s_share { user-select: none; } .s_share > * { display: inline-block; vertical-align: middle; } .s_share .s_share_title { margin: 0 .4rem 0 0; } .s_share a { margin: .2rem; } .s_share a i.fa { display: flex; justify-content: center; align-items: center; } /* /website/static/src/snippets/s_rating/001.scss */ .s_rating[data-vcss="001"] { user-select: none; } .s_rating[data-vcss="001"].s_rating_inline { display: flex; align-items: center; } .s_rating[data-vcss="001"].s_rating_inline .s_rating_title { margin: 0; margin-right: 0.5em; } .s_rating[data-vcss="001"].s_rating_inline .s_rating_icons { margin-left: auto; } .s_rating[data-vcss="001"].s_rating_no_title .s_rating_title { display: none; } /* /website/static/src/snippets/s_hr/000.scss */ .s_hr { line-height: 0; } .s_hr hr { padding: 0; margin: 0; opacity: 1; } .editor_enable .s_hr { position: relative; } .editor_enable .s_hr::after { content: ''; position: absolute; top: 50%; left: 0; bottom: 0; right: 0; z-index: 1; transform: translateY(-50%); height: 6px; padding: inherit; } /* /website/static/src/snippets/s_company_team/000.scss */ @media (max-width: 991.98px) { .s_company_team .row.s_col_no_resize > .o_not_editable img.o_editable_media { height: 8rem; } } /* /website/static/src/snippets/s_references/000.scss */ .s_references .img-thumbnail { border: none; } /* /website/static/src/snippets/s_popup/001.scss */ .s_popup[data-vcss='001'] .modal-content { min-height: 2.5rem; border: 0; border-radius: 0; box-shadow: var(--box-shadow); } .s_popup[data-vcss='001'] .s_popup_close { z-index: 1055; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; --background-color: #FFFFFF; --color: #714b67; background-color: #FFFFFF !important; color: #714b67; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); cursor: pointer; font-size: 1.25rem; text-align: center; } .s_popup[data-vcss='001'] .s_popup_size_full { padding: 0 !important; max-width: 100%; } .s_popup[data-vcss='001'] .s_popup_size_full > .modal-content { background-color: transparent; box-shadow: none; border-radius: 0; } .s_popup[data-vcss='001'] .modal-dialog { margin: 0 0 0 auto; min-height: 100%; } .s_popup[data-vcss='001'] .modal-dialog:not(.s_popup_size_full) { padding: 1rem !important; } .s_popup[data-vcss='001'] .s_popup_top .modal-dialog { align-items: flex-start; } .s_popup[data-vcss='001'] .s_popup_middle .modal-dialog { align-items: center; margin-right: auto; } .s_popup[data-vcss='001'] .s_popup_bottom .modal-dialog { align-items: flex-end; } .s_popup[data-vcss='001'] .s_popup_no_backdrop { pointer-events: none; } .s_popup[data-vcss='001'] .s_popup_no_backdrop .modal-dialog { height: 100%; } .s_popup[data-vcss='001'] .s_popup_no_backdrop .modal-dialog .modal-content { max-height: 100%; overflow-y: auto; overflow-x: hidden; } /* /website/static/src/snippets/s_table_of_content/000.scss */ .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_horizontal_navbar, .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar { position: sticky; top: 0px; left: auto; bottom: auto; right: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar { overflow: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky), .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky) .s_table_of_content_navbar { top: 0px !important; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar { overflow-wrap: break-word; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action { background: none; color: inherit; opacity: 0.7; font-weight: 500; padding-left: 3px; transition: padding 0.1s; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:before { position: absolute; top: 10px; left: 0; bottom: 10px; right: auto; width: 2px; content: ""; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:hover { opacity: 1; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:focus { background: none; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active { background: none; padding-left: 8px; opacity: 1; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active:before { background-color: #714b67; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar { z-index: 1; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 2rem; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar { display: inline; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item-action { width: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item { display: inline-block; margin-bottom: 2px; } /* /website/static/src/snippets/s_masonry_block/001.scss */ .s_masonry_block[data-vcss='001'] .row.o_grid_mode > div.o_grid_item_image { --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; } /* /website/static/src/snippets/s_media_list/001.scss */ .s_media_list[data-vcss="001"] .s_media_list_item > .row { overflow: hidden; } .s_media_list[data-vcss="001"] .s_media_list_body { padding: 2rem; } .s_media_list[data-vcss="001"] .s_media_list_img { object-fit: cover; } /* /website/static/src/snippets/s_text_highlight/000.scss */ .s_text_highlight { padding: 1.5rem; border-radius: 0.625rem; } .s_text_highlight :last-child { margin-bottom: 0; } /* /website/static/src/snippets/s_badge/000.scss */ .s_badge { padding: 0.5rem; margin: 0.5rem 0.5rem 0.5rem 0; border-radius: 0.25rem; } .s_badge .fa { margin: 0 0.3rem 0 0; } /* /website/static/src/snippets/s_color_blocks_2/000.scss */ .s_color_blocks_2.o_half_screen_height > :first-child, .s_color_blocks_2.cover_mid > :first-child, .s_color_blocks_2.o_half_screen_height > :first-child > .row, .s_color_blocks_2.cover_mid > :first-child > .row, .s_color_blocks_2.o_full_screen_height > :first-child, .s_color_blocks_2.cover_full > :first-child, .s_color_blocks_2.o_full_screen_height > :first-child > .row, .s_color_blocks_2.cover_full > :first-child > .row { min-height: inherit; } .s_color_blocks_2 .row { display: flex; flex-flow: row wrap; } .s_color_blocks_2 .row::before, .s_color_blocks_2 .row::after { width: 0; } .s_color_blocks_2 > .container > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-fluid > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-sm > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-md > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-lg > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-xl > .row > [class*="col-lg-"], .s_color_blocks_2 > .container-xxl > .row > [class*="col-lg-"], .s_color_blocks_2 > .o_container_small > .row > [class*="col-lg-"] { padding: 8% 5%; padding-top: 8vw; padding-bottom: 8vw; } .s_color_blocks_2 img { max-width: 100%; height: auto; } /* /website/static/src/snippets/s_google_map/000.scss */ .s_google_map { position: relative; min-height: 100px; } .s_google_map .map_container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .s_google_map .description { position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 99; padding: 0 1em; background: rgba(113, 75, 103, 0.8); color: #FFFFFF; transition: background-color 250ms ease; } .s_google_map .description font { float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; } .s_google_map .description span { float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px; } .s_google_map:hover .description { background: #714b67; background: rgba(113, 75, 103, 0.55); color: #111827; } /* /website/static/src/snippets/s_map/000.scss */ .s_map { position: relative; min-height: 100px; } .s_map .map_container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .s_map .description { position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 99; padding: 0 1em; background: rgba(113, 75, 103, 0.8); color: #FFFFFF; transition: background-color 250ms ease; } .s_map .description font { float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase; } .s_map .description span { float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px; } .s_map:hover .description { background: #714b67; background: rgba(113, 75, 103, 0.55); color: #111827; } .s_map .s_map_color_filter { position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; pointer-events: none; } /* /website/static/src/snippets/s_dynamic_snippet/000.scss */ body:not(.editor_enable) #wrap .s_dynamic:not(.o_check_scroll_position).o_dynamic_empty, body:not(.editor_enable) #wrap .s_dynamic:not(.o_check_scroll_position).s_dynamic_empty, body:not(.editor_enable) #wrap .s_dynamic:not(.o_check_scroll_position).o_dynamic_snippet_empty { display: none !important; } body:not(.editor_enable) #wrap .s_dynamic:not(.o_check_scroll_position).o_dynamic_snippet_loading section:not(.s_dynamic_snippet_holder) { display: none !important; } body:not(.editor_enable) #wrap .s_dynamic:not(.o_check_scroll_position).o_dynamic_snippet_loading .s_dynamic_snippet_holder { display: block !important; } .s_dynamic [data-url] { cursor: pointer; } .s_dynamic img { object-fit: scale-down; } @media (min-width: 992px) { .s_dynamic > .container .s_dynamic_snippet_title.s_dynamic_snippet_title_aside + .s_dynamic_snippet_content .s_dynamic_snippet_row > *, .s_dynamic > .o_container_small .s_dynamic_snippet_title.s_dynamic_snippet_title_aside + .s_dynamic_snippet_content .s_dynamic_snippet_row > * { flex: 0 1 MAX(var(--DynamicSnippet__entry-maxWidth, 312px), 50%); } } @media (min-width: 992px) { .s_dynamic > .o_container_small .s_dynamic_snippet_row > * { flex: 0 1 MAX(var(--DynamicSnippet__entry-maxWidth, 312px), 50%); } } .s_dynamic > .o_container_small .s_dynamic_snippet_title.s_dynamic_snippet_title_aside { min-width: 41.66666667%; } @media (min-width: 992px) { .s_dynamic > .o_container_small .s_dynamic_snippet_title.s_dynamic_snippet_title_aside + .s_dynamic_snippet_content .s_dynamic_snippet_row > * { flex: 1 1 var(--DynamicSnippet__entry-maxWidth, 312px); } } .s_dynamic.s_dynamic_snippet_cover_left .s_dynamic_snippet_content_position { flex-direction: row-reverse; } /* /website/static/src/snippets/s_dynamic_snippet_carousel/000.scss */ .s_dynamic .dynamic_snippet_template .card-footer a, .s_dynamic .dynamic_snippet_template .card-footer button, .s_dynamic .o_dynamic_snippet_btn_wrapper { z-index: 2; } .s_dynamic .s_dynamic_snippet_arrow_bottom > .carousel-control-prev, .s_dynamic .s_dynamic_snippet_arrow_bottom .carousel-control-next { position: relative; } .s_dynamic_snippet_title_aside + .s_dynamic_snippet_content { width: 75%; } /* /website/static/src/snippets/s_website_form/001.scss */ .editor_enable .s_website_form[data-vcss="001"] .s_website_form_field_hidden { display: block; opacity: 0.5; } .editor_enable .s_website_form[data-vcss="001"] .s_website_form_field_hidden_if { display: block !important; background-color: #D9D9D9; } .editor_enable .s_website_form[data-vcss="001"] .s_website_form_field select { pointer-events: none; } @media (max-width: 575.98px) { .s_website_form[data-vcss="001"] .s_website_form_label { width: auto !important; } } .s_website_form[data-vcss="001"] .s_website_form_field_hidden { display: none; } .s_website_form[data-vcss="001"] span.s_website_form_mark { font-size: 0.85em; font-weight: 400; } .s_website_form[data-vcss="001"] .s_website_form_dnone { display: none; } .s_website_form[data-vcss="001"] .s_website_form_submit .s_website_form_label, .s_website_form[data-vcss="001"] .s_website_form_recaptcha .s_website_form_label { float: left; height: 1px; } .s_website_form[data-vcss="001"] .s_website_form_no_submit_label .s_website_form_label { display: none; } .s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap { border: 1px solid #9a9ca5; border-radius: 0.25rem; font-size: 0.9em; line-height: normal; } .s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap div.o_file_name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap i.o_file_delete { max-width: 25%; padding: 2px 4px 3px 4px; color: #714b67; cursor: pointer; } .s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap i.o_file_delete:hover { color: #5a3c52; } .s_website_form[data-vcss="001"] .o_add_files_button { background-color: #e7e9ed; width: fit-content; } .s_website_form[data-vcss="001"] .o_add_files_button:hover { background-color: #dadde3; } @media (max-width: 767.98px) { .s_website_form[data-vcss="001"] .datetimepicker-input { caret-color: transparent; } } body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_date:not(.s_website_form_datepicker_initialized) [value], body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_datetime:not(.s_website_form_datepicker_initialized) [value] { color: transparent; } /* /website_blog/static/src/snippets/s_blog_posts/000.scss */ .s_dynamic.s_dynamic_snippet_blog_posts { --Avatar-size: 1.5em; } @media (min-width: 768px) { .s_dynamic .s_blog_posts_post_teaser { --lines-clamp: 4; } } .s_dynamic.s_blog_post_list:not(:has(.s_dynamic_snippet_title_aside)) .s_dynamic_snippet_content { margin-top: 1.5rem; } @media (min-width: 992px) { .s_dynamic.s_blog_post_big_picture .s_blog_posts_post_cover { --aspect-ratio: 75%; } } @media (min-width: 768px) { .s_dynamic.s_blog_post_big_picture.s_blog_posts_post_picture_size_small .s_blog_posts_post_cover { --aspect-ratio: 66%; } } @media (min-width: 1200px) { .s_dynamic.s_blog_post_big_picture.s_blog_posts_post_picture_size_small .s_blog_posts_post_cover { --aspect-ratio: 50%; } } .s_dynamic.s_blog_post_big_picture:not([class*="s_blog_posts_effect"]) .s_blog_post_big_picture_infos { display: flex; flex-direction: column; justify-content: space-around; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_dynamic_snippet_content, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_dynamic_snippet_content { text-align: center; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post_cover_header, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post_cover_header, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post_cover_header, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post_cover_hidden { height: 50%; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_post_big_picture_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_post_big_picture_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_post_big_picture_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post_cover_hidden { transform: translateY(50%); transition: all 0.2s ease-in-out; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_post_big_picture_infos::before, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_post_big_picture_infos::before, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_post_big_picture_infos::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); transition: opacity 0.15s linear; opacity: 0; content: ""; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_post_big_picture_infos::before, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_post_big_picture_infos::before, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_post_big_picture_infos::before { opacity: 0; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley .s_blog_posts_post:hover .s_blog_post_big_picture_infos:before, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post:hover .s_blog_post_big_picture_infos:before, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover .s_blog_post_big_picture_infos:before { opacity: 1; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley.s_blog_posts_post_picture_size_default .s_blog_posts_post_author, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter.s_blog_posts_post_picture_size_default .s_blog_posts_post_author, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico.s_blog_posts_post_picture_size_default .s_blog_posts_post_author { font-size: 1rem; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_post_big_picture_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_post_big_picture_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_post_big_picture_title { transform: translateY(-25%); opacity: 1; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden { transform: translateY(0); } @media (min-width: 992px) and (max-width: 1199.98px) { .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley.s_blog_posts_post_picture_size_default .s_blog_posts_post_author, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter.s_blog_posts_post_picture_size_default .s_blog_posts_post_author, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico.s_blog_posts_post_picture_size_default .s_blog_posts_post_author { font-size: 1.25rem; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_post_big_picture_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_post_big_picture_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_post_big_picture_title { transform: translateY(50%); opacity: 0; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico.s_blog_posts_post_picture_size_default .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden { transform: translateY(-50%); } } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley.s_blog_posts_post_picture_size_small .s_blog_posts_post_author, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter.s_blog_posts_post_picture_size_small .s_blog_posts_post_author, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico.s_blog_posts_post_picture_size_small .s_blog_posts_post_author { font-size: 1.25rem; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley.s_blog_posts_post_picture_size_small .s_blog_posts_post:hover .s_blog_post_big_picture_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter.s_blog_posts_post_picture_size_small .s_blog_posts_post:hover .s_blog_post_big_picture_title, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico.s_blog_posts_post_picture_size_small .s_blog_posts_post:hover .s_blog_post_big_picture_title { transform: translateY(50%); opacity: 0; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_marley.s_blog_posts_post_picture_size_small .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter.s_blog_posts_post_picture_size_small .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico.s_blog_posts_post_picture_size_small .s_blog_posts_post:hover .s_blog_posts_post_cover_hidden { transform: translateY(-50%); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post::before { content: ""; position: absolute; top: 1rem; left: auto; bottom: auto; right: 1rem; border-top: 2px solid #FFF; border-right: 2px solid #FFF; padding: 1rem; transition: all 0.2s ease-in-out; transform: scale3d(0, 0, 0); transform-origin: top right; opacity: 0; z-index: 1; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_dexter .s_blog_posts_post:hover::before { opacity: 1; transform: scale3d(1, 1, 1); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post::before, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .o_record_cover_image { transition: all 0.2s ease-in-out; transform: scale3d(1.12, 1.12, 1.12); } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post::before { position: absolute; top: 1rem; left: 1rem; bottom: 1rem; right: 1rem; border: 1px solid #FFF; border-radius: 0.625rem; opacity: 0; z-index: 1; content: ""; pointer-events: none; } .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover .o_record_cover_image, .s_dynamic.s_blog_post_big_picture.s_blog_posts_effect_chico .s_blog_posts_post:hover::before { opacity: 1; transform: scale3d(1, 1, 1); } @media (max-width: 767.98px) { .s_dynamic.s_blog_post_horizontal.s_blog_posts_post_picture_size_default .s_blog_posts_post_cover_col { min-height: 12rem; } } @media (min-width: 768px) { .s_dynamic.s_blog_post_horizontal.s_blog_posts_post_picture_size_default .s_blog_posts_post_cover_col { flex: 0 0 MIN(26rem, 33%); } } @media (max-width: 767.98px) { .s_dynamic.s_blog_post_horizontal.s_blog_posts_post_picture_size_small .s_blog_posts_post_cover_col { min-height: 8rem; } } @media (min-width: 768px) { .s_dynamic.s_blog_post_horizontal.s_blog_posts_post_picture_size_small .s_blog_posts_post_cover_col { flex: 0 0 MIN(26rem, 25%); } } .s_dynamic.s_blog_post_horizontal .o_container_small .s_blog_posts_post_cover_col { display: none; } .s_dynamic.s_blog_post_card.s_blog_posts_post_picture_size_small .s_blog_posts_post_cover { --aspect-ratio: 40%; } @media (min-width: 576px) { .s_dynamic.s_dynamic_snippet_carousel.s_blog_post_big_picture .s_blog_posts_post_cover { --aspect-ratio: 50%; } } @media (min-width: 992px) { .s_dynamic.s_dynamic_snippet_carousel.s_blog_post_big_picture .s_blog_posts_post_cover { --aspect-ratio: 100%; } } .s_dynamic.s_blog_post_single_circle .o_record_cover_container { max-width: 12.5rem; } .s_dynamic.s_blog_post_single_badge .s_cta_badge:hover { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } /* /website/static/src/snippets/s_embed_code/000.scss */ .editor_enable .s_embed_code { min-height: 0.875rem; } /* /website/static/src/snippets/s_mega_menu_little_icons/000.scss */ .s_mega_menu_little_icons:not([data-vcss]) .nav-link:hover, .s_mega_menu_little_icons:not([data-vcss]) .nav-link:focus { background: rgba(0, 0, 0, 0.05); } /* /website/static/src/snippets/s_mega_menu_images_subtitles/000.scss */ .s_mega_menu_images_subtitles:not([data-vcss]) .d-flex img { max-width: 64px; align-self: start; } .s_mega_menu_images_subtitles:not([data-vcss]) .nav-link:hover, .s_mega_menu_images_subtitles:not([data-vcss]) .nav-link:focus { background: rgba(0, 0, 0, 0.05); } @media (max-width: 991.98px) { .s_mega_menu_images_subtitles:not([data-vcss]) .row > div.col-lg { min-width: fit-content; } } /* /website/static/src/snippets/s_mega_menu_menus_logos/000.scss */ .s_mega_menu_menus_logos:not([data-vcss]) .s_mega_menu_menus_logos_wrapper { border-color: rgba(0, 0, 0, 0.05) !important; } @media (min-width: 576px) and (max-width: 991.98px) { .s_mega_menu_menus_logos:not([data-vcss]) .row > div.col-sm-6 { min-width: min-content; flex-grow: 1; } } /* /website/static/src/snippets/s_mega_menu_odoo_menu/000.scss */ .s_mega_menu_odoo_menu:not([data-vcss]) .s_mega_menu_odoo_menu_footer { border-color: rgba(0, 0, 0, 0.05); } @media (min-width: 768px) and (max-width: 991.98px) { .s_mega_menu_odoo_menu:not([data-vcss]) .row > div.col-md-6 { min-width: min-content; } } /* /website/static/src/snippets/s_mega_menu_cards/000.scss */ .s_mega_menu_cards:not([data-vcss]) .nav-link:hover, .s_mega_menu_cards:not([data-vcss]) .nav-link:focus { background: rgba(0, 0, 0, 0.05); } @media (min-width: 576px) and (max-width: 991.98px) { .s_mega_menu_cards:not([data-vcss]) .row > div.col-sm-6 { min-width: min-content; flex-grow: 1; } } /* /website_payment/static/src/snippets/s_donation/000.scss */ .s_donation:not([data-vcss]) input::-webkit-outer-spin-button, .s_donation:not([data-vcss]) input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .s_donation:not([data-vcss]) input[type=number] { -moz-appearance: textfield; } .s_donation:not([data-vcss]) .s_donation_btn { display: inline-flex; transition: background 0.2s; } .s_donation:not([data-vcss]) .s_donation_btn:focus { box-shadow: none !important; } .s_donation:not([data-vcss]) #s_donation_amount_input { border: none; outline: none; max-width: 145px; background-color: transparent; font-size: inherit; color: inherit; } .s_donation:not([data-vcss]) #s_donation_amount_input::placeholder { opacity: 0.6; color: inherit; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap { width: 90%; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap #s_donation_range_slider { margin-bottom: 50px; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap .s_range_bubble { position: absolute; left: 0%; margin-top: 28px; padding: 0.5rem 1rem; color: #FFFFFF; background: #714b67; font-size: 1.15rem; border-radius: 0.3rem; transform: translateX(-50%); } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap .s_range_bubble::after { content: ""; position: absolute; top: -5px; left: 50%; width: 0; border-style: solid; border-color: #714b67 transparent; border-width: 0 5px 5px; margin-left: -5px; } /* /website_sale/static/src/snippets/s_dynamic_snippet_products/000.scss */ .o_rtl .s_dynamic_snippet_products { --o-chevron-rtl-rotate: 180deg; } .s_dynamic_snippet_products .s_dynamic_snippet_row.row { --gutter-x: var(--o-wsale-products-grid-gap, 16px); } .s_dynamic_snippet_products .carousel-item { padding-top: 1rem; padding-bottom: 1rem; } .s_dynamic_snippet_products.o_wsale_products_opt_design_grid .s_dynamic_snippet_row.row { --gutter-x: 0; --o-wsale-card-border-width: 1px 1px 1px 0; } .s_dynamic_snippet_products.o_wsale_products_opt_design_grid .s_dynamic_snippet_row.row > div:first-of-type { --o-wsale-card-border-width: 1px; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-next, .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-prev { aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1/1); width: var(--o-wsale-dynamic-snippet-col-size) !important; transform: scaleX(0.2); bottom: auto; isolation: isolate; padding-top: 1rem; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-next .oi, .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-prev .oi { transform: scaleX(5) rotate(var(--o-chevron-rtl-rotate, 0deg)); } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-next { transform-origin: center right; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-prev { transform-origin: center left; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel { --o-wsale-dynamic-snippet-col-size: var(--o-carousel-item-width-percentage); } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel:where(:has(.col-6)) { --o-wsale-dynamic-snippet-col-size: 50%; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel:where(:has(.col-3)) { --o-wsale-dynamic-snippet-col-size: 25%; } @media (max-width: 991.98px) { .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-next, .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-prev { aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1/1); width: var(--o-wsale-dynamic-snippet-col-size) !important; transform: scaleX(0.2); bottom: auto; isolation: isolate; padding-top: 1rem; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-next .oi, .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-prev .oi { transform: scaleX(5) rotate(var(--o-chevron-rtl-rotate, 0deg)); } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-next { transform-origin: center right; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-prev { transform-origin: center left; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel { --o-wsale-dynamic-snippet-col-size: var(--o-carousel-item-width-percentage); } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel:where(:has(.col-6)) { --o-wsale-dynamic-snippet-col-size: 50%; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel:where(:has(.col-3)) { --o-wsale-dynamic-snippet-col-size: 25%; } } @media (min-width: 768px) { .s_dynamic_snippet_products .container-fluid .s_dynamic_snippet_content .carousel-control-prev, .s_dynamic_snippet_products .container-sm .s_dynamic_snippet_content .carousel-control-prev, .s_dynamic_snippet_products .container-md .s_dynamic_snippet_content .carousel-control-prev, .s_dynamic_snippet_products .container-lg .s_dynamic_snippet_content .carousel-control-prev, .s_dynamic_snippet_products .container-xl .s_dynamic_snippet_content .carousel-control-prev, .s_dynamic_snippet_products .container-xxl .s_dynamic_snippet_content .carousel-control-prev { transform: translateX(50%); } .s_dynamic_snippet_products .container-fluid .s_dynamic_snippet_content .carousel-control-next, .s_dynamic_snippet_products .container-sm .s_dynamic_snippet_content .carousel-control-next, .s_dynamic_snippet_products .container-md .s_dynamic_snippet_content .carousel-control-next, .s_dynamic_snippet_products .container-lg .s_dynamic_snippet_content .carousel-control-next, .s_dynamic_snippet_products .container-xl .s_dynamic_snippet_content .carousel-control-next, .s_dynamic_snippet_products .container-xxl .s_dynamic_snippet_content .carousel-control-next { transform: translateX(-50%); } } /* /website_event/static/src/snippets/s_events/000.scss */ .s_dynamic .s_events_event_subtitle { font-size: 1rem; } .s_dynamic.s_event_event_picture .s_events_event .s_events_event_cover { max-height: 26rem; } .s_dynamic.s_event_event_picture .s_events_event .s_events_event_cover .o_record_cover_container { top: 0; } .s_dynamic.s_event_event_picture .row { align-items: stretch; } .s_dynamic.s_event_event_picture .row .s_events_event_subtitle { margin: 0; } .s_dynamic.s_event_event_card .card .s_events_event_cover, .s_dynamic.s_event_event_single_offset .card .s_events_event_cover { height: 180px; } .s_dynamic.s_event_event_card .card .s_events_event_cover .s_events_event_date, .s_dynamic.s_event_event_single_offset .card .s_events_event_cover .s_events_event_date { top: 1.5rem; right: 1.5rem; display: flex; flex-direction: column; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; text-align: center; } .s_dynamic.s_event_event_card .card .s_events_event_cover .s_events_event_date .s_events_event_month, .s_dynamic.s_event_event_single_offset .card .s_events_event_cover .s_events_event_date .s_events_event_month { font-size: 0.875rem; } .s_dynamic.s_event_event_card .card .s_events_event_cover .s_events_event_date .s_events_event_day, .s_dynamic.s_event_event_single_offset .card .s_events_event_cover .s_events_event_date .s_events_event_day { font-size: 1.25rem; } @media (min-width: 992px) { .s_dynamic.s_event_event_single_offset .position-lg-absolute { transform: translate(-50%, -50%); } } .s_dynamic.s_event_event_single_badge .s_cta_badge img { height: var(--body-font-size); } .s_dynamic.s_event_event_single_badge .s_cta_badge:hover { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } /* /website/static/src/snippets/s_social_media/000.scss */ .s_social_media { user-select: none; } .s_social_media > * { display: inline-block; vertical-align: middle; } .s_social_media .s_social_media_title { margin: 0 .4rem 0 0; } .s_social_media a i.fa, .s_social_media a span.fa { display: flex; justify-content: center; align-items: center; } .s_social_media a i.fa:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x).rounded-circle, .s_social_media a .fa.rounded-empty-circle:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x), .s_social_media a i.fa:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x).rounded, .s_social_media a span.fa:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x).rounded-circle, .s_social_media a span.fa:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x).rounded { width: 2.5rem; height: 2.5rem; } .s_social_media a:has(i:not(.fa-stack)) { margin: .2rem; } /* /website/static/src/snippets/s_text_cover/000.scss */ .s_text_cover > *:not(.o_scroll_button):not(#o_wblog_post_content_jump), .s_text_cover > *:not(.o_scroll_button):not(#o_wblog_post_content_jump) > .row { min-height: inherit; } /* /website/static/src/snippets/s_instagram_page/000.scss */ .s_instagram_page div.container-fluid, .s_instagram_page div.container-sm, .s_instagram_page div.container-md, .s_instagram_page div.container-lg, .s_instagram_page div.container-xl, .s_instagram_page div.container-xxl { padding: 0; } /* /website/static/src/snippets/s_features/000.scss */ .s_features .s_features_icon.float-start { margin-inline-end: var(--s_features_icon_margin, 1rem) !important; } .s_features .s_features_icon.float-end { margin-inline-start: var(--s_features_icon_margin, 1rem) !important; } /* /website/static/src/snippets/s_carousel/001.scss */ @media (min-width: 768px) { .s_carousel_wrapper[data-vcss='001'] .s_carousel.s_carousel_arrows_hidden .carousel-item { padding: 0; } } /* /website/static/src/snippets/s_carousel_intro/000.scss */ .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers { height: var(--CarouselControllers-size, 3rem); } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .s_carousel_intro_controllers_row { padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5); } .s_carousel_intro_wrapper .s_carousel_intro.s_carousel_arrows_hidden .o_arrows_wrapper { display: none; } /* /website/static/src/snippets/s_image_gallery/002.scss */ .o_add_snippets_preview .s_image_gallery[data-vcss="002"] { --snippet-preview-height: auto; } .s_image_gallery[data-vcss="002"].o_grid .img, .s_image_gallery[data-vcss="002"].o_masonry .img { width: 100%; } .s_image_gallery[data-vcss="002"].o_grid.o_spc-none div.row { margin-bottom: 0px; } .s_image_gallery[data-vcss="002"].o_grid.o_spc-small div.row > div { margin-bottom: 1rem; } .s_image_gallery[data-vcss="002"].o_grid.o_spc-medium div.row > div { margin-bottom: 2rem; } .s_image_gallery[data-vcss="002"].o_grid.o_spc-big div.row > div { margin-bottom: 3rem; } .s_image_gallery[data-vcss="002"].o_masonry.o_spc-none div.o_masonry_col { padding: 0; } .s_image_gallery[data-vcss="002"].o_masonry.o_spc-none div.o_masonry_col > img, .s_image_gallery[data-vcss="002"].o_masonry.o_spc-none div.o_masonry_col > a > img, .s_image_gallery[data-vcss="002"].o_masonry.o_spc-none div.o_masonry_col > .media_iframe_video { margin: 0 !important; } .s_image_gallery[data-vcss="002"].o_masonry.o_spc-small div.o_masonry_col { padding: 0 0.5rem; } .s_image_gallery[data-vcss="002"].o_masonry.o_spc-small div.o_masonry_col > img, .s_image_gallery[data-vcss="002"].o_masonry.o_spc-small div.o_masonry_col > a > img, .s_image_gallery[data-vcss="002"].o_masonry.o_spc-small div.o_masonry_col > .media_iframe_video { margin-bottom: 1rem !important; } .s_image_gallery[data-vcss="002"].o_masonry.o_spc-medium div.o_masonry_col { padding: 0 1rem; } .s_image_gallery[data-vcss="002"].o_masonry.o_spc-medium div.o_masonry_col > img, .s_image_gallery[data-vcss="002"].o_masonry.o_spc-medium div.o_masonry_col > a > img, .s_image_gallery[data-vcss="002"].o_masonry.o_spc-medium div.o_masonry_col > .media_iframe_video { margin-bottom: 2rem !important; } .s_image_gallery[data-vcss="002"].o_masonry.o_spc-big div.o_masonry_col { padding: 0 1.5rem; } .s_image_gallery[data-vcss="002"].o_masonry.o_spc-big div.o_masonry_col > img, .s_image_gallery[data-vcss="002"].o_masonry.o_spc-big div.o_masonry_col > a > img, .s_image_gallery[data-vcss="002"].o_masonry.o_spc-big div.o_masonry_col > .media_iframe_video { margin-bottom: 3rem !important; } .s_image_gallery[data-vcss="002"].o_nomode.o_spc-none .row > div { padding-top: 0; padding-bottom: 0; } .s_image_gallery[data-vcss="002"].o_nomode.o_spc-small .row > div { padding-top: 0.5rem; padding-bottom: 0.5rem; } .s_image_gallery[data-vcss="002"].o_nomode.o_spc-medium .row > div { padding-top: 1rem; padding-bottom: 1rem; } .s_image_gallery[data-vcss="002"].o_nomode.o_spc-big .row > div { padding-top: 1.5rem; padding-bottom: 1.5rem; } .s_image_gallery[data-vcss="002"]:not(.o_slideshow) img { cursor: pointer; } .s_image_gallery[data-vcss="002"].o_slideshow .carousel, .s_image_gallery[data-vcss="002"].o_slideshow .carousel .carousel-inner { height: var(--snippet-preview-height, 100%); } .s_image_gallery[data-vcss="002"].o_slideshow .carousel .carousel-item.active, .s_image_gallery[data-vcss="002"].o_slideshow .carousel .carousel-item-next, .s_image_gallery[data-vcss="002"].o_slideshow .carousel .carousel-item-prev { display: flex; align-items: center; height: var(--snippet-preview-height, 100%); } .s_image_gallery[data-vcss="002"].o_slideshow .carousel .media_iframe_video { width: 70%; height: 100%; } .s_image_gallery[data-vcss="002"].o_slideshow > .container, .s_image_gallery[data-vcss="002"].o_slideshow > .container-fluid, .s_image_gallery[data-vcss="002"].o_slideshow > .container-sm, .s_image_gallery[data-vcss="002"].o_slideshow > .container-md, .s_image_gallery[data-vcss="002"].o_slideshow > .container-lg, .s_image_gallery[data-vcss="002"].o_slideshow > .container-xl, .s_image_gallery[data-vcss="002"].o_slideshow > .container-xxl, .s_image_gallery[data-vcss="002"].o_slideshow > .o_container_small { height: var(--snippet-preview-height, 100%); } .s_image_gallery[data-vcss="002"].o_slideshow > .container-fluid .carousel-item > a, .s_image_gallery[data-vcss="002"].o_slideshow > .container-sm .carousel-item > a, .s_image_gallery[data-vcss="002"].o_slideshow > .container-md .carousel-item > a, .s_image_gallery[data-vcss="002"].o_slideshow > .container-lg .carousel-item > a, .s_image_gallery[data-vcss="002"].o_slideshow > .container-xl .carousel-item > a, .s_image_gallery[data-vcss="002"].o_slideshow > .container-xxl .carousel-item > a { margin-right: auto; margin-left: auto; } .s_image_gallery[data-vcss="002"].o_slideshow > .container-fluid, .s_image_gallery[data-vcss="002"].o_slideshow > .container-sm, .s_image_gallery[data-vcss="002"].o_slideshow > .container-md, .s_image_gallery[data-vcss="002"].o_slideshow > .container-lg, .s_image_gallery[data-vcss="002"].o_slideshow > .container-xl, .s_image_gallery[data-vcss="002"].o_slideshow > .container-xxl { padding: 0; } .s_image_gallery[data-vcss="002"].o_slideshow .o_carousel_controllers { display: contents; } .s_image_gallery[data-vcss="002"].o_slideshow .carousel-indicators { align-items: center; min-width: 0; overflow: auto hidden; justify-content: flex-start; flex-wrap: nowrap; scrollbar-width: none; } .s_image_gallery[data-vcss="002"].o_slideshow .carousel-indicators > button { flex-shrink: 0; } .s_image_gallery[data-vcss="002"].o_slideshow .carousel-indicators.o_faded_left { mask: linear-gradient(to right, transparent, #000 3rem); } .s_image_gallery[data-vcss="002"].o_slideshow .carousel-indicators.o_faded_right { mask: linear-gradient(to right, #000 calc(100% - 3rem), transparent); } .s_image_gallery[data-vcss="002"].o_slideshow .carousel-indicators.o_faded_left.o_faded_right { mask: linear-gradient(to right, transparent, #000 3rem, #000 calc(100% - 3rem), transparent); } .s_image_gallery[data-vcss="002"].o_slideshow .carousel-control-prev, .s_image_gallery[data-vcss="002"].o_slideshow .carousel-control-next { border-radius: 0.25rem; } .s_image_gallery[data-vcss="002"].o_slideshow .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow .carousel-control-next-icon { width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); background-size: 50%; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_default .carousel-control-prev:hover, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_default .carousel-control-next:hover { background: rgba(0, 0, 0, 0.2); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_default .carousel-dark .carousel-control-prev:hover, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_default .carousel-dark .carousel-control-next:hover { background: rgba(255, 255, 255, 0.2); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_boxed .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_boxed .carousel-control-next-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-control-next-icon { border-radius: 0.25rem; border: 1px solid var(--o-border-color); background-color: #000; filter: invert(1) grayscale(100); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_boxed .carousel-dark .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_boxed .carousel-dark .carousel-control-next-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-dark .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-dark .carousel-control-next-icon { filter: none; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-control-next-icon { border-radius: 50rem; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_hidden .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_hidden .carousel-control-next-icon { display: none; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_bars .carousel-indicators > button { background-image: none !important; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_squared .carousel-indicators > button, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_rounded .carousel-indicators > button { width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); border: 0; background-size: cover; background-position: center; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_squared .carousel-indicators > button:not(.active):not(:hover), .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_rounded .carousel-indicators > button:not(.active):not(:hover) { filter: grayscale(1); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_squared .carousel-indicators > button:hover, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_rounded .carousel-indicators > button:hover { opacity: 1; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_rounded .carousel-indicators > button { border-radius: 50rem; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_dots .carousel-indicators > button { width: 0.75rem; height: 0.75rem; border: 0; border-radius: 50rem; background-image: none !important; transform: scale(0.5); transition: opacity .6s ease, transform .6s ease; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_dots .carousel-indicators > button:before { position: absolute; inset: -12px; display: block; content: ''; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_dots .carousel-indicators > button.active { inset: -3px; transform: scale(0.8); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators { flex-wrap: wrap; height: auto; counter-reset: numberList; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button { display: flex; align-items: center; gap: 0.25rem; width: auto; height: auto; margin: 0; border: 0; padding: 0 0.5rem 0; background: none !important; color: #FFF; text-indent: 0; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button:hover { opacity: 1; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button:before { content: counter(numberList); counter-increment: numberList; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button:after { display: block; width: 0; border-top: 2px solid #FFF; transition: all 0.2s ease-in-out; content: ''; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button.active:after { width: 1.5rem; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-dark button { color: #000; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-dark button:after { border-color: #000; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_hidden .carousel-indicators { display: none; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:where(:not(.s_image_gallery_indicators_hidden)) .carousel-inner, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .carousel-inner { padding-bottom: calc(var(--CarouselControllers-size, 3rem) + 0.5rem); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:where(:not(.s_image_gallery_indicators_hidden)) .o_carousel_controllers, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .o_carousel_controllers { height: var(--CarouselControllers-size, 3rem); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:where(:not(.s_image_gallery_indicators_hidden)).s_image_gallery_indicators_numbers .o_carousel_controllers, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside.s_image_gallery_indicators_numbers .o_carousel_controllers { height: auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside .o_carousel_controllers { justify-content: center; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:not(.s_image_gallery_indicators_hidden) .carousel-control-prev, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:not(.s_image_gallery_indicators_hidden) .carousel-control-next { bottom: calc(var(--CarouselControllers-size, 3rem) + 0.5rem); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside .carousel-indicators { bottom: 0; height: var(--CarouselControllers-size, 3rem); margin-bottom: 0; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside.s_image_gallery_indicators_numbers .carousel-indicators { height: auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .o_carousel_controllers { position: absolute; bottom: 0; display: flex; align-items: center; gap: 0.5rem; justify-content: space-between; width: 100%; margin-top: 0.5rem; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .o_carousel_controllers > * { position: relative; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .carousel-indicators { margin: 0 auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .carousel-control-prev, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .carousel-control-next { width: auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_left .o_carousel_controllers { justify-content: start; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_left .carousel-control-prev, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_left .carousel-control-next { order: 1; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_left .carousel-indicators { order: 2; margin: 0 0 0 auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_right .carousel-control-prev, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_right .carousel-control-next { order: 2; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_right .carousel-control-prev { margin-left: auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_right .carousel-indicators { order: 1; margin: 0; } :where(.s_image_gallery[data-vcss="002"].s_image_gallery_indicators_squared, .s_image_gallery[data-vcss="002"].s_image_gallery_indicators_rounded) .carousel-indicators [data-bs-target], :where(.s_image_gallery[data-vcss="002"].s_image_gallery_indicators_squared, .s_image_gallery[data-vcss="002"].s_image_gallery_indicators_rounded) .carousel-dark .carousel-indicators [data-bs-target] { background-color: white; } .s_gallery_lightbox .modal-dialog { height: 100%; background-color: rgba(0, 0, 0, 0.7); } @media (min-width: 576px) { .s_gallery_lightbox .modal-dialog { max-width: 100%; padding: 0; } } .s_gallery_lightbox div.carousel-indicators { display: none; } .s_gallery_lightbox .modal-body.o_slideshow .carousel-item > a { display: flex; height: 100%; width: 100%; } .s_gallery_lightbox .modal-body.o_slideshow .carousel-item > a > img, .s_gallery_lightbox .modal-body.o_slideshow .carousel-item > img { max-height: 100%; max-width: 100%; margin: auto; } .s_gallery_lightbox .modal-body.o_slideshow .carousel { height: 100%; } .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-inner { height: 100%; } .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item.active, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-prev, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev { display: flex; align-items: center; height: 100%; } .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev-icon, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next-icon { width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); background-size: 50%; background-color: #000; border-radius: 0.25rem; } /* /website/static/src/snippets/s_features_grid/001.scss */ .s_features_grid[data-vcss="001"] .s_features_grid_icon.float-start { margin-inline-end: var(--s_features_grid_icon_margin, 1rem) !important; } .s_features_grid[data-vcss="001"] .s_features_grid_icon.float-end { margin-inline-start: var(--s_features_grid_icon_margin, 1rem) !important; } /* /website/static/src/snippets/s_quotes_carousel/002.scss */ .s_quotes_carousel_wrapper[data-vcss='002'] .s_blockquote { margin-bottom: 0; } @media (max-width: 767.98px) { .s_quotes_carousel_wrapper[data-vcss='002'] .s_blockquote { width: 100% !important; } } /* /website/static/src/snippets/s_showcase/003.scss */ .s_showcase[data-vcss='003'] .s_showcase_icon.float-start { margin-inline-end: var(--s_showcase_icon_margin, 1rem) !important; } .s_showcase[data-vcss='003'] .s_showcase_icon.float-end { margin-inline-start: var(--s_showcase_icon_margin, 1rem) !important; } /* /website/static/src/snippets/s_timeline/002.scss */ @media (min-width: 768px) { .s_timeline[data-vcss="002"] { --o-dot-left: 50%; --o-dot-line-left: 50%; } } @media (max-width: 767.98px) { .s_timeline[data-vcss="002"] .s_timeline_card { margin-left: 0 !important; margin-right: 0 !important; } } /* /website/static/src/snippets/s_timeline_list/000.scss */ .s_timeline_list { --o-dot-left: calc(var(--o-timeline-dot-size, 24px) * 0.5); --o-dot-line-left: calc(var(--o-timeline-dot-size, 24px) * 0.5); } .s_timeline_list .s_timeline_list_row { padding-left: calc(var(--o-timeline-dot-size, 24px) * 1.25); } .s_timeline_list .s_timeline_list_row:last-of-type .o_dot_line { display: none; } /* /website/static/src/snippets/s_process_steps/002.scss */ .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_number { width: 5rem; height: 5rem; } .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_number img { object-fit: contain; } .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector { height: 5rem; width: calc(100% - 5rem); left: calc(50% + 2.5rem + 16px); transform: unset; } .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector.o_up_curve { transform: scale(1, -1); } .o_rtl .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector { transform: scale(-1, 1); } .o_rtl .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector.o_up_curve { transform: scale(-1, -1); } .s_process_steps[data-vcss='002'] .s_process_step .s_process_step_connector path { stroke: var(--o-border-color); fill: transparent; } .s_process_steps[data-vcss='002'] .s_process_step:last-child .s_process_step_connector { display: none; } .s_process_steps[data-vcss='002'] .s_process_steps_arrow_head path { fill: #6C757D; stroke: transparent; } @media (max-width: 991.98px) { .s_process_steps[data-vcss='002'] .s_process_step_connector { display: none; } } /* /website/static/src/snippets/s_accordion/000.scss */ .s_accordion .accordion { --accordion-btn-focus-box-shadow: inset 0 0 0 0.25rem rgba(113, 75, 103, 0.25); } .s_accordion .accordion-button:not(:focus-visible) { box-shadow: none; } .s_accordion .accordion-button:after { margin: 0; background: none; font-family: 'odoo_ui_icons'; text-align: center; content: '\e839'; } .s_accordion .o_icons_side_to_bottom { --accordion-btn-icon-transform: rotate(0deg); } .s_accordion .o_icons_side_to_bottom > .accordion-item > .accordion-button.collapsed.o_icons_position_reversed:after { transform: rotate(-90deg); } .s_accordion .o_icons_side_to_bottom > .accordion-item > .accordion-button.collapsed:after { transform: rotate(90deg); } .s_accordion .o_custom_icons_wrap { width: 1.25rem; height: 1.25rem; } .s_accordion .o_icons_plus_to_minus > .accordion-item > .accordion-header > .o_custom_icons_wrap:before, .s_accordion .o_icons_plus_to_minus > .accordion-item > .accordion-header > .o_custom_icons_wrap:after { content: ''; position: absolute; inset: 0; height: 2px; display: block; margin: auto 0.25rem; background: currentColor; transition: transform 0.2s ease-in-out; } .s_accordion .o_icons_plus_to_minus > .accordion-item > .accordion-button.collapsed .o_custom_icons_wrap:after { transform: rotate(90deg); } .s_accordion .o_custom_icons > .accordion-item > .accordion-button:after { display: none; } .s_accordion .o_custom_icons.o_transition > .accordion-item > .accordion-button > .o_custom_icons_wrap > span { transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; } .s_accordion .o_custom_icons > .accordion-item > .accordion-button.collapsed .o_custom_icon_active, .s_accordion .o_custom_icons > .accordion-item > .accordion-button:not(.collapsed) .o_custom_icon_inactive { opacity: 0; } .s_accordion .o_custom_icons.o_transition_scale > .accordion-item > .accordion-button.collapsed .o_custom_icon_active, .s_accordion .o_custom_icons.o_transition_scale > .accordion-item > .accordion-button:not(.collapsed) .o_custom_icon_inactive { transform: scale(0); opacity: 1; } .s_accordion .o_custom_icons.o_transition_translate > .accordion-item > .accordion-button.collapsed .o_custom_icon_active, .s_accordion .o_custom_icons.o_transition_translate > .accordion-item > .accordion-button:not(.collapsed) .o_custom_icon_inactive { opacity: 1; } .s_accordion .o_custom_icons.o_transition_translate > .accordion-item > .accordion-button.collapsed .o_custom_icon_active { transform: translateY(-100%); } .s_accordion .o_custom_icons.o_transition_translate > .accordion-item > .accordion-button:not(.collapsed) .o_custom_icon_inactive { transform: translateY(100%); } .s_accordion .s_accordion_highlight > .accordion-item { border: 0; border-radius: var(--accordion-border-radius); overflow: hidden; } .s_accordion .s_accordion_highlight > .accordion-item:has(> .collapsed) { background: transparent !important; color: inherit; } .s_accordion .s_accordion_highlight > .accordion-item:not(:has(> .collapsed))::before { position: absolute; inset: 0; display: block; background: rgba(0, 0, 0, 0.4); background-color: color-mix(in srgb, currentColor 4%, transparent); content: ''; z-index: -1; } .s_accordion .accordion-flush .accordion-item:first-of-type { border-top-left-radius: var(--accordion-border-radius); border-top-right-radius: var(--accordion-border-radius); } .s_accordion .accordion-flush .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--accordion-inner-border-radius); border-top-right-radius: var(--accordion-inner-border-radius); } .s_accordion .accordion-flush .accordion-item:last-of-type { border-bottom-right-radius: var(--accordion-border-radius); border-bottom-left-radius: var(--accordion-border-radius); } .s_accordion .accordion-flush .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--accordion-inner-border-radius); border-bottom-left-radius: var(--accordion-inner-border-radius); } .s_accordion .accordion-flush .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--accordion-border-radius); border-bottom-left-radius: var(--accordion-border-radius); } /* /website/static/src/snippets/s_pricelist_cafe/000.scss */ @media (max-width: 991.98px) { .s_pricelist_cafe > .o_html_builder_Origins_19:not(.o_shape_show_mobile) { display: none; } } /* /website/static/src/snippets/s_progress_bar/001.scss */ .s_progress_bar[data-vcss="001"] .s_progress_bar_wrapper { flex-direction: column; } .s_progress_bar[data-vcss="001"] .progress { --progress-bg: color-mix(in srgb, currentColor 20%, transparent); --progress-font-size: 1rem; } .s_progress_bar[data-vcss="001"].s_progress_bar_label_inline .progress { --progress-height: 1.6em; } .s_progress_bar[data-vcss="001"].s_progress_bar_label_below .s_progress_bar_text { text-align: right; } .s_progress_bar[data-vcss="001"].s_progress_bar_label_after .s_progress_bar_wrapper { flex-direction: row; align-items: center; } .s_progress_bar[data-vcss="001"].s_progress_bar_label_after .progress { flex-basis: 100%; } /* /website/static/src/snippets/s_blockquote/001.scss */ .s_blockquote[data-vcss="001"] { border: 0; border-radius: 0.625rem; } .s_blockquote[data-vcss="001"].s_blockquote_with_line { overflow: hidden; } .s_blockquote[data-vcss="001"] .s_blockquote_avatar { width: 3rem; } .s_blockquote[data-vcss="001"] .s_blockquote_line_elt { width: 0.25rem; } .s_blockquote[data-vcss="001"]:not(.s_blockquote_with_line) > .s_blockquote_line_elt, .s_blockquote[data-vcss="001"]:not(.s_blockquote_with_icon) > .s_blockquote_wrap_icon, .s_blockquote[data-vcss="001"] .s_blockquote_infos { display: none; } /* /website/static/src/snippets/s_mega_menu_big_icons_subtitles/000.scss */ @media (min-width: 768px) and (max-width: 991.98px) { .s_mega_menu_big_icons_subtitles:not([data-vcss]) .row > div.col-md-6 { min-width: fit-content; } } /* /website/static/src/snippets/s_quadrant/000.scss */ /* /website/static/src/snippets/s_alert/001.scss */ .s_alert[data-vcss='001'] { margin: 16px 0; } .s_alert[data-vcss='001'] p:last-child, .s_alert[data-vcss='001'] ul:last-child, .s_alert[data-vcss='001'] ol:last-child { margin-bottom: 0; } .s_alert[data-vcss='001'].s_alert_sm { padding: 10.66666667px; font-size: 0.875rem; } .s_alert[data-vcss='001'].s_alert_md { padding: 16px; font-size: 1rem; } .s_alert[data-vcss='001'].s_alert_lg { padding: 32px; font-size: 1.25rem; } .s_alert[data-vcss='001'] .s_alert_icon { float: left; background-color: black; background-color: color-mix(in srgb, currentColor 15%, transparent); } .s_alert[data-vcss='001'] .s_alert_content { overflow: hidden; } /* /website/static/src/snippets/s_website_form_cover/000.scss */ .s_website_form_cover > *:not(.o_scroll_button):not(#o_wblog_post_content_jump), .s_website_form_cover > *:not(.o_scroll_button):not(#o_wblog_post_content_jump) > .row { min-height: inherit; } /* /website_appointment/static/src/snippets/s_appointments/000.scss */ .s_appointments .s_appointments_picture_item { --AppointmentMessage-line-clamp: 3; } .s_appointments .s_appointments_picture_item .o_wappointment_message_intro font { background: none !important; color: #FFF !important; } .s_appointments .s_appointments_picture_item:where(:not(:hover):not(:focus-visible)) .s_appointments_picture_head { transform: translate(0, 50%); } .s_appointments .s_appointments_list_item { --DynamicSnippet__entry-maxWidth: auto; --AppointmentMessage-line-clamp: 2; } .s_appointments .s_appointments_list_item .row { --gutter-x: 2rem; } .s_appointments .s_appointments_list_item > div { border: 1px solid var(--o-border-color); } .s_appointments .s_appointments_list_item > div:hover { border-color: #714b67; } /* /website/static/src/snippets/s_carousel_cards/000.scss */ .s_carousel_cards_wrapper .s_carousel_cards { --CarouselControllers-size: 2.5rem; --CardBody-padding: 1.5rem; } @media (max-width: 991.98px) { .s_carousel_cards_wrapper .s_carousel_cards { --CardBody-extra-height: 0px !important; } } @media (max-width: 991.98px) { .s_carousel_cards_wrapper .s_carousel_cards { --CardBody-padding: 1rem; } } .s_carousel_cards_wrapper .s_carousel_cards .carousel-item.active, .s_carousel_cards_wrapper .s_carousel_cards .carousel-item-next, .s_carousel_cards_wrapper .s_carousel_cards .carousel-item-prev { display: flex; } .s_carousel_cards_wrapper .s_carousel_cards .s_card { --card-img-size-h: inherit; --card-spacer-y: var(--CardBody-padding); --card-spacer-x: var(--CardBody-padding); } .s_carousel_cards_wrapper .s_carousel_cards:not(.s_carousel_controllers_hidden) .card-body { padding-bottom: calc(var(--CarouselControllers-size, 3rem) + 2* var(--CardBody-padding) + var(--CardBody-extra-height)); } .s_carousel_cards_wrapper .s_carousel_cards .s_carousel_cards_item:only-child .card-body { padding-bottom: calc(var(--card-spacer-y) + var(--CardBody-extra-height)); } .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers { margin-left: calc(var(--gutter-x) * .5); margin-right: calc(var(--gutter-x) * .5); margin-bottom: var(--CardBody-padding); } .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers_row { padding: 0 var(--CardBody-padding); } @media (min-width: 992px) { .s_carousel_cards_wrapper .s_carousel_cards.s_carousel_cards_with_img .o_horizontal_controllers_row { margin: 0 0 0 var(--card-img-size-h); } .s_carousel_cards_wrapper .s_carousel_cards.s_carousel_cards_with_img:has(.s_card.flex-lg-row-reverse) .o_horizontal_controllers_row { margin: 0 var(--card-img-size-h) 0 0; } .s_carousel_cards_wrapper .s_carousel_cards .o_card_img { min-height: 100%; aspect-ratio: 1/var(--card-img-ratio-v); } } /* /website/static/src/snippets/s_tabs/003.scss */ .s_tabs_common { --tabs-bg-color: #F9FAFB; --tabs-link-color: #374151; } .s_tabs_common .nav-link:focus-visible { box-shadow: inset 0 0 0 0.25rem rgba(113, 75, 103, 0.25); } .s_tabs_common .nav-underline { --nav-underline-link-active-color: currentColor; } .s_tabs_common .s_tabs_content.s_tabs_slide_up > .tab-pane.fade, .s_tabs_common .s_tabs_content.s_tabs_slide_down > .tab-pane.fade, .s_tabs_common .s_tabs_content.s_tabs_slide_left > .tab-pane.fade, .s_tabs_common .s_tabs_content.s_tabs_slide_right > .tab-pane.fade { transition: all 0.2s ease-in-out; } .s_tabs_common .s_tabs_content.s_tabs_slide_up > .tab-pane.fade:where(:not(.show)) { transform: translateY(-1rem); } .s_tabs_common .s_tabs_content.s_tabs_slide_down > .tab-pane.fade:where(:not(.show)) { transform: translateY(1rem); } .s_tabs_common .s_tabs_content.s_tabs_slide_left > .tab-pane.fade:where(:not(.show)) { transform: translateX(-1rem); } .s_tabs_common .s_tabs_content.s_tabs_slide_right > .tab-pane.fade:where(:not(.show)) { transform: translateX(1rem); } .s_tabs_common .s_tabs_main .nav-tabs { --nav-tabs-link-hover-border-color: transparent; } .s_tabs_common .s_tabs_main.o_direction_horizontal .nav { white-space: nowrap; } @media (max-width: 767.98px) { .s_tabs_common .s_tabs_main .nav { white-space: nowrap; } } .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-tabs), .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons) { background: var(--tabs-bg-color, #F9FAFB); } .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-tabs) .nav .nav-item a.nav-link, .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons) .nav .nav-item a.nav-link { color: var(--tabs-link-color, #374151); } .s_tabs_common .s_tabs_main .nav-tabs a.active { color: #374151; } .s_tabs_common .s_tabs_main .nav-underline { border-bottom: 1px solid var(--o-border-color); } .s_tabs_common .s_tabs_main .nav-underline .nav-link { margin-bottom: -1px; } .s_tabs_common .s_tabs_main .nav-underline .nav-link:not(.active) { border: 0; } @media (min-width: 576px) { .s_tabs_common .s_tabs_main.row .nav-underline { border-bottom: 0; border-left: 1px solid var(--o-border-color); } .s_tabs_common .s_tabs_main.row .nav-underline .nav-link { margin-left: -1px; padding: 0.25rem 1rem; } .s_tabs_common .s_tabs_main.row .nav-underline .nav-link.active { border-left: 2px solid #714b67; border-bottom: 0; } } .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-justified), .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-justified) .nav-buttons, .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-fill), .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-fill) .nav-buttons { width: 100%; } .s_tabs_common .s_tabs_main .nav-buttons .active { color: #111827; background-color: #FFF; } .s_tabs_common .s_tabs_main .nav-buttons .active:where(:not(:focus-visible)) { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .s_tabs_common .s_tabs_main .nav-pills .active:where(:focus-visible) { box-shadow: inset 0 0 0 0.25rem rgba(255, 255, 255, 0.25); } /* /website/static/src/snippets/s_tabs_images/000.scss */ .s_tabs_images .o_nav_tabs_description { display: none; } @media (min-width: 992px) { .s_tabs_images .s_tabs_nav_with_descriptions:where(.s_tabs_nav_vertical) :where(.o_nav_tabs_description), .s_tabs_images .s_tabs_nav_with_descriptions_active:where(.s_tabs_nav_vertical) .active > :where(.o_nav_tabs_description) { display: block; } } .s_tabs_images .s_tabs_pills_template .nav-link.active { background: var(--nav-pills-link-active-bg) !important; color: var(--nav-pills-link-active-color) !important; } /* /website/static/src/snippets/s_floating_blocks/000.scss */ .s_floating_blocks { --floating-boxes-box-ratio-sm: 0.6; --floating-boxes-box-ratio-lg: 2; --floating-boxes-box-ratio-lg-container-small: 1.6; --floating-boxes-box-ratio-xl: 2.3; --floating-boxes-box-padding-x-sm: 1.5rem; --floating-boxes-box-padding-x-lg: 3rem; --floating-boxes-grid-rows: 8; } .s_floating_blocks .s_floating_blocks_block { border-radius: inherit; box-shadow: inherit; top: 0; opacity: 0; transition: opacity .2s; will-change: transform; transform-origin: center top; contain: layout paint; backface-visibility: hidden; padding-left: var(--floating-boxes-box-padding-x, var(--floating-boxes-box-padding-x-sm)); padding-right: var(--floating-boxes-box-padding-x, var(--floating-boxes-box-padding-x-sm)); aspect-ratio: var(--floating-boxes-box-ratio, var(--floating-boxes-box-ratio-sm)); max-height: calc(100vh - 6rem) !important; max-height: calc(100lvh - 6rem) !important; } @media (min-width: 992px) { .s_floating_blocks > .container, .s_floating_blocks > .o_container_small, .s_floating_blocks > .container-fluid, .s_floating_blocks > .container-sm, .s_floating_blocks > .container-md, .s_floating_blocks > .container-lg, .s_floating_blocks > .container-xl, .s_floating_blocks > .container-xxl { --floating-boxes-box-ratio: var(--floating-boxes-box-ratio-lg); --floating-boxes-box-padding-x: var(--floating-boxes-box-padding-x-lg); } .s_floating_blocks > .o_container_small { --floating-boxes-box-ratio: var(--floating-boxes-box-ratio-lg-container-small); } .s_floating_blocks > .container-fluid > div, .s_floating_blocks > .container-sm > div, .s_floating_blocks > .container-md > div, .s_floating_blocks > .container-lg > div, .s_floating_blocks > .container-xl > div, .s_floating_blocks > .container-xxl > div { padding-left: 3rem; padding-right: 3rem; } .s_floating_blocks .s_floating_blocks_block > .container, .s_floating_blocks .s_floating_blocks_block > .container-fluid, .s_floating_blocks .s_floating_blocks_block > .container-sm, .s_floating_blocks .s_floating_blocks_block > .container-md, .s_floating_blocks .s_floating_blocks_block > .container-lg, .s_floating_blocks .s_floating_blocks_block > .container-xl, .s_floating_blocks .s_floating_blocks_block > .container-xxl, .s_floating_blocks .s_floating_blocks_block > .o_container_small { height: calc(50px * var(--floating-boxes-grid-rows)); } } @media (min-width: 1200px) { .s_floating_blocks > .container, .s_floating_blocks > .o_container_small, .s_floating_blocks > .container-fluid, .s_floating_blocks > .container-sm, .s_floating_blocks > .container-md, .s_floating_blocks > .container-lg, .s_floating_blocks > .container-xl, .s_floating_blocks > .container-xxl { --floating-boxes-box-ratio: var(--floating-boxes-box-ratio-xl); } .s_floating_blocks > .container-fluid > div, .s_floating_blocks > .container-sm > div, .s_floating_blocks > .container-md > div, .s_floating_blocks > .container-lg > div, .s_floating_blocks > .container-xl > div, .s_floating_blocks > .container-xxl > div { padding-left: 6rem; padding-right: 6rem; } } @media (min-width: 1400px) { .s_floating_blocks > .container-fluid > div, .s_floating_blocks > .container-sm > div, .s_floating_blocks > .container-md > div, .s_floating_blocks > .container-lg > div, .s_floating_blocks > .container-xl > div, .s_floating_blocks > .container-xxl > div { padding-left: 9rem; padding-right: 9rem; } } .s_floating_blocks .s_floating_blocks_wrapper.s_floating_blocks_wrapper_shadow { box-shadow: 0px 1vh 2vh rgba(0, 0, 0, 0.175); } /* /website/static/src/snippets/s_announcement_scroll/000.scss */ .s_announcement_scroll { overflow-x: clip; font-size: clamp(40px, calc(var(--marquee-item-font-size, 80) * .05vw), 200px); } .s_announcement_scroll .s_announcement_scroll_marquee_item { white-space: preserve nowrap; caret-color: transparent; } @media (prefers-reduced-motion: reduce) { .s_announcement_scroll .s_announcement_scroll_marquee_item { animation: none !important; } } .s_announcement_scroll .s_announcement_scroll_heading_family .s_announcement_scroll_marquee_item { font-family: "Inter", "Odoo Unicode Support Noto", sans-serif; font-weight: 600; } .s_announcement_scroll.s_announcement_scroll_direction_right { --marquee-animation: o-marquee-scroll-right; } .s_announcement_scroll.s_announcement_scroll_direction_none { --marquee-animation: none; } .s_announcement_scroll.s_announcement_scroll_ready .s_announcement_scroll_marquee_item { --marquee-animation-time: calc((25s - var(--marquee-animation-speed) * 2) * var(--marquee-item-size) * .001); animation-composition: add; animation: var(--marquee-animation, o-marquee-scroll-left) linear infinite var(--marquee-animation-time), var(--marquee-animation, o-marquee-scroll-left) linear infinite calc(var(--marquee-animation-time) * var(--marquee-animation-hover-multiplier, 1)) reverse paused; } .s_announcement_scroll.s_announcement_scroll_ready.s_announcement_scroll_hover_slow .s_announcement_scroll_marquee_item { --marquee-animation-hover-multiplier: 2; } @media (hover: hover) { .s_announcement_scroll.s_announcement_scroll_ready:where(:hover:not(.s_announcement_scroll_page_scrolling)).s_announcement_scroll_hover_pause .s_announcement_scroll_marquee_item { animation-play-state: paused; } .s_announcement_scroll.s_announcement_scroll_ready:where(:hover:not(.s_announcement_scroll_page_scrolling)).s_announcement_scroll_hover_slow .s_announcement_scroll_marquee_item { animation-play-state: running; } .s_announcement_scroll.s_announcement_scroll_ready:where(:hover:not(.s_announcement_scroll_page_scrolling)).s_announcement_scroll_hover_direction .s_announcement_scroll_marquee_item { animation-play-state: paused, running; } } .s_announcement_scroll.s_announcement_scroll_ready:where(.s_announcement_scroll_page_scrolling).s_announcement_scroll_parallax .s_announcement_scroll_marquee_item { animation-play-state: paused; } @keyframes o-marquee-scroll-left { to { transform: translateX(-100%); } } @keyframes o-marquee-scroll-right { from { transform: translateX(-100%); } } /* /website/static/src/snippets/s_attributes_horizontal/000.scss */ .s_attributes_horizontal .s_attributes_horizontal_img.float-start { margin-inline-end: var(--s_attributes_horizontal_margin, 1rem) !important; } .s_attributes_horizontal .s_attributes_horizontal_img.float-end { margin-inline-start: var(--s_attributes_horizontal_margin, 1rem) !important; } /* /website/static/src/snippets/s_attributes_vertical/000.scss */ .s_attributes_vertical .s_attributes_vertical_img.float-start { margin-inline-end: var(--s_attributes_vertical_margin, 1rem) !important; } .s_attributes_vertical .s_attributes_vertical_img.float-end { margin-inline-start: var(--s_attributes_vertical_margin, 1rem) !important; } /* /website/static/src/snippets/s_ecomm_categories_showcase/000.scss */ .s_ecomm_categories_showcase { --ecomm-categories-showcase-min-height: 50vh; --ecomm-categories-showcase-width: 85%; --ecomm-categories-showcase-row-height: 100%; --ecomm-categories-showcase-flex-base: 1; --ecomm-categories-showcase-edge-spacing: 16px; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_block { flex: 0 0 auto; scroll-snap-align: start; width: var(--ecomm-categories-showcase-width); overflow: hidden; min-height: 45vh; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_block .s_ecomm_categories_showcase_row { height: var(--ecomm-categories-showcase-row-height); padding: 1.5rem; margin: 0; z-index: 2; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_block .o_bg_video_container iframe { top: 50%; left: 50%; transform: translate(-50%, -50%); } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content { width: 100%; padding: 0; } @media (max-width: 991.98px) { .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper { margin-left: calc(var(--ecomm-categories-showcase-edge-spacing) * -1); margin-right: calc(var(--ecomm-categories-showcase-edge-spacing) * -1); padding: 0 var(--ecomm-categories-showcase-edge-spacing); scroll-padding-left: var(--ecomm-categories-showcase-edge-spacing); scroll-padding-right: var(--ecomm-categories-showcase-edge-spacing); } } @media (min-width: 768px) and (max-width: 991.98px) { .s_ecomm_categories_showcase { --ecomm-categories-showcase-width: 55%; } } @media (min-width: 992px) { .s_ecomm_categories_showcase .container-fluid, .s_ecomm_categories_showcase .container-sm, .s_ecomm_categories_showcase .container-md, .s_ecomm_categories_showcase .container-lg, .s_ecomm_categories_showcase .container-xl, .s_ecomm_categories_showcase .container-xxl { padding: 0 var(--ecomm-categories-showcase-fluid-padding-x, 0); } .s_ecomm_categories_showcase .container-fluid:has(.gap-4), .s_ecomm_categories_showcase .container-sm:has(.gap-4), .s_ecomm_categories_showcase .container-md:has(.gap-4), .s_ecomm_categories_showcase .container-lg:has(.gap-4), .s_ecomm_categories_showcase .container-xl:has(.gap-4), .s_ecomm_categories_showcase .container-xxl:has(.gap-4) { --ecomm-categories-showcase-fluid-padding-x: 32px; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper { flex-wrap: wrap; overflow-x: visible; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_block { flex: var(--ecomm-categories-showcase-flex-base); min-height: var(--ecomm-categories-showcase-min-height); width: auto; transition: flex 0.3s ease-out; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper:hover .s_ecomm_categories_showcase_block, .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper:focus-within .s_ecomm_categories_showcase_block:not(:focus-within) { flex: var(--ecomm-categories-showcase-flex-base); } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper:hover .s_ecomm_categories_showcase_block:hover, .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper .s_ecomm_categories_showcase_block:focus-within { flex: 3; } .s_ecomm_categories_showcase.first-large-layout .s_ecomm_categories_showcase_block:first-child { flex: 2; } } .s_ecomm_categories_showcase.o_min_height_short { --ecomm-categories-showcase-min-height: 25vh; } @media (max-width: 767.98px) { .s_ecomm_categories_showcase.o_min_height_short .s_ecomm_categories_showcase_block { min-height: 30vh; } } .s_ecomm_categories_showcase.o_min_height_tall { --ecomm-categories-showcase-min-height: 75vh; } @media (max-width: 767.98px) { .s_ecomm_categories_showcase.o_min_height_tall .s_ecomm_categories_showcase_block { min-height: 60vh; } } /* /website/static/src/snippets/s_banner_categories/000.scss */ /* /_custom/web.assets_frontend/website/static/src/scss/user_custom_rules.scss */ .x_wd_ff_script { font-family: "Caveat"; } .x_wd_ff_script[class*="display-1"] { font-size: calc(1.725rem + 5.7vw); } @media (min-width: 1200px) { .x_wd_ff_script[class*="display-1"] { font-size: 6rem; } } .x_wd_ff_script[class*="display-2"] { font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .x_wd_ff_script[class*="display-2"] { font-size: 5rem; } } .x_wd_ff_script[class*="display-3"] { font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .x_wd_ff_script[class*="display-3"] { font-size: 4rem; } } .x_wd_ff_script[class*="display-4"] { font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .x_wd_ff_script[class*="display-4"] { font-size: 3rem; } } .x_wd_ff_script[class*="display-5"] { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .x_wd_ff_script[class*="display-5"] { font-size: 2rem; } } .x_wd_ff_script[class*="display-6"] { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .x_wd_ff_script[class*="display-6"] { font-size: 1.75rem; } } .o_odoo_experience_2025 .o_we_online_agenda table td .o_we_agenda_card_filter_badges .badge { padding: 0.375rem 0.75rem; border-radius: 50rem; } .o_wesession_container { padding: 2rem; border-radius: 0.625rem; } #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_xp25 .o_wesession_index, #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_xp25 .o_wesponsor_index { border-top-width: 80px !important; } @media (min-width: 992px) and (max-width: 1199.98px) { #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_xp25 .o_wesession_index, #wrapwrap.o_odoo_experience_2025 > header + main > #wrap.o_xp25 .o_wesponsor_index { border-top-width: 100px !important; } } @media (max-width: 991.98px) { #o_xp25_nav { background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); } } #wrapwrap .x_wd_apps_switched { bottom: -240px !important; top: auto !important; } #wrapwrap.o_odoo_experience_2026_africa .text-o-color-6 { color: #E85757 !important; } #wrapwrap.o_odoo_experience_2026_africa .text-o-color-9 { color: #62DD8B !important; } #wrapwrap.o_odoo_experience_2026_africa .text-o-color-10 { color: #FC9540 !important; } #wrapwrap.o_odoo_experience_2026_africa #wrap .btn-primary, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .btn-primary { background-color: #62DD8B; border: 2px solid #62DD8B; } #wrapwrap.o_odoo_experience_2026_africa #wrap .btn-outline-primary, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .btn-outline-primary { border-color: #62DD8B; color: #62DD8B; } #wrapwrap.o_odoo_experience_2026_africa #wrap .nav-link:hover, #wrapwrap.o_odoo_experience_2026_africa #wrap .nav-link:focus, #wrapwrap.o_odoo_experience_2026_africa #wrap .dropdown-toggle:hover, #wrapwrap.o_odoo_experience_2026_africa #wrap .dropdown-toggle:focus, #wrapwrap.o_odoo_experience_2026_africa #wrap .dropdown-item:hover, #wrapwrap.o_odoo_experience_2026_africa #wrap .dropdown-item:focus, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .nav-link:hover, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .nav-link:focus, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .dropdown-toggle:hover, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .dropdown-toggle:focus, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .dropdown-item:hover, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .dropdown-item:focus { color: #62DD8B !important; } #wrapwrap.o_odoo_experience_2026_africa #wrap .dropdown-menu .dropdown-item:hover, #wrapwrap.o_odoo_experience_2026_africa #wrap .o_dropdown_menu .dropdown-item:hover, #wrapwrap.o_odoo_experience_2026_africa #wrap .dropdown-menu .dropdown-item:focus, #wrapwrap.o_odoo_experience_2026_africa #wrap .o_dropdown_menu .dropdown-item:focus, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .dropdown-menu .dropdown-item:hover, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .o_dropdown_menu .dropdown-item:hover, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .dropdown-menu .dropdown-item:focus, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .o_dropdown_menu .dropdown-item:focus { color: #62DD8B; } #wrapwrap.o_odoo_experience_2026_africa #wrap .dropdown-menu .dropdown-item.active, #wrapwrap.o_odoo_experience_2026_africa #wrap .o_dropdown_menu .dropdown-item.active, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .dropdown-menu .dropdown-item.active, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .o_dropdown_menu .dropdown-item.active { background-color: #62DD8B; } #wrapwrap.o_odoo_experience_2026_africa #wrap .s_tabs_nav .nav-pills .nav-link.active, #wrapwrap.o_odoo_experience_2026_africa #o_xp25_nav .s_tabs_nav .nav-pills .nav-link.active { background-color: #62DD8B; color: #111827 !important; } #wrapwrap.o_odoo_experience_2026_africa .o_wbooth_registration_form .o_wesponsor_exhibitor_main .o_wevent_sponsor a { color: #62DD8B; } #wrapwrap.o_odoo_experience_2026_africa .o_xp25_gradient_bg::after, #wrapwrap.o_odoo_experience_2026_africa .o_c25_usa_gradient_bg::after, #wrapwrap.o_odoo_experience_2026_africa .o_ocdlatam25_gradient_bg::after { background-image: url("/web/image/113539466-3029033e/gradients_bg_kenya.webp"); } .o_website_hr_recruitment_jobs_list #jobs_grid:has(.card:hover) .card:not(:hover) { opacity: inherit; } .x_wd_job_description p { margin-bottom: 0; font-size: 1rem; } /*# sourceMappingURL=/web/assets/1/2727747/web.assets_frontend.css.map */