@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 */ #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_website_sale_checkout .o_total_card .accordion-item h1, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item 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_footer h1, .o_colored_level .o_cc5 h1, .o_colored_level .o_footer h1, .o_cc4 h1, .o_colored_level .o_cc4 h1, .o_cc3 h1, .o_colored_level .o_cc3 h1, .o_cc2 h1, .o_colored_level .o_cc2 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_website_sale_checkout .o_total_card .accordion-item .h1, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .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_footer .h1, .o_colored_level .o_cc5 .h1, .o_colored_level .o_footer .h1, .o_cc4 .h1, .o_colored_level .o_cc4 .h1, .o_cc3 .h1, .o_colored_level .o_cc3 .h1, .o_cc2 .h1, .o_colored_level .o_cc2 .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_website_sale_checkout .o_total_card .accordion-item h2, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item 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_footer h2, .o_colored_level .o_cc5 h2, .o_colored_level .o_footer h2, .o_cc4 h2, .o_colored_level .o_cc4 h2, .o_cc3 h2, .o_colored_level .o_cc3 h2, .o_cc2 h2, .o_colored_level .o_cc2 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_website_sale_checkout .o_total_card .accordion-item .h2, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .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_footer .h2, .o_colored_level .o_cc5 .h2, .o_colored_level .o_footer .h2, .o_cc4 .h2, .o_colored_level .o_cc4 .h2, .o_cc3 .h2, .o_colored_level .o_cc3 .h2, .o_cc2 .h2, .o_colored_level .o_cc2 .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_website_sale_checkout .o_total_card .accordion-item h3, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item 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_footer h3, .o_colored_level .o_cc5 h3, .o_colored_level .o_footer h3, .o_cc4 h3, .o_colored_level .o_cc4 h3, .o_cc3 h3, .o_colored_level .o_cc3 h3, .o_cc2 h3, .o_colored_level .o_cc2 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_website_sale_checkout .o_total_card .accordion-item .h3, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .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_footer .h3, .o_colored_level .o_cc5 .h3, .o_colored_level .o_footer .h3, .o_cc4 .h3, .o_colored_level .o_cc4 .h3, .o_cc3 .h3, .o_colored_level .o_cc3 .h3, .o_cc2 .h3, .o_colored_level .o_cc2 .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_website_sale_checkout .o_total_card .accordion-item h4, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item 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_footer h4, .o_colored_level .o_cc5 h4, .o_colored_level .o_footer h4, .o_cc4 h4, .o_colored_level .o_cc4 h4, .o_cc3 h4, .o_colored_level .o_cc3 h4, .o_cc2 h4, .o_colored_level .o_cc2 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_website_sale_checkout .o_total_card .accordion-item .h4, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .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_footer .h4, .o_colored_level .o_cc5 .h4, .o_colored_level .o_footer .h4, .o_cc4 .h4, .o_colored_level .o_cc4 .h4, .o_cc3 .h4, .o_colored_level .o_cc3 .h4, .o_cc2 .h4, .o_colored_level .o_cc2 .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_website_sale_checkout .o_total_card .accordion-item h5, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item 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_footer h5, .o_colored_level .o_cc5 h5, .o_colored_level .o_footer h5, .o_cc4 h5, .o_colored_level .o_cc4 h5, .o_cc3 h5, .o_colored_level .o_cc3 h5, .o_cc2 h5, .o_colored_level .o_cc2 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_website_sale_checkout .o_total_card .accordion-item .h5, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .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_footer .h5, .o_colored_level .o_cc5 .h5, .o_colored_level .o_footer .h5, .o_cc4 .h5, .o_colored_level .o_cc4 .h5, .o_cc3 .h5, .o_colored_level .o_cc3 .h5, .o_cc2 .h5, .o_colored_level .o_cc2 .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_website_sale_checkout .o_total_card .accordion-item h6, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item 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_footer h6, .o_colored_level .o_cc5 h6, .o_colored_level .o_footer h6, .o_cc4 h6, .o_colored_level .o_cc4 h6, .o_cc3 h6, .o_colored_level .o_cc3 h6, .o_cc2 h6, .o_colored_level .o_cc2 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_website_sale_checkout .o_total_card .accordion-item .h6, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .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_footer .h6, .o_colored_level .o_cc5 .h6, .o_colored_level .o_footer .h6, .o_cc4 .h6, .o_colored_level .o_cc4 .h6, .o_cc3 .h6, .o_colored_level .o_cc3 .h6, .o_cc2 .h6, .o_colored_level .o_cc2 .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 { 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 { 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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: inherit; border-radius: 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 */ /* /web/static/src/core/avatar/avatar.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: transparent; font-size: 1em; color: var(--NavBar-entry-color, #1F2937); } .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, #111827); } .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/discuss/typing/common/primary_variables.scss */ /* /mail/static/src/scss/variables/primary_variables.scss */ /* /onboarding/static/src/scss/onboarding.variables.scss */ /* /web_editor/static/src/scss/web_editor.variables.scss */ .o_we_shape { --ShapeConnections--size-tiny: 2rem; --ShapeConnections--size-regular: 4rem; --ShapeConnections--size-big: 15rem; } .o_we_shape_btn_content .o_we_shape { --ShapeConnections--size-tiny: 25%; --ShapeConnections--size-regular: 50%; --ShapeConnections--size-big: 75%; } /* /web_editor/static/src/scss/wysiwyg.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; } /* /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 */ /* /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 */ /* /web_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 */ /* /portal/static/src/scss/bootstrap_overridden.scss */ /* /web_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 */ :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: #111827; --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: #017e84; --link-color-rgb: 1, 126, 132; --link-decoration: none; --link-hover-color: #003638; --link-hover-color-rgb: 0.42481203, 53.52631579, 56.07518797; --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; } ::-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.125rem; 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: 1280px) { .container-xl, .container-lg, .container-md, .container-sm, .container, .o_container_small { max-width: 1228px; } } @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; } .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.75rem; 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.75rem; 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: 39, 145, 150; 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(--border-color-translucent); --dropdown-border-radius: 0.25rem; --dropdown-border-width: 0; --dropdown-inner-border-radius: calc(0.25rem - 0); --dropdown-divider-bg: var(--border-color-translucent); --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.75rem; 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(--border-color-translucent); --dropdown-box-shadow: ; --dropdown-link-color: #dee2e6; --dropdown-link-hover-color: #FFF; --dropdown-divider-bg: var(--border-color-translucent); --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; } .bdline { border-style: solid; border-width: 1px 1px 1px 1px; border-color: #33333533; border-radius: 15px 15px 15px 15px; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; margin-bottom: 40px; } .bdline:hover { border-style: solid; border-width: 1px 1px 1px 1px; border-color: #d5653e; box-shadow: 0px 0px 60px 0px rgba(112, 135, 255, 0.2); } .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: #714b67; --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: #111827; 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: #fff; } .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: #714b67; */ background: linear-gradient(90deg, rgba(225, 41, 191, 1) 0%, rgba(167, 18, 233, 1) 43%, rgba(125, 0, 255, 1) 89%); } .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: 0; --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) - 0); --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, "/") ; } .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: 1rem; --pagination-padding-y: 0.5rem; --pagination-font-size: 1.25rem; --pagination-border-radius: 0.25rem; } .pagination-sm { --pagination-padding-x: 1rem; --pagination-padding-y: 0.5rem; --pagination-font-size: 0.75rem; --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.75rem; --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); } .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); } .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); } .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); } .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.75rem; --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); } .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); } .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); } .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); } .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") ; } .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") ; } .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) ; } } .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; } /* /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; } .text-break { word-wrap: break-word !important; word-break: break-word !important; } .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; */ background: linear-gradient(90deg, rgba(225, 41, 191) 0%, rgba(167, 18, 233) 43%, rgba(125, 0, 255) 89%) !important; } .bg-o-color-8 { --bg-opacity: 1; /* background-color: rgba(var(--o-color-8-rgb), var(--bg-opacity)) !important; */ background: linear-gradient(90deg, rgba(225, 41, 191) 0%, rgba(167, 18, 233) 43%, rgba(125, 0, 255) 89%) !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; */ background: linear-gradient(90deg, rgba(225, 41, 191) 0%, rgba(167, 18, 233) 43%, rgba(125, 0, 255) 89%) !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 { border-radius: var(--border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--border-radius-sm) !important; } .rounded-2 { border-radius: var(--border-radius) !important; } .rounded-3 { border-radius: var(--border-radius-lg) !important; } .rounded-4 { border-radius: var(--border-radius-xl) !important; } .rounded-5 { border-radius: var(--border-radius-xxl) !important; } .rounded-circle, .fa.rounded-empty-circle { border-radius: 50% !important; } .rounded-pill { 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: 0; } .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 { right: auto; } .popover { right: auto; } .carousel-indicators { list-style: none; } @keyframes progress-bar-stripes { 0% { background-position-x: var(--progress-height, 1rem); } } /* /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: linear-gradient( 90deg, rgba(225, 41, 191, 0.4) 0%, rgba(167, 18, 233, 0.4) 43%, rgba(125, 0, 255, 0.4) 89% )!important; color: #111827; } .bg-2001 { --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; */ background: linear-gradient(90deg, rgba(225, 41, 191) 0%, rgba(167, 18, 233) 43%, rgba(125, 0, 255) 89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } a.text-o-color-9:hover, a.text-o-color-9:focus { color: #00685a !important; } .text-o-color-8 { /* color: #1BB6F9 !important; */ background: linear-gradient(90deg, rgba(225, 41, 191) 0%, rgba(167, 18, 233) 43%, rgba(125, 0, 255) 89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } 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; */ background: linear-gradient(90deg, rgba(225, 41, 191) 0%, rgba(167, 18, 233) 43%, rgba(125, 0, 255) 89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } 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) - 0); border-top-right-radius: calc(var(--border-radius) - 0); } :where(.card:not([data-vxml])) .card-body:last-child { border-bottom-right-radius: calc(var(--border-radius) - 0); border-bottom-left-radius: calc(var(--border-radius) - 0); } .btn-background { background: linear-gradient(90deg, rgba(225, 41, 191, 1) 0%, rgba(167, 18, 233, 1) 43%, rgba(125, 0, 255, 1) 89%); } .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: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #714b67; --btn-hover-border-color: #714b67; --btn-focus-shadow-rgb: 113, 75, 103; --btn-active-color: #FFFFFF; --btn-active-bg: #714b67; --btn-active-border-color: #714b67; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #714b67; --btn-disabled-bg: transparent; --btn-disabled-border-color: #714b67; --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: #28a745; --btn-border-color: #28a745; --btn-hover-color: #FFFFFF; --btn-hover-bg: #28a745; --btn-hover-border-color: #28a745; --btn-focus-shadow-rgb: 40, 167, 69; --btn-active-color: #FFFFFF; --btn-active-bg: #28a745; --btn-active-border-color: #28a745; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #28a745; --btn-disabled-bg: transparent; --btn-disabled-border-color: #28a745; --gradient: none; } .btn-outline-info { --btn-color: #17a2b8; --btn-border-color: #17a2b8; --btn-hover-color: #FFFFFF; --btn-hover-bg: #17a2b8; --btn-hover-border-color: #17a2b8; --btn-focus-shadow-rgb: 23, 162, 184; --btn-active-color: #FFFFFF; --btn-active-bg: #17a2b8; --btn-active-border-color: #17a2b8; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #17a2b8; --btn-disabled-bg: transparent; --btn-disabled-border-color: #17a2b8; --gradient: none; } .btn-outline-warning { --btn-color: #ffc107; --btn-border-color: #ffc107; --btn-hover-color: #111827; --btn-hover-bg: #ffc107; --btn-hover-border-color: #ffc107; --btn-focus-shadow-rgb: 255, 193, 7; --btn-active-color: #111827; --btn-active-bg: #ffc107; --btn-active-border-color: #ffc107; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #ffc107; --btn-disabled-bg: transparent; --btn-disabled-border-color: #ffc107; --gradient: none; } .btn-outline-danger { --btn-color: #dc3545; --btn-border-color: #dc3545; --btn-hover-color: #FFFFFF; --btn-hover-bg: #dc3545; --btn-hover-border-color: #dc3545; --btn-focus-shadow-rgb: 220, 53, 69; --btn-active-color: #FFFFFF; --btn-active-bg: #dc3545; --btn-active-border-color: #dc3545; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #dc3545; --btn-disabled-bg: transparent; --btn-disabled-border-color: #dc3545; --gradient: none; } .btn-outline-light { --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; } .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: #00CEB3; --btn-border-color: #00CEB3; --btn-hover-color: #111827; --btn-hover-bg: #00CEB3; --btn-hover-border-color: #00CEB3; --btn-focus-shadow-rgb: 0, 206, 179; --btn-active-color: #111827; --btn-active-bg: #00CEB3; --btn-active-border-color: #00CEB3; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #00CEB3; --btn-disabled-bg: transparent; --btn-disabled-border-color: #00CEB3; --gradient: none; } .btn-outline-o-color-8 { --btn-color: #1BB6F9; --btn-border-color: #1BB6F9; --btn-hover-color: #111827; --btn-hover-bg: #1BB6F9; --btn-hover-border-color: #1BB6F9; --btn-focus-shadow-rgb: 27, 182, 249; --btn-active-color: #111827; --btn-active-bg: #1BB6F9; --btn-active-border-color: #1BB6F9; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #1BB6F9; --btn-disabled-bg: transparent; --btn-disabled-border-color: #1BB6F9; --gradient: none; } .btn-outline-o-color-7 { --btn-color: #FBB130; --btn-border-color: #FBB130; --btn-hover-color: #111827; --btn-hover-bg: #FBB130; --btn-hover-border-color: #FBB130; --btn-focus-shadow-rgb: 251, 177, 48; --btn-active-color: #111827; --btn-active-bg: #FBB130; --btn-active-border-color: #FBB130; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FBB130; --btn-disabled-bg: transparent; --btn-disabled-border-color: #FBB130; --gradient: none; } .btn-outline-o-color-6 { --btn-color: #FC787D; --btn-border-color: #FC787D; --btn-hover-color: #111827; --btn-hover-bg: #FC787D; --btn-hover-border-color: #FC787D; --btn-focus-shadow-rgb: 252, 120, 125; --btn-active-color: #111827; --btn-active-bg: #FC787D; --btn-active-border-color: #FC787D; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FC787D; --btn-disabled-bg: transparent; --btn-disabled-border-color: #FC787D; --gradient: none; } .btn-outline-epsilon { --btn-color: #d5653e; --btn-border-color: #d5653e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #d5653e; --btn-hover-border-color: #d5653e; --btn-focus-shadow-rgb: 213, 101, 62; --btn-active-color: #FFFFFF; --btn-active-bg: #d5653e; --btn-active-border-color: #d5653e; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #d5653e; --btn-disabled-bg: transparent; --btn-disabled-border-color: #d5653e; --gradient: none; } .btn-outline-delta { --btn-color: #5c5b80; --btn-border-color: #5c5b80; --btn-hover-color: #FFFFFF; --btn-hover-bg: #5c5b80; --btn-hover-border-color: #5c5b80; --btn-focus-shadow-rgb: 92, 91, 128; --btn-active-color: #FFFFFF; --btn-active-bg: #5c5b80; --btn-active-border-color: #5c5b80; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #5c5b80; --btn-disabled-bg: transparent; --btn-disabled-border-color: #5c5b80; --gradient: none; } .btn-outline-gamma { --btn-color: #e46f78; --btn-border-color: #e46f78; --btn-hover-color: #FFFFFF; --btn-hover-bg: #e46f78; --btn-hover-border-color: #e46f78; --btn-focus-shadow-rgb: 228, 111, 120; --btn-active-color: #FFFFFF; --btn-active-bg: #e46f78; --btn-active-border-color: #e46f78; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #e46f78; --btn-disabled-bg: transparent; --btn-disabled-border-color: #e46f78; --gradient: none; } .btn-outline-beta { --btn-color: #5b899e; --btn-border-color: #5b899e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #5b899e; --btn-hover-border-color: #5b899e; --btn-focus-shadow-rgb: 91, 137, 158; --btn-active-color: #FFFFFF; --btn-active-bg: #5b899e; --btn-active-border-color: #5b899e; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #5b899e; --btn-disabled-bg: transparent; --btn-disabled-border-color: #5b899e; --gradient: none; } .btn-outline-alpha { --btn-color: #00a09d; --btn-border-color: #00a09d; --btn-hover-color: #FFFFFF; --btn-hover-bg: #00a09d; --btn-hover-border-color: #00a09d; --btn-focus-shadow-rgb: 0, 160, 157; --btn-active-color: #FFFFFF; --btn-active-bg: #00a09d; --btn-active-border-color: #00a09d; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #00a09d; --btn-disabled-bg: transparent; --btn-disabled-border-color: #00a09d; --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; } @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.75rem; 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.75rem; 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 */ @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; } .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; } .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; -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'; } .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, #1F2937); } .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) ; 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) ; } .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) ; } @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) ; 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) ; } .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) ; } .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, #374151); } .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 */ @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; } } /* /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 */ @font-face { font-family: 'FontAwesome-tiktok-only'; src: url("/web/static/fonts/tiktok_only.woff"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'FontAwesome-twitter-x-only'; src: url("/web/static/fonts/twitter_x_only.woff"); font-weight: normal; font-style: normal; font-display: block; } .fa.fa-tiktok { font-family: 'FontAwesome-tiktok-only' !important; } .fa.fa-tiktok:before { content: '\e07b'; } .fa-twitter.fa { font-family: 'FontAwesome-twitter-x-only' !important; } .fa-twitter.fa:before { content: '\e800'; } .fa-twitter-square.fa { font-family: 'FontAwesome-twitter-x-only' !important; } .fa-twitter-square.fa:before { content: '\e803'; } .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-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: 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; direction: ltr; } .o_object_fit_cover { object-fit: cover; } .o_object_fit_contain { object-fit: contain; } .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; } /* /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 */ /* /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 { transform: translateX(-100%); inset: 0 auto auto 0; } .o_actionswiper_left_swipe_area { 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 .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: #017e84; } .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: #003638; } .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/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 { background-color: RGB(0 0 0/0.75); mix-blend-mode: darken; } .o_crop_container .o_crop_overlay::after { content: ''; display: block; 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_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/checkbox/checkbox.scss */ .o-checkbox { width: fit-content; } /* /web/static/src/core/color_picker/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%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 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, .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: 7ch; } .o_colorpicker_widget .o_color_picker_inputs .o_rgba_div input { margin-right: 3px; width: 3ch; } /* /web/static/src/core/colorlist/colorlist.scss */ .o_colorlist button { border: 1px solid #ffffff; box-shadow: 0 0 0 1px #ADB5BD; width: 22px; height: 17px; } .o_colorlist .o_colorlist_selected { box-shadow: 0 0 0 2px #714B67 !important; } .o_colorlist_item_color_1 { --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_colorlist_item_color_2 { --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_colorlist_item_color_3 { --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_colorlist_item_color_4 { --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_colorlist_item_color_5 { --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_colorlist_item_color_6 { --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_colorlist_item_color_7 { --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_colorlist_item_color_8 { --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_colorlist_item_color_9 { --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_colorlist_item_color_10 { --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_colorlist_item_color_11 { --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; } .o_colorlist_item_color_0 { background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, #dc3545 48%, #dc3545 52%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 100%); } /* /web/static/src/core/datetime/datetime_picker.scss */ .o_datetime_picker { --DateTimePicker__Cell-size-md: 3rem; --DateTimePicker__Cell-size-lg: 5rem; --DateTimePicker__Template-rows: 3; --DateTimePicker__Template-columns: 4; --DateTimePicker__Day-template-rows: 6; } .o_datetime_picker .o_datetime_picker_header .o_header_part { text-transform: none; } .o_datetime_picker .o_date_item_cell { position: relative; border-radius: 0; } .o_datetime_picker .o_current, .o_datetime_picker .o_selected { color: #111827; } .o_datetime_picker .o_selected:not(.o_select_start):not(.o_select_end) { background: #e6f2f3; } .o_datetime_picker .o_current:before, .o_datetime_picker .o_highlighted:before, .o_datetime_picker .o_select_start:before, .o_datetime_picker .o_select_end:before { content: ""; position: absolute; box-shadow: inset 0 0 0 1px #017e84; width: 100%; aspect-ratio: 1; border-radius: 100%; z-index: 1; } .o_datetime_picker .o_select_start:before, .o_datetime_picker .o_select_end:before { background: #c4e8ea; } .o_datetime_picker .o_select_start:after, .o_datetime_picker .o_select_end:after { content: ""; position: absolute; background: transparent; width: 50%; aspect-ratio: 1/2; } .o_datetime_picker .o_select_start:not(.o_select_end):after, .o_datetime_picker .o_select_end:not(.o_select_end):after { right: 0; background: #e6f2f3; } .o_datetime_picker .o_select_start:not(.o_select_start):after, .o_datetime_picker .o_select_end:not(.o_select_start):after { right: 50%; background: #e6f2f3; } .o_datetime_picker .o_today span { position: relative; } .o_datetime_picker .o_today span::after { content: ""; position: absolute; left: 50%; bottom: -0.25rem; transform: translateX(-50%); width: 0.95em; height: 0.2em; border-radius: 50rem; background: #dc3545; } .o_datetime_picker .o_time_picker_select { background: none; } .o_datetime_picker .o_time_picker_select:focus, .o_datetime_picker .o_time_picker_select:hover { border-color: var(--primary); } .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):not(.o_select_end), .o_datetime_picker .o_date_item_picker .o_datetime_button:hover:not(.o_select_start):not(.o_select_end), .o_datetime_picker .o_date_item_picker .o_datetime_button.o_today:not(.o_selected):hover:not(.o_select_start):not(.o_select_end) { background: #e6f2f3; color: #111827; } .o_datetime_picker .o_center { display: grid; place-items: center; } .o_datetime_picker .o_zoom_out { gap: calc( var(--border-width) * 4 + 0.875rem * 2 + 0.75rem * 4); } .o_datetime_picker .o_cell_md { aspect-ratio: 1; } @media (min-width: 768px) { .o_datetime_picker .o_cell_md { padding: 0.4rem; width: var(--DateTimePicker__Cell-size-md); height: var(--DateTimePicker__Cell-size-md); } } .o_datetime_picker .o_cell_lg { width: var(--DateTimePicker__Cell-size-lg); height: var(--DateTimePicker__Cell-size-lg); } .o_datetime_picker .o_text_sm { font-size: 0.875rem; } .o_datetime_picker .o_time_picker { direction: ltr; } /* /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-content .modal-header .o_expand_button { opacity: 75%; } .modal.o_technical_modal .modal-content .modal-header .o_expand_button:hover { opacity: 100%; } .modal.o_technical_modal .modal-footer { text-align: left; } .modal.o_technical_modal .modal-footer footer, .modal.o_technical_modal .modal-footer .o_form_buttons_edit, .modal.o_technical_modal .modal-footer .o_form_buttons_view { display: flex; flex-wrap: wrap; flex: 1 1 auto; justify-content: space-around; gap: 0.25rem; } @media (min-width: 768px) { .modal.o_technical_modal .modal-footer footer, .modal.o_technical_modal .modal-footer .o_form_buttons_edit, .modal.o_technical_modal .modal-footer .o_form_buttons_view { justify-content: flex-start; } } .modal.o_technical_modal .modal-footer button { margin: 0; } @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-header { background: #FFF; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header .modal-title, .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-header .btn { color: #1F2937; } .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 { } .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: #111827; 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-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%; } /* /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"; } .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/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-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-color-active-accent: var(--o-border-color); } .o_notebook .o_notebook_headers { margin: 0 var(--notebook-margin-x, 0); overflow-x: auto; } @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-color-active-accent, 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:hover { border-color: var(--notebook-link-border-color-hover); } .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-color-active-accent, var(--notebook-link-border-color-active)); border-right-color: white; } @media (max-width: 991.98px) { .o_notebook .o_notebook_content .oe-toolbar { position: -webkit-sticky; 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; } /* /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; 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; transform: translateX(-100%); } /* /web/static/src/core/pwa/install_prompt.scss */ .o_install_prompt { 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%; } .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; } /* /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_toggler { display: grid; grid-template-columns: auto 25px; } .o_select_menu .o_select_menu_toggler.o_can_deselect { grid-template-columns: auto 25px 25px; } .o_select_menu .o_select_menu_toggler_slot { flex-grow: 2; } .o_select_menu .o_select_menu_toggler_caret { grid-column: 2; } .o_select_menu .o_can_deselect .o_select_menu_toggler_caret { grid-column: 3; } .o_select_menu .o_select_menu_toggler_clear { grid-column: 2; } .o_select_menu .o_select_menu_toggler_clear:hover i { color: red; } .o_select_menu .o_tag { margin: 2px; } .o_select_menu--sticky { position: sticky; } .o_select_menu_menu { min-width: fit-content; max-height: 350px !important; } .o_select_menu_menu input { cursor: text !important; } .o_select_menu_menu .o_select_menu_sticky { background-color: #ffffff !important; } .o_select_menu_menu .o_select_menu_sticky.o_select_menu_item.focus { background: var(--border-color-translucent) !important; } .o_select_menu_menu .o_select_menu_group { top: 40px !important; } .o_select_menu_menu .o_select_menu_group:not(.o_select_menu_searchable_group) { top: -4px; } .o_select_menu_menu .o_select_active { color: white; } .o_select_menu_menu.o_select_menu_multi_select .o_select_active:hover { background: #dc3545 !important; transition: background .5s; } .dropup .o_select_menu_menu { box-shadow: 0 -7px 10px rgba(8, 8, 8, 0.319); } .dropdown .o_select_menu_menu { box-shadow: 0 7px 10px rgba(8, 8, 8, 0.319); } /* /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.75rem); 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/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.75rem; } .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; } /* /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/tour_pointer/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); right: calc(var(--TourPointer__arrow-size) * -1); top: calc(var(--TourPointer__arrow-size) / 2); } .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); left: calc(var(--TourPointer__arrow-size) * -1); top: calc(var(--TourPointer__arrow-size) / 2); } .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); bottom: calc(var(--TourPointer__arrow-size) * -1); left: calc(var(--TourPointer__arrow-size) / 2); } .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); top: calc(var(--TourPointer__arrow-size) * -1); left: calc(var(--TourPointer__arrow-size) / 2); } .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 { left: initial; right: calc(var(--TourPointer__arrow-size) / 2); } @media print { .o_tour_pointer { display: none !important; } } /* /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); } } /* /web_editor/static/src/components/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%; } /* /web_editor/static/src/components/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; } /* /web_editor/static/src/js/editor/odoo-editor/src/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; } /* /web_editor/static/src/scss/web_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.125rem; } 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; } #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 { text-decoration: line-through; opacity: 0.5; } ul.o_checklist > li.o_checked::before { content: "✓"; display: flex; font-size: 13px; align-items: center; justify-content: center; padding-left: 1px ; padding-top: 1px; } 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; } 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: auto; bottom: auto; right: auto; margin: 0 auto; margin-left: -50%; } 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: 66.5%; 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: 0; left: 50px; bottom: auto; right: auto; width: 100px; height: 150px; opacity: .5; filter: var(--WebEditor__SearchPromptArrow-filter, invert(0)); background-image: url("/web_editor/static/src/img/curved_arrow.svg"); background-size: 100%; background-repeat: no-repeat; } @media (max-width: 767.98px) { odoo-wysiwyg-container .btn-group { position: static; } .o_technical_modal.o_web_editor_dialog { z-index: 2001; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog { max-width: inherit !important; z-index: 2001; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-dialog, .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .model-content { height: 100%; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .nav .nav-item.search { width: 100%; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .nav .nav-item.search .btn-group { display: flex; justify-content: space-around; padding: 5px; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .font-icons-icons { text-align: center; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .form-control.o_we_search { height: inherit; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row { flex-direction: column; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row > .o_existing_attachment_cell { flex: initial; max-width: 100%; } .o_technical_modal.o_web_editor_dialog > .o_select_media_dialog .modal-body .o_we_existing_attachments > .row > .o_existing_attachment_cell > .o_existing_attachment_remove { opacity: inherit; top: 10px; } } 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; */ background: linear-gradient(90deg, rgba(225, 41, 191) 0%, rgba(167, 18, 233) 43%, rgba(125, 0, 255) 89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 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: #017e84; } .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: #003638; } .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: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #714b67; --btn-hover-border-color: #714b67; --btn-focus-shadow-rgb: 113, 75, 103; --btn-active-color: #FFFFFF; --btn-active-bg: #714b67; --btn-active-border-color: #714b67; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #714b67; --btn-disabled-bg: transparent; --btn-disabled-border-color: #714b67; --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 { --background-color: #f9f9f9; --color: #111827; background-color: #f9f9f9; color: #111827; --o-cc-bg: #f9f9f9; } .o_cc2 .text-muted, .o_colored_level .o_cc2 .text-muted { color: rgba(17, 24, 39, 0.7) !important; } .o_cc2 h1, .o_cc2 .h1, .o_cc2 h2, .o_cc2 .h2, .o_cc2 h3, .o_cc2 .h3, .o_cc2 h4, .o_cc2 .h4, .o_cc2 h5, .o_cc2 .h5, .o_cc2 h6, .o_cc2 .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_cc2 .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_cc2 .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_cc2 .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_colored_level .o_cc2 .btn-outline-primary { --btn-color: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #714b67; --btn-hover-border-color: #714b67; --btn-focus-shadow-rgb: 113, 75, 103; --btn-active-color: #FFFFFF; --btn-active-bg: #714b67; --btn-active-border-color: #714b67; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #714b67; --btn-disabled-bg: transparent; --btn-disabled-border-color: #714b67; --gradient: none; } .o_cc2 .btn-fill-secondary, .o_cc2 .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_colored_level .o_cc2 .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_cc2 .nav-pills .nav-link.active, .o_cc2 .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_colored_level .o_cc2 a.list-group-item { color: #714b67; } .o_cc2 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: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #714b67; --btn-hover-border-color: #714b67; --btn-focus-shadow-rgb: 113, 75, 103; --btn-active-color: #FFFFFF; --btn-active-bg: #714b67; --btn-active-border-color: #714b67; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #714b67; --btn-disabled-bg: transparent; --btn-disabled-border-color: #714b67; --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: #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_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_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: #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; } .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: #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_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_cc5, .o_footer { --background-color: #111827; --color: #FFFFFF; background-color: #111827; color: #FFFFFF; --o-cc-bg: #111827; } .o_cc5 .text-muted, .o_footer .text-muted, .o_colored_level .o_cc5 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc5 h1, .o_footer h1, .o_cc5 .h1, .o_footer .h1, .o_cc5 h2, .o_footer h2, .o_cc5 .h2, .o_footer .h2, .o_cc5 h3, .o_footer h3, .o_cc5 .h3, .o_footer .h3, .o_cc5 h4, .o_footer h4, .o_cc5 .h4, .o_footer .h4, .o_cc5 h5, .o_footer h5, .o_cc5 .h5, .o_footer .h5, .o_cc5 h6, .o_footer h6, .o_cc5 .h6, .o_footer .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_footer a:not(.btn), .o_cc5 .btn-link, .o_footer .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_footer a:not(.btn):hover, .o_cc5 .btn-link:hover, .o_footer .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_footer .btn-fill-primary, .o_cc5 .btn-primary, .o_footer .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_footer .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary { --btn-color: #714b67; --btn-border-color: #714b67; --btn-hover-color: #FFFFFF; --btn-hover-bg: #714b67; --btn-hover-border-color: #714b67; --btn-focus-shadow-rgb: 113, 75, 103; --btn-active-color: #FFFFFF; --btn-active-bg: #714b67; --btn-active-border-color: #714b67; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #714b67; --btn-disabled-bg: transparent; --btn-disabled-border-color: #714b67; --gradient: none; } .o_cc5 .btn-fill-secondary, .o_footer .btn-fill-secondary, .o_cc5 .btn-secondary, .o_footer .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_footer .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_footer .nav-pills .nav-link.active, .o_cc5 .nav-pills .show > .nav-link, .o_footer .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_footer a.list-group-item, .o_colored_level .o_cc5 a.list-group-item { color: #714b67; } .o_cc5 a.list-group-item.active, .o_footer a.list-group-item.active, .o_colored_level .o_cc5 a.list-group-item.active { background-color: #714b67; color: #FFFFFF; border-color: #714b67; } .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_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; } .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; } .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; } .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; } .o_we_shape.o_we_animated { will-change: transform; } .o_we_shape.o_web_editor_Airy_01 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_01_001 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_01_001 { background-image: url("/web_editor/shape/web_editor/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 { background-image: url("/web_editor/shape/web_editor/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_02_001 { background-image: url("/web_editor/shape/web_editor/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_03 { background-image: url("/web_editor/shape/web_editor/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_Blocks_04 { background-image: url("/web_editor/shape/web_editor/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_Bold_01 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_Connections_01 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_Floats_01 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_Origins_01 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_01_001 { background-image: url("/web_editor/shape/web_editor/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 { background-image: url("/web_editor/shape/web_editor/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_02_001 { background-image: url("/web_editor/shape/web_editor/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_03 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_06 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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 { background-image: url("/web_editor/shape/web_editor/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_08_001 { background-image: url("/web_editor/shape/web_editor/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 { background-image: url("/web_editor/shape/web_editor/Rainy/09.svg?c1=%23714b67"); 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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_01 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_03 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_05 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_10 { background-image: url("/web_editor/shape/web_editor/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 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_18 { background-image: url("/web_editor/shape/web_editor/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_19 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_24 { background-image: url("/web_editor/shape/web_editor/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_25 { background-image: url("/web_editor/shape/web_editor/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_26 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_28 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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_01_001 { background-image: url("/web_editor/shape/web_editor/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_Zigs_02 { background-image: url("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_editor/shape/web_editor/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("/web_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("/web_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("/web_editor/shape/illustration/doodle/03.svg?c4=%23ffffff"); background-position: top center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .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; } /* /web_editor/static/src/scss/web_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%; } } @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; } /* /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 { 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"] { margin-bottom: 0.3em; } .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; } .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; } @media (max-width: 767.98px) { .o_portal_address_row { overflow-x: auto; } .o_portal_address_row > div { width: auto; } } .o_portal_address_row .o_address_kanban_add_new, .o_portal_address_row .o_address_kanban_card { min-height: 12rem; } .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 */ .orders_vertical_align { display: flex; align-items: center; } .orders_label_text_align { vertical-align: 15%; } .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; } /* /website/static/src/libs/zoomodoo/zoomodoo.scss */ .zoomodoo { position: relative; 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: 5; --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: 'left'; --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; } .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 { background: var(--NavLinkWithBackground-bg-color--hover, rgba(var(--emphasis-color-rgb), 0.1)); } .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 .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; } 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.5625rem; --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.75rem; --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; } .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 { background-size: cover; background-repeat: no-repeat; } .oe_img_bg.o_bg_img_opt_repeat { background-size: auto; background-repeat: repeat; } .oe_img_bg.o_bg_img_center { background-position: center; } .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); } .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_dot_line { margin-top: calc(var(--o-timeline-dot-size, 24px) + 0.25rem); left: var(--o-dot-line-left); } @media (max-width: 767.98px) { .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_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: 3rem; width: auto; margin: 0 1rem; } .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: 3rem; margin: 0 5rem 1rem; } } .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_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_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_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_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: 3rem; height: 3rem; background-size: 50%; } .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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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: 3rem; } .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_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_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_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_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 { flex-wrap: wrap; height: auto; counter-reset: numberList; } .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; gap: 0.25rem; width: auto; height: auto; margin: 0; padding: 0 0.5rem 0; background: none; color: #FFF; text-indent: 0; } .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_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; } @media (min-width: 768px) { .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; border-top: 2px solid #FFF; transition: width .2s ease-in-out; content: ''; } .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_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_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_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_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_controllers_indicators_outside.s_carousel_intro .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel_controllers_indicators_outside.s_carousel .carousel-control-next { margin-bottom: 3rem; } .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_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 { background-color: currentColor; color: inherit; } .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; } .parallax:not(.s_parallax_no_overflow_hidden) { overflow: hidden; } .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; } .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; } @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.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; } @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: inherit; } .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: 100vh; 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; } .o_mega_menu_is_offcanvas .list-group-item-action.active { color: var(--o-cc1-btn-primary-text) !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,"); } @media (min-width: 768px) { .o_wizard .o_wizard_step_active { color: #374151; } } .o_wizard .o_wizard_circle_progress, .o_wizard .o_wizard_circle_progress:before { width: 64px; height: 64px; line-height: 64px; } .o_wizard .o_wizard_circle_progress:before { position: absolute; border-radius: 50%; box-shadow: inset 0 0 0 5px currentColor; opacity: .2; content: ""; } .o_wizard .o_wizard_circle_progress_left .progress-bar { border-radius: 0 32px 32px 0; transform-origin: center left; transform: rotate(var(--leftProgress)); } .o_wizard .o_wizard_circle_progress_right .progress-bar { border-radius: 32px 0 0 32px; transform-origin: center right; transform: rotate(var(--rightProgress)); } .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; } .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 { color: transparent; opacity: 0; } [placeholder*="data-oe-translation-source-sha"]::-moz-placeholder { 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 > body { overflow-x: clip !important; display: flow-root; } @supports not (overflow-x: clip) { .o_wanim_overflow_xy_hidden > body { 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_text_highlight { --text-highlight-color: currentColor; } .o_text_highlight.o_text_highlight_fill { --text-highlight-color: var(--primary); --text-highlight-width: 0px !important; } .o_text_highlight > .o_text_highlight_item { position: relative; display: inline-block; line-height: normal; white-space: pre-wrap; isolation: isolate; } .o_text_highlight > .o_text_highlight_item > * { text-decoration: none; } .o_text_highlight > .o_text_highlight_item svg { z-index: -1; } .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-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; } /* /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, 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; } @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(--border-color-translucent); border-radius: 0.25rem; } /* /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 .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: #111827; --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; } /* /rating/static/src/scss/rating_templates.scss */ .o_rating_page_thank_you { min-height: 80vh; } .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 */ .o_website_rating_static { color: #FACC2E; } .o_website_rating_card_container { } .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.75rem; } .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-mail-Composer-starCard { width: max-content; margin-bottom: 5px; } .o-mail-Composer-starCard .o-mail-Composer-stars { display: inline-flex; color: #FACC2E; margin-right: 15px; } .o-mail-Composer-starCard .o-mail-Composer-stars i { padding-right: 1px; padding-left: 1px; text-align: center; } .o-mail-Composer-starCard .o-mail-Composer-stars.enabled { cursor: pointer; } .o_rating_popup_composer .o_rating_clickable { cursor: pointer; } .o_rating_popup_composer .o_portal_chatter_avatar { margin-right: 10px; } /* /website_sale/static/src/scss/website_sale.scss */ .oe_website_sale .o_wsale_design_cards { --o-wsale-card-border-width: 1px; --o-wsale-card-border-radius: var(--border-radius); --o-wsale-card-info-padding: 0.5rem; --o-wsale-card-info-grow: 1; --o-wsale-card-bg: #ffffff; --o-wsale-card-color: #374151; --o-wsale-card-text-muted: rgba(55, 65, 81, 0.7); --o-wsale-card-thumb-border-radius: calc(var(--border-radius) - 1px) calc(var(--border-radius) - 1px) 0 0; } .oe_website_sale .o_wsale_design_thumbs { --o-wsale-card-border-width: 0; --o-wsale-card-info-padding: 1rem 0 0; --o-wsale-card-thumb-border-radius: 8px; --o-wsale-card-thumb-shadow: 0 13px 27px -5px rgba(113, 75, 103, 0.1), 0 8px 16px -8px rgba(0, 0, 0, .28); } .oe_website_sale .o_wsale_design_grid { --o-wsale-card-border-width: 0; --o-wsale-card-info-padding: 0.5rem; --o-wsale-card-info-grow: 1; } .oe_website_sale .o_wsale_context_thumb_4_3 { --o-wsale-card-thumb-aspect-ratio: 4/3; } .oe_website_sale .o_wsale_context_thumb_4_5 { --o-wsale-card-thumb-aspect-ratio: 4/5; } .oe_website_sale .o_wsale_context_thumb_2_3 { --o-wsale-card-thumb-aspect-ratio: 2/3; } .oe_website_sale .o_wsale_context_thumb_cover { --o-wsale-card-thumb-fill-mode: cover; } .oe_website_sale .o_wsale_filmstip_container { transform: translateZ(0); } .oe_website_sale .o_wsale_filmstip_container.o_wsale_filmstip_fancy_disabled { scrollbar-color: currentColor rgba(17, 24, 39, 0.05); } .oe_website_sale .o_wsale_filmstip_container .o_wsale_filmstip_wrapper { margin-bottom: 0.5rem; scroll-snap-type: x mandatory; cursor: grab; } .oe_website_sale .o_wsale_filmstip_container .o_wsale_filmstip_wrapper::-webkit-scrollbar { height: 2px; } .oe_website_sale .o_wsale_filmstip_container .o_wsale_filmstip_wrapper::-webkit-scrollbar-thumb { border-radius: 0.25rem; background: currentColor; } .oe_website_sale .o_wsale_filmstip_container .o_wsale_filmstip_wrapper::-webkit-scrollbar-track { background: rgba(17, 24, 39, 0.05); } .oe_website_sale .o_wsale_filmstip_container:not(.o_wsale_filmstip_fancy_disabled):hover .o_wsale_filmstip_wrapper { margin-bottom: 0.25rem; } .oe_website_sale .o_wsale_filmstip_container:not(.o_wsale_filmstip_fancy_disabled):hover .o_wsale_filmstip_wrapper::-webkit-scrollbar { height: 6px; } .oe_website_sale .activeDrag * { cursor: grabbing !important; cursor: -webkit-grabbing; } .oe_website_sale .o_wsale_products_grid_before_rail { scrollbar-width: none; -ms-overflow-style: none; } .oe_website_sale .o_wsale_products_grid_before_rail::-webkit-scrollbar { width: 0; height: 0; } .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 .text-bg-light .variant_price_extra.text-muted { color: rgba(55, 65, 81, 0.7) !important; } .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 #products_grid_before { --o_ws_sidebar_top_gap: calc(1rem + 2rem + calc(0.5rem + var(--gutter-x))); top: var(--o_ws_sidebar_top_gap); } .oe_website_sale #products_grid_before .css_attribute_color { height: 32px; width: 32px; } .oe_website_sale .o_pricelist_dropdown .o_pricelist_dropdown_span, .oe_website_sale .o_sortby_dropdown .o_pricelist_dropdown_span { max-width: 8em; } @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_kanban_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; } .oe_product_cart { flex-direction: var(--o-wsale-card-flex-direction, column); align-items: var(--o-wsale-card-flex-align-items); border: 0 solid #D8DADD; border-width: var(--o-wsale-card-border-width, 0 0 1px); border-radius: var(--o-wsale-card-border-radius, 0); padding: var(--o-wsale-card-padding, 0); background-color: var(--o-wsale-card-bg); color: var(--o-wsale-card-color); } .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); box-shadow: var(--o-wsale-card-thumb-shadow); } .oe_product_cart .oe_product_image .oe_product_image_link { aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1); } .oe_product_cart .oe_product_image .oe_product_image_link .oe_product_image_img_wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .oe_product_cart .oe_product_image .oe_product_image_link .oe_product_image_img_wrapper img { object-fit: var(--o-wsale-card-thumb-fill-mode, contain); object-position: var(--o-wsale-card-thumb-position, center); } .oe_product_cart .o_wsale_product_information { padding: var(--o-wsale-card-info-padding, 0.5rem 0); } .oe_product_cart .o_wsale_product_information_text { flex-grow: var(--o-wsale-card-info-grow); } .oe_product_cart .oe_subdescription div { min-height: calc(0.825rem * 2.4); overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1; } body:not(.editor_enable) .oe_product_cart .oe_subdescription div:empty { display: none; } body.editor_enable .oe_product_cart:hover .oe_subdescription div:has(br:first-child:last-child):not(:hover), body.editor_enable .oe_product_cart:hover .oe_subdescription div:empty:not(:hover) { outline: 1px dashed color-mix(in srgb, currentColor 25%, transparent); } .oe_product_cart .oe_subdescription.text-muted > div { color: var(--o-wsale-card-text-muted) !important; } .oe_product_cart .o_wsale_product_btn .btn { padding-left: .9rem; padding-right: .9rem; border: 1px solid var(--o-border-color); transition: none; } .oe_product_cart .o_wsale_product_btn .btn:hover { background-color: #714b67; color: #FFFFFF; } .oe_product_cart .o_wsale_product_btn:empty { display: none !important; } .oe_product_cart .o_product_link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } #products_grid .o_wsale_products_grid_table { --o-wsale-products-grid-gap-y: calc(var(--o-wsale-products-grid-gap, 16px) * 1.25); --gap: var(--o-wsale-products-grid-gap-y) var(--o-wsale-products-grid-gap, 16px); container-type: inline-size; container-name: o-wsale-grid; grid-template-rows: minmax(auto, auto); } #products_grid .o_wsale_products_grid_table.o_wsale_design_grid { overflow: hidden; } #products_grid .o_wsale_products_grid_table.o_wsale_design_grid .oe_product { --line-offset-y: calc(var(--o-wsale-products-grid-gap-y) / 2); --line-offset-x: calc(var(--o-wsale-products-grid-gap) / 2); } #products_grid .o_wsale_products_grid_table.o_wsale_design_grid .oe_product:before, #products_grid .o_wsale_products_grid_table.o_wsale_design_grid .oe_product:after { content: ''; position: absolute; background-color: #dee2e6; } #products_grid .o_wsale_products_grid_table.o_wsale_design_grid .oe_product::before { height: calc(100% + var(--o-wsale-products-grid-gap-y)); width: 1px; left: calc(calc(var(--line-offset-x) * -1) - 1px); top: calc(var(--line-offset-y) * -1); } #products_grid .o_wsale_products_grid_table.o_wsale_design_grid .oe_product::after { width: 100vw; height: 1px; bottom: calc(var(--line-offset-y) * -1); left: calc(var(--line-offset-x) * -1); } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_product_information { container-type: inline-size; container-name: o-wsale-grid-product-information; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_product_information .o_wsale_products_item_title { font-size: clamp(0.95rem, 0.5rem + 3cqw, 1.4rem); } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_product_information .o_wsale_product_sub .product_price .h6 { font-size: clamp(0.95rem, 0.5rem + 3cqw, 4rem); } @media (min-width: 992px) { #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table { grid-auto-rows: minmax(160px, auto); } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table .oe_product { grid-row: span var(--o-wsale-products-grid-product-col-height, 1); } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table .oe_product:not(.oe_product_size_stretch) .o_wsale_product_btn { position: absolute; top: auto; left: 0.5rem; bottom: calc(100% + 0.5rem); right: auto; z-index: 2; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table .oe_product:not(.oe_product_size_stretch):not(:hover) .o_wsale_product_btn { opacity: 0; } #products_grid:where(:not(.o_wsale_layout_list)) .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; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table .oe_product.oe_product_size_stretch .oe_subdescription div { -webkit-line-clamp: initial; line-height: inherit; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table:not(.o_wsale_context_thumb_cover) .oe_product.oe_product_size_stretch .oe_product_image img { object-position: top left; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table.o_wsale_context_thumb_cover .oe_product.oe_product_size_stretch { --o-wsale-card-info-grow: 1; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table.o_wsale_context_thumb_cover .oe_product.oe_product_size_stretch .o_wsale_product_information { height: 100%; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table.o_wsale_context_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image, #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table.o_wsale_context_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image_link { height: 100%; max-width: 100%; padding: 0; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table.o_wsale_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; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table.o_wsale_design_grid .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-info-padding: 0.5rem 1rem; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table.o_wsale_design_grid .oe_product.oe_product_size_stretch[data-colspan="4"] { --o-wsale-card-thumb-size: 50cqw; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table .oe_product.oe_product_custom_portrait .oe_product_image, #products_grid:where(:not(.o_wsale_layout_list)) .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%; } #products_grid:where(:not(.o_wsale_layout_list)) .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) { #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md { grid-auto-rows: minmax(160px, auto); } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md .oe_product { grid-row: span var(--o-wsale-products-grid-product-col-height, 1); } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md .oe_product:not(.oe_product_size_stretch) .o_wsale_product_btn { position: absolute; top: auto; left: 0.5rem; bottom: calc(100% + 0.5rem); right: auto; z-index: 2; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md .oe_product:not(.oe_product_size_stretch):not(:hover) .o_wsale_product_btn { opacity: 0; } #products_grid:where(:not(.o_wsale_layout_list)) .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; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md .oe_product.oe_product_size_stretch .oe_subdescription div { -webkit-line-clamp: initial; line-height: inherit; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md:not(.o_wsale_context_thumb_cover) .oe_product.oe_product_size_stretch .oe_product_image img { object-position: top left; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md.o_wsale_context_thumb_cover .oe_product.oe_product_size_stretch { --o-wsale-card-info-grow: 1; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md.o_wsale_context_thumb_cover .oe_product.oe_product_size_stretch .o_wsale_product_information { height: 100%; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md.o_wsale_context_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image, #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md.o_wsale_context_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image_link { height: 100%; max-width: 100%; padding: 0; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md.o_wsale_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; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md.o_wsale_design_grid .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-info-padding: 0.5rem 1rem; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md.o_wsale_design_grid .oe_product.oe_product_size_stretch[data-colspan="4"] { --o-wsale-card-thumb-size: 50cqw; } #products_grid:where(:not(.o_wsale_layout_list)) .o_wsale_products_grid_table_md .oe_product.oe_product_custom_portrait .oe_product_image, #products_grid:where(:not(.o_wsale_layout_list)) .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%; } #products_grid:where(:not(.o_wsale_layout_list)) .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; } } #products_grid.o_wsale_layout_list .oe_product { --o-wsale-card-flex-direction: row; --o-wsale-card-flex-align-items: start; --o-wsale-card-info-padding: 0 1rem; --o-wsale-card-info-grow: 1; --o-wsale-card-thumb-size: calc(100px * var(--o-wsale-card-thumb-aspect-ratio, 1)); --o-wsale-card-padding: 0 0 16px; grid-column: span 12; grid-row: span 1; } #products_grid.o_wsale_layout_list .o_wsale_design_cards .o_wsale_product_information, #products_grid.o_wsale_layout_list .o_wsale_design_grid .o_wsale_product_information { min-height: 100%; } #products_grid.o_wsale_layout_list .o_wsale_design_cards .oe_product_cart:where(:not(.oe_product_cart_has_description)), #products_grid.o_wsale_layout_list .o_wsale_design_grid .oe_product_cart:where(:not(.oe_product_cart_has_description)) { --o-wsale-card-padding: 0; --o-wsale-card-info-padding: 0.5rem 1rem 0.5rem 0.5rem; } #products_grid.o_wsale_layout_list .o_wsale_design_cards .oe_product_cart.oe_product_cart_has_description, #products_grid.o_wsale_layout_list .o_wsale_design_grid .oe_product_cart.oe_product_cart_has_description { --o-wsale-card-padding: 0.5rem 1rem 0.5rem 0.5rem; --o-wsale-card-thumb-position: center top; } #products_grid.o_wsale_layout_list .o_wsale_design_cards.o_wsale_context_thumb_cover .oe_product_cart.oe_product_cart_has_description, #products_grid.o_wsale_layout_list .o_wsale_design_grid.o_wsale_context_thumb_cover .oe_product_cart.oe_product_cart_has_description { --o-wsale-card-thumb-position: center; } .o_wsale_products_main_row { margin-bottom: 16px; margin-top: 16px; } 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_product_page_grid_column div:only-child img, #o-carousel-product .carousel-item:only-child img { max-height: 75vh !important; object-fit: contain; } #o-carousel-product { transition: top 200ms; } #o-carousel-product.css_not_available { opacity: 0.2; } #o-carousel-product .carousel-inner img { object-fit: contain; } #o-carousel-product.o_carousel_not_single .carousel-outer { aspect-ratio: 1 / 1; } #o-carousel-product.o_carousel_not_single .carousel-outer.o_wsale_carousel_ratio_4x3 { aspect-ratio: 4 / 3; } #o-carousel-product.o_carousel_not_single .carousel-outer.o_wsale_carousel_ratio_4x5 { aspect-ratio: 4 / 5; } #o-carousel-product.o_carousel_not_single .carousel-outer.o_wsale_carousel_ratio_16x9 { aspect-ratio: 16 / 9; } #o-carousel-product.o_carousel_not_single .carousel-outer.o_wsale_carousel_ratio_21x9 { aspect-ratio: 21 / 9; } #o-carousel-product.o_carousel_not_single .carousel-outer .product_detail_img { width: auto !important; } @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: 64px; text-indent: unset; transition: none; border: 1px solid #D8DADD; } #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:hover { 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; } } #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; } } .o_wsale_product_page_grid_column div:first-child { margin-top: 0 !important; } .o_wsale_product_page_grid_column div:last-child { margin-bottom: 0 !important; } .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; } .ecom-zoomable .zoomodoo-flyout { box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.2); z-index: 1050; } #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_carousel_product_card .o_carousel_product_card_img_top { object-fit: scale-down; } @media (max-width: 767.98px) { .o_carousel_product_card .o_carousel_product_card_img_top { height: 12rem; } } @media (min-width: 768px) { .o_carousel_product_card .o_carousel_product_card_img_top { height: 8rem; } } @media (min-width: 992px) { .o_carousel_product_card .o_carousel_product_card_img_top { height: 12rem; } } .o_carousel_product_card .o_carousel_product_img_link:hover + .o_carousel_product_remove { display: block; } @media (min-width: 576px) { .o_carousel_product_card_wrap { float: left; } } .o_carousel_product_control { top: 33.33333333%; bottom: 33.33333333%; width: 2rem; border-radius: 5px; background-color: #017e84; } .o_carousel_product_remove { position: absolute; display: none; cursor: pointer; right: 5%; top: 5%; } .o_carousel_product_remove:hover { display: block; } .o_product_page_reviews_title .fa { font-size: calc(1.265rem + 0.18vw); color: #714b67; } @media (min-width: 1200px) { .o_product_page_reviews_title .fa { font-size: 1.4rem; } } .o_product_page_reviews_title .fa:before { content: "\f067"; } .o_product_page_reviews_title:not(.collapsed) .fa:before { content: "\f068"; } #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 .o_total_card { background-color: #ffffff; border: 1px solid var(--o-border-color); border-radius: var(--border-radius); } .o_website_sale_checkout .o_total_card .accordion-item { --background-color: rgba(255, 255, 255, 0.9); --color: #111827; background-color: rgba(255, 255, 255, 0.9) !important; color: #111827; } .o_website_sale_checkout .o_total_card .accordion-item .text-muted, .o_colored_level .o_website_sale_checkout .o_total_card .accordion-item .text-muted { color: rgba(17, 24, 39, 0.7) !important; } @media (min-width: 992px) { .o_website_sale_checkout .o_total_card { top: 9rem; } } @media (max-width: 991.98px) { .o_website_sale_checkout .o_total_card { border: 0; } .o_website_sale_checkout .o_total_card .card-body, .o_website_sale_checkout .o_total_card .accordion-item, .o_website_sale_checkout .o_total_card .accordion-button { border-radius: 0; background-color: var(--o-cc1-bg) !important; color: inherit; } } @media (max-width: 991.98px) { .o_website_sale_checkout #cart_total { padding-top: 1rem; border-top: 1px solid var(--o-border-color); } } .o_website_sale_checkout .o_wsale_accordion .accordion-button { background-color: unset; } .o_website_sale_checkout .o_wsale_accordion .o_wsale_scrollable_table { -ms-overflow-style: none; scrollbar-width: none; } .o_website_sale_checkout .o_wsale_accordion .o_wsale_scrollable_table::-webkit-scrollbar { display: none; } @media (min-width: 992px) { .o_website_sale_checkout .o_wsale_accordion .o_wsale_scrollable_table { overflow-y: scroll; height: 15rem; } } .o_website_sale_checkout span[itemprop='name'] { font-size: 1rem; font-weight: 600; line-height: 1.2; } .o_website_sale_checkout div[itemprop="address"] { margin: 0.5rem 0; font-size: 0.75rem; } .o_website_sale_checkout .o_wsale_address_fill .col-form-label:not(.label-optional)::after { content: " *"; font-weight: normal; } .o_website_sale_checkout div[name="o_express_checkout_container"] { margin-bottom: -1rem; margin-top: 1rem; } .o_website_sale_checkout button[name="o_payment_submit_button"] { margin-left: 0 !important; } @media (max-width: 991.98px) { .o_website_sale_checkout .o_cta_navigation_container { padding: 0 calc(var(--gutter-x) * .5); } } .o_website_sale_checkout a.disabled { pointer-events: none; } .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 { --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 { 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) { 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) { 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 { 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 { display: block; } .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; } .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; } /* /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 { 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_carousel { z-index: 1; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol { list-style: none; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol .o_wsale_image_viewer_thumbnail { aspect-ratio: 1/1; width: 128px; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li img { border: 1px solid #CED4DA; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li img.active { border-color: #35979c; } /* /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; } } .o_delivery_form .o_outline:hover:not(.text-muted) { border-color: #714b67; } .o_delivery_form .o_outline:not(:first-child):hover:not(.text-muted) { box-shadow: 0 -1px 0 #714b67; } .o_delivery_form .o_outline .o_delivery_carrier_label:before { position: absolute; inset: 0; content: ''; cursor: pointer; } /* /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; } .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 { position: relative; display: inline-block; border: 5px solid #D8DADD; border-radius: 50%; text-align: center; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } .css_attribute_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .css_attribute_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label { cursor: pointer; } .css_attribute_color:hover, .css_attribute_color:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) { border-color: #714b67; } .css_attribute_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); } .css_attribute_color input { margin: 8px; height: 13px; width: 13px; opacity: 0; } .css_attribute_color.active { border: 5px solid #714b67; } .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_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; } .css_quantity .btn, .css_quantity input { border-color: #D8DADD; } .css_quantity input { height: auto !important; max-width: 5ch; } option.css_not_available { color: #ccc; } select.form-select.css_attribute_select { max-width: 400px; } 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,"); } label.css_not_available, .o_variant_pills.css_not_available { opacity: 0.6; } label.css_attribute_color.css_not_available { opacity: 1; } label.css_attribute_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; } .variant_attribute { padding-bottom: 1rem; } .variant_attribute .attribute_name { display: flex; align-items: center; font-size: 0.9rem; text-transform: uppercase; padding-bottom: 0.5rem; } .variant_attribute .attribute_name:after { content: ''; margin-left: 1rem; flex-grow: 1; border-bottom: 1px solid var(--o-border-color); } .variant_attribute .radio_input_value { font-weight: 400; } .variant_attribute .radio_input_value:not(.o_variant_pills_input_value) { margin-right: 1rem; } .variant_attribute .radio_input_value:not(.o_variant_pills_input_value), .variant_attribute .radio_input_value:not(.o_variant_pills_input_value) > span { vertical-align: middle; } .variant_attribute .radio_input_value.o_variant_pills_input_value .badge { color: #6C757D; background: white; border: 1px solid #714b67; } .variant_attribute .radio_input_value.o_variant_pills_input_value .badge, .variant_attribute .radio_input_value.o_variant_pills_input_value .badge > span { vertical-align: middle; } .variant_attribute .radio_input_value.o_variant_pills_input_value .badge .sign_badge_price_extra { font-size: 1.1rem; } .variant_attribute .variant_custom_value { margin-bottom: 0.7rem; } .variant_attribute .variant_custom_value.custom_value_radio { display: inline-block; } .variant_attribute select { margin-bottom: 0.5rem; } .variant_attribute ul.list-inline { margin-left: 0; } .variant_attribute .o_variant_pills { padding: 0.5rem 1rem; margin-right: 0.2rem; border: none; cursor: default !important; } .variant_attribute .o_variant_pills.btn.active { background-color: #714b67; } .variant_attribute .o_variant_pills:not(.active) { color: #6C757D; background-color: #F3F4F6; } .variant_attribute .o_variant_pills input { -moz-appearance: none; -webkit-appearance: none; appearance: none; opacity: 0; } .variant_attribute .radio_input_value .badge, .variant_attribute select .badge, .variant_attribute label .badge { margin-left: 3px; padding-left: 3px; } .variant_attribute .radio_input_value .sign_badge_price_extra, .variant_attribute select .sign_badge_price_extra, .variant_attribute label .sign_badge_price_extra { display: inline-block; width: 1rem; height: 1rem; color: #714b67; background: white; line-height: 1rem; border-radius: 50%; } .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; } } .oe_striked_price { text-decoration: line-through; white-space: nowrap; } /* /sale/static/src/js/combo_configurator_dialog/combo_configurator_dialog.scss */ .combo-item-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } @media (max-width: 767.98px) { .sale-combo-configurator-dialog .css_quantity .form-control { max-width: inherit; } } /* /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; } .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; } } /* /sale/static/src/js/product_card/product_card.scss */ .product-card .card-header img { aspect-ratio: 1; object-fit: contain; } .product-card:hover { border: 1px solid #714b67; } .product-card.selected { border: 2px solid #714b67; } .product-card .card-subtitle { font-size: 0.95rem; } /* /sale/static/src/js/product_list/product_list.scss */ table.o_sale_product_configurator_table > tbody > tr > td { min-width: 50px; } @media (max-width: 767.98px) { .non_optional_product_row_borders { border-bottom-width: 1px; } .non_optional_product_row_borders > td { border-bottom-width: 0; } } /* /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_pills.active label { background-color: #e6f2f3; border-color: #017e84; color: #111827; } .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 { --modal-header-border-width: 1px; --modal-footer-border-width: 1px; } /* /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; } /* /knowledge/static/src/scss/knowledge_common.scss */ .o_knowledge_form_view, .o_knowledge_public_view { background-color: var(--knowledge-view-bg, #FFF); } .o_knowledge_form_view .o_knowledge_header .o_form_status_indicator, .o_knowledge_public_view .o_knowledge_header .o_form_status_indicator { align-self: normal !important; display: flex; } .o_knowledge_form_view .o_knowledge_sidebar .o_knowledge_create_article:hover, .o_knowledge_form_view .o_knowledge_sidebar .o_knowledge_search:hover, .o_knowledge_public_view .o_knowledge_sidebar .o_knowledge_create_article:hover, .o_knowledge_public_view .o_knowledge_sidebar .o_knowledge_search:hover { background-color: rgba(222, 226, 230, 0.3); } .o_knowledge_form_view .o_knowledge_sidebar ul, .o_knowledge_public_view .o_knowledge_sidebar ul { list-style: none; padding: 0; } .o_knowledge_form_view .o_knowledge_sidebar li > ul > li:not(.o_dragged), .o_knowledge_form_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.o_dragged), .o_knowledge_public_view .o_knowledge_sidebar li > ul > li:not(.o_dragged), .o_knowledge_public_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.o_dragged) { margin-left: 0.64285715em; padding-left: 0.8em; } .o_knowledge_form_view .o_knowledge_sidebar li > ul > li:not(.o_dragged):before, .o_knowledge_form_view .o_knowledge_sidebar li > ul > li:not(.o_dragged):after, .o_knowledge_form_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.o_dragged):before, .o_knowledge_form_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.o_dragged):after, .o_knowledge_public_view .o_knowledge_sidebar li > ul > li:not(.o_dragged):before, .o_knowledge_public_view .o_knowledge_sidebar li > ul > li:not(.o_dragged):after, .o_knowledge_public_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.o_dragged):before, .o_knowledge_public_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.o_dragged):after { content: ''; background-color: var(--o-border-color); } .o_knowledge_form_view .o_knowledge_sidebar li > ul > li:not(.o_dragged):after, .o_knowledge_form_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.o_dragged):after, .o_knowledge_public_view .o_knowledge_sidebar li > ul > li:not(.o_dragged):after, .o_knowledge_public_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.o_dragged):after { position: absolute; top: 0; left: 0; bottom: 0; right: auto; width: 1px; height: 100%; } .o_knowledge_form_view .o_knowledge_sidebar li > ul > li:before, .o_knowledge_form_view .o_knowledge_sidebar li > ul > a:not(.o_knowledge_article_load_more_ellipsis):before, .o_knowledge_public_view .o_knowledge_sidebar li > ul > li:before, .o_knowledge_public_view .o_knowledge_sidebar li > ul > a:not(.o_knowledge_article_load_more_ellipsis):before { position: absolute; top: 1em; left: 0; bottom: auto; right: auto; width: .6em; height: 1px; margin: auto; } .o_knowledge_form_view .o_knowledge_sidebar li > ul > li:last-child, .o_knowledge_form_view .o_knowledge_sidebar li > ul > a:not(.o_knowledge_article_load_more_ellipsis):last-child, .o_knowledge_public_view .o_knowledge_sidebar li > ul > li:last-child, .o_knowledge_public_view .o_knowledge_sidebar li > ul > a:not(.o_knowledge_article_load_more_ellipsis):last-child { padding-bottom: 0; } .o_knowledge_form_view .o_knowledge_sidebar li > ul > li:last-child:after, .o_knowledge_form_view .o_knowledge_sidebar li > ul > a:not(.o_knowledge_article_load_more_ellipsis):last-child:after, .o_knowledge_public_view .o_knowledge_sidebar li > ul > li:last-child:after, .o_knowledge_public_view .o_knowledge_sidebar li > ul > a:not(.o_knowledge_article_load_more_ellipsis):last-child:after { height: 1em; } .o_knowledge_form_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.ui-sortable-helper), .o_knowledge_public_view .o_knowledge_sidebar li > ul > a.o_knowledge_article_load_more:not(.ui-sortable-helper) { padding-left: 2.5rem; } .o_knowledge_form_view .o_knowledge_article_form_resizer, .o_knowledge_public_view .o_knowledge_article_form_resizer { cursor: col-resize; touch-action: none; } .o_knowledge_form_view .o_knowledge_article_form_resizer span:hover, .o_knowledge_form_view .o_knowledge_article_form_resizer span.o_resizer_bg, .o_knowledge_public_view .o_knowledge_article_form_resizer span:hover, .o_knowledge_public_view .o_knowledge_article_form_resizer span.o_resizer_bg { background-color: darkgray; } .o_knowledge_form_view .o_knowledge_cover, .o_knowledge_public_view .o_knowledge_cover { width: 100%; } .o_knowledge_form_view .o_knowledge_cover img, .o_knowledge_public_view .o_knowledge_cover img { width: 100%; height: 30vh; min-height: 150px; object-fit: cover; } .o_knowledge_form_view .o_knowledge_cover.o_cursor_grab, .o_knowledge_public_view .o_knowledge_cover.o_cursor_grab { cursor: grab; } .o_knowledge_form_view .o_knowledge_cover.o_cursor_grabbing, .o_knowledge_public_view .o_knowledge_cover.o_cursor_grabbing { cursor: grabbing; } .o_knowledge_form_view .o_knowledge_cover .o_reposition_hint, .o_knowledge_public_view .o_knowledge_cover .o_reposition_hint { background-color: black; color: white; } /* /website_crm_partner_assign/static/src/scss/crm_partner_assign.scss */ .o_wcrm_short_description { max-height: 100px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } /* /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_jobs_topbar_filters .dropdown-toggle .fa { margin-right: .4em; } .o_jobs_topbar_filters .dropdown-toggle:after { margin-left: 1.2em; } .o_jobs_topbar_filters .dropdown-menu, .o_jobs_topbar_filters .o_dropdown_menu { margin-top: 0.5rem; min-width: 12rem; } .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.125rem; } .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_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; } /* /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_arrow { position: absolute; height: 24px; margin-left: -5px; margin-top: 10px; line-height: 1.8em; padding-left: 8px; padding-right: 5px; background: #17A2B8; color: white; box-shadow: 0px 0px 3px gray; z-index: 1; text-decoration: none; } .o_wslides_arrow:after { content: ""; position: absolute; height: 0px; width: 0px; right: 0; margin-right: -15px; border-left: 15px solid #17A2B8; border-bottom: 12px solid transparent; border-top: 12px solid transparent; } .o_wslides_body > #wrapwrap > main { background-color: #f7f7fa; } .o_wslides_body .o_wslides_home_nav { top: -40px; } @media (min-width: 992px) { .o_wslides_body .o_wslides_home_nav .o_wslides_nav_navbar_right { padding-left: 1rem; margin-left: auto; border-left: 1px solid var(--o-border-color); } } .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: #017e84; } .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_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 { 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/Group.svg"); background-image: url("/openerp_website/static/src/img/2016/logos/01.svg"); */ background-position: 0 0; background-repeat: no-repeat; display: inline-block; width: 200px; height: 60px; background-size: cover; } .o_logo_header { background-image: url("/openerp_website/static/src/img/2016/logos/01.svg"); } .o_logo_footer { background-image: url("/openerp_website/static/src/img/2016/logos/Group.svg"); } .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% 0; } .o_logo_inverse.o_logo_15.d-blok.mx-auto { background-position: 102% 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); } .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); } .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); } .flip { transform: scaleX(-1); } .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: #017e84; } .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; } /* /----------------------contact page styling --------------------------------------/ */ /* Contact */ /* Contact Section */ .contact-section-unique { padding: 50px 5%; display: flex; justify-content: center; } /* Contact Form Container */ .contact-container-unique { display: flex; max-width: 1200px; width: 100%; background: #F3F4F6 !important; border-radius: 15px; padding: 40px; gap: 20px; /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); */ } /* Left Side: Form */ .contact-form-unique { flex: 1; color: #111827; } .contact-form-unique h2 { font-size: 1.8rem; font-weight: bold; color: #111827; margin-bottom: 10px; } .contact-form-unique span { font-weight: bold; } .highlight-text { color: #caff33; } .contact-form-unique p { font-size: 0.9rem; opacity: 0.7; margin-bottom: 15px; } /* Form Styles */ .contact-form-unique form { display: flex; flex-direction: column; gap: 10px; } .contact-form-unique input, .contact-form-unique select, .contact-form-unique textarea { width: 100%; padding: 12px; border-radius: 5px; background: #f5f5f56e; border: 1px solid #b8b8b8; color: #616161; font-size: 1rem; } .contact-form-unique textarea { height: 120px; resize: none; } /* Submit Button */ .submit-btn-unique { background: linear-gradient(90deg, rgba(225, 41, 191) 0%, rgba(167, 18, 233) 43%, rgba(125, 0, 255) 89%) !important; color: #fff; padding: 12px 20px; border-radius: 5px; font-weight: bold; border: none; cursor: pointer; transition: 0.3s; } .submit-btn-unique:hover { background: #714b67; } /* Right Side: Map */ .contact-map-unique { flex: 1; border-radius: 10px; overflow: hidden; height: 100%; } /* Responsive Design */ @media (max-width: 768px) { .contact-container-unique { flex-direction: column; text-align: center; padding: 30px; } .contact-map-unique { height: 300px; } } /* Additional Inquiries Section */ .inquiries-section-unique { /* background: #0d0d0d; */ padding: 50px 5%; text-align: center; color: #111827; } .inquiries-section-unique h2 { font-size: 2rem; font-weight: bold; } .highlight-text { color: #caff33; } .inquiries-section-unique p { font-size: 0.9rem; opacity: 0.7; margin-bottom: 20px; } /* Inquiries Container */ .inquiries-container-unique { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; } /* Inquiry Box */ .inquiry-box-unique { background: #f3f4f6; padding: 12px 20px; border-radius: 10px; display: flex; align-items: center; gap: 10px; color: #111827; font-size: 1rem; cursor: pointer; transition: 0.3s; } .inquiry-box-unique i { color: #caff33; font-size: 1.2rem; } .inquiry-box-unique:hover { background:linear-gradient(90deg, rgba(225, 41, 191, 0.5) 0%, rgba(167, 18, 233, 0.5) 43%, rgba(125, 0, 255, 0.5) 89%); color: #fff; } /* Social Media Icons */ .social-icons i { font-size: 1.2rem; margin-left: 10px; transition: 0.3s; } .social-icons i:hover { color: #caff33; } /* /odoo_theme/static/src/scss/typography.scss */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .x_wd [class*="display-"] { font-family: "Caveat"; font-weight: 700; } .x_wd [class*="display-1"] { font-size: calc(1.725rem + 5.7vw); } @media (min-width: 1200px) { .x_wd [class*="display-1"] { font-size: 6rem; } } .x_wd [class*="display-2"] { font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .x_wd [class*="display-2"] { font-size: 5rem; } } .x_wd [class*="display-3"] { font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .x_wd [class*="display-3"] { font-size: 4rem; } } .x_wd [class*="display-4"] { font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .x_wd [class*="display-4"] { font-size: 3rem; } } .x_wd [class*="display-5"] { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .x_wd [class*="display-5"] { font-size: 2rem; } .fs { font-size: 1.4rem;!important } } .x_wd [class*="display-6"] { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .x_wd [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"] { line-height: 1; } .x_wd [class*="display-5"], .x_wd [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; } } *: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; } .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) > :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) > :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 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: 200px; height: 60px; margin: 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).dropdown-toggle:not(:has(> .o_app_name_title)):after { content: none; } .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_services_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_services_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_services_industries .o_nav_ind_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_services_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_services_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_services_industries .o_nav_app_family:after, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_services_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_services_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_services_industries.o_highlighted, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_services_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_services_industries.o_highlighted a, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_services_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_construction_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_construction_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_construction_industries .o_nav_ind_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_construction_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_construction_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_construction_industries .o_nav_app_family:after, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_construction_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_construction_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_construction_industries.o_highlighted, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_construction_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_construction_industries.o_highlighted a, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_construction_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_supply_chain_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_supply_chain_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_supply_chain_industries .o_nav_ind_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_supply_chain_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_supply_chain_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_supply_chain_industries .o_nav_app_family:after, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_supply_chain_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_supply_chain_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_supply_chain_industries.o_highlighted, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_supply_chain_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_supply_chain_industries.o_highlighted a, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_supply_chain_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_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: #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_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: #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_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: #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_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_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_hospitality_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_hospitality_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_hospitality_industries .o_nav_ind_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_hospitality_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_hospitality_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_hospitality_industries .o_nav_app_family:after, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div .o_hospitality_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_hospitality_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_hospitality_industries.o_highlighted, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_hospitality_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_hospitality_industries.o_highlighted a, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div .o_hospitality_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_supply_chain_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_supply_chain_industries .o_nav_app_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_supply_chain_industries .o_nav_ind_family, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_supply_chain_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_supply_chain_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_supply_chain_industries .o_nav_app_family:after, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .container > .row > div.o_supply_chain_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_supply_chain_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_supply_chain_industries.o_highlighted, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_supply_chain_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_supply_chain_industries.o_highlighted a, .o_main_header > .o_main_header_main > .o_primary_nav .o_secondary_nav > .o_container_small > .row > div.o_supply_chain_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 { 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 { 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 { 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 { 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).dropdown-toggle:not(:has(> .o_app_name_title)):after { content: none; } .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% 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% 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_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_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; } /* /mail/static/src/core/common/attachment_list.scss */ @media (hover: hover) { .o-mail-AttachmentCard-unlink.o-inComposer { transform: translateX(100%); } .o-mail-AttachmentCard-aside:hover .o-mail-AttachmentCard-unlink.o-inComposer { transform: translateX(0); } } .o-mail-AttachmentCard-aside:not(.o-hasMultipleActions) { min-width: 50px; } .o-mail-AttachmentCard-aside.o-hasMultipleActions { min-width: 30px; } .o-mail-AttachmentList-in-composer { max-height: 300px; } .o-mail-AttachmentList-in-composer.o-inChatWindow { max-height: 100px; } .o-mail-AttachmentImage { min-width: 75px; min-height: 75px; background-color: #F3F4F6; } .o-mail-AttachmentImage img { object-fit: contain; --border-opacity: .3; } .o-viewable { cursor: zoom-in; } /* /mail/static/src/core/common/attachment_view.scss */ @media (min-width: 1534px) { .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::placeholder { opacity: 50%; } .o-mail-AutoresizeInput:not([disabled]):hover { --o-input-border-color: var(--o-border-color); } .o-mail-AutoresizeInput:not([disabled]):focus { --o-input-border-color: rgba(0, 0, 0, 0.5); } /* /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: -5px; top: -3px; 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: -2px; right: -3px; 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; margin-top: 10px; margin-right: 25px; margin-bottom: 10px; margin-left: 10px; z-index: 20; } .o-mail-ChatHub-bubbles.o-liftUp { transform: translateY(-25px); } .o-mail-ChatHub-bubbles.o-mobile { margin-right: 15px; transform: translateY(-35px); } body:has(.o-mail-Discuss):not(:has(.o-mail-ChatWindow)) .o-mail-ChatHub-bubbles.o-mobile, body:has(.o-mail-MessagingMenu):not(:has(.o-mail-ChatWindow)) .o-mail-ChatHub-bubbles.o-mobile { transform: translateY(-65px); z-index: 1060; } .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: #714b67 !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: 30px !important; height: 30px !important; border: 1px solid transparent !important; } .o-mail-ChatHub-optionsBtn.o-bubblesHover { opacity: 50%; } .o-mail-ChatHub-optionsBtn:hover { border-color: #d8dadd !important; opacity: 75%; } .o-mail-ChatHub-optionsBtn.show { opacity: 100% !important; border-color: #b9bbc1 !important; } /* /mail/static/src/core/common/chat_window.scss */ .o-mail-ChatWindow { width: 380px; z-index: 1020; outline: none; } .o-mail-ChatWindow:not(.o-mobile) { --border-opacity: .15; aspect-ratio: 9 / 15; } .o-mail-ChatWindow-command { color: inherit !important; } .o-mail-ChatWindow-command.o-quick { opacity: 15%; } .o-mail-ChatWindow.o-mobile .o-mail-ChatWindow-command.o-quick { opacity: 50%; } .o-mail-ChatWindow-command:not(.o-actionsMenu) { padding: 0.125rem; } .o-mail-ChatWindow-command:hover, .o-mail-ChatWindow-command.o-active, .o-mail-ChatWindow-command.o-hover { color: var(--mail-ChatWindow-commandHoverColor, black) !important; } .o-mail-ChatWindow-command:hover.o-quick, .o-mail-ChatWindow-command:hover.o-actionsMenu, .o-mail-ChatWindow-command.o-active.o-quick, .o-mail-ChatWindow-command.o-active.o-actionsMenu, .o-mail-ChatWindow-command.o-hover.o-quick, .o-mail-ChatWindow-command.o-hover.o-actionsMenu { backdrop-filter: invert(0.025); } .o-mail-ChatWindow-command:hover, .o-mail-ChatWindow-command.o-active, .o-mail-ChatWindow-command.o-hover { border-color: transparent !important; } .o-mail-ChatWindow-command:not(.o-active):not(.o-hover) .fa-caret-down { opacity: 25%; } .o-mail-ChatWindow-command.o-small { --border-opacity: 0.5 ; } .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 { --border-opacity: .25; } .o-mail-ChatWindow-header .o-mail-ChatWindow-threadAvatar img { height: 24px; width: 24px; } .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:not(.o-focused) .o-mail-Composer-input::placeholder { opacity: 50%; } .o-mail-Composer:not(.o-focused) .o-mail-Composer-actions button:not(:hover):not(.o-active):not(.show) { opacity: 25%; } .o-mail-Composer-actions button.o-small { margin: 0.125rem !important; padding: 0.125rem !important; } .o-mail-Composer-actions button.o-large { padding: 0.25rem !important; margin: 0.25rem !important; } .o-mail-Composer-actions button:disabled, .o-mail-Composer-actions button.o_wysiwyg_loader { opacity: 25% !important; } .o-mail-Composer-actions button:enabled { opacity: 35%; } .o-mail-Composer.o-focused .o-mail-Composer-actions button { opacity: 50%; } .o-mail-Composer-actions button[name='more-actions'] { opacity: 25%; } .o-mail-Composer.o-focused .o-mail-Composer-actions button[name='more-actions'] { opacity: 40%; } .o-mail-Composer-actions button.rounded-circle, .o-mail-Composer-actions button.fa.rounded-empty-circle { aspect-ratio: 1; } .o-mail-Composer-actions button.o-sendMessageActive { background-color: rgba(1, 126, 132, 0.75); 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:disabled, .o-mail-Composer-actions button.o_wysiwyg_loader { --btn-active-color: var(--btn-disabled-color); --btn-hover-color: var(--btn-disabled-color); opacity: 25%; } .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); --border-opacity: .5; } .o-mail-Composer-inputStyle { 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 { padding-left: 0.5rem; padding-right: 0.5rem; } .o-mail-Composer.o-extended .o-mail-Composer-inputStyle { padding-left: 0.75rem; padding-right: 0.5rem; } .o-mail-Composer.o-chatWindow .o-mail-Composer-inputStyle { padding-top: 7px; padding-bottom: 7px; padding-left: 0.125rem; padding-right: 0.125rem; } .o-mail-Composer.o-isUiSmall .o-mail-Composer-inputStyle { padding-top: 10px; padding-bottom: 10px; } .o-mail-Composer-input { font-family: "text-emoji", var(--font-sans-serif); max-height: Min(400px, 60vh); resize: none; } @media (min-height: 325px) { .o-mail-Composer.o-chatWindow .o-mail-Composer-input { max-height: Min(350px, 70vh); } } @media (min-height: 325px) { .o-mail-Composer.o-chatWindowBig .o-mail-Composer-input { max-height: Min(550px, 70vh); } } @media (min-height: 425px) { .o-mail-Composer.o-discussApp .o-mail-Composer-input { max-height: 50vh; } } .o-mail-Composer.o-extended .o-mail-Composer-input { max-height: Min(400px, 30vh); } .o-mail-Composer-input::placeholder { opacity: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .o-mail-Composer.o-focused .o-mail-Composer-input::placeholder { opacity: 50%; } .o-mail-Composer-avatar { --Avatar-size: 32px; } .o-mail-Composer-fake { height: 0; left: -10000px; top: -10000px; visibility: hidden; } .o-mail-Composer-inputContainer.o-iosPwa:not(:focus-within) { margin-bottom: 1rem !important; } .o-mail-Composer-inputContainer:has(textarea:focus) { --border-opacity: .25; border-color: rgba(1, 126, 132, var(--border-opacity)) !important; } .o-mail-Composer-pickerContainer.o-active { height: 50vh; } /* /mail/static/src/core/common/core.scss */ .o-mail-discussSidebarBgColor { background-color: #FFF; } .o-mail-brighter { filter: brightness(1.2); } .o-bg-black { background-color: rgba(0, 0, 0, var(--bg-opacity, 1)); } .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-mobileContextMenu { top: auto !important; } .o-discuss-separator { opacity: 0.33333333; } .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-min-height-0 { min-height: 0; } .o-min-width-0 { min-width: 0; } .o-opacity-35 { opacity: 35%; } .o-gap-0_5 { gap: 0.125rem; } .o-mx-0_5 { margin-left: 0.125rem; margin-right: 0.125rem; } .o-my-0_5 { margin-top: 0.125rem; margin-bottom: 0.125rem; } .o-mt-0_5 { margin-top: 0.125rem; } .o-py-0_5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .o-ps-1_5 { padding-left: 0.375rem !important; } .o-py-1_5 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .o-pt-0_5 { padding-top: 0.125rem; } .o-hover-text-underline:hover { text-decoration: underline; } .o-rounded-bubble { border-radius: calc((0.625rem + 1.25rem) * 3 / 4) !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-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-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-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-text-white { color: #FFF !important; } .o-xsmaller { font-size: 0.65rem; } .o-xxsmaller { font-size: 0.5rem; } .o-yellow { color: #ffc107; } a.o_mail_redirect, a.o_channel_redirect, a.o-discuss-mention { border-radius: 0.25rem; padding: 0rem 0.1875rem; border: 1px solid; font-weight: 600; display: inline-block; } a.o_mail_redirect, a.o_channel_redirect { color: #52374b; background-color: rgba(113, 75, 103, 0.15); border-color: rgba(113, 75, 103, 0.25); } a.o_mail_redirect:hover, a.o_channel_redirect:hover { color: #432c3d; background-color: rgba(113, 75, 103, 0.2); border-color: rgba(113, 75, 103, 0.5); } a.o_mail_redirect:focus, a.o_channel_redirect:focus { box-shadow: 96, 64, 88; } a.o_mail_redirect:active, a.o_channel_redirect:active { color: #111827; background-color: rgba(220, 211, 218, 0.32); border-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 { color: #111827; background-color: rgba(113, 75, 103, 0.15); border-color: rgba(113, 75, 103, 0.25); } a.o-discuss-mention { color: #52374b; background-color: rgba(113, 75, 103, 0.15); border-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); border-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); border-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); border-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-DiscussSystray-class:hover, .o-mail-DiscussSystray-class.show { background-color: rgba(0, 0, 0, 0.075); } .o-mail-systrayFullscreenDropdownMenu { top: 46px !important; height: calc(100% - 46px); } .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); } /* /mail/static/src/core/common/country_flag.scss */ .o-mail-CountryFlag { aspect-ratio: 3/2; } /* /mail/static/src/core/common/im_status.scss */ .o-mail-ImStatus { width: 1.25rem; height: 1.25rem; } .o-mail-ImStatus.o-md { width: 1rem; height: 1rem; } .o-mail-ImStatus.o-sm { width: 0.75rem; height: 0.75rem; } .o-mail-ImStatus .o-away { color: #ffc107; } /* /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: .5; } .o-mail-Message.o-highlighted { transform: translateY(-1rem); } .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 { opacity: 35%; } .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; } @font-face { font-family: "text-emoji"; src: local("Segoe UI"), local("Apple Color Emoji"), local("Android Emoji"), local("Noto Color Emoji"), local("Twitter Color Emoji"), local("Twitter Color"), local("EmojiOne Color"), local("EmojiOne"), local(EmojiSymbols), local(Symbola); unicode-range: U+231A-231B, U+23E9-23EC, U+23F0, U+23F3, U+25FD-25FE, U+2614-2615, U+2648-2653, U+267F, U+2693, U+26A1, U+26AA-26AB, U+26BD-26BE, U+26C4-26C5, U+26CE, U+26D4, U+26EA, U+26F2-26F3, U+26F5, U+26FA, U+26FD, U+2705, U+270A-270B, U+2728, U+274C, U+274E, U+2753-2755, U+2757, U+2795-2797, U+27B0, U+27BF, U+2B1B-2B1C, U+2B50, U+2B55, U+FE0F, U+1F004, U+1F0CF, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201, U+1F21A, U+1F22F, U+1F232-1F236, U+1F238-1F23A, U+1F250-1F251, U+1F300-1F320, U+1F32D-1F335, U+1F337-1F393, U+1F3A0-1F3CA, U+1F3CF-1F3D3, U+1F3E0-1F3F0, U+1F3F4, U+1F3F8-1F43E, U+1F440, U+1F442-1F4FC, U+1F4FF-1F53D, U+1F54B-1F567, U+1F57A, U+1F595-1F596, U+1F5A4, U+1F5FB-1F64F, U+1F680-1F6CC, U+1F6D0-1F6D2, U+1F6D5-1F6D7, U+1F6DC-1F6DF, U+1F6EB-1F6EC, U+1F6F4-1F6FC, U+1F7E0-1F7EB, U+1F7F0, U+1F90C-1F93A, U+1F93C-1F945, U+1F947-1FA7C, U+1FA80-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8; size-adjust: 121%;} .o-mail-Message-body { font-family: "text-emoji", var(--font-sans-serif); } .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 { margin-bottom: 0 !important; } .o-mail-Message-body table[align="left"][width="100%"] { float: none; } .o-mail-Message-bubble.o-blue { background-color: #def4f8 !important; border-color: #bae8f0 !important; } .o-mail-Message-bubble.o-blue.o-muted { background-color: #f4fcfd !important; } .o-mail-Message-bubble.o-green { background-color: #e1f5e5 !important; border-color: #c0eac8 !important; } .o-mail-Message-bubble.o-green.o-muted { background-color: #f5fcf7 !important; } .o-mail-Message-bubble.o-orange { background-color: #fff1c7 !important; border-color: #ffe8a1 !important; } .o-mail-Message-bubble.o-orange.o-muted { background-color: #fffdf6 !important; } .o-mail-Message-bubbleTail { width: 6px; height: 12px; z-index: 1; top: 0; } .o-mail-Message-bubbleTail.o-blue .o-mail-Message-bubbleTailBg { color: #def4f8 !important; } .o-mail-Message-bubbleTail.o-blue .o-mail-Message-bubbleTailBorder { color: #bae8f0 !important; } .o-mail-Message-bubbleTail.o-green .o-mail-Message-bubbleTailBg { color: #e1f5e5 !important; } .o-mail-Message-bubbleTail.o-green .o-mail-Message-bubbleTailBorder { color: #c0eac8 !important; } .o-mail-Message-bubbleTail.o-orange .o-mail-Message-bubbleTailBg { color: #fff1c7 !important; } .o-mail-Message-bubbleTail.o-orange .o-mail-Message-bubbleTailBorder { color: #ffe8a1 !important; } .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-actions { z-index: 18; } .o-mail-Message-actions.o-expanded { z-index: 19; } .o-mail-Message-actions button { opacity: 35%; } .o-mail-Message-actions button:hover, .o-mail-Message-actions button.focus, .o-mail-Message-actions button.show { opacity: 100%; color: var(--mail-Message-actionIconHoveredColor, black); } .o-mail-Message-moreMenu { z-index: 21; } .o-mail-Message-openActionMobile { opacity: 10% !important; } .o-mail-Message.o-card .o-mail-Message-openActionMobile { opacity: 15% !important; } .o-mail-Message-openActionMobile:active { opacity: 75% !important; } .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_action_menu_mobile.scss */ .o-mail-MessageActionMenuMobile button { border-color: var(--o-border-color); } .o-mail-MessageActionMenuMobile button:active { border: none !important; } /* /mail/static/src/core/common/message_card_list.scss */ .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-avatar { width: 16px; aspect-ratio: 1; } .o-mail-MessageInReply-core { border-left: 3px solid transparent !important; border-top: none !important; border-right: none !important; border-bottom: none !important; background-color: rgba(255, 255, 255, 0.5) !important; } .o-mail-MessageInReply-core.o-blue { border-left-color: #8bd1dc !important; } .o-mail-MessageInReply-core.o-green { border-left-color: #94d3a2 !important; } .o-mail-MessageInReply-core.o-orange { border-left-color: #ffda6a !important; } .o-mail-MessageInReply-content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .o-mail-MessageInReply-message p, .o-mail-MessageInReply-message div { display: inline; margin: 0; } .o-mail-MessageInReply-message br { display: none; } /* /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.25; --border-opacity: .5; } .o-mail-MessageReaction:not(.o-selfReacted):hover { border-color: rgba(113, 75, 103, var(--mail-MessageReaction-selfReactedBorderOpacity, 0.35)) !important; } .o-mail-MessageReaction.o-selfReacted { --border-opacity: var(--mail-MessageReaction-selfReactedBorderOpacity, 0.35); background: #f1edf0; } .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); } @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.2); } .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: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-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-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: var(--o-discuss-Call-bgColor, #111827); } .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-main { background-color: rgba(0, 0, 0, 0.5); } .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-bar button:not(.btn-danger):not(.btn-success) { background-color: var(--o-discuss-CallActionList-bgColor, #1F2937); color: #FFFFFF; } .o-discuss-CallActionList-bar button { aspect-ratio: 1; } /* /mail/static/src/discuss/call/common/call_context_menu.scss */ .o-mail-CallContextMenu-volumeTooltip { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s ease-out; position: absolute; bottom: 150%; left: calc(var(--progress) - 0.13 * (var(--progress))); transform: translateX(calc(-50% + 8px)); 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_invitation.scss */ .o-discuss-CallInvitation { background-color: #000; color: #fff; border-color: #dee2e6 !important; } .o-discuss-CallInvitation.o-cameraPreview { aspect-ratio: 16 / 9; width: Min(720px, 92vw); } .o-discuss-CallInvitation button { aspect-ratio: 1; } .o-discuss-CallInvitation img { aspect-ratio: 1; width: 75px; border: 3px solid gray; } .o-discuss-CallInvitation.o-cameraPreview img { width: 50px; } /* /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-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); } /* /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, #374151); } .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; } /* /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/chat_window_patch.scss */ @media (hover: none) { .o-mail-ChatWindow-command .fa-phone, .o-mail-ChatWindow-command .fa-video-camera { color: #28a745 !important; } } @media (hover: hover) { .o-mail-ChatWindow-command:hover:has(.fa-phone), .o-mail-ChatWindow-command:hover:has(.fa-video-camera) { outline: 1px solid rgba(40, 167, 69, 0.35); } .o-mail-ChatWindow-command:hover:has(.fa-phone) i, .o-mail-ChatWindow-command:hover:has(.fa-video-camera) i { color: #2dbc4e !important; } } /* /mail/static/src/discuss/call/common/discuss_patch.scss */ @media (hover: none) { .o-mail-Discuss-headerActions button .fa-phone, .o-mail-Discuss-headerActions button .fa-video-camera { color: #28a745 !important; } } @media (hover: hover) { .o-mail-Discuss-headerActions button:hover:has(.fa-phone), .o-mail-Discuss-headerActions button:hover:has(.fa-video-camera) { background-color: #F9FAFB !important; outline: 1px solid rgba(40, 167, 69, 0.25); } .o-mail-Discuss-headerActions button:hover:has(.fa-phone) i, .o-mail-Discuss-headerActions button:hover:has(.fa-video-camera) i { color: #2dbc4e !important; } } /* /mail/static/src/discuss/typing/common/typing.scss */ .o-discuss-Typing-dot { animation: o_mail_Typing_animation 1.5s linear infinite; } .o-discuss-Typing-dot.o-sizeMedium { width: 5px; height: 5px; } .o-discuss-Typing-dot.o-sizeSmall { width: 3px; height: 3px; } .o-discuss-Typing-dot.o-discuss-Typing-dot2 { animation-delay: -1.35s; } .o-discuss-Typing-dot.o-discuss-Typing-dot3 { animation-delay: -1.2s; } @keyframes o_mail_Typing_animation { 0%, 40%, 100% { opacity: initial; } 20% { opacity: 25%; } } .o-discuss-Typing:before { content: "\200b"; } /* /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/embed/common/chat_window_patch.scss */ .o-mail-ChatWindow-command:hover, .o-mail-ChatWindow-command.o-active, .o-mail-ChatWindow-command.o-hover { color: inherit !important; } /* /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 { min-width: 100px; 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: #111827; --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: #017e84; --link-color-rgb: 1, 126, 132; --link-decoration: none; --link-hover-color: #003638; --link-hover-color-rgb: 0.42481203, 53.52631579, 56.07518797; --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/patch/assets_frontend/website.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 { } .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_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 .o_half_screen_height, .o_wevent_index .cover_mid { min-height: 200px !important; } @media (min-width: 992px) { .o_wevent_index .o_wevent_search { max-width: 300px; } } .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_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.125rem; } .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; } } .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 */ .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; } .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 { } .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 { 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_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_jitsi/static/src/css/chat_room.css */ .o_wjitsi_room_modal .modal-dialog { top: 10%; max-width: 100vw; max-height: 100vh; width: 80%; margin: auto; } .o_wjitsi_room_modal .modal-body { height: 70vh; overflow: hidden; margin: 0; } .o_wjitsi_chat_room_loading { top: 40%; } /* /website_event_exhibitor/static/src/scss/event_templates_sponsor.scss */ .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; } .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 { } .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_wsponsor_jitsi_iframe { height: 85vh; } .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 { 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: 0 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/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: 50%; left: 50%; bottom: auto; right: auto; margin: -40px 0 0 -40px; width: 80px; padding: 1rem; background-color: #FFF; border-radius: 50rem; box-shadow: 0rem 0rem 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 { position: absolute; top: auto; left: auto; bottom: 100%; right: 0; 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; top: 440px; 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.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 { padding: 0; 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 > header + main > #wrap:not(.website_blog) > .o_has_dark_bg { border-top-color: #fff !important; } #wrapwrap .o_teaser_blocks .row > div { transition: all .2s ease-in-out; } #wrapwrap .o_teaser_blocks .row > div:hover { z-index: 1; transform: translateY(-20px); box-shadow: -40px 40px 160px 0 rgba(0, 0, 0, 0.08), -8px 8px 15px 0 rgba(120, 120, 120, 0.04), 3px 3px 30px 0 rgba(0, 0, 0, 0.04) !important; } #wrapwrap .o_teaser_blocks_badge { right: 0; top: 0; transform: translateY(-50%); } #wrapwrap .o_testimonial_education .s_carousel .carousel-control-prev-icon:before, #wrapwrap .o_testimonial_education .s_carousel .carousel-control-next-icon:before { background: none; } #wrapwrap .o_education_program_play { transition: background 0.3s cubic-bezier(0.55, 0, 0.1, 1); } #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%; } /* /openerp_website/static/src/scss/job.scss */ .o_jobs_contact_img { height: 6rem; width: 6rem; overflow: hidden; margin-right: 1rem; border-radius: 50%; } .o_jobs_contact_img img { object-fit: cover; height: 100%; width: 100%; } .js_hr_recruitment .card { overflow: inherit; } /* /openerp_website/static/src/scss/events.scss */ .o_wevent_index .o_wevent_events_list .card { border: 1px solid #D8DADD; } .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; } .o_wevent_event .o_wevent_dates_block .card { border: 1px solid #D8DADD; } .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 */ #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.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.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.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.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.o_odoo_experience_2025, #wrapwrap.o_odoo_experience_2025 [class*="display-"], #wrapwrap.o_odoo_connect_2025, #wrapwrap.o_odoo_connect_2025 [class*="display-"], #wrapwrap.o_odoo_community_days_latin_america_2025, #wrapwrap.o_odoo_community_days_latin_america_2025 [class*="display-"], #wrapwrap.o_odoo_community_days_india_2025, #wrapwrap.o_odoo_community_days_india_2025 [class*="display-"] { color: #fff; } @media (max-width: 767.98px) { #wrapwrap.o_odoo_experience_2025 .display-1, #wrapwrap.o_odoo_connect_2025 .display-1, #wrapwrap.o_odoo_community_days_latin_america_2025 .display-1, #wrapwrap.o_odoo_community_days_india_2025 .display-1 { font-size: 64px; } } #wrapwrap.o_odoo_experience_2025 .o_main_header, #wrapwrap.o_odoo_connect_2025 .o_main_header, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_main_header, #wrapwrap.o_odoo_community_days_india_2025 .o_main_header { backdrop-filter: blur(100px); } #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 { background-color: transparent !important; } #wrapwrap.o_odoo_experience_2025 #o_xp25_footer, #wrapwrap.o_odoo_experience_2025 #o_ocdlatam25_footer, #wrapwrap.o_odoo_connect_2025 #o_xp25_footer, #wrapwrap.o_odoo_connect_2025 #o_ocdlatam25_footer, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_xp25_footer, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_ocdlatam25_footer, #wrapwrap.o_odoo_community_days_india_2025 #o_xp25_footer, #wrapwrap.o_odoo_community_days_india_2025 #o_ocdlatam25_footer { background-color: transparent !important; } #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.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.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.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.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.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.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.o_odoo_experience_2025 #o_xp25_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_experience_2025 #o_xp25_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_experience_2025 #o_xp25_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_experience_2025 #o_xp25_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_experience_2025 #o_xp25_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_experience_2025 #o_c25_usa_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_experience_2025 #o_c25_usa_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_experience_2025 #o_c25_usa_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_experience_2025 #o_c25_usa_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_experience_2025 #o_c25_usa_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_experience_2025 #ocd_latam_25_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_experience_2025 #ocd_latam_25_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_experience_2025 #ocd_latam_25_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_experience_2025 #ocd_latam_25_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_experience_2025 #ocd_latam_25_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_connect_2025 #o_xp25_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_connect_2025 #o_xp25_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_connect_2025 #o_xp25_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_connect_2025 #o_xp25_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_connect_2025 #o_xp25_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_connect_2025 #o_c25_usa_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_connect_2025 #o_c25_usa_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_connect_2025 #o_c25_usa_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_connect_2025 #o_c25_usa_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_connect_2025 #o_c25_usa_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_connect_2025 #ocd_latam_25_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_connect_2025 #ocd_latam_25_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_connect_2025 #ocd_latam_25_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_connect_2025 #ocd_latam_25_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_connect_2025 #ocd_latam_25_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_community_days_latin_america_2025 #o_xp25_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_xp25_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_xp25_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_xp25_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_xp25_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_community_days_latin_america_2025 #o_c25_usa_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_c25_usa_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_c25_usa_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_c25_usa_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_community_days_latin_america_2025 #o_c25_usa_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_community_days_latin_america_2025 #ocd_latam_25_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_community_days_latin_america_2025 #ocd_latam_25_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_community_days_latin_america_2025 #ocd_latam_25_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_community_days_latin_america_2025 #ocd_latam_25_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_community_days_latin_america_2025 #ocd_latam_25_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_community_days_india_2025 #o_xp25_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_community_days_india_2025 #o_xp25_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_community_days_india_2025 #o_xp25_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_community_days_india_2025 #o_xp25_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_community_days_india_2025 #o_xp25_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_community_days_india_2025 #o_c25_usa_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_community_days_india_2025 #o_c25_usa_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_community_days_india_2025 #o_c25_usa_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_community_days_india_2025 #o_c25_usa_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_community_days_india_2025 #o_c25_usa_exhibitor_booth_registration + section a[data-bs-toggle="modal"], #wrapwrap.o_odoo_community_days_india_2025 #ocd_latam_25_exhibitor_booth_registration + section h4, #wrapwrap.o_odoo_community_days_india_2025 #ocd_latam_25_exhibitor_booth_registration + section .h4, #wrapwrap.o_odoo_community_days_india_2025 #ocd_latam_25_exhibitor_booth_registration + section h5, #wrapwrap.o_odoo_community_days_india_2025 #ocd_latam_25_exhibitor_booth_registration + section .h5, #wrapwrap.o_odoo_community_days_india_2025 #ocd_latam_25_exhibitor_booth_registration + section a[data-bs-toggle="modal"] { color: #fff; } #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.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.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.o_odoo_experience_2025 .o_wevent_sidebar_title, #wrapwrap.o_odoo_experience_2025 .o_wevent_dates_block small, #wrapwrap.o_odoo_experience_2025 .o_wevent_dates_block .small, #wrapwrap.o_odoo_connect_2025 .o_wevent_sidebar_title, #wrapwrap.o_odoo_connect_2025 .o_wevent_dates_block small, #wrapwrap.o_odoo_connect_2025 .o_wevent_dates_block .small, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_sidebar_title, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_dates_block small, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_dates_block .small, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_sidebar_title, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_dates_block small, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_dates_block .small { color: #fff !important; } #wrapwrap.o_odoo_experience_2025 .o_wevent_event .o_record_cover_container, #wrapwrap.o_odoo_connect_2025 .o_wevent_event .o_record_cover_container, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_event .o_record_cover_container, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_event .o_record_cover_container { min-height: 20rem; } #wrapwrap.o_odoo_experience_2025 .o_wevent_event .o_record_cover_container .o_record_cover_image, #wrapwrap.o_odoo_connect_2025 .o_wevent_event .o_record_cover_container .o_record_cover_image, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wevent_event .o_record_cover_container .o_record_cover_image, #wrapwrap.o_odoo_community_days_india_2025 .o_wevent_event .o_record_cover_container .o_record_cover_image { background-position: center bottom; } #wrapwrap.o_odoo_experience_2025 .o_wesponsor_container h4, #wrapwrap.o_odoo_experience_2025 .o_wesponsor_container .h4, #wrapwrap.o_odoo_connect_2025 .o_wesponsor_container h4, #wrapwrap.o_odoo_connect_2025 .o_wesponsor_container .h4, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wesponsor_container h4, #wrapwrap.o_odoo_community_days_latin_america_2025 .o_wesponsor_container .h4, #wrapwrap.o_odoo_community_days_india_2025 .o_wesponsor_container h4, #wrapwrap.o_odoo_community_days_india_2025 .o_wesponsor_container .h4 { color: #fff; } @media (min-width: 992px) and (max-width: 1199.98px) { #wrapwrap > header + main > #wrap.o_xp25 > :first-child, #wrapwrap > header + main > #wrap.o_c25_usa > :first-child, #wrapwrap > header + main > #wrap.o_ocdlatam25 > :first-child { border-top-width: 90px !important; } } #wrapwrap > header + main > #wrap.o_xp25 .o_wbooth_registration, #wrapwrap > header + main > #wrap.o_c25_usa .o_wbooth_registration, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wbooth_registration { border-top: 40px solid transparent; } #wrapwrap > header + main > #wrap.o_xp25 .o_wesession_index, #wrapwrap > header + main > #wrap.o_xp25 .o_wesponsor_index, #wrapwrap > header + main > #wrap.o_c25_usa .o_wesession_index, #wrapwrap > header + main > #wrap.o_c25_usa .o_wesponsor_index, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wesession_index, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wesponsor_index { border-top-width: 80px !important; } @media (min-width: 992px) and (max-width: 1199.98px) { #wrapwrap > header + main > #wrap.o_xp25 .o_wesession_index, #wrapwrap > header + main > #wrap.o_xp25 .o_wesponsor_index, #wrapwrap > header + main > #wrap.o_c25_usa .o_wesession_index, #wrapwrap > header + main > #wrap.o_c25_usa .o_wesponsor_index, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wesession_index, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wesponsor_index { border-top-width: 100px !important; } } #wrapwrap > header + main > #wrap.o_xp25 [name="event"], #wrapwrap > header + main > #wrap.o_c25_usa [name="event"], #wrapwrap > header + main > #wrap.o_ocdlatam25 [name="event"] { border-top-width: 120px !important; } #wrapwrap > header + main > #wrap.o_xp25 .o_weagenda_topbar_filters, #wrapwrap > header + main > #wrap.o_xp25 .o_wbooth_registration, #wrapwrap > header + main > #wrap.o_c25_usa .o_weagenda_topbar_filters, #wrapwrap > header + main > #wrap.o_c25_usa .o_wbooth_registration, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_weagenda_topbar_filters, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wbooth_registration { border-top: 40px solid transparent; } #wrapwrap > header + main > #wrap.o_xp25 .o_wevent_index_topbar_filters h3, #wrapwrap > header + main > #wrap.o_xp25 .o_wevent_index_topbar_filters .h3, #wrapwrap > header + main > #wrap.o_c25_usa .o_wevent_index_topbar_filters h3, #wrapwrap > header + main > #wrap.o_c25_usa .o_wevent_index_topbar_filters .h3, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wevent_index_topbar_filters h3, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wevent_index_topbar_filters .h3 { color: #fff; } #wrapwrap > header + main > #wrap.o_xp25 .o_wesession_container, #wrapwrap > header + main > #wrap.o_xp25 .o_weagenda_index, #wrapwrap > header + main > #wrap.o_c25_usa .o_wesession_container, #wrapwrap > header + main > #wrap.o_c25_usa .o_weagenda_index, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wesession_container, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_weagenda_index { background-color: #fff; color: #111827; padding: 3rem; } #wrapwrap > header + main > #wrap.o_xp25 .o_wesponsor_index > div > h3, #wrapwrap > header + main > #wrap.o_xp25 .o_wesponsor_index > div > .h3, #wrapwrap > header + main > #wrap.o_c25_usa .o_wesponsor_index > div > h3, #wrapwrap > header + main > #wrap.o_c25_usa .o_wesponsor_index > div > .h3, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wesponsor_index > div > h3, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wesponsor_index > div > .h3 { color: #fff; } #wrapwrap > header + main > #wrap.o_xp25 .o_wesponsor_container h4, #wrapwrap > header + main > #wrap.o_xp25 .o_wesponsor_container .h4, #wrapwrap > header + main > #wrap.o_c25_usa .o_wesponsor_container h4, #wrapwrap > header + main > #wrap.o_c25_usa .o_wesponsor_container .h4, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wesponsor_container h4, #wrapwrap > header + main > #wrap.o_ocdlatam25 .o_wesponsor_container .h4 { color: #fff; } #wrapwrap #o_xp25_nav .btn, #wrapwrap .o_xp25 .o_wesponsor_connect_button .btn, #wrapwrap .o_c25_usa .o_wesponsor_connect_button .btn, #wrapwrap .o_xp25 section .btn, #wrapwrap .o_c25_usa section .btn, #wrapwrap #o_ocdlatam25_nav .btn, #wrapwrap .o_ocdlatam25 .o_wesponsor_connect_button .btn, #wrapwrap .o_ocdlatam25 section .btn { padding: .75rem 2rem; border-radius: 50rem; border-width: 2px; } #wrapwrap #o_xp25_nav .btn-sm, #wrapwrap #o_xp25_nav .btn-group-sm > .btn, #wrapwrap .o_xp25 .o_wesponsor_connect_button .btn-sm, #wrapwrap .o_xp25 .o_wesponsor_connect_button .btn-group-sm > .btn, #wrapwrap .o_c25_usa .o_wesponsor_connect_button .btn-sm, #wrapwrap .o_c25_usa .o_wesponsor_connect_button .btn-group-sm > .btn, #wrapwrap .o_xp25 section .btn-sm, #wrapwrap .o_xp25 section .btn-group-sm > .btn, #wrapwrap .o_c25_usa section .btn-sm, #wrapwrap .o_c25_usa section .btn-group-sm > .btn, #wrapwrap #o_ocdlatam25_nav .btn-sm, #wrapwrap #o_ocdlatam25_nav .btn-group-sm > .btn, #wrapwrap .o_ocdlatam25 .o_wesponsor_connect_button .btn-sm, #wrapwrap .o_ocdlatam25 .o_wesponsor_connect_button .btn-group-sm > .btn, #wrapwrap .o_ocdlatam25 section .btn-sm, #wrapwrap .o_ocdlatam25 section .btn-group-sm > .btn { padding: .5rem 1.5rem; } #wrapwrap #o_xp25_nav .btn-primary, #wrapwrap .o_xp25 .o_wesponsor_connect_button .btn-primary, #wrapwrap .o_c25_usa .o_wesponsor_connect_button .btn-primary, #wrapwrap .o_xp25 section .btn-primary, #wrapwrap .o_c25_usa section .btn-primary, #wrapwrap #o_ocdlatam25_nav .btn-primary, #wrapwrap .o_ocdlatam25 .o_wesponsor_connect_button .btn-primary, #wrapwrap .o_ocdlatam25 section .btn-primary { background-color: #03F9E3; border: 2px solid #03F9E3; color: #111827; } #wrapwrap #o_xp25_nav .btn-primary:hover, #wrapwrap .o_xp25 .o_wesponsor_connect_button .btn-primary:hover, #wrapwrap .o_c25_usa .o_wesponsor_connect_button .btn-primary:hover, #wrapwrap .o_xp25 section .btn-primary:hover, #wrapwrap .o_c25_usa section .btn-primary:hover, #wrapwrap #o_ocdlatam25_nav .btn-primary:hover, #wrapwrap .o_ocdlatam25 .o_wesponsor_connect_button .btn-primary:hover, #wrapwrap .o_ocdlatam25 section .btn-primary:hover { background-color: #fff; border-color: #fff; } #wrapwrap #o_xp25_nav .btn-outline-primary, #wrapwrap .o_xp25 .o_wesponsor_connect_button .btn-outline-primary, #wrapwrap .o_c25_usa .o_wesponsor_connect_button .btn-outline-primary, #wrapwrap .o_xp25 section .btn-outline-primary, #wrapwrap .o_c25_usa section .btn-outline-primary, #wrapwrap #o_ocdlatam25_nav .btn-outline-primary, #wrapwrap .o_ocdlatam25 .o_wesponsor_connect_button .btn-outline-primary, #wrapwrap .o_ocdlatam25 section .btn-outline-primary { background-color: #111827; border-color: #03F9E3; color: #03F9E3; } #wrapwrap #o_xp25_nav .btn-outline-primary:hover, #wrapwrap .o_xp25 .o_wesponsor_connect_button .btn-outline-primary:hover, #wrapwrap .o_c25_usa .o_wesponsor_connect_button .btn-outline-primary:hover, #wrapwrap .o_xp25 section .btn-outline-primary:hover, #wrapwrap .o_c25_usa section .btn-outline-primary:hover, #wrapwrap #o_ocdlatam25_nav .btn-outline-primary:hover, #wrapwrap .o_ocdlatam25 .o_wesponsor_connect_button .btn-outline-primary:hover, #wrapwrap .o_ocdlatam25 section .btn-outline-primary:hover { border-color: #fff; color: #fff; } #wrapwrap .o_select_menu { border-radius: 0.25rem !important; } #wrapwrap .o_select_menu .o_select_menu_toggler { padding: .75rem 1rem !important; border-radius: 0.25rem !important; } @media (max-width: 991.98px) { #wrapwrap #o_xp25_nav .o_xp25_logo, #wrapwrap #o_xp25_nav .o_ocdlatam25_logo, #wrapwrap #o_ocdlatam25_nav .o_xp25_logo, #wrapwrap #o_ocdlatam25_nav .o_ocdlatam25_logo { width: 28px; overflow: hidden; margin-top: -8px; } #wrapwrap #o_xp25_nav .o_xp25_logo img, #wrapwrap #o_xp25_nav .o_ocdlatam25_logo img, #wrapwrap #o_ocdlatam25_nav .o_xp25_logo img, #wrapwrap #o_ocdlatam25_nav .o_ocdlatam25_logo img { width: 110px; } } @media (min-width: 992px) { #wrapwrap #o_xp25_nav .o_xp25_logo, #wrapwrap #o_xp25_nav .o_ocdlatam25_logo, #wrapwrap #o_ocdlatam25_nav .o_xp25_logo, #wrapwrap #o_ocdlatam25_nav .o_ocdlatam25_logo { margin-top: -4px; } #wrapwrap #o_xp25_nav .o_xp25_logo img, #wrapwrap #o_xp25_nav .o_ocdlatam25_logo img, #wrapwrap #o_ocdlatam25_nav .o_xp25_logo img, #wrapwrap #o_ocdlatam25_nav .o_ocdlatam25_logo img { width: 90px; } } #wrapwrap #o_xp25_nav .nav-link, #wrapwrap #o_xp25_nav .dropdown-toggle, #wrapwrap #o_xp25_nav .dropdown-item, #wrapwrap #o_ocdlatam25_nav .nav-link, #wrapwrap #o_ocdlatam25_nav .dropdown-toggle, #wrapwrap #o_ocdlatam25_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, #wrapwrap #o_ocdlatam25_nav .nav-link:hover, #wrapwrap #o_ocdlatam25_nav .nav-link:focus, #wrapwrap #o_ocdlatam25_nav .dropdown-toggle:hover, #wrapwrap #o_ocdlatam25_nav .dropdown-toggle:focus, #wrapwrap #o_ocdlatam25_nav .dropdown-item:hover, #wrapwrap #o_ocdlatam25_nav .dropdown-item:focus { color: #03F9E3 !important; } @media (min-width: 992px) { #wrapwrap #o_xp25_nav .nav-link.show, #wrapwrap #o_ocdlatam25_nav .nav-link.show { background-color: #302E4A; border-radius: 0.25rem; } } #wrapwrap #o_xp25_nav .dropdown-menu, #wrapwrap #o_xp25_nav .o_dropdown_menu, #wrapwrap #o_ocdlatam25_nav .dropdown-menu, #wrapwrap #o_ocdlatam25_nav .o_dropdown_menu { background-color: #302E4A; } #wrapwrap #o_xp25_nav .dropdown-menu .dropdown-item, #wrapwrap #o_xp25_nav .o_dropdown_menu .dropdown-item, #wrapwrap #o_ocdlatam25_nav .dropdown-menu .dropdown-item, #wrapwrap #o_ocdlatam25_nav .o_dropdown_menu .dropdown-item { 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, #wrapwrap #o_ocdlatam25_nav .dropdown-menu .dropdown-item:hover, #wrapwrap #o_ocdlatam25_nav .o_dropdown_menu .dropdown-item:hover, #wrapwrap #o_ocdlatam25_nav .dropdown-menu .dropdown-item:focus, #wrapwrap #o_ocdlatam25_nav .o_dropdown_menu .dropdown-item:focus { color: #03F9E3 !important; background-color: transparent; } #wrapwrap #o_xp25_nav #o_xp25_collapse, #wrapwrap #o_xp25_nav #o_ocdlatam25_collapse, #wrapwrap #o_ocdlatam25_nav #o_xp25_collapse, #wrapwrap #o_ocdlatam25_nav #o_ocdlatam25_collapse { transition: height .3s ease-in-out; } @media (max-width: 991.98px) { #wrapwrap #o_xp25_nav #o_xp25_collapse .nav-link, #wrapwrap #o_xp25_nav #o_ocdlatam25_collapse .nav-link, #wrapwrap #o_ocdlatam25_nav #o_xp25_collapse .nav-link, #wrapwrap #o_ocdlatam25_nav #o_ocdlatam25_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, #wrapwrap #o_xp25_nav #o_ocdlatam25_collapse .dropdown-menu, #wrapwrap #o_xp25_nav #o_ocdlatam25_collapse .o_dropdown_menu, #wrapwrap #o_ocdlatam25_nav #o_xp25_collapse .dropdown-menu, #wrapwrap #o_ocdlatam25_nav #o_xp25_collapse .o_dropdown_menu, #wrapwrap #o_ocdlatam25_nav #o_ocdlatam25_collapse .dropdown-menu, #wrapwrap #o_ocdlatam25_nav #o_ocdlatam25_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, #wrapwrap #o_xp25_nav #o_ocdlatam25_collapse .dropdown-menu .dropdown-item, #wrapwrap #o_xp25_nav #o_ocdlatam25_collapse .o_dropdown_menu .dropdown-item, #wrapwrap #o_ocdlatam25_nav #o_xp25_collapse .dropdown-menu .dropdown-item, #wrapwrap #o_ocdlatam25_nav #o_xp25_collapse .o_dropdown_menu .dropdown-item, #wrapwrap #o_ocdlatam25_nav #o_ocdlatam25_collapse .dropdown-menu .dropdown-item, #wrapwrap #o_ocdlatam25_nav #o_ocdlatam25_collapse .o_dropdown_menu .dropdown-item { font-size: 1rem; font-weight: 400; } } #wrapwrap #o_xp25_nav #o_xp25_collapse.show, #wrapwrap #o_xp25_nav #o_ocdlatam25_collapse.show, #wrapwrap #o_ocdlatam25_nav #o_xp25_collapse.show, #wrapwrap #o_ocdlatam25_nav #o_ocdlatam25_collapse.show { max-height: none; } #wrapwrap #o_xp25_nav #o_xp25_collapse.show .navbar-nav, #wrapwrap #o_xp25_nav #o_ocdlatam25_collapse.show .navbar-nav, #wrapwrap #o_ocdlatam25_nav #o_xp25_collapse.show .navbar-nav, #wrapwrap #o_ocdlatam25_nav #o_ocdlatam25_collapse.show .navbar-nav { height: 100vh; } @media (max-width: 1199.98px) { #wrapwrap #o_xp25_nav, #wrapwrap #o_ocdlatam25_nav { flex-wrap: wrap; } #wrapwrap #o_xp25_nav #o_xp25_collapse, #wrapwrap #o_xp25_nav #o_ocdlatam25_collapse, #wrapwrap #o_ocdlatam25_nav #o_xp25_collapse, #wrapwrap #o_ocdlatam25_nav #o_ocdlatam25_collapse { width: 100%; } } #wrapwrap .o_xp25_stars, #wrapwrap .o_ocdlatam25_stars { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -2; } #wrapwrap .o_xp25_stars::after, #wrapwrap .o_ocdlatam25_stars::after { content: ''; position: absolute; top: 0; left: 0; bottom: auto; right: auto; opacity: .075; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } #wrapwrap .o_xp25_stars .o_xp25_stars_overlay, #wrapwrap .o_xp25_stars .o_c25_usa_stars_overlay, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_overlay, #wrapwrap .o_ocdlatam25_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, #wrapwrap .o_ocdlatam25_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, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper { width: 100%; height: 100vh; overflow: hidden; background: #111827; perspective: 340px; } #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield, #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_stars_starfield, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_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: 1469px 4px #d9d9d9, 1105px -502px #cccccc, -1322px -505px #ebebeb, -170px -244px #f2f2f2, 1038px 387px #d9d9d9, 1364px -505px #fcfcfc, -1409px -463px #c9c9c9, 647px -5px #f7f7f7, -469px -445px #cfcfcf, -810px -128px #d4d4d4, -1331px 355px #c9c9c9, 492px 352px #d9d9d9, -263px -93px #d6d6d6, 1473px -483px #fafafa, -850px -28px #f0f0f0, 374px -202px #d1d1d1, -274px -174px #cccccc, 621px -464px #d1d1d1, -1253px 49px #dbdbdb, -926px -47px #d6d6d6, 1155px -159px #ededed, 702px 482px #d9d9d9, -1225px 465px #fafafa, -510px -373px whitesmoke, 1358px 185px #d1d1d1, -1350px -483px #ebebeb, 971px 124px white, -1232px 378px #e6e6e6, 318px -504px #e0e0e0, -665px 450px #dbdbdb, -1238px 58px #c7c7c7, 688px -192px #c2c2c2, -282px 213px #f7f7f7, -456px -85px #e6e6e6, 334px 515px #fafafa, -117px 285px #c4c4c4, -994px 353px #ebebeb, 1495px 129px #fafafa, -824px 187px #e3e3e3, -1272px -389px #f7f7f7, 1352px -343px #f7f7f7, 1183px -162px #d4d4d4, 1034px -384px #d6d6d6, -508px 85px #e8e8e8, -595px -510px #dedede, 80px 411px #f0f0f0, 360px -511px #cfcfcf, 640px -173px #ededed, -155px 223px #cfcfcf, 260px -138px #c4c4c4, 594px -410px #d9d9d9, 399px 250px #f2f2f2, -1277px 278px #fcfcfc, -1049px 518px #c9c9c9, -876px -477px #fafafa, 1084px 255px #c4c4c4, 8px 37px #fafafa, -738px 58px #f2f2f2, 533px -307px #d1d1d1, 300px 384px #cfcfcf, -1472px 202px #c2c2c2, -328px 226px #d1d1d1, 1348px -29px #d4d4d4, -8px -196px #e0e0e0, -1086px 43px #c9c9c9, 263px 98px #dedede, 262px 492px #e0e0e0, -1129px 158px #c4c4c4, -796px -104px #e6e6e6, 1291px -390px #f7f7f7, 1352px 132px #cccccc, 1471px 78px #fcfcfc, 947px -352px #f2f2f2, 1062px 285px #d1d1d1, -438px 193px #d6d6d6, 458px -241px #c4c4c4, -969px -228px #f0f0f0, -1410px 25px #d6d6d6, -490px 356px #c7c7c7, 577px 88px #e3e3e3, 1196px 401px #c7c7c7, 1396px -460px #e0e0e0, 1066px 23px #e6e6e6, 1205px 190px #cfcfcf, 1257px -284px #ebebeb, -105px 229px #c9c9c9, 769px -223px white, 1085px -126px #d4d4d4, -782px -416px #cfcfcf, 1176px -125px #dedede, 1431px 419px white, 1308px -273px #c7c7c7, -446px 80px #dbdbdb, 1343px 81px #c9c9c9, 39px 63px #e0e0e0, 770px 461px #f0f0f0, 195px 365px #fafafa, -609px 360px #c9c9c9, -1217px -241px whitesmoke, 1143px 82px #d1d1d1, -1335px 276px #c7c7c7, 498px 527px #c7c7c7, -963px 391px #fcfcfc, -780px -48px #e3e3e3, 1327px -273px #d4d4d4, 1329px -505px #dbdbdb, 518px 249px #f0f0f0, -959px 295px #c9c9c9, 759px 117px #cfcfcf, -172px -420px #cfcfcf, 652px 424px #c9c9c9, 718px -59px #ebebeb, 928px -323px #d1d1d1, 1285px 233px white, 699px -499px #f0f0f0, -658px -150px #f2f2f2, 1488px 122px #c4c4c4, 1221px -28px #d1d1d1, -547px -396px #c4c4c4, -482px -242px #dedede, 1371px -299px #c4c4c4, -816px -132px #f0f0f0, -789px 10px #e0e0e0, 390px -323px #e0e0e0, 351px -346px #dedede, -1498px 220px #c9c9c9, -681px 363px #e6e6e6, -1302px -384px #cfcfcf, -589px -213px #dbdbdb, -420px 8px #f0f0f0, 775px -390px white, 1368px -46px #d9d9d9, -221px 426px white, -835px 102px #fcfcfc, 1336px -448px white, 864px 118px #ebebeb, 1385px -506px #e0e0e0, 1140px 382px #f2f2f2, 1404px 321px #ebebeb, 759px -367px #fcfcfc, 689px -205px #cfcfcf, -1001px -134px #e8e8e8, -270px -425px #e8e8e8, -828px 509px #f7f7f7, 610px 506px #c4c4c4, -955px -500px #cccccc, 199px -210px white, -1181px 104px #fafafa, 278px -200px #f0f0f0, -291px 10px #ededed, -1290px 130px #ededed; } #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, #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield:before, #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield:after, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield:before, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield:after, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_stars_starfield:before, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_stars_starfield:after, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield:before, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield:after, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield:before, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield:after, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield:before, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield:after, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_stars_starfield:before, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_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, #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield:before, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield:before, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_stars_starfield:before, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield:before, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield:before, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield:before, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_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, #wrapwrap .o_xp25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield:after, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield:after, #wrapwrap .o_xp25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_stars_starfield:after, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_xp25_stars_starfield:after, #wrapwrap .o_ocdlatam25_stars .o_xp25_stars_wrapper .o_ocdlatam25_stars_starfield:after, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_xp25_stars_starfield:after, #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_wrapper .o_ocdlatam25_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_stars::after { background-image: url("/openerp_website/static/src/img/odoo-experience/2025/texture-background.webp"); } #wrapwrap .o_xp25_glass, #wrapwrap .o_ocdlatam25_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, #wrapwrap .o_xp25_glass.o_ocdlatam25_glass_big, #wrapwrap .o_ocdlatam25_glass.o_xp25_glass_big, #wrapwrap .o_ocdlatam25_glass.o_ocdlatam25_glass_big { box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.2); } #wrapwrap [class*="o_xp25_shape_"] .o_xp25_shape_mask, #wrapwrap [class*="o_ocdlatam25_shape_"] .o_ocdlatam25_shape_mask { background-repeat: no-repeat; background-size: contain; mask-size: contain; mask-repeat: no-repeat; } @media (max-width: 1199.98px) { #wrapwrap .o_xp25_shape_intro_hero .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_intro_hero .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero .o_ocdlatam25_shape_mask { position: absolute; top: -40px; left: -5%; bottom: auto; right: -5%; height: 560px; overflow: hidden; z-index: -1; opacity: .75; } } @media (max-width: 575.98px) { #wrapwrap .o_xp25_shape_intro_hero .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_intro_hero .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero .o_ocdlatam25_shape_mask { height: 500px; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_intro_hero .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_intro_hero .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_intro_hero .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero .o_ocdlatam25_shape_mask { mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/intro-hero-shape-xxl.svg"); width: 885px; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_intro_hero_2 .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_intro_hero_2 .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero_2 .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero_2 .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_intro_hero_2 .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero_2 .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_hero_2 .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_intro_unveiling .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_ocdlatam25_shape_mask { height: 400px; } } @media (min-width: 992px) and (max-width: 1199.98px) { #wrapwrap .o_xp25_shape_intro_unveiling .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_intro_unveiling .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_ocdlatam25_shape_mask { display: flex; height: 100%; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_intro_unveiling .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_intro_unveiling .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_intro_unveiling .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_intro_unveiling .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_unveiling .o_ocdlatam25_shape_mask { right: 0; } } #wrapwrap .o_xp25_shape_network, #wrapwrap .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_intro_premium .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_premium .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_premium .o_ocdlatam25_shape_mask { height: 400px; } } @media (min-width: 992px) { #wrapwrap .o_xp25_shape_intro_premium .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_intro_premium .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_premium .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_premium .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_intro_premium .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_premium .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_premium .o_ocdlatam25_shape_mask { right: -125px; } } @media (min-width: 1400px) { #wrapwrap .o_xp25_shape_intro_premium .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_intro_premium .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_premium .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_intro_premium .o_ocdlatam25_shape_mask { right: 0; } } #wrapwrap .o_xp25_shape_exhibitor_hero, #wrapwrap .o_ocdlatam25_shape_exhibitor_hero { padding-bottom: 3rem; } @media (min-width: 992px) { #wrapwrap .o_xp25_shape_exhibitor_hero, #wrapwrap .o_ocdlatam25_shape_exhibitor_hero { padding-bottom: 0; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_exhibitor_hero, #wrapwrap .o_ocdlatam25_shape_exhibitor_hero { padding-bottom: 285px; } #wrapwrap .o_xp25_shape_exhibitor_hero .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_exhibitor_hero .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_hero .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_hero .o_ocdlatam25_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, #wrapwrap .o_ocdlatam25_shape_exhibitor_hero { padding-bottom: 300px; } #wrapwrap .o_xp25_shape_exhibitor_hero .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_exhibitor_audience_1 .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_1 .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_1 .o_ocdlatam25_shape_mask { height: 100%; width: 100%; } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_exhibitor_audience_1 .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_exhibitor_audience_1 .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_1 .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_1 .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_exhibitor_audience_1 .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_1 .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_1 .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_exhibitor_audience_2 .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_2 .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_2 .o_ocdlatam25_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, #wrapwrap .o_xp25_shape_exhibitor_audience_2 .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_2 .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_exhibitor_audience_2 .o_ocdlatam25_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, #wrapwrap .o_ocdlatam25_shape_practical_hero { padding-bottom: 30px; } #wrapwrap .o_xp25_shape_practical_hero .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_practical_hero .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_practical_hero .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_practical_hero .o_ocdlatam25_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, #wrapwrap .o_ocdlatam25_shape_practical_hero { padding-bottom: 230px; } #wrapwrap .o_xp25_shape_practical_hero .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_practical_hero .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_practical_hero .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_practical_hero .o_ocdlatam25_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, #wrapwrap .o_ocdlatam25_shape_practical_hero { padding-bottom: 330px; } #wrapwrap .o_xp25_shape_practical_hero .o_xp25_shape_mask, #wrapwrap .o_xp25_shape_practical_hero .o_ocdlatam25_shape_mask, #wrapwrap .o_ocdlatam25_shape_practical_hero .o_xp25_shape_mask, #wrapwrap .o_ocdlatam25_shape_practical_hero .o_ocdlatam25_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, #wrapwrap .o_ocdlatam25_shape_business_solution { height: 400px; } } @media (min-width: 1200px) { #wrapwrap .o_xp25_shape_business_solution, #wrapwrap .o_ocdlatam25_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, #wrapwrap .o_ocdlatam25_shape_business_solution { mask-image: url("/openerp_website/static/src/img/odoo-experience/2025/shapes/solution-shape-xxl.svg"); } } #wrapwrap .o_xp25_cta_alpha, #wrapwrap .o_ocdlatam25_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, #wrapwrap .o_ocdlatam25_img_pass { position: absolute; top: -100px; left: -250px; bottom: auto; right: auto; width: 600px; } @media (max-width: 1199.98px) { #wrapwrap .o_xp25_img_pass, #wrapwrap .o_ocdlatam25_img_pass { left: -300px; } } @media (max-width: 991.98px) { #wrapwrap .o_xp25_img_pass, #wrapwrap .o_ocdlatam25_img_pass { display: none; } } #wrapwrap > header + main > #wrap.o_xp24 > :first-child { border-top-width: 120px !important; } #wrapwrap.o_odoo_experience_2024 .o_main_header, #wrapwrap[class^="o_odoo_community_days"] .o_main_header { background-color: transparent !important; } #wrapwrap.o_odoo_experience_2024 .o_xp24_offset_top, #wrapwrap[class^="o_odoo_community_days"] .o_xp24_offset_top { margin-top: -120px; } @media (min-width: 992px) { #o_xp24_nav { border-radius: 0.25rem; } } #o_xp24_nav .nav-link, #o_xp24_nav .dropdown-item { color: #495057; font-weight: 600; text-transform: uppercase; } @media (max-width: 991.98px) { #o_xp24_nav .nav-link, #o_xp24_nav .dropdown-item { font-size: 0.875rem; text-align: center; } } #o_xp24_nav .dropdown-item { padding: 0.625rem 1.25rem; } #o_xp24_nav .dropdown-menu, #o_xp24_nav .o_dropdown_menu { border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: none; } @media (max-width: 991.98px) { #o_xp24_nav .dropdown-menu, #o_xp24_nav .o_dropdown_menu { position: static !important; transform: none !important; } #o_xp24_nav .dropdown-menu.show, #o_xp24_nav .show.o_dropdown_menu { border-top: 1px solid #D8DADD; } } @media (min-width: 992px) { #o_xp24_nav .dropdown-menu, #o_xp24_nav .o_dropdown_menu { margin: 0.875rem 0 0 -0.75rem !important; padding: 0 0 .5rem 0; } } #o_xp24_nav .nav-link.active, #o_xp24_nav .dropdown-toggle.show { color: #714b67; } #o_xp24_nav .o_xp_nav_toggler_inner, #o_xp24_nav .o_xp_nav_toggler_inner:before, #o_xp24_nav .o_xp_nav_toggler_inner:after { background-color: #495057; } #o_xp24_nav #o_xp24_collapse .navbar-nav:first-child .nav-item:first-child { display: none; } .o_xp24_cta_doodle { position: absolute; top: -10px; left: auto; bottom: auto; right: 0; width: 100px; } @media (max-width: 991.98px) { .o_xp24_cta_doodle { display: none !important; } } .o_xp24_odyssey_container { background: #111827 url("/openerp_website/static/src/img/odoo-experience/2024/o_xp24_stars.svg") repeat-y; background-size: 100% auto; } .o_xp24_odyssey_container .o_xp24_secondary_bg { background-color: rgba(250, 250, 250, 0.2); } .o_xp24_odyssey_container .o_xp24_hero { position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 100% !important; } .o_xp24_odyssey_container .o_xp24_hero_video { mask: url("/openerp_website/static/src/img/odoo-experience/2024/o_xp24_shape_video.svg") no-repeat bottom/100% auto; height: 950px !important; opacity: .8; } @media only screen and (min-width: 1920px) { .o_xp24_odyssey_container .o_xp24_hero_video { height: 1150px !important; } } .o_xp24_odyssey_container .o_xp24_hero_video img { object-fit: cover; position: absolute; top: 0; left: auto; bottom: auto; right: auto; width: 100%; height: 100%; opacity: .5; } .o_xp24_odyssey_container .o_xp24_hero_photo { mask: url("/openerp_website/static/src/img/odoo-experience/2024/o_xp24_shape_photo.svg") no-repeat bottom/100% auto; height: 110vh !important; position: relative; height: auto !important; } @media only screen and (min-width: 1920px) { .o_xp24_odyssey_container .o_xp24_hero_photo { padding-bottom: 15rem !important; } } .o_xp24_odyssey_container .o_xp24_flare { pointer-events: none; } .o_xp24_odyssey_container .o_xp24_flare::before { content: ""; position: absolute; top: auto; left: auto; bottom: auto; right: auto; width: 500px; height: 110vh; background: url("/openerp_website/static/src/img/odoo-experience/2024/o_xp24_flare.svg") no-repeat 0 0/contain; } .o_xp24_odyssey_container .o_xp24_section_background { position: relative; } .o_xp24_odyssey_container .o_xp24_section_background::before { content: ""; position: absolute; top: 0; left: 0; bottom: auto; right: auto; background: linear-gradient(180deg, #111827 10%, #173A51B8 40%, #2A1D48B8 60%, #111827 90%); width: 100%; height: 100%; opacity: .7; mix-blend-mode: lighten; } @media (max-width: 767.98px) { .o_xp24_odyssey_container .o_xp24_big_title { font-size: 4.5rem !important; } } .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/ocd-latam.scss */ #wrapwrap .o_ocdlatam25_stars::after { background-image: url("/openerp_website/static/src/img/ocd-latam/2025/texture-background-ocd-latam.webp"); } #wrapwrap .o_ocdlatam25_stars .o_ocdlatam25_stars_overlay { position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 100%; height: 100vh; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(134deg, rgba(3, 39, 65, 0.4), rgba(69, 4, 56, 0.4), rgba(14, 79, 82, 0.4), rgba(107, 0, 86, 0.4), rgba(69, 4, 56, 0.4), rgba(107, 0, 86, 0.4), rgba(3, 39, 65, 0.4), rgba(14, 79, 82, 0.4), rgba(3, 39, 65, 0.4), rgba(69, 4, 56, 0.4), rgba(14, 79, 82, 0.4), rgba(107, 0, 86, 0.4), rgba(69, 4, 56, 0.4), rgba(107, 0, 86, 0.4), rgba(3, 39, 65, 0.4), rgba(14, 79, 82, 0.4)); background-size: 1000% 100%; animation: create-rainbow-gradient-shift 90s ease infinite; } @keyframes create-rainbow-gradient-shift { 0% { background-position: 0% 50%; } 100% { background-position: 100% 100%; } } /* /openerp_website/static/src/scss/graphics.scss */ .x_wd_blue_highlight_01 { background-image: url("/openerp_website/static/src/img/highlights/download\ 5.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/download\ 6.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\ 1.png"); 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/download\ 9.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/download\ 8.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_circle_3 { background-image: url("/openerp_website/static/src/img/graphics/arrow_circular_3.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 { position: absolute; top: -4rem; left: -3rem; bottom: auto; right: auto; } @media (max-width: 991.98px) { .x_wd_display_lightning::before { transform: scale(0.5); } } .x_wd_display_lightning::after { position: absolute; top: -4rem; left: auto; bottom: auto; right: -4rem; transform: scaleX(-1); } @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/Group\ 1160450022.png"); position: absolute; top: auto; left: -7rem; bottom: -1rem; right: auto; pointer-events: none; } .x_wd_display_fireworks_01::after { content: url("/openerp_website/static/src/img/graphics/Group\ 1160450023.png"); position: absolute; top: auto; left: 100%; bottom: 0; right: auto; 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 { position: absolute; top: -90px; left: -60px; bottom: auto; right: auto; } @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 { position: absolute; top: -60px; left: auto; bottom: auto; right: -60px; transform: scaleX(-1); } .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 { position: absolute; top: -80px; left: -70px; bottom: auto; right: auto; } .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 { position: absolute; top: -40px; left: -30px; bottom: auto; right: auto; } .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 { position: absolute; top: -90px; left: auto; bottom: auto; right: -60px; transform: scaleX(-1); } .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 { position: absolute; top: -80px; left: -70px; bottom: auto; right: auto; } .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 { position: absolute; top: -80px; left: auto; bottom: auto; right: -65px; transform: scaleX(-1); } .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 { position: absolute; top: -80px; left: -70px; bottom: auto; right: auto; } .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 { position: absolute; top: -80px; left: auto; bottom: auto; right: -70px; transform: scaleX(-1); } .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; } } /* /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: -webkit-sticky; 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.75rem; 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; } .js_top_banner { overflow: hidden; } @media (max-width: 991.98px) { .js_top_banner { background: linear-gradient(150deg, #714b67 20%, #432c3d 80%) !important; color: white !important; } .js_top_banner * { color: inherit !important; } .js_top_banner .row > * { text-align: center !important; } } /* /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 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_responsive_to_image_block.scss */ .s_responsive_to_image_block { overflow: hidden; background-position: top center; background-size: cover; background-repeat: no-repeat; } .s_responsive_to_image_block.js_top_banner { background-size: auto 100%; } @media (max-width: 991.98px) { .s_responsive_to_image_block { padding: 100px 0 !important; } } @media (min-width: 992px) { .s_responsive_to_image_block { padding-bottom: 50% !important; } .s_responsive_to_image_block .wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .s_responsive_to_image_block .wrapper > .container, .s_responsive_to_image_block .wrapper > .o_container_small, .s_responsive_to_image_block .wrapper > .container > .row, .s_responsive_to_image_block .wrapper > .o_container_small > .row { height: 100%; } } @media (min-width: 1200px) { .s_responsive_to_image_block { padding-bottom: 42% !important; } } @media (max-width: 767.98px) { .s_responsive_to_image_block:not(.js_top_banner) .wrapper { background: rgba(255, 255, 255, 0.5); } } .o_rtl .s_responsive_to_image_block:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: inherit; background-position: inherit; background-repeat: inherit; background-size: inherit; transform: scale(-1, 1); } /* /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: #020203; 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_users_mosaic.scss */ .s_users_mosaic { position: relative; padding-bottom: 33.33333333%; } @media (max-width: 575.98px) { .s_users_mosaic { padding-bottom: 53.33333333%; } } @media (min-width: 576px) { .s_users_mosaic.s_users_mosaic_small { padding-bottom: 22.22222222%; } .s_users_mosaic.s_users_mosaic_small #mosaic span { height: 25%; } } .s_users_mosaic #mosaic { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: 100% auto; overflow: hidden; background-image: url("/openerp_website/static/src/img/2016/mosaic_sm.jpg"); } @media (min-width: 992px) { .s_users_mosaic #mosaic { background-image: url("/openerp_website/static/src/img/2016/mosaic_2.jpg"); } } .s_users_mosaic #mosaic span { float: left; width: 5.55555556%; height: 16.66666667%; background-size: 1800% 800%; transition: opacity 400ms ease 0ms; } .s_users_mosaic #mosaic span:hover { opacity: 0; } .s_users_mosaic #mosaic span.o_fade { opacity: 0; } .s_users_mosaic #mosaic span.o_fade:hover { opacity: 1; } .s_users_mosaic .box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: radial-gradient(#F9FAFB, rgba(249, 250, 251, 0.6)); pointer-events: none; text-align: center; } .s_users_mosaic .box .title { position: relative; top: 50%; transform: translateY(-50%); line-height: 0.55; font-size: 2.5rem; } .s_users_mosaic .box .title .number { display: block; margin-bottom: 25px; font-size: 4rem; } .s_users_mosaic .box .title .sub { font-size: 1rem; } @media (min-width: 768px) { .s_users_mosaic .box .title { display: inline-block; text-shadow: 0 0 3px white, 0 0 10px white; font-weight: 400; text-align: left; white-space: nowrap; font-size: 4rem; } .s_users_mosaic .box .title .number { float: left; margin: 5px 10px 0 0; font-size: 7rem; } .s_users_mosaic .box .title .sub { font-size: 1.625rem; } } @media (min-width: 1200px) { .s_users_mosaic .box .title { font-size: 5rem; } .s_users_mosaic .box .title .number { font-size: 8.5rem; } .s_users_mosaic .box .title .sub { font-size: 2rem; } } /* /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 h3, .s_wd_screenshot_arrow .h3 { font-size: 1rem; } .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 h3, .s_wd_screenshot_arrow .h3 { color: #714b67; font-family: "Caveat"; font-size: calc(1.3rem + 0.6vw); line-height: 1; } } @media (min-width: 992px) and (min-width: 1200px) { .s_wd_screenshot_arrow h3, .s_wd_screenshot_arrow .h3 { font-size: 1.75rem; } } @media (min-width: 992px) { .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_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 - 1px - 30px); 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; } .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 { } #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; } #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; } @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; } .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 { 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; } @media print { @page { size: A4 landscape; } html, body { height: unset; } .fc-time-grid .fc-content-skeleton { position: relative !important; } header, #footer, .o_main_navbar { display: none !important; } .fc-today { background-color: unset !important; } } .contact-assignee-popover { text-align: left; } .contact-assignee-popover .popover-header { padding: 0.3rem 1rem; } .contact-assignee-popover .popover-body { padding: 0.5rem 1rem; } /* /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 .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; } @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%; } } /* /openerp_enterprise/static/src/scss/pricing.scss */ #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; } .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; } .openerp_enterprise_pricing_app { display: block; padding-bottom: 8px; cursor: pointer; box-shadow: none; } .openerp_enterprise_pricing_app .openerp_enterprise_pricing_app_container { border-top: 1px solid #F3F4F6; user-select: none; } .openerp_enterprise_pricing_app .openerp_enterprise_pricing_app_container.disabled { cursor: auto; background-color: lightgrey; } @media (min-width: 576px) { .openerp_enterprise_pricing_app .openerp_enterprise_pricing_app_container .openerp_enterprise_pricing_app_name { font-size: 0.85em; line-height: 1.25; } } .openerp_enterprise_pricing_app .openerp_enterprise_trial_app_checkbox + span, .openerp_enterprise_pricing_app .openerp_enterprise_pricing_app_checkbox + span { width: 16px; height: 16px; border: 1px solid #D8DADD; border-radius: 100%; color: transparent; font-size: 12px; line-height: 1.3; } .openerp_enterprise_pricing_app .openerp_enterprise_trial_app_checkbox:checked + span, .openerp_enterprise_pricing_app .openerp_enterprise_pricing_app_checkbox:checked + span { border: 1px solid #23923d; background: #28a745; color: white; text-shadow: 0 1px 0 #23923d, 0 -1px 0 #23923d, 1px 0 0 #23923d, -1px 0 0 #23923d; } .openerp_enterprise_pricing_app:hover .openerp_enterprise_trial_app_checkbox:not(:checked) + span, .openerp_enterprise_pricing_app:hover .openerp_enterprise_pricing_app_checkbox:not(:checked) + span { border-color: #ADB5BD; } .o_pricing16_switch { transform: scale(1.5); transform-origin: 23% center; } .o_pricing16_switch .form-check-input, .o_pricing16_switch .form-check-input: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='rgb%281, 126, 132%29'/%3e%3c/svg%3e"); background-color: #F9FAFB; border-color: #D8DADD; } .o_pricing16_switch .form-check-input ~ .custom-control-label:before, .o_pricing16_switch .form-check-input:checked ~ .custom-control-label:before { background-color: #FFF; border-color: #D8DADD; } .o_pricing16_switch .form-check-input ~ .custom-control-label:after, .o_pricing16_switch .form-check-input:checked ~ .custom-control-label:after { background-color: #714b67; } .o_pricing16_price { font-size: 4.125rem; line-height: 1; } .form-check-input.implementationService:not(:checked) ~ .implementation_details, .form-check-input.hostingService:not(:checked) ~ .hosting_details { display: none; } .o_pricing16_price_striked > span { text-decoration: red line-through; -webkit-text-decoration: red line-through; } .o_small { font-size: 0.875em; } /* /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"] > .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; 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; 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; 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; 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(--border-color-translucent); } #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 td.o_database_activity_col.o_is_first { border-left: 1px solid rgba(0, 0, 0, 0.05); } #wrapwrap.o_databases .odoo-oe-databases-table td.o_database_activity_col.o_is_last { border-right: 1px solid rgba(0, 0, 0, 0.05); } /* /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_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"); } .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 { 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) { .o_sign_validate_banner { padding: 0; } .o_validate_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: #374151; } .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: #374151; } .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_signature_dialog .modal-footer { display: flex; justify-content: flex-start; } .modal .o_sign_refuse_confirm_message { width: 100%; } .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 (max-width: 768px) { .mobile-tablet-hide { display: none !important; } } @media only screen and (min-width: 769px) { .mobile-tablet-show { display: none !important; } } @media (max-width: 767.98px) { .o_sign_item_bottom_sheet { display: none; opacity: 0; } .o_sign_item_bottom_sheet.show { opacity: 1; display: block; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); } .o_sign_item_bottom_sheet .o_sign_next_button { text-transform: uppercase; } .o_sign_item_bottom_sheet .o_sign_label { width: 100%; text-transform: uppercase; } .modal.o_sign_signature_dialog .modal-footer .btn { width: calc((100% - 4 * 0.25rem) / 3) !important; } } @media only screen and (max-width: 380px) { .mobile-xs-hide { display: none !important; } } .mobile-xs-show .dropdown-item { margin-bottom: 3px; } @media only screen and (min-width: 381px) { .mobile-xs-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; } @media (max-width: 767.98px) { .modal.o_sign_signature_dialog h1, .modal.o_sign_signature_dialog .h1 { font-size: 2.625rem; } .modal.o_sign_signature_dialog h2, .modal.o_sign_signature_dialog .h2, .modal.o_sign_signature_dialog h3, .modal.o_sign_signature_dialog .h3, .modal.o_sign_signature_dialog h4, .modal.o_sign_signature_dialog .h4, .modal.o_sign_signature_dialog h5, .modal.o_sign_signature_dialog .h5, .modal.o_sign_signature_dialog h6, .modal.o_sign_signature_dialog .h6 { font-size: 1rem; } .modal.o_sign_signature_dialog .card.o_web_sign_signature_group { padding: 0; } .modal.o_sign_signature_dialog .card.o_web_sign_signature_group .row { flex-wrap: nowrap; } } /* /appointment_account_payment/static/src/scss/appointment_payment.scss */ .o_appointment_payment { min-height: 45vh; } /* /auth_oauth/static/src/scss/auth_oauth.scss */ .o_auth_oauth_providers .fa-facebook-square { color: #3b5998; } .o_auth_oauth_providers .fa-google-plus-square { color: #de564a; } .o_auth_oauth_providers .o_custom_icon { margin: 0 0.15em; width: 1em; height: 1em; border: 3px solid #714B67; border-radius: 100%; transform: translateY(2px); } /* /auth_totp_portal/static/src/scss/auth_totp_portal.scss */ .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.75rem; 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 { } #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; } #hr_contract_salary #hr_cs_form section { padding-bottom: 45px; } #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: -webkit-sticky; position: sticky; top: 60px; left: auto; bottom: auto; right: auto; } #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; } #hr_contract_salary #hr_cs_form #hr_cs_personal_information { background-color: #F3F4F6; } #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_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 .modal-body :first-child { border-top: 0 !important; } #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; } #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; } /* /website_event_meet/static/src/scss/event_meet_templates.scss */ .o_wemeet_index { } .o_wemeet_index .o_wevent_online_page_container #o_wemeet_jitsi_iframe { height: 85vh; } .o_wevent_create_meeting_room_modal .modal-dialog { top: 25%; max-width: 500px; height: auto; } .o_wevent_meeting_room_is_pinned { transition: 0.2s; color: white; -webkit-text-stroke: 1px #374151; -webkit-text-fill-color: transparent; } .o_wevent_meeting_room_is_pinned.o_wevent_meeting_room_pinned { -webkit-text-fill-color: #374151; } .o_wevent_meeting_room_corner_ribbon { width: 200px; background: #e43; top: 25px; left: -50px; text-align: center; line-height: 50px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index: 1; position: absolute; opacity: 0.6; } .o_wevent_meeting_room_manager_menu { top: 0.5rem; right: 1rem; } /* /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_booking_date { border-radius: 50%; width: 60px; height: 60px; } .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; } /* /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.o_embedded_toc_link_depth_0 { padding-left: calc(5px + Min(30px, 10%) * 0); font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.5rem; border: transparent; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_0: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); font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.5rem; border: transparent; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_1: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_2 { padding-left: calc(5px + Min(30px, 10%) * 2); font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.5rem; border: transparent; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_2: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_3 { padding-left: calc(5px + Min(30px, 10%) * 3); font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.5rem; border: transparent; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_3: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_4 { padding-left: calc(5px + Min(30px, 10%) * 4); font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.5rem; border: transparent; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_4: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_5 { padding-left: calc(5px + Min(30px, 10%) * 5); font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.5rem; border: transparent; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_5: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_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/embedded_components/core/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/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; } /* /knowledge/static/src/editor/embedded_components/core/article_index/article_index.scss */ [data-embedded="articleIndex"] { margin-left: 2px; margin-right: 2px; margin-top: 16px; margin-bottom: 16px; outline: 1px solid #d8dadd; outline-offset: -1px; border-radius: 5px; padding-bottom: 5px; background-color: #F9FAFB; } [data-embedded="articleIndex"] .o_embedded_articles_index_content { background-color: white; margin: 0 5px; } [data-embedded="articleIndex"] .o_embedded_articles_index_content ol { list-style-type: none; } [data-embedded="articleIndex"] .o_embedded_articles_index_content ol li a { font-family: var(--font-sans-serif) !important; border-radius: 5px; } [data-embedded="articleIndex"] .o_embedded_articles_index_content ol li a:hover { background-color: rgba(27, 161, 228, 0.2); text-decoration: none; } [data-embedded="articleIndex"] .o_embedded_articles_index_content > ol { padding: 0; margin: 0; } [data-embedded="articleIndex"] .o_embedded_articles_index_label { color: #5f636f; } /* /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%; } .o_knowledge_public_view { --knowledge-article-sidebar-size: 300px; } .o_knowledge_public_view .o_knowledge_header { cursor: default; } .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_knowledge_icon:not(.o_full_width), .o_knowledge_public_view .o_knowledge_article:not(.o_full_width) { width: 750px; max-width: 100%; margin-left: auto; margin-right: auto; } .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_article_form_resizer { position: absolute; top: 0; left: -0.25rem; bottom: 0; right: auto; } .o_knowledge_public_view .o_knowledge_article_form_resizer span { position: absolute; top: 0; left: 0rem; bottom: 0; right: auto; } .o_knowledge_public_view .o_knowledge_article_form_resizer span.o_resizer_bg, .o_knowledge_public_view .o_knowledge_article_form_resizer span:hover { background-color: darkgray; } .o_knowledge_public_view .o_knowledge_sidebar_owl_component:empty { background-color: #F9FAFB; border-right: 4px solid #e7e9ed; width: clamp(200px, var(--knowledge-article-sidebar-size), 576px); } .o_knowledge_public_view .o_knowledge_sidebar { background-color: #F9FAFB; border-right: 4px solid #e7e9ed; width: clamp(200px, var(--knowledge-article-sidebar-size), 576px); transition: width 0.15s linear; height: 100%; } .o_knowledge_public_view .o_knowledge_sidebar .o_article_handle.o_article_active .o_article_name { background-color: rgba(27, 161, 228, 0.2); } .o_knowledge_public_view .o_knowledge_sidebar .o_article_handle.o_article_active .o_article_name:hover { background-color: rgba(27, 161, 228, 0.3); } .o_knowledge_public_view .o_knowledge_sidebar .o_article_handle:not(.o_article_active) .o_article_name:hover { background-color: rgba(222, 226, 230, 0.3); } .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 (max-width: 575.98px) { .o_knowledge_public_view .o_knowledge_sidebar { width: 100%; } } @media (max-width: 767.98px) { .o_knowledge_public_view .o_knowledge_sidebar.o_knowledge_desktop_sidebar { transform: translateX(-100%); } .o_knowledge_public_view .o_knowledge_sidebar, .o_knowledge_public_view .o_knowledge_main { transition: transform .2s ease; } .o_knowledge_public_view .o_knowledge_sidebar { position: absolute; top: 0; left: 0; bottom: 0; right: 50px; background-color: #FFF; z-index: 3; } .o_knowledge_public_view .o_knowledge_backdrop { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(19, 16, 16, 0.3); z-index: 2; } } @media (min-width: 576px) { .o_knowledge_public_view .o_scroll_view { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; overflow-x: hidden; } } /* /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 { display: none; 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; } /* /website_sale_stock/static/src/js/product_card/product_card.scss */ .product-card.unselectable-card:hover { border-color: var(--o-border-color); } .product-card.unselectable-card .card-header, .product-card.unselectable-card .card-body { opacity: 0.15; } .overlay-container { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; } /* /payment_authorize/static/src/scss/payment_authorize.scss */ .o_authorize_form { } .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 */ /* /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] { object-fit: contain; } .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 { --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 > * { 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"].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 img { 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: -webkit-sticky; 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 > div { display: flex; flex-direction: column; justify-content: center; } .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; } .editor_enable .s_map iframe { pointer-events: none; } /* /website/static/src/snippets/s_dynamic_snippet/000.scss */ .s_dynamic.o_dynamic_snippet_empty:not(.o_check_scroll_position) { display: none !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); } } /* /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; } /* /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; } 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_blog_posts { --Avatar-size: 1.5em; } .s_dynamic .s_blog_posts_post_teaser { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (min-width: 768px) { .s_dynamic .s_blog_posts_post_teaser { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } } .s_dynamic .s_blog_posts_post_subtitle { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .s_dynamic.s_blog_post_list .s_blog_posts_post_author + small.s_blog_posts_post_date::before, .s_dynamic.s_blog_post_list .s_blog_posts_post_author + .s_blog_posts_post_date.small::before { content: "•"; margin: 0 0.25rem; } .s_dynamic.s_blog_post_list .s_blog_posts_post:hover { background-color: color-mix(in srgb, currentColor 10%, transparent); } @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%; } } /* /website/static/src/snippets/s_embed_code/000.scss */ .editor_enable .s_embed_code { min-height: 0.875rem; } /* /mass_mailing/static/src/snippets/s_alert/000.scss */ .o_mail_snippet_general .s_mail_alert [class^="col-lg"] { padding-left: 0 !important; padding-right: 0 !important; } .s_mail_alert .s_alert { margin: auto; border-width: var(--border-width); border-style: solid; border-radius: var(--border-radius); } .s_mail_alert .s_alert p:last-child, .s_mail_alert .s_alert ul:last-child, .s_mail_alert .s_alert ol:last-child { margin-bottom: 0; } .s_mail_alert .s_alert_sm { padding: 10.66666667px; font-size: 0.75rem; } .s_mail_alert .s_alert_md { padding: 16px; font-size: 1rem; } .s_mail_alert .s_alert_lg { padding: 32px; font-size: 1.25rem; } .s_mail_alert .s_alert_icon { float: left; margin-right: 10px; } .s_mail_alert .s_alert_content { overflow: hidden; } /* /mass_mailing/static/src/snippets/s_features_grid/000.scss */ .s_mail_features_grid .s_mail_features_grid_content { overflow: hidden; } .s_mail_features_grid .s_mail_features_grid_content p { margin-bottom: 0; } .s_mail_features_grid .s_mail_features_grid_icon { float: left; } /* /mass_mailing/static/src/snippets/s_hr/000.scss */ .o_layout .s_hr { line-height: 0; } .o_layout .s_hr hr { padding: 0; border: 0; border-top: 1px solid currentColor; margin: auto; color: inherit; } /* /mass_mailing/static/src/snippets/s_masonry_block/001.scss */ .o_mail_snippet_general.s_masonry_block[data-vcss='001'] .row > div { display: flex; flex-direction: column; justify-content: center; } .o_mail_snippet_general.s_masonry_block[data-vcss='001'] .o_masonry_grid_container > .row { height: 100%; } /* /mass_mailing/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; } /* /mass_mailing/static/src/snippets/s_rating/001.scss */ .o_mail_snippet_general .s_rating { padding-left: 0 !important; padding-right: 0 !important; } .s_rating[data-vcss="001"].s_rating_inline { display: flex; align-items: center; } .s_rating[data-vcss="001"].s_rating_inline .s_rating_title, .s_rating[data-vcss="001"].s_rating_inline > :first-child { 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, .s_rating[data-vcss="001"].s_rating_no_title > :first-child { display: none; } /* /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 { 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; } .s_donation:not([data-vcss]):not([data-display-options="true"]) .s_donation_prefilled_buttons { display: none; } /* /website_sale/static/src/snippets/s_dynamic_snippet_products/000.scss */ .s_product_product_centered .card { overflow: visible; margin-top: 6rem; padding-top: 6rem; } .s_product_product_centered .card img { height: 12rem; } .s_product_product_centered .o_carousel_product_img_link { max-width: 75%; margin-top: -12rem; left: 0; right: 0; } .s_product_product_banner img { max-height: 400px; } .s_product_product_horizontal_card img img { height: 100%; } @media (max-width: 991.98px) { .s_product_product_horizontal_card img { height: 12rem; } } .o_dynamic_product_hovered img { transition: transform 250ms ease; } .o_dynamic_product_hovered:hover img { transform: scale(1.15); } .o_carousel_multiple_rows .row { padding: 1rem; } img.o_img_product_cover { object-fit: cover; } img.o_img_product_square { aspect-ratio: 1 / 1; } .o_card_group > .row { padding-left: 16px; padding-right: 16px; } .o_card_group > .row > div { padding: 0 !important; } .o_card_group > .row > div:first-child > .o_carousel_product_card { border-left: 0 solid #D8DADD !important; } .o_card_group > .row:first-child .o_carousel_product_card { border-top: 0 solid #D8DADD !important; } .o_card_group > .row:first-child > div:first-child .o_carousel_product_card { border-top-left-radius: 1.25rem !important; } .o_card_group > .row:first-child > div:last-child .o_carousel_product_card { border-top-right-radius: 1.25rem !important; } .o_card_group > .row:last-child > div:first-child .o_carousel_product_card { border-bottom-left-radius: 1.25rem !important; } .o_card_group > .row:last-child > div:last-child .o_carousel_product_card { border-bottom-right-radius: 1.25rem !important; } /* /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 { height: 180px; } .s_dynamic.s_event_event_card .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 { font-size: 0.75rem; } .s_dynamic.s_event_event_card .card .s_events_event_cover .s_events_event_date .s_events_event_day { font-size: 1.25rem; } /* /website/static/src/snippets/s_social_media/000.scss */ .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: 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_intro_controllers .o_arrows_wrapper { display: flex; } .s_carousel_intro_wrapper .s_carousel_intro.s_carousel_arrows_hidden .o_arrows_wrapper { display: none; } @media (min-width: 768px) { .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators { position: relative; min-width: 0; margin: 0; } .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-next { position: relative; width: auto; } } /* /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; } .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: 3rem; height: 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: 3rem; height: 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: 3.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: 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: 3.5rem; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside .carousel-indicators { bottom: 0; height: 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; } .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: 3rem; height: 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_tabs/002.scss */ .s_tabs[data-vcss="002"] { --tabs-bg-color: #F9FAFB; --tabs-link-color: #374151; } .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade, .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade, .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade, .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade { transition: all 0.2s; } .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade.show, .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade.show, .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade.show, .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade.show { transform: translateX(0rem) translateY(0rem); } .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_up > .tab-pane.fade { transform: translateY(-1rem); } .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_down > .tab-pane.fade { transform: translateY(1rem); } .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_left > .tab-pane.fade { transform: translateX(-1rem); } .s_tabs[data-vcss="002"] .s_tabs_content.s_tabs_slide_right > .tab-pane.fade { transform: translateX(1rem); } .s_tabs[data-vcss="002"] .s_tabs_main { --card-cap-bg: initial; } .s_tabs[data-vcss="002"] .s_tabs_main .nav-tabs { --nav-tabs-link-hover-border-color: transparent; } .s_tabs[data-vcss="002"] .s_tabs_main .s_tabs_nav:has(.nav-tabs), .s_tabs[data-vcss="002"] .s_tabs_main .s_tabs_nav:has(.nav-buttons) { background: var(--tabs-bg-color, #F9FAFB); } .s_tabs[data-vcss="002"] .s_tabs_main .s_tabs_nav:has(.nav-tabs) .nav .nav-item a.nav-link, .s_tabs[data-vcss="002"] .s_tabs_main .s_tabs_nav:has(.nav-buttons) .nav .nav-item a.nav-link { color: var(--tabs-link-color, #374151); } .s_tabs[data-vcss="002"] .s_tabs_main .nav-tabs a.active { color: #374151; } .s_tabs[data-vcss="002"] .s_tabs_main .nav-underline { border-bottom: 1px solid var(--o-border-color); } .s_tabs[data-vcss="002"] .s_tabs_main .nav-underline .nav-link { margin-bottom: -1px; color: inherit; } .s_tabs[data-vcss="002"] .s_tabs_main .nav-underline .nav-link:not(.active) { border: 0; } @media (min-width: 576px) { .s_tabs[data-vcss="002"] .s_tabs_main.row .nav-underline { border-bottom: 0; border-left: 1px solid var(--o-border-color); } .s_tabs[data-vcss="002"] .s_tabs_main.row .nav-underline .nav-link { margin-left: -1px; padding: 0.25rem 1rem; } .s_tabs[data-vcss="002"] .s_tabs_main.row .nav-underline .nav-link.active { border-left: 2px solid #017e84; border-bottom: 0; } } .s_tabs[data-vcss="002"] .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-justified), .s_tabs[data-vcss="002"] .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-justified) .nav-buttons, .s_tabs[data-vcss="002"] .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-fill), .s_tabs[data-vcss="002"] .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-fill) .nav-buttons { width: 100%; } .s_tabs[data-vcss="002"] .s_tabs_main .nav-buttons .active { color: #111827; background-color: #FFF; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } /* /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-button.collapsed.o_icons_position_reversed:after { transform: rotate(-90deg); } .s_accordion .o_icons_side_to_bottom .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 .o_custom_icons_wrap:before, .s_accordion .o_icons_plus_to_minus .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-button.collapsed .o_custom_icons_wrap:after { transform: rotate(90deg); } .s_accordion .o_custom_icons .accordion-button:after { display: none; } .s_accordion .o_custom_icons.o_transition .o_custom_icons_wrap > span { transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; } .s_accordion .o_custom_icons .accordion-button.collapsed .o_custom_icon_active, .s_accordion .o_custom_icons .accordion-button:not(.collapsed) .o_custom_icon_inactive { opacity: 0; } .s_accordion .o_custom_icons.o_transition_scale .accordion-button.collapsed .o_custom_icon_active, .s_accordion .o_custom_icons.o_transition_scale .accordion-button:not(.collapsed) .o_custom_icon_inactive { transform: scale(0); opacity: 1; } .s_accordion .o_custom_icons.o_transition_translate .accordion-button.collapsed .o_custom_icon_active, .s_accordion .o_custom_icons.o_transition_translate .accordion-button:not(.collapsed) .o_custom_icon_inactive { opacity: 1; } .s_accordion .o_custom_icons.o_transition_translate .accordion-button.collapsed .o_custom_icon_active { transform: translateY(-100%); } .s_accordion .o_custom_icons.o_transition_translate .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_web_editor_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 { 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 */ .s_quadrant .o_grid_item { display: flex; flex-direction: column; } /* /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.75rem; } .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; } /* /_custom/web.assets_frontend/website/static/src/scss/user_custom_rules.scss */ .x_wd_ff_script { font-family: "Caveat"; } .display-1-fs { font-size: calc(1.725rem + 5.7vw); } @media (min-width: 1200px) { .display-1-fs { font-size: 6rem; } } .display-2-fs { font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .display-2-fs { font-size: 5rem; } } .display-3-fs { font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .display-3-fs { font-size: 4rem; } } .display-4-fs { font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .display-4-fs { font-size: 3rem; } } .display-5-fs { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .display-5-fs { font-size: 2rem; } } .display-6-fs { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { .display-6-fs { font-size: 1.5rem; } } #wrapwrap .x_wd_help_button .dropdown-menu, #wrapwrap .x_wd_help_button .o_dropdown_menu { width: auto; min-width: 100%; }