@import url("https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i&display=swap"); @import url("https://fonts.googleapis.com/css?family=Manrope:300,300i,400,400i,700,700i&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 */ .o_figure_relative_layout .figure-caption h1, .o_colored_level .o_figure_relative_layout .figure-caption h1, .o_cc5 h1, .o_colored_level .o_cc5 h1, .o_cc4 h1, .o_footer h1, .navbar-light h1, .o_colored_level .o_cc4 h1, .o_colored_level .o_footer h1, .o_colored_level .navbar-light 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, .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, .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, .o_figure_relative_layout .figure-caption .h1, .o_colored_level .o_figure_relative_layout .figure-caption .h1, .o_cc5 .h1, .o_colored_level .o_cc5 .h1, .o_cc4 .h1, .o_footer .h1, .navbar-light .h1, .o_colored_level .o_cc4 .h1, .o_colored_level .o_footer .h1, .o_colored_level .navbar-light .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, .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, .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, .o_figure_relative_layout .figure-caption h2, .o_colored_level .o_figure_relative_layout .figure-caption h2, .o_cc5 h2, .o_colored_level .o_cc5 h2, .o_cc4 h2, .o_footer h2, .navbar-light h2, .o_colored_level .o_cc4 h2, .o_colored_level .o_footer h2, .o_colored_level .navbar-light 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, .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, .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, .o_figure_relative_layout .figure-caption .h2, .o_colored_level .o_figure_relative_layout .figure-caption .h2, .o_cc5 .h2, .o_colored_level .o_cc5 .h2, .o_cc4 .h2, .o_footer .h2, .navbar-light .h2, .o_colored_level .o_cc4 .h2, .o_colored_level .o_footer .h2, .o_colored_level .navbar-light .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, .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, .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, .o_figure_relative_layout .figure-caption h3, .o_colored_level .o_figure_relative_layout .figure-caption h3, .o_cc5 h3, .o_colored_level .o_cc5 h3, .o_cc4 h3, .o_footer h3, .navbar-light h3, .o_colored_level .o_cc4 h3, .o_colored_level .o_footer h3, .o_colored_level .navbar-light 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, .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, .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, .o_figure_relative_layout .figure-caption .h3, .o_colored_level .o_figure_relative_layout .figure-caption .h3, .o_cc5 .h3, .o_colored_level .o_cc5 .h3, .o_cc4 .h3, .o_footer .h3, .navbar-light .h3, .o_colored_level .o_cc4 .h3, .o_colored_level .o_footer .h3, .o_colored_level .navbar-light .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, .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, .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, .o_figure_relative_layout .figure-caption h4, .o_colored_level .o_figure_relative_layout .figure-caption h4, .o_cc5 h4, .o_colored_level .o_cc5 h4, .o_cc4 h4, .o_footer h4, .navbar-light h4, .o_colored_level .o_cc4 h4, .o_colored_level .o_footer h4, .o_colored_level .navbar-light 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, .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, .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, .o_figure_relative_layout .figure-caption .h4, .o_colored_level .o_figure_relative_layout .figure-caption .h4, .o_cc5 .h4, .o_colored_level .o_cc5 .h4, .o_cc4 .h4, .o_footer .h4, .navbar-light .h4, .o_colored_level .o_cc4 .h4, .o_colored_level .o_footer .h4, .o_colored_level .navbar-light .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, .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, .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, .o_figure_relative_layout .figure-caption h5, .o_colored_level .o_figure_relative_layout .figure-caption h5, .o_cc5 h5, .o_colored_level .o_cc5 h5, .o_cc4 h5, .o_footer h5, .navbar-light h5, .o_colored_level .o_cc4 h5, .o_colored_level .o_footer h5, .o_colored_level .navbar-light 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, .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, .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, .o_figure_relative_layout .figure-caption .h5, .o_colored_level .o_figure_relative_layout .figure-caption .h5, .o_cc5 .h5, .o_colored_level .o_cc5 .h5, .o_cc4 .h5, .o_footer .h5, .navbar-light .h5, .o_colored_level .o_cc4 .h5, .o_colored_level .o_footer .h5, .o_colored_level .navbar-light .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, .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, .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, .o_figure_relative_layout .figure-caption h6, .o_colored_level .o_figure_relative_layout .figure-caption h6, .o_cc5 h6, .o_colored_level .o_cc5 h6, .o_cc4 h6, .o_footer h6, .navbar-light h6, .o_colored_level .o_cc4 h6, .o_colored_level .o_footer h6, .o_colored_level .navbar-light 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, .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, .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, .o_figure_relative_layout .figure-caption .h6, .o_colored_level .o_figure_relative_layout .figure-caption .h6, .o_cc5 .h6, .o_colored_level .o_cc5 .h6, .o_cc4 .h6, .o_footer .h6, .navbar-light .h6, .o_colored_level .o_cc4 .h6, .o_colored_level .o_footer .h6, .o_colored_level .navbar-light .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, .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, .bg-o-color-5 .h6, .o_colored_level .bg-o-color-5 .h6, .bg-o-color-4 .h6, .o_colored_level .bg-o-color-4 .h6, .bg-o-color-3 .h6, .o_colored_level .bg-o-color-3 .h6, .bg-o-color-2 .h6, .o_colored_level .bg-o-color-2 .h6, .bg-o-color-1 .h6, .o_colored_level .bg-o-color-1 .h6, :where(.card:not([data-vxml])) .card-body .h6, .o_colored_level :where(.card:not([data-vxml])) .card-body .h6, .bg-white .h6, .o_colored_level .bg-white .h6, .bg-black .h6, .o_colored_level .bg-black .h6, .bg-black-50 .h6, .o_colored_level .bg-black-50 .h6, .bg-black-75 .h6, .o_colored_level .bg-black-75 .h6, .bg-white-50 .h6, .o_colored_level .bg-white-50 .h6, .bg-white-75 .h6, .o_colored_level .bg-white-75 .h6, .bg-white-85 .h6, .o_colored_level .bg-white-85 .h6, .bg-900 .h6, .o_colored_level .bg-900 .h6, .bg-800 .h6, .o_colored_level .bg-800 .h6, .bg-700 .h6, .o_colored_level .bg-700 .h6, .bg-600 .h6, .o_colored_level .bg-600 .h6, .bg-500 .h6, .o_colored_level .bg-500 .h6, .bg-400 .h6, .bg-300 .h6, .bg-200 .h6, .bg-100 .h6{ color: inherit; } /* /web/static/src/scss/utils.scss */ .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper, .o_colorpicker_widget .o_opacity_slider, .o_colorpicker_widget .o_color_preview, .o_color_picker_button{ position: relative; z-index: 0; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::before, .o_colorpicker_widget .o_opacity_slider::before, .o_colorpicker_widget .o_color_preview::before, .o_color_picker_button::before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-image: url("../images/transparent.png"); background-size: var(--PreviewAlphaBg-background-size, 10px) auto; border-radius: inherit; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::after, .o_colorpicker_widget .o_opacity_slider::after, .o_colorpicker_widget .o_color_preview::after, .o_color_picker_button::after{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: inherit; border-radius: inherit; box-shadow: inherit; } .o_nocontent_help .o_empty_folder_image:before{ content: ""; display: block; margin: auto; background-size: cover; } .o_nocontent_help .o_empty_folder_image:before{ width: 120px; height: 80px; margin-top: 30px; margin-bottom: 30px; background: transparent url(../images/empty_folder.svg) no-repeat center; } /* /web_enterprise/static/src/scss/primary_variables.scss */ /* /web/static/src/scss/primary_variables.scss */ /* /web_enterprise/static/src/webclient/home_menu/home_menu.variables.scss */ /* /web_enterprise/static/src/webclient/navbar/navbar.variables.scss */ /* /html_editor/static/src/scss/html_editor.variables.scss */ /* /web/static/src/core/avatar/avatar.variables.scss */ /* /web/static/src/core/bottom_sheet/bottom_sheet.variables.scss */ /* /web/static/src/core/notifications/notification.variables.scss */ /* /web/static/src/search/control_panel/control_panel.variables.scss */ /* /web/static/src/search/search_bar/search_bar.variables.scss */ /* /web/static/src/search/search_panel/search_panel.variables.scss */ /* /web/static/src/views/fields/statusbar/statusbar_field.variables.scss */ /* /web/static/src/views/fields/translation_button.variables.scss */ /* /web/static/src/views/form/form.variables.scss */ /* /web/static/src/views/kanban/kanban.variables.scss */ /* /web/static/src/webclient/burger_menu/burger_menu.variables.scss */ /* /web/static/src/webclient/navbar/navbar.variables.scss */ .o_main_navbar .o_menu_brand, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle, .o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle{ position: relative; display: flex; align-items: center; width: auto; height: calc(var(--o-navbar-height) - 20px); border-radius: 0.25rem; user-select: none; background-color: inherit; font-size: 1em; color: var(--NavBar-entry-color, #111827); } .o_main_navbar .o_menu_brand:hover, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:hover, .o_main_navbar .o_nav_entry:hover, .o_main_navbar .dropdown-toggle:hover:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle:hover, .o_main_navbar .o_menu_brand:focus, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:focus, .o_main_navbar .o_nav_entry:focus, .o_main_navbar .dropdown-toggle:focus:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle:focus, .o_main_navbar .focus.o_menu_brand, .o_main_navbar .o_navbar_apps_menu .focus.dropdown-toggle, .o_main_navbar .focus.o_nav_entry, .o_main_navbar .focus.dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .focus.o_menu_toggle{ color: var(--NavBar-entry-color--hover, #000); } .o_main_navbar .o_menu_brand, .o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle{ margin: 0; margin-left: var(--NavBar-entry-margin-left, 1px); margin-right: var(--NavBar-entry-margin-right, 1px); padding: 0; padding-left: var(--NavBar-entry-padding-left, 0.63em); padding-right: var(--NavBar-entry-padding-right, 0.63em); line-height: calc(var(--o-navbar-height) - 20px); } /* /mail/static/src/core/common/primary_variables.scss */ /* /mail/static/src/scss/variables/primary_variables.scss */ /* /portal/static/src/scss/primary_variables.scss */ /* /html_builder/static/src/core/building_blocks/builder_checkbox.variables.scss */ /* /html_builder/static/src/core/building_blocks/builder_row.variables.scss */ /* /html_builder/static/src/scss/builder.variables.scss */ .o_we_shape{ --ShapeConnections--size-tiny: 2rem; --ShapeConnections--size-regular: 4rem; --ShapeConnections--size-big: 15rem; --ShapeAngular--size-regular: 15rem; --ShapeWavy--size-regular: 15rem; --ShapePattern--size-tiny: 12.5rem; --ShapePattern--size-regular: 50rem; } .o_we_shape_btn_content .o_we_shape{ --ShapeConnections--size-tiny: 25%; --ShapeConnections--size-regular: 50%; --ShapeConnections--size-big: 75%; --ShapeAngular--size-regular: 50%; --ShapePattern--size-regular: 100%; --ShapePattern--size-tiny: 50%; --ShapeWavy--size-regular: 100%; } /* /website/static/src/scss/primary_variables.scss */ /* /_custom/web.assets_frontend/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 */ /* /_custom/web.assets_frontend/website/static/src/scss/options/colors/user_theme_color_palette.scss */ /* /web_gantt/static/src/gantt_view.variables.scss */ /* /website/static/src/snippets/s_badge/000_variables.scss */ /* /theme_nano/static/src/scss/primary_variables.scss */ /* /website/static/src/scss/secondary_variables.scss */ /* /web_enterprise/static/src/scss/secondary_variables.scss */ /* /web/static/src/scss/secondary_variables.scss */ /* /html_editor/static/src/scss/secondary_variables.scss */ /* /website/static/src/scss/user_custom_bootstrap_overridden.scss */ /* /theme_nano/static/src/scss/bootstrap_overridden.scss */ /* /website/static/src/scss/bootstrap_overridden.scss */ .carousel-instant .carousel-item{ transition-duration: 200ms !important; } /* /portal/static/src/scss/bootstrap_overridden.scss */ /* /html_editor/static/src/scss/bootstrap_overridden.scss */ /* /web/static/src/scss/bootstrap_overridden_frontend.scss */ /* /web/static/src/scss/pre_variables.scss */ /* /web/static/lib/bootstrap/scss/_variables.scss */ /* /web/static/lib/bootstrap/scss/_variables-dark.scss */ /* /web/static/lib/bootstrap/scss/_maps.scss */ /* /web/static/src/scss/import_bootstrap.scss */ :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: #343A40; --o-cc5-btn-secondary-border: ; --o-cc5-btn-secondary: #a1a1a1; --o-cc5-btn-primary-border: ; --o-cc5-btn-primary: #FFFFFF; --o-cc5-link: #FFFFFF; --o-cc5-h6: ; --o-cc5-h5: ; --o-cc5-h4: ; --o-cc5-h3: ; --o-cc5-h2: ; --o-cc5-headings: #FFFFFF; --o-cc5-text: #f2f2f3; --o-cc5-bg: #202022; --o-cc4-btn-secondary-border: ; --o-cc4-btn-secondary: #a1a1a1; --o-cc4-btn-primary-border: ; --o-cc4-btn-primary: #FFFFFF; --o-cc4-link: #FFFFFF; --o-cc4-h6: ; --o-cc4-h5: ; --o-cc4-h4: ; --o-cc4-h3: ; --o-cc4-h2: ; --o-cc4-headings: ; --o-cc4-text: #f2f2f3; --o-cc4-bg: #38383B; --o-cc3-btn-secondary-border: ; --o-cc3-btn-secondary: #f2f2f3; --o-cc3-btn-primary-border: ; --o-cc3-btn-primary: ; --o-cc3-link: ; --o-cc3-h6: ; --o-cc3-h5: ; --o-cc3-h4: ; --o-cc3-h3: ; --o-cc3-h2: ; --o-cc3-headings: ; --o-cc3-text: ; --o-cc3-bg: #a1a1a1; --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: #202022; --o-cc2-text: ; --o-cc2-bg: #f2f2f3; --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: rgba(0, 0, 0, 0.15); --copyright: ; --footer-custom: ; --footer: #38383B; --header-sales_four-custom: ; --header-sales_four: #FFFFFF; --header-sales_three-custom: ; --header-sales_three: #f2f2f3; --header-sales_two-custom: ; --header-sales_two: #202022; --header-sales_one-custom: ; --header-sales_one: #f2f2f3; --menu-border-color: ; --menu-custom: ; --menu: #38383B; --input: ; --body: white; --o-color-5: #202022; --o-color-4: #FFFFFF; --o-color-3: #f2f2f3; --o-color-2: #a1a1a1; --o-color-1: #38383B; --gray-100: #F8F9FA; --gray-200: #E9ECEF; --gray-300: #DEE2E6; --gray-400: #CED4DA; --gray-500: #ADB5BD; --gray-600: #6C757D; --gray-700: #495057; --gray-800: #343A40; --gray-900: #212529; --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: #38383B; --secondary: #a1a1a1; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f2f2f3; --dark: #202022; --primary-rgb: 56, 56, 59; --secondary-rgb: 160.75, 160.75, 160.75; --success-rgb: 40, 167, 69; --info-rgb: 23, 162, 184; --warning-rgb: 255, 193, 7; --danger-rgb: 220, 53, 69; --light-rgb: 242.17391304, 242.17391304, 242.82608696; --dark-rgb: 32.13913043, 32.13913043, 33.86086957; --primary-text-emphasis: #161618; --secondary-text-emphasis: #404040; --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: #d7d7d8; --secondary-bg-subtle: #ececec; --success-bg-subtle: #d4edda; --info-bg-subtle: #d1ecf1; --warning-bg-subtle: #fff3cd; --danger-bg-subtle: #f8d7da; --light-bg-subtle: #fcfcfd; --dark-bg-subtle: #CED4DA; --primary-border-subtle: #afafb1; --secondary-border-subtle: #d9d9d9; --success-border-subtle: #a9dcb5; --info-border-subtle: #a2dae3; --warning-border-subtle: #ffe69c; --danger-border-subtle: #f1aeb5; --light-border-subtle: #E9ECEF; --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: #212529; --body-color-rgb: 33, 37, 41; --body-bg: #FFFFFF; --body-bg-rgb: 255, 255, 255; --emphasis-color: #000; --emphasis-color-rgb: 0, 0, 0; --secondary-color: rgba(33, 37, 41, 0.75); --secondary-color-rgb: 33, 37, 41; --secondary-bg: #E9ECEF; --secondary-bg-rgb: 233, 236, 239; --tertiary-color: rgba(33, 37, 41, 0.5); --tertiary-color-rgb: 33, 37, 41; --tertiary-bg: #e9e9ea; --tertiary-bg-rgb: 233, 233, 234; --heading-color: inherit; --link-color: #38383B; --link-color-rgb: 56, 56, 59; --link-decoration: none; --link-hover-color: #131314; --link-hover-color-rgb: 18.74782609, 18.74782609, 19.75217391; --link-hover-decoration: underline; --code-color: #e83e8c; --highlight-color: #212529; --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.4rem; --border-radius-sm: 0.3rem; --border-radius-lg: 0.6rem; --border-radius-xl: 1rem; --border-radius-xxl: 2rem; --border-radius-2xl: var(--border-radius-xxl); --border-radius-pill: 50rem; --box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); --box-shadow-sm: 0px 1px 3px rgba(0, 0, 0, 0.1); --box-shadow-lg: 0px 12px 32px 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(56, 56, 59, 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: #343A40; --secondary-bg-rgb: 52, 58, 64; --tertiary-color: rgba(222, 226, 230, 0.5); --tertiary-color-rgb: 222, 226, 230; --tertiary-bg: #2b3035; --tertiary-bg-rgb: 43, 48, 53; --primary-text-emphasis: #888889; --secondary-text-emphasis: #c6c6c6; --success-text-emphasis: #7eca8f; --info-text-emphasis: #74c7d4; --warning-text-emphasis: #ffda6a; --danger-text-emphasis: #ea868f; --light-text-emphasis: #F8F9FA; --dark-text-emphasis: #dee2e6; --primary-bg-subtle: #0b0b0c; --secondary-bg-subtle: #202020; --success-bg-subtle: #08210e; --info-bg-subtle: #052025; --warning-bg-subtle: #332701; --danger-bg-subtle: #2c0b0e; --light-bg-subtle: #343A40; --dark-bg-subtle: #1a1d20; --primary-border-subtle: #222223; --secondary-border-subtle: #606060; --success-border-subtle: #186429; --info-border-subtle: #0e616e; --warning-border-subtle: #997404; --danger-border-subtle: #842029; --light-border-subtle: #495057; --dark-border-subtle: #343A40; --heading-color: inherit; --link-color: #888889; --link-hover-color: #a0a0a1; --link-color-rgb: 136, 136, 137; --link-hover-color-rgb: 160, 160, 161; --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: 0.5rem; font-family: "Manrope", "Odoo Unicode Support Noto", sans-serif; font-weight: 400; line-height: 1.2; color: var(--heading-color); } h1, .h1{ font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px){ h1, .h1{ font-size: 3rem; } } h2, .h2{ font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px){ h2, .h2{ font-size: 2.5rem; } } 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: 700; } 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: underline; } 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.3rem; } 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{ 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.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px){ .display-1{ font-size: 5rem; } } .display-2{ font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px){ .display-2{ font-size: 4.5rem; } } .display-3{ font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px){ .display-3{ font-size: 4rem; } } .display-4{ font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px){ .display-4{ font-size: 3.5rem; } } .display-5{ font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px){ .display-5{ font-size: 3rem; } } .display-6{ font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px){ .display-6{ font-size: 2.5rem; } } .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.25rem; } .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.25rem; background-color: var(--body-bg); border: var(--border-width) 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: 30px; --gutter-y: 0; width: 100%; padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5); margin-right: auto; margin-left: auto; } @media (min-width: 576px){ .container-sm, .container, .o_container_small{ max-width: 540px; } } @media (min-width: 768px){ .container-md, .container-sm, .container, .o_container_small{ max-width: 720px; } } @media (min-width: 992px){ .container-lg, .container-md, .container-sm, .container, .o_container_small{ max-width: 960px; } } @media (min-width: 1200px){ .container-xl, .container-lg, .container-md, .container-sm, .container, .o_container_small{ max-width: 1140px; } } @media (min-width: 1400px){ .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .o_container_small{ max-width: 1320px; } } :root{ --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px; } .row{ --gutter-x: 30px; --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, 30px); } .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; } @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; } } @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; } } @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; } } @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; } } @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; } } .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.1); --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: #212529; --table-bg: #d7d7d8; --table-border-color: #b3b3b5; --table-striped-bg: #d5d5d6; --table-striped-color: #212529; --table-active-bg: #c5c5c7; --table-active-color: #212529; --table-hover-bg: #c9cacb; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color); } .table-secondary{ --table-color: #212529; --table-bg: #ececec; --table-border-color: #c3c4c5; --table-striped-bg: #eaeaea; --table-striped-color: #212529; --table-active-bg: #d8d8d9; --table-active-color: #212529; --table-hover-bg: #dddddd; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color); } .table-success{ --table-color: #212529; --table-bg: #d4edda; --table-border-color: #b0c5b7; --table-striped-bg: #d2ebd8; --table-striped-color: #212529; --table-active-bg: #c2d9c8; --table-active-color: #212529; --table-hover-bg: #c7decd; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color); } .table-info{ --table-color: #212529; --table-bg: #d1ecf1; --table-border-color: #aec4c9; --table-striped-bg: #cfeaef; --table-striped-color: #212529; --table-active-bg: #bfd8dd; --table-active-color: #212529; --table-hover-bg: #c4dde2; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color); } .table-warning{ --table-color: #212529; --table-bg: #fff3cd; --table-border-color: #d3caac; --table-striped-bg: #fdf1cb; --table-striped-color: #212529; --table-active-bg: #e9debd; --table-active-color: #212529; --table-hover-bg: #eee4c1; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color); } .table-danger{ --table-color: #212529; --table-bg: #f8d7da; --table-border-color: #cdb3b7; --table-striped-bg: #f6d5d8; --table-striped-color: #212529; --table-active-bg: #e3c5c8; --table-active-color: #212529; --table-hover-bg: #e8cacd; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color); } .table-light{ --table-color: #212529; --table-bg: #f2f2f3; --table-border-color: #c8c9ca; --table-striped-bg: #f0f0f1; --table-striped-color: #212529; --table-active-bg: #dddedf; --table-active-color: #212529; --table-hover-bg: #e2e3e4; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color); } .table-dark{ --table-color: #FFFFFF; --table-bg: #202022; --table-border-color: #4d4d4e; --table-striped-bg: #222224; --table-striped-color: #FFFFFF; --table-active-bg: #363638; --table-active-color: #FFFFFF; --table-hover-bg: #313132; --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.375rem + var(--border-width)); padding-bottom: calc(0.375rem + var(--border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg{ padding-top: calc(0.5rem + var(--border-width)); padding-bottom: calc(0.5rem + var(--border-width)); font-size: 1.25rem; } .col-form-label-sm{ padding-top: calc(0.25rem + var(--border-width)); padding-bottom: calc(0.25rem + var(--border-width)); font-size: 0.875rem; } .form-text{ margin-top: 0.25rem; font-size: 0.875em; color: var(--secondary-color); } .form-control{ display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; appearance: none; background-color: #FFFFFF; background-clip: padding-box; border: var(--border-width) solid var(--o-border-color); border-radius: var(--border-radius); 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: #212529; background-color: #FFFFFF; border-color: #38383B; outline: 0; box-shadow: 0 0 0 0.25rem rgba(56, 56, 59, 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: #ADB5BD; opacity: 1; } .form-control:disabled, .form-control.o_wysiwyg_loader{ background-color: #e9e9ea; border-color: rgba(33, 37, 41, 0.15); opacity: 1; } .form-control::file-selector-button{ padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: whitesmoke; 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: #dededf; } .form-control-plaintext{ display: block; width: 100%; padding: 0.375rem 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.5rem; font-size: 0.875rem; border-radius: var(--border-radius-sm); } .form-control-sm::file-selector-button{ padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg{ min-height: calc(1.5em + 1rem + calc(var(--border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--border-radius-lg); } .form-control-lg::file-selector-button{ padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control{ min-height: calc(1.5em + 0.75rem + 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 + 1rem + calc(var(--border-width) * 2)); } .form-control-color{ width: 3rem; height: calc(1.5em + 0.75rem + calc(var(--border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not(.o_wysiwyg_loader):not([readonly]){ cursor: pointer; } .form-control-color::-moz-color-swatch{ border: 0 !important; border-radius: var(--border-radius); } .form-control-color::-webkit-color-swatch{ border: 0 !important; border-radius: var(--border-radius); } .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 + 1rem + 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='%23212529' 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.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; 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: var(--border-radius); 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: #38383B; outline: 0; box-shadow: 0 0 0 0 rgba(56, 56, 59, 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: #909294; background-color: #e9e9ea; border-color: rgba(33, 37, 41, 0.15); } .form-select:-moz-focusring{ color: transparent; text-shadow: 0 0 0 #212529; } .form-select-sm{ padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--border-radius-sm); } .form-select-lg{ padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--border-radius-lg); } [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.25em; } .form-check-input[type="radio"]{ border-radius: 50%; } .form-check-input:active{ filter: brightness(90%); } .form-check-input:focus{ border-color: #38383B; outline: 0; box-shadow: 0 0 0 0.25rem rgba(56, 56, 59, 0.25); } .form-check-input:checked{ background-color: #38383B; border-color: #38383B; } .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: #38383B; border-color: #38383B; --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='%23212529'/%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='%2338383B'/%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: 1rem; padding: 0; appearance: none; background-color: transparent; } .form-range:focus{ outline: 0; } .form-range:focus::-webkit-slider-thumb{ box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(56, 56, 59, 0.25); } .form-range:focus::-moz-range-thumb{ box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(56, 56, 59, 0.25); } .form-range::-moz-focus-outer{ border: 0; } .form-range::-webkit-slider-thumb{ width: 1rem; height: 1rem; margin-top: -0.45rem; appearance: none; background-color: #FFFFFF; border: 1px solid #38383B; 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: #38383B; } .form-range::-webkit-slider-runnable-track{ width: 100%; height: 0.1rem; color: transparent; cursor: pointer; background-color: #e9e9ea; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb{ width: 1rem; height: 1rem; appearance: none; background-color: #FFFFFF; border: 1px solid #38383B; 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: #38383B; } .form-range::-moz-range-track{ width: 100%; height: 0.1rem; color: transparent; cursor: pointer; background-color: #e9e9ea; 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: #e9e9ea; } .form-range:disabled::-moz-range-thumb, .form-range.o_wysiwyg_loader::-moz-range-thumb{ background-color: #e9e9ea; } .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: var(--border-radius); } .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: #e9e9ea; } .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.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: var(--tertiary-bg); border: var(--border-width) solid var(--o-border-color); border-radius: var(--border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn{ padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn{ padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--border-radius-sm); } .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.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--success); border-radius: var(--border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip{ display: block; } .was-validated .form-control:valid, .form-control.is-valid{ border-color: var(--form-valid-border-color); padding-right: calc(1.5em + 0.75rem); 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.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus{ border-color: var(--form-valid-border-color); box-shadow: 0 0 0 0 rgba(var(--success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid{ padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .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.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus{ border-color: var(--form-valid-border-color); box-shadow: 0 0 0 0 rgba(var(--success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid{ width: calc(3rem + calc(1.5em + 0.75rem)); } .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 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.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #fff; background-color: var(--danger); border-radius: var(--border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip{ display: block; } .was-validated .form-control:invalid, .form-control.is-invalid{ border-color: var(--form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); 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.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus{ border-color: var(--form-invalid-border-color); box-shadow: 0 0 0 0 rgba(var(--danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid{ padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .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.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus{ border-color: var(--form-invalid-border-color); box-shadow: 0 0 0 0 rgba(var(--danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid{ width: calc(3rem + calc(1.5em + 0.75rem)); } .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 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: 1rem; --btn-padding-y: 0.5rem; --btn-font-family: ; --btn-font-size: 1rem; --btn-font-weight: 400; --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: 10rem; --btn-hover-border-color: transparent; --btn-box-shadow: none; --btn-disabled-opacity: 0.65; --btn-focus-box-shadow: 0 0 0 0 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); text-decoration: none; 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: 86, 86, 88; text-decoration: none; } .btn-link:hover, .btn-link:focus-visible{ text-decoration: underline; } .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.25rem; --btn-border-radius: 10rem; } .btn-sm, .btn-group-sm > .btn{ --btn-padding-y: 0.0625rem; --btn-padding-x: 0.3125rem; --btn-font-size: 0.875rem; --btn-border-radius: 10rem; } .fade{ transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce){ .fade{ transition: none; } } .fade:not(.show){ opacity: 0; } .collapse:not(.show){ display: none; } .collapsing{ height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce){ .collapsing{ transition: none; } } .collapsing.collapse-horizontal{ width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce){ .collapsing.collapse-horizontal{ transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center{ position: relative; } .dropdown-toggle{ white-space: nowrap; } .dropdown-toggle::after{ display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after{ margin-left: 0; } .dropdown-menu, .o_dropdown_menu{ --dropdown-zindex: 1000; --dropdown-min-width: 10rem; --dropdown-padding-x: 0; --dropdown-padding-y: 0.5rem; --dropdown-spacer: 0.125rem; --dropdown-font-size: 1rem; --dropdown-color: var(--body-color); --dropdown-bg: #FFFFFF; --dropdown-border-color: var(--o-border-color); --dropdown-border-radius: var(--border-radius); --dropdown-border-width: var(--border-width); --dropdown-inner-border-radius: calc(var(--border-radius) - var(--border-width)); --dropdown-divider-bg: var(--o-border-color); --dropdown-divider-margin-y: 0.5rem; --dropdown-box-shadow: var(--box-shadow); --dropdown-link-color: var(--body-color); --dropdown-link-hover-color: var(--body-color); --dropdown-link-hover-bg: var(--tertiary-bg); --dropdown-link-active-color: #212529; --dropdown-link-active-bg: rgba(33, 37, 41, 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); text-decoration: none; background-color: var(--dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active{ color: var(--dropdown-link-active-color); text-decoration: none; background-color: var(--dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled, .dropdown-item.o_wysiwyg_loader{ color: var(--dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show, .show.o_dropdown_menu{ display: block; } .dropdown-header{ display: block; padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--dropdown-header-color); white-space: nowrap; } .dropdown-item-text{ display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); color: var(--dropdown-link-color); } .dropdown-menu-dark{ --dropdown-color: #dee2e6; --dropdown-bg: #343A40; --dropdown-border-color: var(--o-border-color); --dropdown-box-shadow: ; --dropdown-link-color: #dee2e6; --dropdown-link-hover-color: #FFF; --dropdown-divider-bg: var(--o-border-color); --dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --dropdown-link-active-color: #212529; --dropdown-link-active-bg: rgba(33, 37, 41, 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: 10rem; } .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: 0.75rem; padding-left: 0.75rem; } .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.234375rem; padding-left: 0.234375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split{ padding-right: 1.5rem; padding-left: 1.5rem; } .btn-group-vertical{ flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group{ width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child){ margin-top: calc(var(--border-width) * -1); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn{ border-top-left-radius: 0; border-top-right-radius: 0; } .nav{ --nav-link-padding-x: 1rem; --nav-link-padding-y: 0.5rem; --nav-link-font-weight: ; --nav-link-color: var(--link-color); --nav-link-hover-color: var(--link-hover-color); --nav-link-disabled-color: var(--secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link{ display: block; padding: var(--nav-link-padding-y) var(--nav-link-padding-x); font-size: var(--nav-link-font-size); font-weight: var(--nav-link-font-weight); color: var(--nav-link-color); background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce){ .nav-link{ transition: none; } } .nav-link:hover, .nav-link:focus{ color: var(--nav-link-hover-color); text-decoration: none; } .nav-link:focus-visible{ outline: 0; box-shadow: 0 0 0 0.25rem rgba(56, 56, 59, 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: #FFFFFF; --nav-pills-link-active-bg: #38383B; } .nav-pills .nav-link{ border-radius: var(--nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ color: var(--nav-pills-link-active-color); background-color: var(--nav-pills-link-active-bg); } .nav-underline{ --nav-underline-gap: 1rem; --nav-underline-border-width: 0.125rem; --nav-underline-link-active-color: var(--emphasis-color); gap: var(--nav-underline-gap); } .nav-underline .nav-link{ padding-right: 0; padding-left: 0; border-bottom: var(--nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus{ border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link{ font-weight: 700; 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.625rem; --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%2833, 37, 41, 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: 10rem; --navbar-toggler-focus-width: 0; --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); text-decoration: none; } .navbar-nav{ --nav-link-padding-x: 0; --nav-link-padding-y: 0.5rem; --nav-link-font-weight: ; --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-light, .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: 1rem; --card-spacer-x: 1rem; --card-title-spacer-y: 0.5rem; --card-title-color: ; --card-subtitle-color: ; --card-border-width: 0; --card-border-color: var(--o-border-color); --card-border-radius: var(--border-radius); --card-box-shadow: ; --card-inner-border-radius: calc(var(--border-radius) - 0); --card-cap-padding-y: 0.5rem; --card-cap-padding-x: 1rem; --card-cap-bg: rgba(var(--body-color-rgb), 0.03); --card-cap-color: ; --card-height: ; --card-color: ; --card-bg: #FFFFFF; --card-img-overlay-padding: 1rem; --card-group-margin: 15px; 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:hover{ text-decoration: none; } .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: var(--o-border-color); --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: 1rem; --accordion-btn-color: var(--body-color); --accordion-btn-bg: var(--accordion-bg); --accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%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='%23212529' 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: 1rem; --accordion-active-color: #212529; --accordion-active-bg: #f2f2f3; } .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='%23888889'%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='%23888889'%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: 0.75rem; --pagination-padding-y: 0.375rem; --pagination-font-size: 1rem; --pagination-color: #212529; --pagination-bg: #FFFFFF; --pagination-border-width: var(--border-width); --pagination-border-color: transparent; --pagination-border-radius: 50rem; --pagination-hover-color: #212529; --pagination-hover-bg: #f2f2f3; --pagination-hover-border-color: #f2f2f3; --pagination-focus-color: #212529; --pagination-focus-bg: #f2f2f3; --pagination-focus-box-shadow: 0 0 0 1px #f2f2f3; --pagination-active-color: #FFFFFF; --pagination-active-bg: #38383B; --pagination-active-border-color: #38383B; --pagination-disabled-color: rgba(33, 37, 41, 0.5); --pagination-disabled-bg: #FFFFFF; --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); text-decoration: none; background-color: var(--pagination-hover-bg); border-color: var(--pagination-hover-border-color); } .page-link:focus{ z-index: 3; color: var(--pagination-focus-color); background-color: var(--pagination-focus-bg); outline: 0; box-shadow: var(--pagination-focus-box-shadow); } .page-link.active, .active > .page-link{ z-index: 3; color: var(--pagination-active-color); background-color: var(--pagination-active-bg); border-color: var(--pagination-active-border-color); } .page-link.disabled, .disabled > .page-link{ color: var(--pagination-disabled-color); pointer-events: none; background-color: var(--pagination-disabled-bg); border-color: var(--pagination-disabled-border-color); } .page-item:not(:first-child) .page-link{ margin-left: 0.25rem; } .page-item .page-link{ border-radius: var(--pagination-border-radius); } .pagination-lg{ --pagination-padding-x: 1.5rem; --pagination-padding-y: 0.75rem; --pagination-font-size: 1.25rem; --pagination-border-radius: 50rem; } .pagination-sm{ --pagination-padding-x: 0.5rem; --pagination-padding-y: 0.25rem; --pagination-font-size: 0.875rem; --pagination-border-radius: 50rem; } .badge{ --badge-padding-x: 0.65em; --badge-padding-y: 0.35em; --badge-font-size: 0.75em; --badge-font-weight: 700; --badge-color: #FFF; --badge-border-radius: 50rem; 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: 700; 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); } @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: #38383B; --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: var(--body-color); --list-group-bg: #FFFFFF; --list-group-border-color: var(--border-color); --list-group-border-width: var(--border-width); --list-group-border-radius: var(--border-radius); --list-group-item-padding-x: 1rem; --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: #38383B; --list-group-active-border-color: #38383B; 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); } .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(56, 56, 59, 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.4rem; 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: 30px; --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: var(--border-radius-lg); --modal-box-shadow: var(--box-shadow-sm); --modal-inner-border-radius: calc(var(--border-radius-lg) - (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: 200px; --tooltip-padding-x: 0.5rem; --tooltip-padding-y: 0.25rem; --tooltip-margin: ; --tooltip-font-size: 0.875rem; --tooltip-color: var(--body-bg); --tooltip-bg: var(--emphasis-color); --tooltip-border-radius: var(--border-radius); --tooltip-opacity: 0.9; --tooltip-arrow-width: 0.8rem; --tooltip-arrow-height: 0.4rem; 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.875rem; --popover-bg: #FFFFFF; --popover-border-width: var(--border-width); --popover-border-color: var(--o-border-color); --popover-border-radius: var(--border-radius-lg); --popover-inner-border-radius: calc(var(--border-radius-lg) - var(--border-width)); --popover-box-shadow: var(--box-shadow); --popover-header-padding-x: 1rem; --popover-header-padding-y: 0.5rem; --popover-header-font-size: 1rem; --popover-header-color: inherit; --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: 1rem; --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); } /* spacing (optional, matches your pt48/pb48 idea) */ .pt48 { padding-top: 48px; } .pb48 { padding-bottom: 48px; } /* container */ .container-fluid{ width: 100%; padding-left: 16px; padding-right: 16px; } /* LEFT and RIGHT columns */ .s_text_image .col-left{ flex: 0 0 42%; min-width: 280px; } .s_text_image .col-right{ flex: 1 1 0; min-width: 280px; display: flex; justify-content: center; } .blob-card{ width: 100%; max-width: 800px; /* caps at 800px */ position: relative; } /* Maintain 800x600 ratio (75%) */ .blob-card::before{ content: ""; display: block; padding-top: 75%; } /* SVG fills the box */ .blob-card > svg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; } .blob-card1{ width: 100%; max-width: 891px; /* caps at 891px */ position: relative; } /* Maintain 800x600 ratio (75%) */ .blob-card1::before{ content: ""; display: block; padding-top: 50%; } /* SVG fills the box */ .blob-card1 > svg{ position: absolute; top: -10; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; } .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: #212529 !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: #212529 !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: #212529 !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; } .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(45, 45, 47, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(45, 45, 47, 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(180, 180, 180, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(180, 180, 180, 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(245, 245, 245, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(245, 245, 245, 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(26, 26, 27, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(26, 26, 27, var(--link-underline-opacity, 1)) !important; } .link-body-emphasis{ color: RGBA(var(--emphasis-color-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--emphasis-color-rgb), var(--link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus{ color: RGBA(var(--emphasis-color-rgb), var(--link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--emphasis-color-rgb), var(--link-underline-opacity, 0.75)) !important; } .focus-ring:focus{ outline: 0; box-shadow: var(--focus-ring-x, 0) var(--focus-ring-y, 0) var(--focus-ring-blur, 0) var(--focus-ring-width) var(--focus-ring-color); } .icon-link{ display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--link-color-rgb), var(--link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi{ flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce){ .icon-link > .bi{ transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi{ transform: var(--icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio{ position: relative; width: 100%; } .ratio::before{ display: block; padding-top: var(--aspect-ratio); content: ""; } .ratio > *{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1{ --aspect-ratio: 100%; } .ratio-4x3{ --aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9{ --aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9{ --aspect-ratio: calc(9 / 21 * 100%); } .fixed-top{ position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom{ position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top{ position: sticky; top: 0; z-index: 1020; } .sticky-bottom{ position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px){ .sticky-sm-top{ position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom{ position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px){ .sticky-md-top{ position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom{ position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px){ .sticky-lg-top{ position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom{ position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px){ .sticky-xl-top{ position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom{ position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px){ .sticky-xxl-top{ position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom{ position: sticky; bottom: 0; z-index: 1020; } } .hstack{ display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack{ display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within){ width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){ position: absolute !important; } .stretched-link::after{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr{ display: inline-block; align-self: stretch; width: var(--border-width); min-height: 1em; background-color: currentcolor; opacity: 1; } /* /web/static/src/scss/utilities_custom.scss */ .opacity-0-hover:hover, .opacity-0-hover:focus-visible, .opacity-trigger-hover:hover .opacity-0-hover, .opacity-trigger-hover:focus-visible .opacity-0-hover{ opacity: 0 !important; } .opacity-25-hover:hover, .opacity-25-hover:focus-visible, .opacity-trigger-hover:hover .opacity-25-hover, .opacity-trigger-hover:focus-visible .opacity-25-hover{ opacity: 0.25 !important; } .opacity-50-hover:hover, .opacity-50-hover:focus-visible, .opacity-trigger-hover:hover .opacity-50-hover, .opacity-trigger-hover:focus-visible .opacity-50-hover{ opacity: 0.5 !important; } .opacity-75-hover:hover, .opacity-75-hover:focus-visible, .opacity-trigger-hover:hover .opacity-75-hover, .opacity-trigger-hover:focus-visible .opacity-75-hover{ opacity: 0.75 !important; } .opacity-100-hover:hover, .opacity-100-hover:focus-visible, .opacity-trigger-hover:hover .opacity-100-hover, .opacity-trigger-hover:focus-visible .opacity-100-hover{ opacity: 1 !important; } .opacity-disabled-hover:hover, .opacity-disabled-hover:focus-visible, .opacity-trigger-hover:hover .opacity-disabled-hover, .opacity-trigger-hover:focus-visible .opacity-disabled-hover{ opacity: 0.5 !important; } .opacity-muted-hover:hover, .opacity-muted-hover:focus-visible, .opacity-trigger-hover:hover .opacity-muted-hover, .opacity-trigger-hover:focus-visible .opacity-muted-hover{ opacity: 0.76 !important; } .d-empty-none:empty{ display: none !important; } .smaller{ font-size: 0.75rem; } /* /html_builder/static/src/scss/utilities_custom.scss */ /* /web/static/lib/bootstrap/scss/utilities/_api.scss */ .align-baseline{ vertical-align: baseline !important; } .align-top{ vertical-align: top !important; } .align-middle{ vertical-align: middle !important; } .align-bottom{ vertical-align: bottom !important; } .align-text-bottom{ vertical-align: text-bottom !important; } .align-text-top{ vertical-align: text-top !important; } .float-start{ float: left !important; } .float-end{ float: right !important; } .float-none{ float: none !important; } .object-fit-contain{ object-fit: contain !important; } .object-fit-cover{ object-fit: cover !important; } .object-fit-fill{ object-fit: fill !important; } .object-fit-scale{ object-fit: scale-down !important; } .object-fit-none{ object-fit: none !important; } .opacity-0{ opacity: 0 !important; } .opacity-25{ opacity: 0.25 !important; } .opacity-50{ opacity: 0.5 !important; } .opacity-75{ opacity: 0.75 !important; } .opacity-100{ opacity: 1 !important; } .opacity-disabled{ opacity: 0.5 !important; } .opacity-muted{ opacity: 0.76 !important; } .overflow-auto{ overflow: auto !important; } .overflow-hidden{ overflow: hidden !important; } .overflow-visible{ overflow: visible !important; } .overflow-scroll{ overflow: scroll !important; } .overflow-x-auto{ overflow-x: auto !important; } .overflow-x-hidden{ overflow-x: hidden !important; } .overflow-x-visible{ overflow-x: visible !important; } .overflow-x-scroll{ overflow-x: scroll !important; } .overflow-y-auto{ overflow-y: auto !important; } .overflow-y-hidden{ overflow-y: hidden !important; } .overflow-y-visible{ overflow-y: visible !important; } .overflow-y-scroll{ overflow-y: scroll !important; } .d-inline{ display: inline !important; } .d-inline-block{ display: inline-block !important; } .d-block{ display: block !important; } .d-grid{ display: grid !important; } .d-inline-grid{ display: inline-grid !important; } .d-table{ display: table !important; } .d-table-row{ display: table-row !important; } .d-table-cell{ display: table-cell !important; } .d-flex{ display: flex !important; } .d-inline-flex{ display: inline-flex !important; } .d-none{ display: none !important; } .d-contents{ display: contents !important; } .shadow{ box-shadow: var(--box-shadow) !important; } .shadow-sm{ box-shadow: var(--box-shadow-sm) !important; } .shadow-lg{ box-shadow: var(--box-shadow-lg) !important; } .shadow-none{ box-shadow: none !important; } .focus-ring-primary{ --focus-ring-color: rgba(var(--primary-rgb), var(--focus-ring-opacity)); } .focus-ring-secondary{ --focus-ring-color: rgba(var(--secondary-rgb), var(--focus-ring-opacity)); } .focus-ring-success{ --focus-ring-color: rgba(var(--success-rgb), var(--focus-ring-opacity)); } .focus-ring-info{ --focus-ring-color: rgba(var(--info-rgb), var(--focus-ring-opacity)); } .focus-ring-warning{ --focus-ring-color: rgba(var(--warning-rgb), var(--focus-ring-opacity)); } .focus-ring-danger{ --focus-ring-color: rgba(var(--danger-rgb), var(--focus-ring-opacity)); } .focus-ring-light{ --focus-ring-color: rgba(var(--light-rgb), var(--focus-ring-opacity)); } .focus-ring-dark{ --focus-ring-color: rgba(var(--dark-rgb), var(--focus-ring-opacity)); } .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-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-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-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-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-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-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-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-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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .font-monospace{ font-family: var(--font-monospace) !important; } .font-sans-serif{ font-family: var(--font-sans-serif) !important; } .fs-1{ font-size: calc(1.425rem + 2.1vw) !important; } .fs-2{ font-size: calc(1.375rem + 1.5vw) !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: 700 !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-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{ --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-black{ --bg-opacity: 1; background-color: rgba(var(--black-rgb), var(--bg-opacity)) !important; } .bg-white{ --bg-opacity: 1; background-color: rgba(var(--white-rgb), var(--bg-opacity)) !important; } .bg-body{ --bg-opacity: 1; background-color: rgba(var(--body-bg-rgb), var(--bg-opacity)) !important; } .bg-transparent{ --bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary{ --bg-opacity: 1; background-color: rgba(var(--secondary-bg-rgb), var(--bg-opacity)) !important; } .bg-body-tertiary{ --bg-opacity: 1; background-color: rgba(var(--tertiary-bg-rgb), var(--bg-opacity)) !important; } .bg-opacity-0{ --bg-opacity: 0; } .bg-opacity-25{ --bg-opacity: 0.25; } .bg-opacity-50{ --bg-opacity: 0.5; } .bg-opacity-75{ --bg-opacity: 0.75; } .bg-opacity-100{ --bg-opacity: 1; } .bg-opacity-disabled{ --bg-opacity: 0.5; } .bg-opacity-muted{ --bg-opacity: 0.76; } .bg-primary-subtle{ background-color: var(--primary-bg-subtle) !important; } .bg-secondary-subtle{ background-color: var(--secondary-bg-subtle) !important; } .bg-success-subtle{ background-color: var(--success-bg-subtle) !important; } .bg-info-subtle{ background-color: var(--info-bg-subtle) !important; } .bg-warning-subtle{ background-color: var(--warning-bg-subtle) !important; } .bg-danger-subtle{ background-color: var(--danger-bg-subtle) !important; } .bg-light-subtle{ background-color: var(--light-bg-subtle) !important; } .bg-dark-subtle{ background-color: var(--dark-bg-subtle) !important; } .bg-gradient{ background-image: var(--gradient) !important; } .user-select-all{ user-select: all !important; } .user-select-auto{ user-select: auto !important; } .user-select-none{ user-select: none !important; } .pe-none{ pointer-events: none !important; } .pe-auto{ pointer-events: auto !important; } .rounded{ --box-border-radius: var(--border-radius) !important; } .rounded-0{ --box-border-radius: 0 !important; } .rounded-1{ --box-border-radius: var(--border-radius-sm) !important; } .rounded-2{ --box-border-radius: var(--border-radius) !important; } .rounded-3{ --box-border-radius: var(--border-radius-lg) !important; } .rounded-4{ --box-border-radius: var(--border-radius-xl) !important; } .rounded-5{ --box-border-radius: var(--border-radius-xxl) !important; } .rounded-circle, .fa.rounded-empty-circle{ --box-border-radius: 50% !important; } .rounded-pill{ --box-border-radius: var(--border-radius-pill) !important; } .rounded-top{ border-top-left-radius: 0.4rem !important; border-top-right-radius: 0.4rem !important; } .rounded-top-0{ border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1{ border-top-left-radius: 0.3rem !important; border-top-right-radius: 0.3rem !important; } .rounded-top-2{ border-top-left-radius: 0.4rem !important; border-top-right-radius: 0.4rem !important; } .rounded-top-3{ border-top-left-radius: 0.6rem !important; border-top-right-radius: 0.6rem !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.4rem !important; border-bottom-right-radius: 0.4rem !important; } .rounded-end-0{ border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1{ border-top-right-radius: 0.3rem !important; border-bottom-right-radius: 0.3rem !important; } .rounded-end-2{ border-top-right-radius: 0.4rem !important; border-bottom-right-radius: 0.4rem !important; } .rounded-end-3{ border-top-right-radius: 0.6rem !important; border-bottom-right-radius: 0.6rem !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.4rem !important; border-bottom-left-radius: 0.4rem !important; } .rounded-bottom-0{ border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1{ border-bottom-right-radius: 0.3rem !important; border-bottom-left-radius: 0.3rem !important; } .rounded-bottom-2{ border-bottom-right-radius: 0.4rem !important; border-bottom-left-radius: 0.4rem !important; } .rounded-bottom-3{ border-bottom-right-radius: 0.6rem !important; border-bottom-left-radius: 0.6rem !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.4rem !important; border-top-left-radius: 0.4rem !important; } .rounded-start-0{ border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1{ border-bottom-left-radius: 0.3rem !important; border-top-left-radius: 0.3rem !important; } .rounded-start-2{ border-bottom-left-radius: 0.4rem !important; border-top-left-radius: 0.4rem !important; } .rounded-start-3{ border-bottom-left-radius: 0.6rem !important; border-top-left-radius: 0.6rem !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-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-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-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-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-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-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-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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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-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-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-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-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-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-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-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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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-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-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-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-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-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-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-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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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-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-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-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-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-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-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-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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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-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-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-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-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-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-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-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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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; } .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: 3rem !important; } .fs-2{ font-size: 2.5rem !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: #38383B; } .form-select:where(:not(:disabled)):hover{ border-color: #38383B; } .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); } } .btn:focus-visible{ box-shadow: var(--btn-focus-box-shadow, 0 0 0 0 RGBA(86, 86, 88, 0.5)); } /* /web/static/src/scss/bootstrap_review_frontend.scss */ .bg-100{ --background-color: #F8F9FA; --color: #212529; background-color: #F8F9FA !important; color: #212529; } .bg-100 .text-muted, .o_colored_level .bg-100 .text-muted{ color: rgba(33, 37, 41, 0.7) !important; } a.bg-100:hover, a.bg-100:focus, button.bg-100:hover, button.bg-100:focus{ --background-color: #dae0e5; --color: #212529; background-color: #dae0e5 !important; color: #212529; } .text-100{ color: #F8F9FA !important; } a.text-100:hover, a.text-100:focus{ color: #bdc6d0 !important; } .bg-200{ --background-color: #E9ECEF; --color: #212529; background-color: #E9ECEF !important; color: #212529; } .bg-200 .text-muted, .o_colored_level .bg-200 .text-muted{ color: rgba(33, 37, 41, 0.7) !important; } a.bg-200:hover, a.bg-200:focus, button.bg-200:hover, button.bg-200:focus{ --background-color: #cbd3da; --color: #212529; background-color: #cbd3da !important; color: #212529; } .text-200{ color: #E9ECEF !important; } a.text-200:hover, a.text-200:focus{ color: #aeb9c4 !important; } .bg-300{ --background-color: #DEE2E6; --color: #212529; background-color: #DEE2E6 !important; color: #212529; } .bg-300 .text-muted, .o_colored_level .bg-300 .text-muted{ color: rgba(33, 37, 41, 0.7) !important; } a.bg-300:hover, a.bg-300:focus, button.bg-300:hover, button.bg-300:focus{ --background-color: #c1c9d0; --color: #212529; background-color: #c1c9d0 !important; color: #212529; } .text-300{ color: #DEE2E6 !important; } a.text-300:hover, a.text-300:focus{ color: #a4afba !important; } .bg-400{ --background-color: #CED4DA; --color: #212529; background-color: #CED4DA !important; color: #212529; } .bg-400 .text-muted, .o_colored_level .bg-400 .text-muted{ color: rgba(33, 37, 41, 0.7) !important; } a.bg-400:hover, a.bg-400:focus, button.bg-400:hover, button.bg-400:focus{ --background-color: #b1bbc4; --color: #212529; background-color: #b1bbc4 !important; color: #212529; } .text-400{ color: #CED4DA !important; } a.text-400:hover, a.text-400:focus{ color: #94a1ae !important; } .bg-500{ --background-color: #ADB5BD; --color: #212529; background-color: #ADB5BD !important; color: #212529; } .bg-500 .text-muted, .o_colored_level .bg-500 .text-muted{ color: rgba(33, 37, 41, 0.7) !important; } a.bg-500:hover, a.bg-500:focus, button.bg-500:hover, button.bg-500:focus{ --background-color: #919ca6; --color: #212529; background-color: #919ca6 !important; color: #212529; } .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: #343A40; --color: #FFFFFF; background-color: #343A40 !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: #1d2124; --color: #FFFFFF; background-color: #1d2124 !important; color: #FFFFFF; } .text-800{ color: #343A40 !important; } a.text-800:hover, a.text-800:focus{ color: #060708 !important; } .bg-900{ --background-color: #212529; --color: #FFFFFF; background-color: #212529 !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: #0a0c0d; --color: #FFFFFF; background-color: #0a0c0d !important; color: #FFFFFF; } .text-900{ color: #212529 !important; } a.text-900:hover, a.text-900:focus{ color: black !important; } .bg-white-85{ --background-color: rgba(255, 255, 255, 0.85); --color: #212529; background-color: rgba(255, 255, 255, 0.85) !important; color: #212529; } .bg-white-85 .text-muted, .o_colored_level .bg-white-85 .text-muted{ color: rgba(33, 37, 41, 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: #212529; background-color: rgba(230, 230, 230, 0.85) !important; color: #212529; } .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: #212529; background-color: rgba(255, 255, 255, 0.75) !important; color: #212529; } .bg-white-75 .text-muted, .o_colored_level .bg-white-75 .text-muted{ color: rgba(33, 37, 41, 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: #212529; background-color: rgba(230, 230, 230, 0.75) !important; color: #212529; } .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: #212529; background-color: rgba(255, 255, 255, 0.5) !important; color: #212529; } .bg-white-50 .text-muted, .o_colored_level .bg-white-50 .text-muted{ color: rgba(33, 37, 41, 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: #212529; background-color: rgba(230, 230, 230, 0.5) !important; color: #212529; } .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: #212529; background-color: #FFFFFF !important; color: #212529; } .bg-white .text-muted, .o_colored_level .bg-white .text-muted{ color: rgba(33, 37, 41, 0.7) !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus{ --background-color: #e6e6e6; --color: #212529; background-color: #e6e6e6 !important; color: #212529; } .text-white{ color: #FFFFFF !important; } a.text-white:hover, a.text-white:focus{ color: #cccccc !important; } .text-primary{ color: #38383B !important; } a.text-primary:hover, a.text-primary:focus{ color: #060607 !important; } .text-secondary{ color: #a1a1a1 !important; } a.text-secondary:hover, a.text-secondary:focus{ color: #6e6e6e !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: #f2f2f3 !important; } a.text-light:hover, a.text-light:focus{ color: #bebec1 !important; } .text-dark{ color: #202022 !important; } a.text-dark:hover, a.text-dark:focus{ color: black !important; } .card{ --body-color: var(--card-color); } :where(.card:not([data-vxml])) .card-body{ --background-color: rgba(255, 255, 255, 0.9); --color: #212529; background-color: rgba(255, 255, 255, 0.9); color: #212529; } :where(.card:not([data-vxml])) .card-body .text-muted, .o_colored_level :where(.card:not([data-vxml])) .card-body .text-muted{ color: rgba(33, 37, 41, 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-fill-primary, .btn-primary{ --btn-color: #FFFFFF; --btn-bg: #38383B; --btn-border-color: #38383B; --btn-hover-color: #FFFFFF; --btn-hover-bg: #303032; --btn-hover-border-color: #2d2d2f; --btn-focus-shadow-rgb: 86, 86, 88; --btn-active-color: #FFFFFF; --btn-active-bg: #2d2d2f; --btn-active-border-color: #2a2a2c; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #38383B; --btn-disabled-border-color: #38383B; } .btn-fill-secondary, .btn-secondary{ --btn-color: #212529; --btn-bg: #a1a1a1; --btn-border-color: #a1a1a1; --btn-hover-color: #212529; --btn-hover-bg: #afafaf; --btn-hover-border-color: #aaaaaa; --btn-focus-shadow-rgb: 142, 142, 143; --btn-active-color: #212529; --btn-active-bg: #b4b4b4; --btn-active-border-color: #aaaaaa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #a1a1a1; --btn-disabled-border-color: #a1a1a1; } .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: #212529; --btn-bg: #ffc107; --btn-border-color: #ffc107; --btn-hover-color: #212529; --btn-hover-bg: #ffca2c; --btn-hover-border-color: #ffc720; --btn-focus-shadow-rgb: 222, 170, 12; --btn-active-color: #212529; --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: #212529; --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: #212529; --btn-bg: #f2f2f3; --btn-border-color: #f2f2f3; --btn-hover-color: #212529; --btn-hover-bg: #f4f4f5; --btn-hover-border-color: #f3f3f4; --btn-focus-shadow-rgb: 211, 211, 213; --btn-active-color: #212529; --btn-active-bg: whitesmoke; --btn-active-border-color: #f3f3f4; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f2f2f3; --btn-disabled-border-color: #f2f2f3; } .btn-fill-dark, .btn-dark{ --btn-color: #FFFFFF; --btn-bg: #202022; --btn-border-color: #202022; --btn-hover-color: #FFFFFF; --btn-hover-bg: #1b1b1d; --btn-hover-border-color: #1a1a1b; --btn-focus-shadow-rgb: 66, 66, 67; --btn-active-color: #FFFFFF; --btn-active-bg: #1a1a1b; --btn-active-border-color: #181819; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #202022; --btn-disabled-border-color: #202022; } .btn-outline-primary{ --btn-color: #38383B; --btn-border-color: #38383B; --btn-hover-color: #FFFFFF; --btn-hover-bg: #38383B; --btn-hover-border-color: #38383B; --btn-focus-shadow-rgb: 56, 56, 59; --btn-active-color: #FFFFFF; --btn-active-bg: #38383B; --btn-active-border-color: #38383B; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #38383B; --btn-disabled-bg: transparent; --btn-disabled-border-color: #38383B; --gradient: none; } .btn-outline-secondary{ --btn-color: #616161; --btn-border-color: #616161; --btn-hover-color: #FFFFFF; --btn-hover-bg: #616161; --btn-hover-border-color: #616161; --btn-focus-shadow-rgb: 97, 97, 97; --btn-active-color: #FFFFFF; --btn-active-bg: #616161; --btn-active-border-color: #616161; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #616161; --btn-disabled-bg: transparent; --btn-disabled-border-color: #616161; --gradient: none; } .btn-outline-success{ --btn-color: #269f42; --btn-border-color: #269f42; --btn-hover-color: #FFFFFF; --btn-hover-bg: #269f42; --btn-hover-border-color: #269f42; --btn-focus-shadow-rgb: 38.02898551, 158.77101449, 65.6; --btn-active-color: #FFFFFF; --btn-active-bg: #269f42; --btn-active-border-color: #269f42; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #269f42; --btn-disabled-bg: transparent; --btn-disabled-border-color: #269f42; --gradient: none; } .btn-outline-info{ --btn-color: #107282; --btn-border-color: #107282; --btn-hover-color: #FFFFFF; --btn-hover-bg: #107282; --btn-hover-border-color: #107282; --btn-focus-shadow-rgb: 16.2, 114.10434783, 129.6; --btn-active-color: #FFFFFF; --btn-active-bg: #107282; --btn-active-border-color: #107282; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #107282; --btn-disabled-bg: transparent; --btn-disabled-border-color: #107282; --gradient: none; } .btn-outline-warning{ --btn-color: #967000; --btn-border-color: #967000; --btn-hover-color: #FFFFFF; --btn-hover-bg: #967000; --btn-hover-border-color: #967000; --btn-focus-shadow-rgb: 149.8, 112.35, 0; --btn-active-color: #FFFFFF; --btn-active-bg: #967000; --btn-active-border-color: #967000; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #967000; --btn-disabled-bg: transparent; --btn-disabled-border-color: #967000; --gradient: none; } .btn-outline-danger{ --btn-color: #b9202f; --btn-border-color: #b9202f; --btn-hover-color: #FFFFFF; --btn-hover-bg: #b9202f; --btn-hover-border-color: #b9202f; --btn-focus-shadow-rgb: 184.86835443, 32.03164557, 46.67468354; --btn-active-color: #FFFFFF; --btn-active-bg: #b9202f; --btn-active-border-color: #b9202f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #b9202f; --btn-disabled-bg: transparent; --btn-disabled-border-color: #b9202f; --gradient: none; } .btn-outline-light{ --btn-color: #b1b1b5; --btn-border-color: #b1b1b5; --btn-hover-color: #212529; --btn-hover-bg: #b1b1b5; --btn-hover-border-color: #b1b1b5; --btn-focus-shadow-rgb: 176.76086957, 176.76086957, 180.73913043; --btn-active-color: #212529; --btn-active-bg: #b1b1b5; --btn-active-border-color: #b1b1b5; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #b1b1b5; --btn-disabled-bg: transparent; --btn-disabled-border-color: #b1b1b5; --gradient: none; } .btn-outline-dark{ --btn-color: #202022; --btn-border-color: #202022; --btn-hover-color: #FFFFFF; --btn-hover-bg: #202022; --btn-hover-border-color: #202022; --btn-focus-shadow-rgb: 32.13913043, 32.13913043, 33.86086957; --btn-active-color: #FFFFFF; --btn-active-bg: #202022; --btn-active-border-color: #202022; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #202022; --btn-disabled-bg: transparent; --btn-disabled-border-color: #202022; --gradient: none; } .btn-group .btn-light.active{ box-shadow: inset 0 0 0 1px #38383B; border-color: transparent; background-color: #e0e0e0; } .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler{ padding-left: 0; padding-right: 0; } .navbar-light .navbar-toggler{ padding-left: 0; padding-right: 0; } .navbar-nav.nav-pills .nav-link{ padding-right: 1rem; padding-left: 1rem; } .carousel-control-next .visually-hidden{ left: 50%; } .pagination{ font-variant-numeric: tabular-nums; } .page-link{ display: flex; align-items: center; justify-content: center; line-height: 0; width: 2.5em; aspect-ratio: 1 / 1; } .page-link.active, .active > .page-link{ text-shadow: 0 0 0.1em var(--pagination-active-bg); } @media (max-width: 575.98px){ .offcanvas{ --Offcanvas-horizontal-width: calc(100vw - 3rem); } } .modal-content{ color: #212529; } .modal-content:where(:not(.oe_structure)) .form-control{ background-color: #FFFFFF; color: #212529; } .modal-content:where(:not(.oe_structure)) .form-select{ background-color: #FFFFFF; color: #212529; } .modal-content:where(:not(.oe_structure)) .form-check-input:not(:checked){ background-color: #FFFFFF; } .modal-content .text-muted{ color: rgba(33, 37, 41, 0.7) !important; } .form-check-input{ color: inherit; } .form-control.bg-light{ color: #212529; } .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='%23212529'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); height: 0.875rem; cursor: pointer; } input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance: none; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); height: 0.875rem; cursor: pointer; } .input-group .btn:first-child, .input-group .btn:last-child{ border-radius: var(--border-radius); } .dropdown-menu .text-muted, .o_dropdown_menu .text-muted{ color: rgba(33, 37, 41, 0.7) !important; } .dropdown-menu .dropdown-item.active, .o_dropdown_menu .dropdown-item.active{ --dropdown-link-active-bg: #38383B; --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: #909294; } .form-check-input:disabled:not(:checked), .form-check-input.o_wysiwyg_loader:not(:checked){ background-color: #e9e9ea; } .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='%23909294'/%3e%3c/svg%3e"); } .form-range:disabled::-webkit-slider-thumb, .form-range.o_wysiwyg_loader::-webkit-slider-thumb{ border-color: rgba(33, 37, 41, 0.15); } /* /web/static/src/libs/fontawesome/css/font-awesome.css */ @font-face{ font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.woff') 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('../fonts/odoo_ui_icons.woff2') format('woff2'), url('../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'; } .oi-schedule-today:before{ content: '\e82c'; } .oi-schedule-tomorrow:before{ content: '\e82d'; } .oi-schedule-later:before{ content: '\e804'; } .oi-activity:before{ content: '\e82f'; } .oi-activity-plus:before{ content: '\e830'; } .oi-numpad:before{ content: '\e833'; } .oi-transfer:before{ content: '\e834'; } .oi-suitcase:before{ content: '\e835'; } .oi-suitcase-plus:before{ content: '\e832'; } .oi-merge:before{ content: '\e836'; } .oi-record:before{ content: '\e837'; } .oi-backspace-o:before{ content: '\e838'; } .oi-user:before{ content: '\e805'; } .oi-user-plus:before{ content: '\e831'; } .oi-users:before{ content: '\e807'; } .oi-ellipsis-h:before{ content: '\e867'; } .oi-ellipsis-v:before{ content: '\e868'; } .oi-plus:before{ content: '\e809'; } .oi-minus:before{ content: '\e80b'; } .oi-star-plus:before{ content: '\e87c'; } .oi-subtitle:before{ content: '\e80e'; } .oi-threads:before{ content: '\e818'; } .oi-kickstarter:before{ content: '\e819'; } .oi-x:before{ content: '\e81a'; } .oi-x-square:before{ content: '\e848'; } .oi-tiktok:before{ content: '\e81b'; } .oi-bluesky:before{ content: '\e81c'; } .oi-google-play:before{ content: '\e81d'; } .oi-strava:before{ content: '\e80f'; } .oi-discord:before{ content: '\e811'; } .o_rtl .oi-chevron-left, .o_rtl .oi-chevron-right, .o_rtl .oi-arrow-down-left, .o_rtl .oi-arrow-down-right, .o_rtl .oi-arrow-left, .o_rtl .oi-arrow-right, .o_rtl .oi-arrow-up-left, .o_rtl .oi-arrow-up-right{ transform: rotate(180deg); } /* /web/static/src/webclient/navbar/navbar.scss */ .o_main_navbar{ --o-navbar-height: 46px; --Dropdown_menu-margin-y: 0; display: flex; height: var(--o-navbar-height); padding-top: 10px; padding-bottom: 10px; border-bottom: 0; background: #FFF; font-size: 0.875rem; } @media (min-width: 768px){ .o_main_navbar{ min-width: min-content; } } .o_main_navbar > ul{ padding: 0; margin: 0; list-style: none; } .o_main_navbar .o_menu_toggle{ --NavBar-entry-padding-left: 16px; --NavBar-entry-padding-right: 8px; color: var(--NavBar-entry-color, #111827); } .o_main_navbar .o_menu_toggle rect, .o_main_navbar .o_menu_toggle g{ transform-origin: 0 50%; } .o_main_navbar .o_menu_toggle.o_menu_toggle_back{ transform: translateX(25%) rotateY(-180deg); } .o_main_navbar .o_menu_toggle.o_menu_toggle_back rect{ width: 6px; height: 3px; } .o_main_navbar .o_menu_toggle.o_menu_toggle_back rect:first-child{ transform: translate(12%, 0) ; 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, #111827); } .o_main_navbar .o_menu_sections .o_more_dropdown_section_group{ margin-top: .8em; } .o_main_navbar .o_menu_sections .o_more_dropdown_section_group:first-child{ margin-top: -0.5rem; padding-top: 0.75rem; } .o_main_navbar .o_menu_systray{ --NavBar-entry-padding-left: 0.315em; --NavBar-entry-padding-right: 0.315em; } .o_main_navbar .o_menu_systray .badge{ margin-right: -.5em; border: 0; padding: 3px 6px; background-color: var(--o-navbar-badge-bg, #dc3545); font-size: 0.7em; color: var(--o-navbar-badge-color, #FFF); text-shadow: var(--o-navbar-badge-text-shadow, none); transform: translate(-0.6em, -30%); } body.o_is_superuser .o_menu_systray{ border-image: repeating-linear-gradient(135deg, #d9b904, #d9b904 10px, #373435 10px, #373435 20px) 2; border-image-width: 2px; } /* /web/static/src/scss/animation.scss */ @keyframes bounceIn{ 0%, 20%, 40%, 60%, 80%, 100%{ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0%{ opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20%{ transform: scale3d(1.1, 1.1, 1.1); } 40%{ transform: scale3d(0.9, 0.9, 0.9); } 60%{ opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80%{ transform: scale3d(0.97, 0.97, 0.97); } 100%{ opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes flash{ from, 50%, to{ opacity: 1; } 25%, 75%{ opacity: 0; } } @keyframes pulse{ from{ box-shadow: 0 0 0 0 var(--pulse-color-from, #38383B); } to{ box-shadow: 0 0 0 var(--pulse-spread-radius, 2em) var(--pulse-color-to, rgba(255, 255, 255, 0)); } } /* /web/static/src/scss/base_frontend.scss */ html, body{ width: 100%; height: 100%; } #wrapwrap{ z-index: 0; position: relative; display: flex; flex-flow: column nowrap; width: 100%; min-height: 100%; } #wrapwrap > *{ flex: 0 0 auto; } #wrapwrap > main{ flex: 1 0 auto; } /* /web/static/src/scss/fontawesome_overridden.scss */ .fa.fa-threads, .fa.fa-kickstarter, .fa.fa-bluesky, .fa.fa-strava, .fa.fa-google-play, .fa.fa-discord, .fa-twitter-square.fa, .fa-twitter.fa, .fa.fa-tiktok{ font-family: 'odoo_ui_icons' !important; } .fa.fa-tiktok::before{ content: '\e81b'; } .fa-twitter.fa::before{ content: '\e81a'; } .fa-twitter-square.fa::before{ content: '\e848'; } .fa.fa-discord::before{ content: '\e811'; } .fa.fa-google-play::before{ content: "\e81d"; } .fa.fa-strava::before{ content: "\e80f"; } .fa.fa-bluesky::before{ content: "\e81c"; } .fa.fa-kickstarter::before{ content: "\e819"; } .fa.fa-threads::before{ content: "\e818"; } .o_rtl .fa.fa-align-right, .o_rtl .fa.fa-align-left, .o_rtl .fa.fa-chevron-right, .o_rtl .fa.fa-chevron-left, .o_rtl .fa.fa-arrow-right, .o_rtl .fa.fa-arrow-left, .o_rtl .fa.fa-hand-o-right, .o_rtl .fa.fa-hand-o-left, .o_rtl .fa.fa-arrow-circle-right, .o_rtl .fa.fa-arrow-circle-left, .o_rtl .fa.fa-caret-right, .o_rtl .fa.fa-caret-left, .o_rtl .fa.fa-rotate-right, .o_rtl .fa.fa-rotate-left, .o_rtl .fa.fa-angle-double-right, .o_rtl .fa.fa-angle-double-left, .o_rtl .fa.fa-angle-right, .o_rtl .fa.fa-angle-left, .o_rtl .fa.fa-quote-right, .o_rtl .fa.fa-quote-left, .o_rtl .fa.fa-chevron-circle-right, .o_rtl .fa.fa-chevron-circle-left, .o_rtl .fa.fa-long-arrow-right, .o_rtl .fa.fa-long-arrow-left, .o_rtl .fa.fa-toggle-right, .o_rtl .fa.fa-toggle-left, .o_rtl .fa.fa-caret-square-o-right, .o_rtl .fa.fa-arrow-circle-o-left, .o_rtl .fa.fa-arrow-circle-o-right, .o_rtl .fa.fa-caret-square-o-left{ transform: rotate(180deg); } /* /web/static/src/scss/mimetypes.scss */ .o_image{ display: inline-block; width: 38px; height: 38px; background-image: url("../images/unknown.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; } .o_image[data-mimetype^='image']{ background-image: url("../images/image.svg"); } .o_image[data-mimetype^='audio']{ background-image: url("../images/audio.svg"); } .o_image[data-mimetype^='text'], .o_image[data-mimetype$='rtf']{ background-image: url("../images/text.svg"); } .o_image[data-mimetype*='octet-stream'], .o_image[data-mimetype*='download'], .o_image[data-mimetype*='python']{ background-image: url("../images/binary.svg"); } .o_image[data-mimetype^='video'], .o_image[title$='.mp4'], .o_image[title$='.avi']{ background-image: url("../images/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("../images/archive.svg"); } .o_image[data-mimetype^='application/pdf']{ background-image: url("../images/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("../images/document.svg"); } .o_image[data-mimetype*='application/xml'], .o_image[data-mimetype$='html']{ background-image: url("../images/web_code.svg"); } .o_image[data-mimetype$='css'], .o_image[data-mimetype$='less'], .o_image[data-ext$='less']{ background-image: url("../images/web_style.svg"); } .o_image[data-mimetype*='-image'], .o_image[data-mimetype*='diskimage'], .o_image[data-ext$='dmg']{ background-image: url("../images/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("../images/spreadsheet.svg"); } .o_image[data-mimetype^='key']{ background-image: url("../images/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("../images/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("../images/certificate.svg"); } .o_image[data-mimetype*='-font'], .o_image[data-mimetype*='font-'], .o_image[data-ext$='ttf']{ background-image: url("../images/font.svg"); } .o_image[data-mimetype*='-dvi']{ background-image: url("../images/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("../images/script.svg"); } .o_image[data-mimetype*='javascript']{ background-image: url("../images/javascript.svg"); } .o_image[data-mimetype*='calendar'], .o_image[data-mimetype$='ldif']{ background-image: url("../images/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("../images/vector.svg"); } /* /web/static/src/scss/ui.scss */ :root .o_hidden{ display: none !important; } .o_disabled{ pointer-events: none; opacity: 0.5; } .o_btn_loading{ opacity: 0.65; } .o_btn_loading .fa:not(.fa-spin){ display: none; } .o_text_overflow{ display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .dropdown-menu, .o_dropdown_menu{ max-height: 70vh; overflow: auto; background-clip: border-box; } .dropdown-menu:not(.o-hb-select-dropdown), .o_dropdown_menu:not(.o-hb-select-dropdown){ scrollbar-width: thin; } .dropdown-toggle{ white-space: nowrap; } .dropdown-toggle.o-no-caret::before, .dropdown-toggle.o-no-caret::after{ content: normal; } .o_catch_attention{ position: relative; z-index: 1; animation: catchAttention 200ms ease 0s infinite normal; } .o_treeEntry{ padding-left: var(--treeEntry-padding-h, 1.5rem); position: relative; } .o_treeEntry:before, .o_treeEntry:after{ position: absolute; left: var(--treeEntry--beforeAfter-left, calc(var(--treeEntry-padding-h, 1.5rem) * .5)); background: var(--treeEntry--beforeAfter-color, var(--o-border-color)); content: ''; } .o_treeEntry:before{ top: var(--treeEntry--before-top, 0); width: 1px; height: 100%; } .o_treeEntry:after{ display: var(--treeEntry--after-display, initial); top: calc(.5em + var(--treeEntry-padding-v, 0.5rem)); width: var(--treeEntry--after-width, calc(var(--treeEntry-padding-h, 1.5rem) * .5)); height: 1px; } .o_treeEntry:last-of-type:before{ height: calc(.5em + var(--treeEntry-padding-v, 0.5rem)); } @keyframes catchAttention{ 0%, 20%, 40%, 60%, 80%, 100%{ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0%{ transform: translateY(-30%); } 20%{ transform: translateY(-25%); } 40%{ transform: translateY(-20%); } 60%{ transform: translateY(-15%); } 80%{ transform: translateY(-10%); } 100%{ transform: translateY(-5%); } } span.o_force_ltr{ display: inline; } .o_force_ltr{ unicode-bidi: embed; direction: ltr; } .o_image_24_cover{ width: 24px; height: 24px; object-fit: cover; } .o_image_40_cover{ width: 40px; height: 40px; object-fit: cover; } .o_image_64_cover{ width: 64px; height: 64px; object-fit: cover; } .o_image_64_contain{ width: 64px; height: 64px; object-fit: contain; } .o_image_64_max{ max-width: 64px; max-height: 64px; } .modal .o_cp_action_menus .o-dropdown:has(.fa-cog){ display: none; } .o_ui_app_icon{ width: var(--oi-font-size, 1em); } :not(:hover) > .o_ui_app_icon{ --oi-color: currentColor; } .o_button_area{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .o_btn_reset{ appearance: none; margin: unset; padding: unset; background: unset; border: unset; font-family: inherit; font-size: 100%; } /* /web/static/src/views/fields/translation_dialog.scss */ .o_translation_dialog .o_language_current{ font-weight: bold; } .o_translation_dialog .row{ margin-bottom: 9px; } /* /web/static/src/views/fields/signature/signature_field.scss */ .o_field_widget .o_signature{ outline: 1px solid rgba(161, 161, 161, 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 .o-autocomplete--mark{ padding: 0.1875em 0; } .o-autocomplete .ui-menu-item > span{ --dropdown-link-hover-color: var(--dropdown-color); --dropdown-link-hover-bg: var(--dropdown-bg); } .o-autocomplete .ui-menu-item > a.ui-state-active{ margin: 0; border: none; font-weight: 400; color: var(--body-color); background-color: var(--tertiary-bg); } .o-autocomplete .ui-menu-item.o_m2o_dropdown_option, .o-autocomplete .ui-menu-item.o_m2o_start_typing, .o-autocomplete .ui-menu-item.o_m2o_no_result{ text-indent: 10px; } .o-autocomplete .ui-menu-item.o_m2o_dropdown_option > a, .o-autocomplete .ui-menu-item.o_calendar_dropdown_option > a{ color: #38383B; } .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: #131314; } .o-autocomplete .ui-menu-item.o_m2o_start_typing, .o-autocomplete .ui-menu-item.o_m2o_no_result{ font-style: italic; } .o-autocomplete .ui-menu-item.o_m2o_start_typing a.ui-menu-item-wrapper, .o-autocomplete .ui-menu-item.o_m2o_start_typing a.ui-state-active, .o-autocomplete .ui-menu-item.o_m2o_start_typing a.ui-state-active:hover, .o-autocomplete .ui-menu-item.o_m2o_no_result a.ui-menu-item-wrapper, .o-autocomplete .ui-menu-item.o_m2o_no_result a.ui-state-active, .o-autocomplete .ui-menu-item.o_m2o_no_result a.ui-state-active:hover{ background: none; } .o-autocomplete .ui-menu-item.o_m2o_start_typing > a.ui-state-active{ color: var(--body-color); } /* /web/static/src/core/avatar/avatar.scss */ .o_avatar img, .o_avatar .o_avatar_empty, img.o_avatar{ height: var(--Avatar-size, 1.7145em); aspect-ratio: 1; object-fit: cover; } .o_avatar_empty{ background: #000; opacity: .1; } /* /web/static/src/core/badge/badge.scss */ .badge.o_badge_color_0{ background-color: #e6dddd !important; color: #3c3c3c !important; } .badge.o_badge_color_1{ background-color: #ff9c9c !important; color: #430c0c !important; } .badge.o_badge_color_2{ background-color: #f7c698 !important; color: #35210f !important; } .badge.o_badge_color_3{ background-color: #fde388 !important; color: #2f270a !important; } .badge.o_badge_color_4{ background-color: #bbd7f8 !important; color: #19324f !important; } .badge.o_badge_color_5{ background-color: #d9a8cc !important; color: #1d181c !important; } .badge.o_badge_color_6{ background-color: #f8d6c8 !important; color: #552f1f !important; } .badge.o_badge_color_7{ background-color: #89e1db !important; color: #0b1313 !important; } .badge.o_badge_color_8{ background-color: #97a6f9 !important; color: #0e1436 !important; } .badge.o_badge_color_9{ background-color: #ff9ecc !important; color: #450c27 !important; } .badge.o_badge_color_10{ background-color: #b7edbe !important; color: #1f3922 !important; } .badge.o_badge_color_11{ background-color: #e6dbfc !important; color: #39206c !important; } /* /web/static/src/core/barcode/barcode_dialog.scss */ .modal .o-barcode-modal .modal-body{ overflow: hidden; } @media (max-width: 767.98px){ .modal .o-barcode-modal .modal-body{ padding: 0; } } .modal .o-barcode-modal .modal-body video{ object-fit: cover; } /* /web/static/src/core/barcode/crop_overlay.scss */ .o_crop_container{ position: relative; } .o_crop_container > *{ grid-row: 1 / -1; grid-column: 1 / -1; } .o_crop_container .o_crop_overlay{ 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/bottom_sheet/bottom_sheet.scss */ .o_bottom_sheet{ --BottomSheet-slideIn-duration: 400ms; --BottomSheet-slideIn-easing: cubic-bezier(0.05, 0.7, 0.1, 1); --BottomSheet-slideOut-duration: 200ms; --BottomSheet-slideOut-easing: cubic-bezier(0.3, 0, 0.8, 0.15); --BottomSheet-Sheet-borderColor: transparent; position: fixed; top: 0; left: 0; right: 0; height: 100dvh; z-index: 1045; opacity: 0; transform-style: preserve-3d; contain: layout paint size; animation-name: has-animation; } @media (prefers-reduced-motion: reduce){ .o_bottom_sheet{ animation-name: none; } } .o_bottom_sheet .o_bottom_sheet_rail{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; scrollbar-width: none; touch-action: pan-y; pointer-events: auto; } .o_bottom_sheet .o_bottom_sheet_rail::-webkit-scrollbar{ display: none; } .o_bottom_sheet .o_bottom_sheet_rail.o_bottom_sheet_rail_prevent_overscroll, .o_bottom_sheet .o_bottom_sheet_rail.o_bottom_sheet_rail_prevent_overscroll *{ overscroll-behavior: contain; } .o_bottom_sheet .o_bottom_sheet_rail::after{ content: ""; position: fixed; inset: auto 0 0; height: 1.5rem; background: linear-gradient(transparent, #00000050); z-index: 1045; pointer-events: none; opacity: 0; transition: opacity var(--BottomSheet-slideIn-duration, 500ms); } .o_bottom_sheet .o_bottom_sheet_dismiss, .o_bottom_sheet .o_bottom_sheet_spacer, .o_bottom_sheet .o_bottom_sheet_sheet{ scroll-snap-align: start; scroll-snap-stop: always; } .o_bottom_sheet .o_bottom_sheet_backdrop{ position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.2s ease; pointer-events: auto; touch-action: none; z-index: 1044; backdrop-filter: blur(0px) grayscale(0%); } @media (prefers-reduced-motion: reduce){ .o_bottom_sheet .o_bottom_sheet_backdrop{ transition: none; } } .o_bottom_sheet .o_bottom_sheet_dismiss{ height: var(--dismiss-height, 50dvh); } .o_bottom_sheet .o_bottom_sheet_spacer{ height: calc(100dvh - var(--sheet-height, 50dvh)); pointer-events: none; } .o_bottom_sheet .o_bottom_sheet_sheet{ --offcanvas-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); margin: 0 auto; min-height: var(--sheet-height); max-height: var(--sheet-max-height); border-radius: 1rem 1rem 0 0; border-bottom-width: 0; visibility: visible; transition: none; contain: content; backface-visibility: hidden; perspective: 1000px; user-select: none; background-color: #FFFFFF; } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body{ scrollbar-width: none; flex: 1; } @keyframes bottom-sheet-in{ from{ transform: translateY(100%) translateZ(0); } to{ transform: translateY(0) translateZ(0); } } @keyframes bottom-sheet-out{ from{ transform: translateY(0) translateZ(0); } to{ transform: translateY(100%) translateZ(0); } } .o_bottom_sheet.o_bottom_sheet_ready{ opacity: 1; } .o_bottom_sheet.o_bottom_sheet_ready .o_bottom_sheet_sheet{ animation: var(--BottomSheet-slideIn-duration, 500ms) bottom-sheet-in var(--BottomSheet-slideIn-easing, ease-out) forwards; } @media (prefers-reduced-motion: reduce){ .o_bottom_sheet.o_bottom_sheet_ready .o_bottom_sheet_sheet{ animation: none; } } .o_bottom_sheet.o_bottom_sheet_ready .o_bottom_sheet_backdrop{ opacity: MAX(var(--BottomSheet-progress, 0), 0.2); backdrop-filter: blur(0.5px) grayscale(50%); } .o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail{ scroll-snap-type: y mandatory; } .o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail .o_bottom_sheet_backdrop{ transition: none; } .o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail:before{ position: fixed; inset: auto auto 0 50%; height: calc(var(--sheet-height) - 2rem); width: calc(100% - 2px); max-width: 574px; background: var(--body-bg); z-index: 1045; transform: translateY(calc((1 - var(--BottomSheet-progress)) * 150%)) translateX(-50%); content: ""; } @container scroll-state(scrollable: bottom){ .o_bottom_sheet.o_bottom_sheet_snapping .o_bottom_sheet_rail::after{ opacity: 1; } } .o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_sheet{ animation: var(--BottomSheet-slideOut-duration, 300ms) bottom-sheet-out var(--BottomSheet-slideOut-easing, ease-in) forwards; } @media (prefers-reduced-motion: reduce){ .o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_sheet{ animation: none; } } .o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_backdrop{ opacity: 0; backdrop-filter: blur(0) grayscale(0%); transition: all var(--BottomSheet-slideOut-duration, 300ms) var(--BottomSheet-slideOut-easing, ease-in); } @media (prefers-reduced-motion: reduce){ .o_bottom_sheet.o_bottom_sheet_dismissing .o_bottom_sheet_backdrop{ transition: none; } } .bottom-sheet-open{ overflow: hidden; } .bottom-sheet-open .o_navbar, .bottom-sheet-open .o_action_manager{ transition: transform 400ms ease; transform: scale(0.95) translateZ(0); transform-origin: center top; } @media (prefers-reduced-motion: reduce){ .bottom-sheet-open .o_navbar, .bottom-sheet-open .o_action_manager{ transition: none; } } .bottom-sheet-open:not(.o_home_menu_background) .o_main_navbar{ box-shadow: 20px 0 0 #FFF, -20px 0 0 #FFF; } .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_navbar, .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_action_manager{ transition: transform 200ms ease; transform: scale(1) translateZ(0); } @media (prefers-reduced-motion: reduce){ .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_navbar, .bottom-sheet-open:not(.bottom-sheet-open-multiple):has(.o_bottom_sheet_dismissing) .o_action_manager{ transition: none; } } .o_bottom_sheet .o_bottom_sheet_sheet{ --BottomSheet-Entry-paddingX: 1rem; --treeEntry-padding-v: 1.4rem; } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active, .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected{ position: relative; border: 1px solid #38383B; border-radius: 0.6rem; color: var(--BottomSheetStatusBar__entry-color--active, #FFFFFF); } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active:not(.focus), .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected:not(.focus){ background: var(--BottomSheetStatusBar__entry-background--active, rgba(56, 56, 59, 0.5)); } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active::before, .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected::before{ content: none !important; } .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.active::after, .o_bottom_sheet .o_bottom_sheet_sheet .o_bottom_sheet_body:not(.o_custom_bottom_sheet) .dropdown-item.selected::after{ position: absolute; top: 50%; left: auto; bottom: auto; right: 1rem; transform: translateY(-50%); color: #017e84; text-rendering: auto; font: normal normal normal 14px/1 FontAwesome; content: ""; } .o_bottom_sheet .o_bottom_sheet_sheet .dropdown-divider{ --dropdown-divider-bg: var(--o-border-color); margin: 0.5rem 0.5rem; } .o_bottom_sheet .o_bottom_sheet_sheet .dropdown-item, .o_bottom_sheet .o_bottom_sheet_sheet .dropdown-header{ --dropdown-item-padding-y: 1rem; --dropdown-item-padding-x: var(--BottomSheet-Entry-paddingX); --dropdown-header-padding-y: var(--dropdown-item-padding-y); --dropdown-header-padding-x: var(--dropdown-item-padding-x); font-size: 1.25rem; font-weight: 500; text-align: start !important; } .o_bottom_sheet .o_bottom_sheet_sheet .o_accordion_toggle::after{ border: unset; transform: unset; position: absolute; top: var(--dropdown-item-padding-y); left: auto; bottom: auto; right: 1rem; padding-block: 0.5rem; text-rendering: auto; font: normal normal normal 14px/1 FontAwesome; content: "\f0d7"; } .o_bottom_sheet .o_bottom_sheet_sheet .o_accordion_toggle.open::after{ content: "\f0d8"; } .o_bottom_sheet .o_bottom_sheet_sheet .o_kanban_card_manage_settings:has(.o_colorlist), .o_bottom_sheet .o_bottom_sheet_sheet .o_kanban_card_manage_settings:has(.o_colorlist) > div:last-child{ padding: 0; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child:has(:not(.o_field_boolean_favorite)){ flex-direction: column-reverse; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child:has(:not(.o_field_boolean_favorite)) .o_field_kanban_color_picker{ padding: 1rem; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child div[class*="col-"] + div[class*="col-"]{ border-left: none; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child > div[class*="col-"]{ width: 100%; padding: 0; } .o_bottom_sheet .o_bottom_sheet_sheet .row.o_kanban_card_manage_settings:last-child > div[class*="col-"] a{ margin: 0; padding: 1rem var(--BottomSheet-Entry-paddingX); font-size: 1.25rem; font-weight: 500; } /* /web/static/src/core/checkbox/checkbox.scss */ .o-checkbox{ width: fit-content; } /* /web/static/src/core/color_picker/color_picker.scss */ .o_font_color_selector{ --bg: #FFF; --text-rgb: 43, 43, 51; --border-rgb: var(--text-rgb); width: 208px; max-height: inherit; overflow-y: auto; border-radius: inherit; background-color: inherit; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); } .o_font_color_selector input::-webkit-outer-spin-button, .o_font_color_selector input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; } .o_font_color_selector input[type=number]{ -moz-appearance: textfield; } .o_font_color_selector::-webkit-scrollbar{ display: none; } .o_color_button{ width: 23px; height: 22px; box-shadow: inset 0 0 0 1px rgba(var(--border-rgb), 0.5); margin: 0.5px; } .o_color_button:focus, .o_color_button:hover{ transform: scale(1.1); } .o_color_picker_button:not(.selected):focus, .o_color_picker_button:not(.selected):hover{ outline: solid #017e84; z-index: 1; transition: transform 0.1s ease-out; } .o_font_color_selector .btn-tab{ min-width: 57px; padding: 3px; font-size: 12px; } .o_font_color_selector .o_color_picker_button.selected{ border: 3px solid #017e84 !important; } .o_font_color_selector .o_colorpicker_section{ margin-bottom: 3px; } .o_font_color_selector{ --o-color-picker-grid-columns: 8; } .o_font_color_selector .o_colorpicker_section, .o_font_color_selector .o_color_section{ display: grid; grid-template-columns: repeat(var(--o-color-picker-grid-columns), 1fr); } .o_font_color_selector .o_colorpicker_widget{ width: 100%; margin-top: 2px; } .o_font_color_selector .o_colorpicker_widget .o_hex_input{ border: 1px solid !important; padding: 0 2px !important; width: 10ch !important; opacity: 0.7; } :root{ --100: #F8F9FA; --200: #E9ECEF; --300: #DEE2E6; --400: #CED4DA; --500: #ADB5BD; --600: #6C757D; --700: #495057; --800: #343A40; --900: #212529; --white-85: rgba(255, 255, 255, 0.85); --white-75: rgba(255, 255, 255, 0.75); --white-50: rgba(255, 255, 255, 0.5); --white-25: rgba(255, 255, 255, 0.25); --black-75: rgba(0, 0, 0, 0.75); --black-50: rgba(0, 0, 0, 0.5); --black-25: rgba(0, 0, 0, 0.25); --black-15: rgba(0, 0, 0, 0.15); --black: #000000; --white: #FFFFFF; } .color-combination-button.selected h1::before, .color-combination-button.selected .h1::before{ content: "\f00c"; margin-right: 8px; font-size: 0.8em; font-family: FontAwesome; color: #00ff9e; } /* /web/static/src/core/color_picker/custom_color_picker/custom_color_picker.scss */ .o_colorpicker_widget .o_color_pick_area{ height: 125px; background-image: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, black 100%), linear-gradient(to right, gray 0%, rgba(128, 128, 128, 0) 100%); cursor: crosshair; } .o_colorpicker_widget .o_color_slider{ background: linear-gradient(#F00 0%, #F0F 16.66%, #00F 33.33%, #0FF 50%, #0F0 66.66%, #FF0 83.33%, #F00 100%); } .o_colorpicker_widget .o_color_slider, .o_colorpicker_widget .o_opacity_slider{ width: 4%; margin-right: 2%; cursor: pointer; } .o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer{ position: absolute; top: auto; left: -50%; bottom: auto; right: auto; width: 200%; height: 8px; margin-top: -2px; } .o_colorpicker_widget .o_slider_pointer:focus-visible, .o_colorpicker_widget .o_opacity_pointer:focus-visible, .o_colorpicker_widget .o_picker_pointer:focus-visible{ outline: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 0 0 1px var(--bg, #FFF), 0 0 0 3px var(--o-color-picker-active-color, #017e84); } .o_colorpicker_widget .o_slider_pointer, .o_colorpicker_widget .o_opacity_pointer, .o_colorpicker_widget .o_picker_pointer, .o_colorpicker_widget .o_color_preview{ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9); border: 1px solid black; } .o_colorpicker_widget .o_color_picker_inputs{ font-size: 10px; } .o_colorpicker_widget .o_color_picker_inputs input{ font-family: monospace !important; height: 18px; font-size: 11px; } .o_colorpicker_widget .o_color_picker_inputs .o_hex_div input{ width: 9ch; } /* /web/static/src/core/colorlist/colorlist.scss */ .o_colorlist{ width: var(--ColorListField-width, none); padding: var(--ColorListField-padding, 0); box-sizing: content-box; margin-bottom: var(--ColorListField-marginBottom, 0); grid-template-columns: repeat(auto-fit, 1.19rem); } .o_bottom_sheet_body .o_colorlist{ --ColorListField-padding: 1rem var(--BottomSheet-Entry-paddingX); --fieldWidget-display: block; --ColorListField-Entry-fontSize: 1.4em; grid-template-columns: repeat(var(--ColorListField-columns, 6), 1fr); } .o_colorlist button{ position: relative; display: block; min-width: var(--ColorListField-Entry-minWidth, 1.25rem); aspect-ratio: var(--ColorListField-Entry-aspectRatio, 1); border-radius: var(--ColorListField-Entry-borderRadius, 100%); font-size: var(--ColorListField-Entry-fontSize, smaller); overflow: hidden; } .o_colorlist button:first-child .o_colorlist button::after{ box-shadow: inset 0 0 0 1px var(--dropdown-color); border-radius: inherit; color: currentColor; } .o_colorlist button.active::after{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; color: var(--color, #212529); font: normal normal normal 1em/1 FontAwesome; content: "\f00c"; } .o_colorlist button:hover:not(.active){ opacity: 0.76; } :not(.o_field_widget) > .o_colorlist{ justify-content: center; } .o_colorlist > button{ aspect-ratio: 1; } .o_colorlist > button.o_colorlist_item_color_0{ background: transparent; box-shadow: inset 0 0 0 1px #ADB5BD; } .o_colorlist > button.o_colorlist_item_color_1{ --background-color: RGBA(238, 45, 45, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_2{ --background-color: RGBA(220, 133, 52, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_3{ --background-color: RGBA(232, 187, 29, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_4{ --background-color: RGBA(87, 148, 221, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_5{ --background-color: RGBA(159, 98, 143, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_6{ --background-color: RGBA(219, 136, 101, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_7{ --background-color: RGBA(65, 169, 162, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_8{ --background-color: RGBA(48, 75, 224, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_9{ --background-color: RGBA(238, 47, 138, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_10{ --background-color: RGBA(97, 195, 110, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(33, 37, 41, var(--text-opacity, 1)); color: var(--color) !important; } .o_colorlist > button.o_colorlist_item_color_11{ --background-color: RGBA(152, 114, 230, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(255, 255, 255, var(--text-opacity, 1)); color: var(--color) !important; } /* /web/static/src/core/datetime/datetime_picker.scss */ .o_datetime_picker{ --DateTimePicker__Template-rows: 3; --DateTimePicker__Template-columns: 4; --DateTimePicker__Day-template-rows: 6; width: calc(5px * 7 * 8 + (2 * 0.5rem)); } .o_datetime_picker .o_selected{ color: #000; background: #e6f2f3; } .o_datetime_picker .o_select_start, .o_datetime_picker .o_select_end{ --selected-day-color: #c4e8ea; --percent: calc(100% / sqrt(2)); background: #e6f2f3 radial-gradient(circle, var(--selected-day-color) 0% var(--percent), transparent var(--percent) 100%); } .o_datetime_picker .o_select_start{ border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .o_datetime_picker .o_select_end{ border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .o_datetime_picker .o_today > div{ aspect-ratio: 1; background-color: #dc3545; color: #FFFFFF; } .o_datetime_picker .o_date_picker{ grid-template-rows: repeat(var(--DateTimePicker__Day-template-rows), 1fr); grid-template-columns: repeat(var(--DateTimePicker__Day-template-columns), 1fr); } .o_datetime_picker .o_date_item_picker{ grid-template-rows: repeat(var(--DateTimePicker__Template-rows), 1fr); grid-template-columns: repeat(var(--DateTimePicker__Template-columns), 1fr); } .o_datetime_picker .o_date_item_picker .o_datetime_button.o_selected:not(.o_select_start, .o_select_end){ background: #e6f2f3; color: #000; } .o_datetime_picker .o_center{ display: grid; place-items: center; } .o_datetime_picker .o_date_item_cell{ aspect-ratio: 1; position: relative; } .o_datetime_picker .o_date_item_cell:hover, .o_datetime_picker .o_date_item_cell:focus{ --DateTimePicker__date-cell-border-color-hover: #017e84; } .o_datetime_picker .o_date_item_cell:not([disabled])::before{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; aspect-ratio: 1; border: 1px solid var(--DateTimePicker__date-cell-border-color-hover); border-radius: 50rem; pointer-events: none; } .o_datetime_picker .o_week_number_cell{ font-variant: tabular-nums; } /* /web/static/src/core/debug/debug_menu.scss */ .o_dialog .o_debug_manager .dropdown-toggle{ padding: 0 4px; margin: 2px 10px 2px 0; } /* /web/static/src/core/dialog/dialog.scss */ .modal.o_technical_modal .modal-content .modal-header .modal-title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .modal.o_technical_modal .modal-footer{ text-align: left; } .modal.o_technical_modal .modal-footer button{ margin: 0; } .modal.o_technical_modal .modal-footer button.o-default-button:not(:only-child){ display: none; } @media (max-width: 767.98px){ .modal.o_technical_modal .modal-footer .btn{ width: 45%; text-overflow: ellipsis; white-space: inherit; } } @media (max-width: 575.98px){ .modal.o_technical_modal.o_modal_full .modal-dialog{ margin: 0px; height: 100%; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content{ height: 100%; border: none; } .modal.o_technical_modal.o_modal_full .modal-dialog .modal-content .modal-body{ height: 100%; overflow-y: auto; } } .modal.o_inactive_modal{ z-index: 1049; } .o_dialog > .modal{ display: block; } @media (min-width: 576px){ .modal-fs{ width: calc(100% - 3.5rem); max-width: none; } } @media (max-width: 767.98px){ .modal.o_modal_full .modal-content .modal-header{ align-items: center; height: 46px; padding: 0 1rem; } .modal.o_modal_full .modal-content .modal-footer{ padding-top: 1rem; padding-right: 16px; padding-bottom: 0.5rem; padding-left: 16px; box-shadow: 0 1rem 2rem black; z-index: 0; } } /* /web/static/src/core/dropdown/accordion_item.scss */ .o_accordion_toggle::after{ display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .o_accordion_toggle:empty::after{ margin-left: 0; } .o_accordion_toggle.open::after{ display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .o_accordion_toggle.open:empty::after{ margin-left: 0; } .o_accordion_toggle::after{ position: absolute; top: 0; left: auto; bottom: auto; right: 0; transform: translate(-0.6em, 0.8em); } /* /web/static/src/core/dropdown/dropdown.scss */ .o-dropdown{ } .o-dropdown.dropdown-toggle::after{ content: none; border: none; } .o-dropdown.btn-secondary, .o-dropdown.btn-outline-secondary{ transition: background-color .2s ease-in-out, border-color .2s ease-in-out; } .o-dropdown.btn-secondary.show, .o-dropdown.btn-outline-secondary.show{ color: #000; background-color: #e6f2f3; border-color: #017e84; } .o-dropdown.dropup > .o-dropdown--menu, .o-dropdown.dropdown > .o-dropdown--menu, .o-dropdown.dropstart > .o-dropdown--menu, .o-dropdown.dropend > .o-dropdown--menu{ left: auto; right: auto; margin-left: 0; margin-right: 0; } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret), .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret), .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret){ display: flex; flex-wrap: nowrap; align-items: center; gap: 5px; } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret):after, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret):after, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret):after{ content: "\f0d7"; font-family: FontAwesome; display: inline-block; margin-left: auto; transform: rotate(0deg); transition: .25s ease-in-out; } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret).show:after, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret).show:after, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret).show:after{ transform: rotate(180deg); } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent{ padding-right: 8px; } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent:after, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent:after, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent:after{ transform: rotate(-90deg); } .o-dropdown.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent.o-dropdown--open:after, .o-dropdopwn-item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent.o-dropdown--open:after, .o_menu_item.o-dropdown-caret:not(.o-dropdown-no-caret).o-dropdown--has-parent.o-dropdown--open:after{ transform: rotate(90deg); } .o-dropdown--menu{ font-size: 1rem; margin-top: var(--Dropdown_menu-margin-y, 0.25rem); margin-bottom: var(--Dropdown_menu-margin-y, 0.25rem); } .o-dropdown--menu .dropdown-toggle:focus, .o-dropdown--menu .dropdown-item:focus{ background-color: transparent; outline: none; } .o-dropdown--menu .dropdown-toggle:not(.focus), .o-dropdown--menu .dropdown-item:not(.focus){ background-color: transparent; } .o-dropdown--menu .dropdown-toggle.focus, .o-dropdown--menu .dropdown-item.focus{ background-color: var(--tertiary-bg); } .o-dropdown--menu.o-dropdown--menu-submenu{ --o-dropdown--submenu-margin: calc(-.5rem - 1px); margin-top: var(--o-dropdown--submenu-margin); margin-bottom: var(--o-dropdown--submenu-margin); } .o-dropdown--menu .dropdown-item:not(.disabled):not(:disabled):not(.o_wysiwyg_loader), .o-dropdown--menu .dropdown-item:not(.disabled):not(:disabled):not(.o_wysiwyg_loader) label{ cursor: pointer; } .o-dropdown--menu .dropdown-item.o-dropdopwn-item-indent{ --dropdown-item-padding-x: 1.5rem; } .o-dropdown-item-unstyled-button button, .o-dropdown-item-unstyled-button button:hover, .o-dropdown-item-unstyled-button button:disabled, .o_web_client.o_touch_device .o-dropdown-item-unstyled-button button, .o_web_client.o_touch_device .o-dropdown-item-unstyled-button button:hover, .o_web_client.o_touch_device .o-dropdown-item-unstyled-button button:disabled{ all: unset; display: inline-block; width: 100%; } .o_bottom_sheet .o_bottom_sheet_body.dropdown-menu, .o_bottom_sheet .o_bottom_sheet_body.o_dropdown_menu{ --dropdown-border-width: 0; --dropdown-box-shadow: none; position: static; max-height: calc(var(--sheet-max-height) - 1rem / 4); } /* /web/static/src/core/dropzone/dropzone.scss */ .o-Dropzone{ border: 2px dashed; z-index: 1000; } .o-Dropzone.o-dragging-inside{ border-width: 5px; } /* /web/static/src/core/effects/rainbow_man.scss */ .o_reward{ will-change: transform; z-index: 1056; animation: reward-fading 0.7s ease-in-out forwards; } .o_reward .o_reward_box{ transform-box: fill-box; } .o_reward.o_reward_fading{ animation: reward-fading-reverse 0.56s ease-in-out forwards; } .o_reward.o_reward_fading .o_reward_face_group{ animation: reward-jump-reverse 0.56s ease-in-out forwards; } .o_reward.o_reward_fading .o_reward_rainbow_line{ animation: reward-rainbow-reverse 0.7s ease-out forwards; } .o_reward .o_reward_rainbow_man{ max-width: 400px; } .o_reward .o_reward_rainbow_line{ animation: reward-rainbow 1.12s ease-out 1 forwards; } .o_reward .o_reward_face_group{ animation: reward-jump 1.12s ease-in-out 1; } .o_reward .o_reward_face_wrap{ animation: reward-rotate 1.12s cubic-bezier(0.51, 0.92, 0.24, 1.15) 1; } .o_reward .o_reward_face{ animation: reward-float 1.4s ease-in-out 1.4s infinite alternate; } .o_reward .o_reward_star_01, .o_reward .o_reward_star_03{ animation: reward-stars 1.4s ease-in-out infinite alternate-reverse; } .o_reward .o_reward_star_02, .o_reward .o_reward_star_04{ animation: reward-stars 1.68s ease-in-out infinite alternate; } .o_reward .o_reward_thumbup{ animation: reward-scale 0.7s ease-in-out 0s infinite alternate; } .o_reward .o_reward_shadow_container{ animation: reward-float 1.4s ease-in-out infinite alternate; } .o_reward .o_reward_shadow{ animation: reward-scale 1.4s ease-in-out infinite alternate; } .o_reward .o_reward_msg_container{ aspect-ratio: 1 / 1; animation: reward-float-reverse 1.4s ease-in-out infinite alternate-reverse; } @keyframes reward-fading{ 0%{ opacity: 0; } } @keyframes reward-fading-reverse{ 100%{ opacity: 0; } } @keyframes reward-jump{ 0%{ transform: scale(0.5); } 50%{ transform: scale(1.05); } } @keyframes reward-jump-reverse{ 50%{ transform: scale(1.05); } to{ transform: scale(0.5); } } @keyframes reward-rainbow{ to{ stroke-dashoffset: 0; } } @keyframes reward-rainbow-reverse{ from{ stroke-dashoffset: 0; } } @keyframes reward-float{ to{ transform: translateY(5px); } } @keyframes reward-float-reverse{ from{ transform: translateY(5px); } } @keyframes reward-stars{ from{ transform: scale(0.3) rotate(0deg); } 50%{ transform: scale(1) rotate(20deg); } to{ transform: scale(0.3) rotate(80deg); } } @keyframes reward-scale{ from{ transform: scale(0.8); } } @keyframes reward-rotate{ from{ transform: scale(0.5) rotate(-30deg); } } /* /web/static/src/core/emoji_picker/emoji_picker.dark.scss */ .o-EmojiPicker{ --EmojiPicker-placeholderOpacity: 75%; --EmojiPicker-active: #dadfe3; } .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(33, 37, 41, 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: inherit; 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: #fafafb; } .o-FileViewer-toolbarButton{ background-color: var(--FileViewer-toolbarBgColor, #1F2937); color: #fff; } .o-FileViewer-toolbarButton:hover{ filter: brightness(1.3); } .o-FileViewer-view{ background-color: #000000; box-shadow: 0 0 40px #000000; outline: none; } .o-FileViewer-view.o-isText{ background: #FFF; } /* /web/static/src/core/ir_ui_view_code_editor/code_editor.scss */ .invalid_locator{ position: absolute; background: red; opacity: 0.25; } /* /web/static/src/core/model_field_selector/model_field_selector.scss */ .o_model_field_selector{ position: relative; } .o_model_field_selector.o_edit_mode{ cursor: pointer; } .o_model_field_selector > .o_model_field_selector_value{ min-width: 20px; min-height: 20px; max-width: 100%; word-wrap: break-word; } .o_model_field_selector > .o_model_field_selector_value:active, .o_model_field_selector > .o_model_field_selector_value:focus, .o_model_field_selector > .o_model_field_selector_value:active:focus{ outline: none; } .o_model_field_selector > .o_model_field_selector_value > .o_model_field_selector_chain_part{ cursor: inherit; border: 1px solid #dae1e7; background: #F9FAFB; } .o_model_field_selector > .o_model_field_selector_value > i{ font-size: 10px; } /* /web/static/src/core/model_field_selector/model_field_selector_popover.scss */ .o_model_field_selector_popover{ width: 17rem; max-height: 40vh; } .o_model_field_selector_popover .o_model_field_selector_popover_body .o_model_field_selector_popover_page > .o_model_field_selector_popover_item{ background: #FFFFFF; } .o_model_field_selector_popover .o_model_field_selector_popover_body .o_model_field_selector_popover_page > .o_model_field_selector_popover_item.active button{ background: var(--tertiary-bg); } /* /web/static/src/core/model_selector/model_selector.scss */ .o_model_selector .o-autocomplete--dropdown-menu{ width: 25ch; max-height: 350px !important; } .o_model_selector .o-autocomplete--dropdown-menu .o-autocomplete--dropdown-item a{ text-overflow: ellipsis; width: inherit; } /* /web/static/src/core/notebook/notebook.scss */ .o_notebook{ --Notebook-margin-x: 0; --Notebook-padding-x: 0; --Notebook__link-border-color: transparent; --Notebook__link-border-color--active: var(--o-border-color); --Notebook__link-border-color--hover: #E9ECEF; --Notebook__link-border-top-color--active: var(--o-border-color); } .o_notebook .o_notebook_headers{ margin: 0 var(--Notebook-margin-x, 0); overflow-x: auto; overflow-y: hidden; } @media (max-width: 767.98px){ .o_notebook .o_notebook_headers::-webkit-scrollbar{ display: none; } } .o_notebook .nav{ padding: 0 var(--Notebook-padding-x, 0); background-color: white; } .o_notebook .nav-item{ white-space: nowrap; margin: 0 -1px 0 0; } .o_notebook .nav-item.disabled .nav-link{ cursor: not-allowed; opacity: .3; } .o_notebook .nav-link{ border-color: var(--Notebook__link-border-color, transparent); } .o_notebook .nav-link.active, .o_notebook .nav-link.active:hover, .o_notebook .nav-link.active:focus, .o_notebook .nav-link.active:active{ border-color: var(--Notebook__link-border-color--active); border-top-color: var(--Notebook__link-border-top-color--active, var(--Notebook__link-border-color--active)); border-bottom-color: white; } .o_notebook .nav-link:hover, .o_notebook .nav-link:focus, .o_notebook .nav-link:active{ outline: none; } .o_notebook .nav-link:focus-visible, .o_notebook .nav-link.active:focus-visible{ box-shadow: inset 0 0 0 0.25rem rgba(56, 56, 59, 0.25); } .o_notebook .nav-link:hover{ border-color: var(--Notebook__link-border-color--hover); } .o_notebook .nav-link.o_page_invalid{ color: o-text-color("danger") !important; background-color: rgba(220, 53, 69, 0.1) !important; } .o_notebook .tab-pane:not(.show){ transition: none; } .o_notebook.vertical .o_notebook_headers{ overflow-x: visible; } .o_notebook.vertical .nav{ width: max-content; border-bottom-color: transparent; } .o_notebook.vertical .nav-item{ margin: 0 0 -1px 0; } .o_notebook.vertical .nav-item:first-child .nav-link{ border-top-width: 0; } .o_notebook.vertical .nav-link{ margin-bottom: 0; } .o_notebook.vertical .nav-link.active, .o_notebook.vertical .nav-link.active:hover, .o_notebook.vertical .nav-link.active:focus, .o_notebook.vertical .nav-link.active:active{ border-color: var(--Notebook__link-border-color--active); border-left-color: var(--Notebook__link-border-top-color--active, var(--Notebook__link-border-color--active)); border-right-color: white; } @media (max-width: 991.98px){ .o_notebook .o_notebook_content .oe-toolbar{ position: sticky; top: 0px; left: auto; bottom: auto; right: auto; margin-left: var(--Notebook-margin-x, 16px); margin-right: var(--Notebook-margin-x, 16px); width: auto; } } /* /web/static/src/core/notifications/notification.scss */ .o_notification_manager{ position: fixed; inset: 52.9px 1rem auto 1rem; z-index: 1055; } @media (min-width: 576px){ .o_notification_manager{ left: auto; width: 400px; } } .o_notification_manager .o_notification{ background-color: var(--Notification__background-color, white); } .o_notification_manager .o_notification_bar{ width: 0.5rem; } .o_notification_fade{ transition: all 0.5s; } .o_notification_fade-enter{ opacity: 0; } .o_notification_progress{ position: absolute; bottom: 0; left: 0; height: 3px; } /* /web/static/src/core/overlay/overlay_container.scss */ .o-overlay-item{ position: fixed; z-index: 1055; } /* /web/static/src/core/pager/pager_indicator.scss */ .o_pager_indicator{ z-index: 1056; transition: opacity 0.4s; } .o_pager_indicator > .o_pager_indicator_inner{ min-width: 13ch; padding: 7px 14px; border: var(--border-width) solid #e7e9ed; border-radius: var(--border-radius); background-color: #e7e9ed; } .o_pager_indicator.o-fade-leave, .o_pager_indicator.o-fade-enter{ opacity: 0; } /* /web/static/src/core/popover/popover.scss */ .o_popover > .popover-arrow{ --safety-margin: calc((var(--popover-arrow-width) / 4) - 1px); --position-min: var(--safety-margin); --position-center: calc(50% - var(--popover-arrow-width) / 2); --position-max: calc(100% - var(--popover-arrow-width) - var(--safety-margin)); transition: opacity var(--animation-time), transform var(--animation-time); opacity: 1; } .o_popover[data-popper-placement^="top"] > .popover-arrow.sucked{ opacity: 0; transform: translateY(-100%); } .o_popover[data-popper-placement^="right"] > .popover-arrow.sucked{ opacity: 0; 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%; position: relative; } .o_record_selector .o_record_autocomplete_with_caret:hover::after, .o_record_selector .o_record_autocomplete_with_caret:focus-within::after, .o_multi_record_selector .o_record_autocomplete_with_caret:hover::after, .o_multi_record_selector .o_record_autocomplete_with_caret:focus-within::after{ content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); align-self: center; position: absolute; right: .5rem; } /* /web/static/src/core/resizable_panel/resizable_panel.scss */ .o_resizable_panel{ max-width: 100vw; flex-grow: 0; } .o_resizable_panel_handle{ cursor: col-resize; z-index: 10; width: 5px; } /* /web/static/src/core/select_menu/select_menu.scss */ .o_select_menu.o_select_menu_multi_select input{ flex: 1 0 50px; } .o_select_menu .o_select_menu_toggler_clear{ transform: translateY(-50%); } .o_select_menu .o_select_menu_toggler_clear:hover i{ color: red; } .o_select_menu .o_tag{ margin: 2px; } .o_select_menu .o_select_menu_caret{ position: absolute; top: 1px; left: auto; bottom: var(--border-width); right: 0; visibility: hidden; } .o_select_menu .o_select_menu_caret:after{ content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); } .o_select_menu:hover .o_select_menu_caret, .o_select_menu:focus-within .o_select_menu_caret{ visibility: visible; } .o_select_menu button .o_select_menu_caret{ right: 3px; } .o_select_menu_menu{ background-color: #FFFFFF; } .o_select_menu_menu .o_select_menu_searchbox{ background-color: #FFFFFF; position: sticky; top: -0.5rem; padding: 5px; } .o_select_menu_menu .o_select_menu_searchbox input{ cursor: text !important; height: calc(1.5em + 0.75rem + calc(var(--border-width) * 2)); padding-left: 20px; } .o_select_menu_menu .o_select_menu_searchbox:before{ position: absolute; top: 50%; left: auto; bottom: auto; right: auto; transform: translateY(-50%); content: "\f002"; font-family: 'FontAwesome'; } .o_select_menu_menu .o_select_menu_group{ background-color: #FFFFFF; top: calc(1.5em + 0.75rem + calc(var(--border-width) * 2)); } .o_select_menu_menu .o_select_menu_group:not(.o_select_menu_searchable_group){ top: -0.5rem; } .o_select_menu_menu:not(.o_bottom_sheet){ max-height: 300px; } .o_select_menu_menu:not(.o_bottom_sheet) .o-dropdown-item:before{ display: none; } .o_bottom_sheet .o_select_menu_menu{ padding: 0; } .o_bottom_sheet .o_select_menu_menu .dropdown-item{ font-weight: normal; margin: 0 auto; max-width: calc(100% - 2 * var(--offcanvas-padding-x)); } /* /web/static/src/core/signature/name_and_signature.scss */ .o_web_sign_name_and_signature{ position: relative; } .o_web_sign_signature_container canvas{ width: 100%; height: 100%; } .o_signature_stroke{ position: absolute; border-top: #D1D0CE solid 2px; bottom: 20%; width: 72%; left: 14%; } /* /web/static/src/core/tags_list/tags_list.scss */ .o_tag{ font-size: var(--Tag-font-size, 0.875rem); max-width: var(--Tag-max-width, 100%); } .o_tag.o_tag_color_0, .o_tag.o_tag_color_0::after{ --background-color: RGBA(230.1375, 221.3625, 221.3625, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(60, 60, 60, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_1, .o_tag.o_tag_color_1::after{ --background-color: RGBA(255, 155.5, 155.5, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(67.15870044, 11.84129956, 11.84129956, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_2, .o_tag.o_tag_color_2::after{ --background-color: RGBA(247.0375, 198.06116071, 152.4625, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(52.9, 33.325, 15.1, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_3, .o_tag.o_tag_color_3::after{ --background-color: RGBA(252.88960843, 226.89175248, 135.61039157, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(47.45993976, 39.05405514, 9.54006024, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_4, .o_tag.o_tag_color_4::after{ --background-color: RGBA(187.45210396, 215.03675558, 248.04789604, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(25.3049505, 49.60939855, 78.6950495, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_5, .o_tag.o_tag_color_5::after{ --background-color: RGBA(216.79194664, 167.70805336, 203.91748283, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(28.91432806, 24.08567194, 27.64779531, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_6, .o_tag.o_tag_color_6::after{ --background-color: RGBA(247.84539474, 213.9484835, 199.65460526, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(85.32105263, 46.88635147, 30.67894737, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_7, .o_tag.o_tag_color_7::after{ --background-color: RGBA(136.6125, 224.8875, 218.94591346, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(10.58333333, 19.41666667, 18.82211538, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_8, .o_tag.o_tag_color_8::after{ --background-color: RGBA(150.60535714, 165.68382711, 248.89464286, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(13.95714286, 20.10665584, 54.04285714, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_9, .o_tag.o_tag_color_9::after{ --background-color: RGBA(254.94583333, 157.55416667, 203.95543194, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(68.805, 12.195, 39.16625654, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_10, .o_tag.o_tag_color_10::after{ --background-color: RGBA(182.62075688, 236.87924312, 189.81831118, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(30.82018349, 57.17981651, 34.3168695, var(--text-opacity, 1)); color: var(--color) !important; } .o_tag.o_tag_color_11, .o_tag.o_tag_color_11::after{ --background-color: RGBA(230.11575613, 219.41069277, 252.08930723, var(--bg-opacity, 1)); background-color: var(--background-color) !important; --color: RGBA(56.75321978, 31.58433735, 108.41566265, var(--text-opacity, 1)); color: var(--color) !important; } /* /web/static/src/core/time_picker/time_picker.scss */ .o_time_picker_input{ transition: all .1s ease-in-out; transition-property: color, background-color, border-bottom-color; color: var(--body-color); } .o_time_picker_input.o_invalid{ color: o-text-color("danger"); border-bottom-color: #dc3545; background-color: rgba(220, 53, 69, 0.1); } .o_time_picker_dropdown.o-dropdown--menu{ --dropdown-min-width: unset; max-height: 15rem; } .o_datetime_picker .o_time_picker{ width: 4rem; } .o_datetime_picker .o_time_picker input{ text-align: center; } /* /web/static/src/core/tooltip/tooltip.scss */ .o-tooltip{ --tooltip-max-width: 200px; --tooltip-padding-x: 0.5rem; --tooltip-padding-y: 0.25rem; --tooltip-color: var(--body-bg); --tooltip-bg: var(--emphasis-color); --tooltip-border-radius: var(--border-radius); font-family: var(--font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; } .o-tooltip:has(.o-tooltip--technical){ max-width: 400px; } .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(200px, 100%); } .o-tooltip .o-tooltip--string, .o-tooltip .o-tooltip--technical--title{ padding: 0.25rem 0; font-weight: 700; } .o-tooltip .o-tooltip--help, .o-tooltip .o-tooltip--technical{ margin: 0.25rem 0.5rem 0.5rem; } .o-tooltip .o-tooltip--help{ white-space: pre-line; padding: 0 0.5rem; } .o-tooltip .o-tooltip--technical{ padding-left: 1.3em; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.75rem; list-style-type: disc; } .o-tooltip .o-tooltip--technical .o-tooltip--technical--title{ margin-right: 0.25rem; } .o-tooltip + .popover-arrow{ --popover-bg: var(--emphasis-color); } /* /web/static/src/core/tree_editor/tree_editor.scss */ .o_tree_editor .o_tree_editor_node .o_tree_editor_node_control_panel > button{ opacity: .2; } .o_tree_editor .o_tree_editor_node.o_hovered_button .o_tree_editor_node_control_panel > button{ opacity: .5; } .o_tree_editor .o_tree_editor_node.o_hovered_button .o_tree_editor_node_control_panel > button:hover{ opacity: 1; } .o_tree_editor .o_record_selector .o-autocomplete, .o_tree_editor .o_multi_record_selector .o_record_autocomplete_with_caret{ min-width: unset; flex: 1 0 50px; } /* /web/static/src/core/ui/block_ui.scss */ .o_blockUI{ cursor: wait; z-index: 1070 !important; } .o_blockUI:not(.o_blockUI_invisible){ -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.5); color: #fff; } /* /web/static/src/core/utils/draggable_hook_builder.scss */ @keyframes o-draggable-bounce{ 0%{ transform: scale(1); } 60%{ transform: scale(0.95); } 100%{ transform: scale(1); } } .o_draggable{ -webkit-touch-callout: none; } .o_dragged{ z-index: 1000; pointer-events: none; } .o_touch_bounce{ animation: o-draggable-bounce .4s forwards; user-select: none; } /* /web/static/src/core/utils/nested_sortable.scss */ .o_nested_sortable_placeholder{ background-clip: content-box; background-color: deepskyblue; height: 5px; padding-top: 0 !important; padding-bottom: 0 !important; } .o_nested_sortable_placeholder_realsize{ outline: 1px dashed #5f636f; background-color: #F9FAFB; } /* /web_tour/static/src/scss/tour_pointer.scss */ @keyframes o-tour-pointer-bounce-horizontal{ from{ transform: translateX(calc(var(--TourPointer__bounce-offset) * -1)); } to{ transform: translateX(var(--TourPointer__bounce-offset)); } } @keyframes o-tour-pointer-bounce-vertical{ from{ transform: translateY(calc(var(--TourPointer__bounce-offset) * -1)); } to{ transform: translateY(var(--TourPointer__bounce-offset)); } } @keyframes o-tour-pointer-fade-in{ from{ opacity: 0; } } @keyframes o-tour-pointer-info-expand{ from{ width: 0; height: 0; } } .o_tour_pointer{ --TourPointer__anchor-space: 0; --TourPointer__bounce-offset: 3px; --TourPointer__offset: 8px; --TourPointer__scale: 1.12; --TourPointer__color: #714B67; --TourPointer__color-accent: #86597b; --TourPointer__border-width: 1px; --TourPointer__border-color-rgb: 255, 255, 255; --TourPointer__border-color: rgba(var(--TourPointer__border-color-rgb), 1); --TourPointer__arrow-size: 1rem; --TourPointer__animation-duration: 500ms; --TourPointer__expand-duration: 200ms; --TourPointer__text-color: black; --TourPointer__reveal-animation: o-tour-pointer-fade-in 400ms ease; --TourPointer__translate-x: 0; --TourPointer__translate-y: 0; z-index: 1080; max-width: 270px; border: var(--TourPointer__border-width) solid transparent; transform: translate(var(--TourPointer__translate-x), var(--TourPointer__translate-y)); transition: width var(--TourPointer__expand-duration), height var(--TourPointer__expand-duration); } .o_tour_pointer.o_bouncing.o_left, .o_tour_pointer.o_bouncing.o_right{ animation: o-tour-pointer-bounce-horizontal var(--TourPointer__animation-duration) ease-in infinite alternate, var(--TourPointer__reveal-animation); } .o_tour_pointer.o_bouncing.o_top, .o_tour_pointer.o_bouncing.o_bottom{ animation: o-tour-pointer-bounce-vertical var(--TourPointer__animation-duration) ease-in infinite alternate, var(--TourPointer__reveal-animation); } .o_tour_pointer .o_tour_pointer_tip{ width: var(--TourPointer__width); height: var(--TourPointer__height); border: var(--TourPointer__border-width) solid white; border-radius: 0 50% 50% 50%; background-image: radial-gradient(var(--TourPointer__color-accent), var(--TourPointer__color)); box-shadow: 0 0 40px 2px rgba(var(--TourPointer__border-color-rgb), 0.5); } .o_tour_pointer .o_tour_pointer_content{ background-color: #f2f2f3; 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: #f2f2f3; 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/components/switch/switch.scss */ .o_switch{ display: flex; align-items: center; font-weight: normal; cursor: pointer; } .o_switch.o_switch_disabled{ opacity: 50%; pointer-events: none; } .o_switch > input:focus + span{ box-shadow: 0 0 0 3px #bc99b3; } .o_switch > input + span{ border-radius: 1.2em; width: 2.04em; padding-left: 3px; padding-right: 3px; background-color: rgba(33, 37, 41, 0.4); font-size: 1.308em; line-height: 1.2em; color: rgba(33, 37, 41, 0.4); transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .o_switch > input + span:after{ content: "\f057"; font-family: 'FontAwesome'; color: white; transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .o_switch > input:checked + span{ background: #714B67; } .o_switch > input:checked + span:after{ content: "\f058"; margin-left: 0.84em; } .o_switch.o_switch_danger_success > input:not(:checked) + span{ background: #e6586c; } .o_switch.o_switch_danger_success > input:checked + span{ background: #00ff9e; } /* /html_editor/static/src/main/media/media_dialog/media_dialog.scss */ .modal .o_select_media_dialog .o_we_file_selector_control_panel{ top: -1rem; background-color: #FFFFFF; } .modal .o_select_media_dialog .o_we_existing_attachments{ min-height: 128px; } .modal .o_select_media_dialog .o_we_existing_attachments .o_we_attachment_placeholder{ flex-grow: 128; flex-basis: 128px; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image{ transition: opacity 0.5s ease 0.5s; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove{ border-radius: 0 0 0 4px; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_remove:hover{ color: #e6586c; } .modal .o_select_media_dialog .o_we_attachment_selected{ box-shadow: 0 0 0 3px #714B67; } .modal .o_select_media_dialog .o_we_attachment_selected:not(.fa){ border: 3px solid #714B67; box-shadow: none; } .modal .o_select_media_dialog .o_we_attachment_selected:not(.fa):before{ content: ""; position: absolute; top: 5px; left: 5px; bottom: auto; right: auto; width: 19px; height: 19px; background-color: #714B67; font-family: 'FontAwesome'; color: white; border-radius: 50%; text-align: center; z-index: 1; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12); } .modal .o_select_media_dialog .o_we_load_more{ scroll-margin: 1rem; } .modal .o_select_media_dialog .o_we_load_more.o_hide_loading > *{ display: none; } .modal .o_select_media_dialog .o_scroll_attachments{ bottom: 0px; width: 36px; height: 36px; margin-top: -36px; z-index: 2; } .modal .o_select_media_dialog .font-icons-icons > span{ width: 50px; } .modal .o_select_media_dialog .o_video_dialog_form textarea{ min-height: 95px; } .modal .o_select_media_dialog .o_video_preview{ border-top: 1px solid black; border-bottom: 1px solid white; background-image: linear-gradient(-150deg, #2b2b33, #191922); color: white; } .modal .o_select_media_dialog .o_video_preview .media_iframe_video{ width: 100%; } /* /html_editor/static/src/main/media/media_dialog/upload_progress_toast/upload_progress_toast.scss */ .o_upload_progress_toast{ font-size: 16px; } .o_upload_progress_toast .o_we_progressbar:last-child hr{ display: none; } .editor_notification_manager{ width: calc(100% - 3rem); } @media (min-width: 576px){ .editor_notification_manager{ width: calc(calc(400px - 3rem) + 3rem); } } .editor_notification_body{ width: calc(100% - 3rem); } @media (min-width: 576px){ .editor_notification_body{ width: calc(400px - 3rem); } } /* /html_editor/static/src/main/local_overlay.scss */ .oe-local-overlay{ position: absolute; isolation: isolate; height: 0; width: 0; z-index: 1; } /* /html_editor/static/src/main/list/list.scss */ [contenteditable="true"] li p{ margin-bottom: 0; } [contenteditable="true"] :where([style*="color:"]){ --heading-color: none; } ul.o_checklist > li{ list-style: none; position: relative; margin-left: 20px; } ul.o_checklist > li:not(.oe-nested):before{ content: ''; position: absolute; left: -20px; display: block; height: 14px; width: 14px; top: 1px; border: 1px solid; cursor: pointer; } ul.o_checklist > li.o_checked::before{ content: "✓"; transition: opacity .5s; position: absolute; left: -18px; top: -1px; opacity: 1; } ul.o_checklist > li.o_checked:has(ul, ol)::before{ opacity: 0.5; } ul.o_checklist > li.o_checked:not(:has(ul, ol)){ text-decoration: line-through; opacity: 0.5; } ul.o_checklist > li.o_checked:has(ul, ol) > :not(ul, ol){ text-decoration: line-through; opacity: 0.5; } /* /html_editor/static/src/main/media/file.scss */ .o_file_box, [data-embedded="file"]{ display: inline-block; width: fit-content; min-width: 250px; margin: 3px; vertical-align: middle; } .o_file_box .alert.alert-info, [data-embedded="file"] .alert.alert-info{ border-radius: 5px; outline: 1px solid #d8dadd; outline-offset: -1px; padding: 5px; margin: 0; } .o_file_box .o_image, [data-embedded="file"] .o_image{ width: 32px; } /* /html_editor/static/src/others/embedded_components/core/embedded_component_toolbar/embedded_component_toolbar.scss */ .o_embedded_toolbar button{ font-family: var(--font-sans-serif) !important; font-weight: 700; } @media screen and (max-width: 1024px){ .o_embedded_toolbar button .o_embedded_toolbar_button_text{ display: none; } } /* /html_editor/static/src/others/embedded_components/core/file/file.scss */ [data-embedded="file"] [data-embedded-editable]{ background-color: white; } [data-embedded="file"] .o_file_name_container:hover i{ visibility: visible !important; } [data-embedded="file"] input[type="text"]{ width: 190px; } /* /html_editor/static/src/others/embedded_components/core/table_of_content/table_of_content.scss */ [data-embedded="tableOfContent"]{ margin-left: 2px; margin-right: 2px; margin-top: 16px; margin-bottom: 16px; outline: 1px solid #d8dadd; outline-offset: -1px; border-radius: 5px; background-color: #F9FAFB; } [data-embedded="tableOfContent"] .o_embedded_toc_content{ background-color: white; } [data-embedded="tableOfContent"] .o_embedded_toc_content a[class*="o_embedded_toc_link_depth_"]{ font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.5rem; border: transparent; } [data-embedded="tableOfContent"] .o_embedded_toc_content a[class*="o_embedded_toc_link_depth_"]:hover{ background-color: rgba(27, 161, 228, 0.2); text-decoration: none; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_0{ padding-left: 5px; } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_1{ padding-left: calc(5px + Min(30px, 10%) * 1); } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_2{ padding-left: calc(5px + Min(30px, 10%) * 2); } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_3{ padding-left: calc(5px + Min(30px, 10%) * 3); } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_4{ padding-left: calc(5px + Min(30px, 10%) * 4); } [data-embedded="tableOfContent"] .o_embedded_toc_content a.o_embedded_toc_link_depth_5{ padding-left: calc(5px + Min(30px, 10%) * 5); } [data-embedded="tableOfContent"] .o_embedded_toc_label{ color: #5f636f; } .o_field_html .odoo-editor-editable h1, .o_field_html .odoo-editor-editable .h1, .o_field_html .odoo-editor-editable h2, .o_field_html .odoo-editor-editable .h2, .o_field_html .odoo-editor-editable h3, .o_field_html .odoo-editor-editable .h3, .o_field_html .odoo-editor-editable h4, .o_field_html .odoo-editor-editable .h4, .o_field_html .odoo-editor-editable h5, .o_field_html .odoo-editor-editable .h5, .o_field_html .odoo-editor-editable h6, .o_field_html .odoo-editor-editable .h6, .o_field_html .o_readonly h1, .o_field_html .o_readonly .h1, .o_field_html .o_readonly h2, .o_field_html .o_readonly .h2, .o_field_html .o_readonly h3, .o_field_html .o_readonly .h3, .o_field_html .o_readonly h4, .o_field_html .o_readonly .h4, .o_field_html .o_readonly h5, .o_field_html .o_readonly .h5, .o_field_html .o_readonly h6, .o_field_html .o_readonly .h6{ transition: background-color 0.5s ease; } .o_field_html .odoo-editor-editable h1.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h1, .o_field_html .odoo-editor-editable h2.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h2, .o_field_html .odoo-editor-editable h3.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h3, .o_field_html .odoo-editor-editable h4.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h4, .o_field_html .odoo-editor-editable h5.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h5, .o_field_html .odoo-editor-editable h6.o_embedded_toc_header_highlight, .o_field_html .odoo-editor-editable .o_embedded_toc_header_highlight.h6, .o_field_html .o_readonly h1.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h1, .o_field_html .o_readonly h2.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h2, .o_field_html .o_readonly h3.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h3, .o_field_html .o_readonly h4.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h4, .o_field_html .o_readonly h5.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h5, .o_field_html .o_readonly h6.o_embedded_toc_header_highlight, .o_field_html .o_readonly .o_embedded_toc_header_highlight.h6{ border-radius: 0.25rem; background-color: rgba(27, 161, 228, 0.2); } /* /html_editor/static/src/others/embedded_components/core/toggle_block/toggle_block.scss */ [data-embedded="toggleBlock"] [data-embedded-editable] > p{ margin: 0; } [data-embedded="toggleBlock"] button:has(i.fa-caret-down, i.fa-caret-right){ cursor: pointer !important; width: 1.5rem; aspect-ratio: 1 / 1; background-color: transparent; } [data-embedded="toggleBlock"] button:has(i.fa-caret-down, i.fa-caret-right):hover{ background-color: rgba(216, 218, 221, 0.5); } [data-embedded="toggleBlock"] button:has(i.fa-caret-down, i.fa-caret-right):active{ background-color: rgba(216, 218, 221, 0.2); } /* /html_editor/static/src/others/qweb_plugin.scss */ .odoo-editor-editable.odoo-editor-qweb t, .odoo-editor-editable.odoo-editor-qweb [t-if], .odoo-editor-editable.odoo-editor-qweb [t-elif], .odoo-editor-editable.odoo-editor-qweb [t-else], .odoo-editor-editable.odoo-editor-qweb [t-foreach], .o_readonly t, .o_readonly [t-if], .o_readonly [t-elif], .o_readonly [t-else], .o_readonly [t-foreach]{ background-color: rgba(0, 0, 102, 0.1) !important; } .odoo-editor-editable.odoo-editor-qweb t, .odoo-editor-editable.odoo-editor-qweb [t-esc], .odoo-editor-editable.odoo-editor-qweb [t-out], .odoo-editor-editable.odoo-editor-qweb [t-raw], .o_readonly t, .o_readonly [t-esc], .o_readonly [t-out], .o_readonly [t-raw]{ border-radius: 2px; } .odoo-editor-editable.odoo-editor-qweb [t-esc], .odoo-editor-editable.odoo-editor-qweb [t-out], .odoo-editor-editable.odoo-editor-qweb [t-raw], .o_readonly [t-esc], .o_readonly [t-out], .o_readonly [t-raw]{ background-color: rgba(36, 154, 255, 0.16) !important; } .odoo-editor-editable.odoo-editor-qweb [t-esc]:empty::before, .o_readonly [t-esc]:empty::before{ content: attr(t-esc); } .odoo-editor-editable.odoo-editor-qweb [t-raw]:empty::before, .o_readonly [t-raw]:empty::before{ content: attr(t-raw); } .odoo-editor-editable.odoo-editor-qweb [t-out]:empty::before, .o_readonly [t-out]:empty::before{ content: attr(t-out); } .odoo-editor-editable.odoo-editor-qweb t[t-set], .o_readonly t[t-set]{ display: none; } .odoo-editor-editable.odoo-editor-qweb t[data-oe-t-inline], .o_readonly t[data-oe-t-inline]{ display: inline; } .odoo-editor-editable.odoo-editor-qweb t:not([data-oe-t-inline]), .o_readonly t:not([data-oe-t-inline]){ display: block; } .odoo-editor-editable.odoo-editor-qweb t[data-oe-t-inline]:not([data-oe-t-group-active]), .o_readonly t[data-oe-t-inline]:not([data-oe-t-group-active]){ display: unset; } .odoo-editor-editable.odoo-editor-qweb [data-oe-t-group]:not([data-oe-t-group-active]), .o_readonly [data-oe-t-group]:not([data-oe-t-group-active]){ display: none !important; } .odoo-editor-editable.odoo-editor-qweb [data-oe-t-group][data-oe-t-selectable], .o_readonly [data-oe-t-group][data-oe-t-selectable]{ outline: 1px dashed rgba(0, 0, 102, 0.4) !important; } .oe-qweb-select{ position: absolute; z-index: 1056; background-color: white; } /* /html_editor/static/src/public/styles.scss */ .o-we-toolbar .btn{ border-color: white; padding-top: 0; padding-bottom: 0; } .o-we-toolbar .btn:not(:hover):not(.active){ background-color: white; } .o-we-powerbox{ background-color: white !important; } /* /html_editor/static/src/scss/html_editor.common.scss */ :root{ --100: #F8F9FA; --200: #E9ECEF; --300: #DEE2E6; --400: #CED4DA; --500: #ADB5BD; --600: #6C757D; --700: #495057; --800: #343A40; --900: #212529; --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: #212529; --o-cc1-headings: #212529; --o-cc1-h2: #212529; --o-cc1-h3: #212529; --o-cc1-h4: #212529; --o-cc1-h5: #212529; --o-cc1-h6: #212529; --o-cc1-link: #38383B; --o-cc1-btn-primary: #38383B; --o-cc1-btn-primary-text: #FFFFFF; --o-cc1-btn-primary-border: #38383B; --o-cc1-btn-secondary: #a1a1a1; --o-cc1-btn-secondary-text: #212529; --o-cc1-btn-secondary-border: #a1a1a1; --o-cc2-text: #212529; --o-cc2-h2: #202022; --o-cc2-h3: #202022; --o-cc2-h4: #202022; --o-cc2-h5: #202022; --o-cc2-h6: #202022; --o-cc2-link: #38383B; --o-cc2-btn-primary: #38383B; --o-cc2-btn-primary-text: #FFFFFF; --o-cc2-btn-primary-border: #38383B; --o-cc2-btn-secondary: #a1a1a1; --o-cc2-btn-secondary-text: #212529; --o-cc2-btn-secondary-border: #a1a1a1; --o-cc3-text: #212529; --o-cc3-headings: #212529; --o-cc3-h2: #212529; --o-cc3-h3: #212529; --o-cc3-h4: #212529; --o-cc3-h5: #212529; --o-cc3-h6: #212529; --o-cc3-link: black; --o-cc3-btn-primary: #38383B; --o-cc3-btn-primary-text: #FFFFFF; --o-cc3-btn-primary-border: #38383B; --o-cc3-btn-secondary-text: #212529; --o-cc3-btn-secondary-border: #f2f2f3; --o-cc4-headings: #f2f2f3; --o-cc4-h2: #f2f2f3; --o-cc4-h3: #f2f2f3; --o-cc4-h4: #f2f2f3; --o-cc4-h5: #f2f2f3; --o-cc4-h6: #f2f2f3; --o-cc4-link: #FFFFFF; --o-cc4-btn-primary-text: #212529; --o-cc4-btn-primary-border: #FFFFFF; --o-cc4-btn-secondary-text: #212529; --o-cc4-btn-secondary-border: #a1a1a1; --o-cc5-h2: #FFFFFF; --o-cc5-h3: #FFFFFF; --o-cc5-h4: #FFFFFF; --o-cc5-h5: #FFFFFF; --o-cc5-h6: #FFFFFF; --o-cc5-link: #FFFFFF; --o-cc5-btn-primary-text: #212529; --o-cc5-btn-primary-border: #FFFFFF; --o-cc5-btn-secondary-text: #212529; --o-cc5-btn-secondary-border: #a1a1a1; --o-grid-gutter-width: 30px; --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: 5rem; --display-2-font-size: 4.5rem; --display-3-font-size: 4rem; --display-4-font-size: 3.5rem; --h1-font-size: 3rem; --h2-font-size: 2.5rem; --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.4rem; background-color: #F8F9FA; 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::before{ content: "✓"; display: flex; font-size: 13px; align-items: center; justify-content: center; padding-left: 1px ; padding-top: 1px; } ul.o_checklist > li.o_checked:has(ul, ol)::before{ opacity: 0.5; } ul.o_checklist > li.o_checked:not(:has(ul, ol)){ text-decoration: line-through; opacity: 0.5; } ul.o_checklist > li.o_checked:has(ul, ol) > :not(ul, ol){ text-decoration: line-through; opacity: 0.5; } 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.625rem + 4.5vw); } @media (min-width: 1200px){ .display-1-fs{ font-size: 5rem; } } .display-2-fs{ font-size: calc(1.575rem + 3.9vw); } @media (min-width: 1200px){ .display-2-fs{ font-size: 4.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.475rem + 2.7vw); } @media (min-width: 1200px){ .display-4-fs{ font-size: 3.5rem; } } .h1-fs{ font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px){ .h1-fs{ font-size: 3rem; } } .h2-fs{ font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px){ .h2-fs{ font-size: 2.5rem; } } .h3-fs{ font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px){ .h3-fs{ font-size: 2rem; } } .h4-fs{ font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px){ .h4-fs{ font-size: 1.5rem; } } .h5-fs{ font-size: 1.25rem; } .h6-fs{ font-size: 1rem; } .base-fs{ font-size: 1rem; } .o_small-fs{ font-size: 0.875em; } div.media_iframe_video{ margin: 0 auto; text-align: center; position: relative; overflow: hidden; min-width: 100px; } div.media_iframe_video iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: auto; right: 0; margin: 0 auto; } div.media_iframe_video.padding-small iframe{ padding: 4px; } div.media_iframe_video.padding-medium iframe{ padding: 8px; } div.media_iframe_video.padding-large iframe{ padding: 16px; } div.media_iframe_video.padding-xl iframe{ padding: 32px; } div.media_iframe_video .media_iframe_video_size{ padding-bottom: 56.25%; 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(../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: #212529; font-size: 115%; } .o_nocontent_help > p:first-of-type{ margin-top: 0; color: inherit; font-weight: bold; font-size: 125%; } .o_nocontent_help a{ cursor: pointer; } .o_we_search_prompt{ position: relative; min-height: 250px; width: 100%; display: flex; align-items: center; justify-content: flex-start; } .o_we_search_prompt > h2, .o_we_search_prompt > .h2{ max-width: 500px; text-align: center; margin-left: 150px; } .o_we_search_prompt::before{ transform: scale(-1, 1); content: ""; position: absolute; top: 12px; left: 40px; bottom: auto; right: auto; width: 100px; height: 150px; opacity: .5; filter: var(--WebEditor__SearchPromptArrow-filter, invert(0)); background-image: url("../images/curved_arrow.svg"); background-size: 100%; background-repeat: no-repeat; } blockquote{ padding: 0.5rem 1rem; border-left: 5px solid; border-color: #DEE2E6; font-style: italic; } pre{ white-space: pre-wrap; } pre p{ margin-bottom: 0px; } .bg-o-color-1{ --background-color: #38383B; --color: #FFFFFF; background-color: #38383B !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: #1f1f21; --color: #FFFFFF; background-color: #1f1f21 !important; color: #FFFFFF; } .text-o-color-1{ color: #38383B !important; } a.text-o-color-1:hover, a.text-o-color-1:focus{ color: #060607 !important; } .bg-o-color-2{ --background-color: #a1a1a1; --color: #212529; background-color: #a1a1a1 !important; color: #212529; } .bg-o-color-2 .text-muted, .o_colored_level .bg-o-color-2 .text-muted{ color: rgba(33, 37, 41, 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: #878787; --color: #FFFFFF; background-color: #878787 !important; color: #FFFFFF; } .text-o-color-2{ color: #a1a1a1 !important; } a.text-o-color-2:hover, a.text-o-color-2:focus{ color: #6e6e6e !important; } .bg-o-color-3{ --background-color: #f2f2f3; --color: #212529; background-color: #f2f2f3 !important; color: #212529; } .bg-o-color-3 .text-muted, .o_colored_level .bg-o-color-3 .text-muted{ color: rgba(33, 37, 41, 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: #d8d8da; --color: #212529; background-color: #d8d8da !important; color: #212529; } .text-o-color-3{ color: #f2f2f3 !important; } a.text-o-color-3:hover, a.text-o-color-3:focus{ color: #bebec1 !important; } .bg-o-color-4{ --background-color: #FFFFFF; --color: #212529; background-color: #FFFFFF !important; color: #212529; } .bg-o-color-4 .text-muted, .o_colored_level .bg-o-color-4 .text-muted{ color: rgba(33, 37, 41, 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: #212529; background-color: #e6e6e6 !important; color: #212529; } .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: #202022; --color: #FFFFFF; background-color: #202022 !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: #070708; --color: #FFFFFF; background-color: #070708 !important; color: #FFFFFF; } .text-o-color-5{ color: #202022 !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, #212529) !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: #38383B; } .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: #131314; } .o_cc .btn-close, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-close, .o_footer .btn-close, .navbar-light .btn-close, .o_colored_level .o_cc .btn-close{ filter: unset; } .o_cc1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar{ --background-color: #FFFFFF; --color: #212529; background-color: #FFFFFF; color: #212529; --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, .o_colored_level .o_cc1 .text-muted{ color: rgba(33, 37, 41, 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), .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, .o_colored_level .o_cc1 a:not(.btn), .o_colored_level .o_cc1 .btn-link{ color: #38383B; } .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, .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, .o_colored_level .o_cc1 a:not(.btn):hover, .o_colored_level .o_cc1 .btn-link:hover{ color: #131314; } .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, .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, .o_colored_level .o_cc1 .btn-fill-primary{ --btn-color: #FFFFFF; --btn-bg: #38383B; --btn-border-color: #38383B; --btn-hover-color: #FFFFFF; --btn-hover-bg: #303032; --btn-hover-border-color: #2d2d2f; --btn-focus-shadow-rgb: 86, 86, 88; --btn-active-color: #FFFFFF; --btn-active-bg: #2d2d2f; --btn-active-border-color: #2a2a2c; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #38383B; --btn-disabled-border-color: #38383B; } .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, .o_colored_level .o_cc1 .btn-outline-primary{ --btn-color: #38383B; --btn-border-color: #38383B; --btn-hover-color: #FFFFFF; --btn-hover-bg: #38383B; --btn-hover-border-color: #38383B; --btn-focus-shadow-rgb: 56, 56, 59; --btn-active-color: #FFFFFF; --btn-active-bg: #38383B; --btn-active-border-color: #38383B; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #38383B; --btn-disabled-bg: transparent; --btn-disabled-border-color: #38383B; --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, .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, .o_colored_level .o_cc1 .btn-fill-secondary{ --btn-color: #212529; --btn-bg: #a1a1a1; --btn-border-color: #a1a1a1; --btn-hover-color: #212529; --btn-hover-bg: #afafaf; --btn-hover-border-color: #aaaaaa; --btn-focus-shadow-rgb: 142, 142, 143; --btn-active-color: #212529; --btn-active-bg: #b4b4b4; --btn-active-border-color: #aaaaaa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #a1a1a1; --btn-disabled-border-color: #a1a1a1; } .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, .o_colored_level .o_cc1 .btn-outline-secondary{ --btn-color: #616161; --btn-border-color: #616161; --btn-hover-color: #FFFFFF; --btn-hover-bg: #616161; --btn-hover-border-color: #616161; --btn-focus-shadow-rgb: 97, 97, 97; --btn-active-color: #FFFFFF; --btn-active-bg: #616161; --btn-active-border-color: #616161; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #616161; --btn-disabled-bg: transparent; --btn-disabled-border-color: #616161; --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, .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, .o_colored_level .o_cc1 .nav-pills .nav-link.active, .o_colored_level .o_cc1 .nav-pills .show > .nav-link{ background-color: #38383B; 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, .o_colored_level .o_cc1 a.list-group-item{ color: #38383B; } .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, .o_colored_level .o_cc1 a.list-group-item.active{ background-color: #38383B; color: #FFFFFF; border-color: #38383B; } .o_cc2{ --background-color: #f2f2f3; --color: #212529; background-color: #f2f2f3; color: #212529; --o-cc-bg: #f2f2f3; } .o_cc2 .text-muted, .o_colored_level .o_cc2 .text-muted{ color: rgba(33, 37, 41, 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: #202022; } .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: #38383B; } .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: #131314; } .o_cc2 .btn-fill-primary, .o_cc2 .btn-primary, .o_colored_level .o_cc2 .btn-fill-primary{ --btn-color: #FFFFFF; --btn-bg: #38383B; --btn-border-color: #38383B; --btn-hover-color: #FFFFFF; --btn-hover-bg: #303032; --btn-hover-border-color: #2d2d2f; --btn-focus-shadow-rgb: 86, 86, 88; --btn-active-color: #FFFFFF; --btn-active-bg: #2d2d2f; --btn-active-border-color: #2a2a2c; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #38383B; --btn-disabled-border-color: #38383B; } .o_cc2 .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary{ --btn-color: #38383B; --btn-border-color: #38383B; --btn-hover-color: #FFFFFF; --btn-hover-bg: #38383B; --btn-hover-border-color: #38383B; --btn-focus-shadow-rgb: 56, 56, 59; --btn-active-color: #FFFFFF; --btn-active-bg: #38383B; --btn-active-border-color: #38383B; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #38383B; --btn-disabled-bg: transparent; --btn-disabled-border-color: #38383B; --gradient: none; } .o_cc2 .btn-fill-secondary, .o_cc2 .btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary{ --btn-color: #212529; --btn-bg: #a1a1a1; --btn-border-color: #a1a1a1; --btn-hover-color: #212529; --btn-hover-bg: #afafaf; --btn-hover-border-color: #aaaaaa; --btn-focus-shadow-rgb: 142, 142, 143; --btn-active-color: #212529; --btn-active-bg: #b4b4b4; --btn-active-border-color: #aaaaaa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #a1a1a1; --btn-disabled-border-color: #a1a1a1; } .o_cc2 .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary{ --btn-color: #616161; --btn-border-color: #616161; --btn-hover-color: #FFFFFF; --btn-hover-bg: #616161; --btn-hover-border-color: #616161; --btn-focus-shadow-rgb: 97, 97, 97; --btn-active-color: #FFFFFF; --btn-active-bg: #616161; --btn-active-border-color: #616161; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #616161; --btn-disabled-bg: transparent; --btn-disabled-border-color: #616161; --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: #38383B; color: #FFFFFF; } .o_cc2 a.list-group-item, .o_colored_level .o_cc2 a.list-group-item{ color: #38383B; } .o_cc2 a.list-group-item.active, .o_colored_level .o_cc2 a.list-group-item.active{ background-color: #38383B; color: #FFFFFF; border-color: #38383B; } .o_cc3{ --background-color: #a1a1a1; --color: #212529; background-color: #a1a1a1; color: #212529; --o-cc-bg: #a1a1a1; } .o_cc3 .text-muted, .o_colored_level .o_cc3 .text-muted{ color: rgba(33, 37, 41, 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: black; } .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: black; } .o_cc3 .btn-fill-primary, .o_cc3 .btn-primary, .o_colored_level .o_cc3 .btn-fill-primary{ --btn-color: #FFFFFF; --btn-bg: #38383B; --btn-border-color: #38383B; --btn-hover-color: #FFFFFF; --btn-hover-bg: #303032; --btn-hover-border-color: #2d2d2f; --btn-focus-shadow-rgb: 86, 86, 88; --btn-active-color: #FFFFFF; --btn-active-bg: #2d2d2f; --btn-active-border-color: #2a2a2c; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #38383B; --btn-disabled-border-color: #38383B; } .o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary{ --btn-color: black; --btn-border-color: black; --btn-hover-color: #FFFFFF; --btn-hover-bg: black; --btn-hover-border-color: black; --btn-focus-shadow-rgb: 0, 0, 0; --btn-active-color: #FFFFFF; --btn-active-bg: black; --btn-active-border-color: black; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: black; --btn-disabled-bg: transparent; --btn-disabled-border-color: black; --gradient: none; } .o_cc3 .btn-fill-secondary, .o_cc3 .btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary{ --btn-color: #212529; --btn-bg: #f2f2f3; --btn-border-color: #f2f2f3; --btn-hover-color: #212529; --btn-hover-bg: #f4f4f5; --btn-hover-border-color: #f3f3f4; --btn-focus-shadow-rgb: 211, 211, 213; --btn-active-color: #212529; --btn-active-bg: whitesmoke; --btn-active-border-color: #f3f3f4; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f2f2f3; --btn-disabled-border-color: #f2f2f3; } .o_cc3 .btn-outline-secondary, .o_colored_level .o_cc3 .btn-outline-secondary{ --btn-color: white; --btn-border-color: white; --btn-hover-color: #212529; --btn-hover-bg: white; --btn-hover-border-color: white; --btn-focus-shadow-rgb: 255, 255, 255; --btn-active-color: #212529; --btn-active-bg: white; --btn-active-border-color: white; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: white; --btn-disabled-bg: transparent; --btn-disabled-border-color: white; --gradient: none; } .o_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: #38383B; color: #FFFFFF; } .o_cc3 a.list-group-item, .o_colored_level .o_cc3 a.list-group-item{ color: #38383B; } .o_cc3 a.list-group-item.active, .o_colored_level .o_cc3 a.list-group-item.active{ background-color: #38383B; color: #FFFFFF; border-color: #38383B; } .o_cc4, .o_footer, .navbar-light{ --background-color: #38383B; --color: #f2f2f3; background-color: #38383B; color: #f2f2f3; --o-cc-bg: #38383B; } .o_cc4 .text-muted, .o_footer .text-muted, .navbar-light .text-muted, .o_colored_level .o_cc4 .text-muted{ color: rgba(242, 242, 243, 0.7) !important; } .o_cc4 a:not(.btn), .o_footer a:not(.btn), .navbar-light a:not(.btn), .o_cc4 .btn-link, .o_footer .btn-link, .navbar-light .btn-link, .o_colored_level .o_cc4 a:not(.btn), .o_colored_level .o_cc4 .btn-link{ color: #FFFFFF; } .o_cc4 a:not(.btn):hover, .o_footer a:not(.btn):hover, .navbar-light a:not(.btn):hover, .o_cc4 .btn-link:hover, .o_footer .btn-link:hover, .navbar-light .btn-link:hover, .o_colored_level .o_cc4 a:not(.btn):hover, .o_colored_level .o_cc4 .btn-link:hover{ color: #e0e0e0; } .o_cc4 .btn-fill-primary, .o_footer .btn-fill-primary, .navbar-light .btn-fill-primary, .o_cc4 .btn-primary, .o_footer .btn-primary, .navbar-light .btn-primary, .o_colored_level .o_cc4 .btn-fill-primary{ --btn-color: #212529; --btn-bg: #FFFFFF; --btn-border-color: #FFFFFF; --btn-hover-color: #212529; --btn-hover-bg: white; --btn-hover-border-color: white; --btn-focus-shadow-rgb: 222, 222, 223; --btn-active-color: #212529; --btn-active-bg: white; --btn-active-border-color: white; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #FFFFFF; --btn-disabled-border-color: #FFFFFF; } .o_cc4 .btn-outline-primary, .o_footer .btn-outline-primary, .navbar-light .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary{ --btn-color: #FFFFFF; --btn-border-color: #FFFFFF; --btn-hover-color: #212529; --btn-hover-bg: #FFFFFF; --btn-hover-border-color: #FFFFFF; --btn-focus-shadow-rgb: 255, 255, 255; --btn-active-color: #212529; --btn-active-bg: #FFFFFF; --btn-active-border-color: #FFFFFF; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: transparent; --btn-disabled-border-color: #FFFFFF; --gradient: none; } .o_cc4 .btn-fill-secondary, .o_footer .btn-fill-secondary, .navbar-light .btn-fill-secondary, .o_cc4 .btn-secondary, .o_footer .btn-secondary, .navbar-light .btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary{ --btn-color: #212529; --btn-bg: #a1a1a1; --btn-border-color: #a1a1a1; --btn-hover-color: #212529; --btn-hover-bg: #afafaf; --btn-hover-border-color: #aaaaaa; --btn-focus-shadow-rgb: 142, 142, 143; --btn-active-color: #212529; --btn-active-bg: #b4b4b4; --btn-active-border-color: #aaaaaa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #a1a1a1; --btn-disabled-border-color: #a1a1a1; } .o_cc4 .btn-outline-secondary, .o_footer .btn-outline-secondary, .navbar-light .btn-outline-secondary, .o_colored_level .o_cc4 .btn-outline-secondary{ --btn-color: #e1e1e1; --btn-border-color: #e1e1e1; --btn-hover-color: #212529; --btn-hover-bg: #e1e1e1; --btn-hover-border-color: #e1e1e1; --btn-focus-shadow-rgb: 224.5, 224.5, 224.5; --btn-active-color: #212529; --btn-active-bg: #e1e1e1; --btn-active-border-color: #e1e1e1; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #e1e1e1; --btn-disabled-bg: transparent; --btn-disabled-border-color: #e1e1e1; --gradient: none; } .o_cc4 .nav-pills .nav-link.active, .o_footer .nav-pills .nav-link.active, .navbar-light .nav-pills .nav-link.active, .o_cc4 .nav-pills .show > .nav-link, .o_footer .nav-pills .show > .nav-link, .navbar-light .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: #FFFFFF; color: #212529; } .o_cc4 a.list-group-item, .o_footer a.list-group-item, .navbar-light a.list-group-item, .o_colored_level .o_cc4 a.list-group-item{ color: #FFFFFF; } .o_cc4 a.list-group-item.active, .o_footer a.list-group-item.active, .navbar-light a.list-group-item.active, .o_colored_level .o_cc4 a.list-group-item.active{ background-color: #FFFFFF; color: #212529; border-color: #FFFFFF; } .o_cc4 .btn-close, .o_footer .btn-close, .navbar-light .btn-close, .o_colored_level .o_cc4 .btn-close{ filter: var(--btn-close-white-filter); } .o_cc5{ --background-color: #202022; --color: #f2f2f3; background-color: #202022; color: #f2f2f3; --o-cc-bg: #202022; } .o_cc5 .text-muted, .o_colored_level .o_cc5 .text-muted{ color: rgba(242, 242, 243, 0.7) !important; } .o_cc5 h1, .o_cc5 .h1, .o_cc5 h2, .o_cc5 .h2, .o_cc5 h3, .o_cc5 .h3, .o_cc5 h4, .o_cc5 .h4, .o_cc5 h5, .o_cc5 .h5, .o_cc5 h6, .o_cc5 .h6, .o_colored_level .o_cc5 h1, .o_colored_level .o_cc5 h2, .o_colored_level .o_cc5 h3, .o_colored_level .o_cc5 h4, .o_colored_level .o_cc5 h5, .o_colored_level .o_cc5 h6{ color: #FFFFFF; } .o_cc5 a:not(.btn), .o_cc5 .btn-link, .o_colored_level .o_cc5 a:not(.btn), .o_colored_level .o_cc5 .btn-link{ color: #FFFFFF; } .o_cc5 a:not(.btn):hover, .o_cc5 .btn-link:hover, .o_colored_level .o_cc5 a:not(.btn):hover, .o_colored_level .o_cc5 .btn-link:hover{ color: #d9d9d9; } .o_cc5 .btn-fill-primary, .o_cc5 .btn-primary, .o_colored_level .o_cc5 .btn-fill-primary{ --btn-color: #212529; --btn-bg: #FFFFFF; --btn-border-color: #FFFFFF; --btn-hover-color: #212529; --btn-hover-bg: white; --btn-hover-border-color: white; --btn-focus-shadow-rgb: 222, 222, 223; --btn-active-color: #212529; --btn-active-bg: white; --btn-active-border-color: white; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #FFFFFF; --btn-disabled-border-color: #FFFFFF; } .o_cc5 .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary{ --btn-color: #FFFFFF; --btn-border-color: #FFFFFF; --btn-hover-color: #212529; --btn-hover-bg: #FFFFFF; --btn-hover-border-color: #FFFFFF; --btn-focus-shadow-rgb: 255, 255, 255; --btn-active-color: #212529; --btn-active-bg: #FFFFFF; --btn-active-border-color: #FFFFFF; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: transparent; --btn-disabled-border-color: #FFFFFF; --gradient: none; } .o_cc5 .btn-fill-secondary, .o_cc5 .btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary{ --btn-color: #212529; --btn-bg: #a1a1a1; --btn-border-color: #a1a1a1; --btn-hover-color: #212529; --btn-hover-bg: #afafaf; --btn-hover-border-color: #aaaaaa; --btn-focus-shadow-rgb: 142, 142, 143; --btn-active-color: #212529; --btn-active-bg: #b4b4b4; --btn-active-border-color: #aaaaaa; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #a1a1a1; --btn-disabled-border-color: #a1a1a1; } .o_cc5 .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary{ --btn-color: #cacaca; --btn-border-color: #cacaca; --btn-hover-color: #212529; --btn-hover-bg: #cacaca; --btn-hover-border-color: #cacaca; --btn-focus-shadow-rgb: 201.55, 201.55, 201.55; --btn-active-color: #212529; --btn-active-bg: #cacaca; --btn-active-border-color: #cacaca; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #cacaca; --btn-disabled-bg: transparent; --btn-disabled-border-color: #cacaca; --gradient: none; } .o_cc5 .nav-pills .nav-link.active, .o_cc5 .nav-pills .show > .nav-link, .o_colored_level .o_cc5 .nav-pills .nav-link.active, .o_colored_level .o_cc5 .nav-pills .show > .nav-link{ background-color: #FFFFFF; color: #212529; } .o_cc5 a.list-group-item, .o_colored_level .o_cc5 a.list-group-item{ color: #FFFFFF; } .o_cc5 a.list-group-item.active, .o_colored_level .o_cc5 a.list-group-item.active{ background-color: #FFFFFF; color: #212529; border-color: #FFFFFF; } .o_cc5 .btn-close, .o_colored_level .o_cc5 .btn-close{ filter: var(--btn-close-white-filter); } .btn-custom:hover, .btn-fill-custom:hover{ filter: invert(0.2); } .btn-outline-custom:not(:hover){ background-color: transparent !important; background-image: none !important; } .o_full_screen_height, .cover_full, .o_half_screen_height, .cover_mid{ display: flex; flex-direction: column; justify-content: space-around; min-height: 100vh !important; } .o_half_screen_height, .cover_mid{ min-height: 55vh !important; } @media (min-width: 992px){ .o_container_small{ max-width: 720px; } } .oe_img_bg{ background-size: cover; background-repeat: no-repeat; } .oe_img_bg.o_bg_img_opt_repeat{ background-size: auto; background-repeat: repeat !important; } .oe_img_bg.o_bg_img_center{ background-position: center; } .oe_img_bg.o_bg_img_origin_border_box{ background-origin: border-box; } .text-gradient{ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .text-gradient .o_animated_text, .text-gradient .o_animated_text *, .text-gradient.o_animated_text *, .text-gradient .o_text_highlight, .text-gradient .o_text_highlight *, .text-gradient.o_text_highlight *{ background-image: inherit; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .text-gradient .fa{ display: inherit; } .text-gradient u:not(font[style*="-webkit-text-fill-color"] u), .text-gradient s:not(font[style*="-webkit-text-fill-color"] s){ background-size: 100% 0.1em; background-repeat: repeat-x; background-image: inherit !important; text-decoration-color: transparent !important; color: transparent; caret-color: black; } .text-gradient *{ background-size: 0px; background-image: inherit !important; } .text-gradient s:not(font[style*="-webkit-text-fill-color"] s){ background-position: 0 50%; } .text-gradient u:not(font[style*="-webkit-text-fill-color"] u){ background-position: 0 95%; } .ui-autocomplete{ max-height: 45vh; overflow-y: auto; overflow-x: hidden; } .ui-autocomplete .ui-menu-item{ padding: 0; } .ui-autocomplete .ui-menu-item > .ui-state-active{ border: none; font-weight: normal; margin: 0; } .ui-autocomplete .fw-bold{ font-weight: 700 !important; } .o_editor_banner p, .o_editor_banner h1, .o_editor_banner .h1, .o_editor_banner h2, .o_editor_banner .h2, .o_editor_banner h3, .o_editor_banner .h3, .o_editor_banner ul, .o_editor_banner ol{ margin-bottom: 1rem; } .o_editor_banner ol ol, .o_editor_banner ul ul, .o_editor_banner ol ul, .o_editor_banner ul ol{ margin-bottom: 0; } .o_editor_banner ul.o_checklist > li:not(.oe-nested)::before{ top: 0px !important; } code.o_inline_code{ padding: .2em .4em; border-radius: 0.4rem; background-color: var(--WebEditor__inlineCode-bg, #E9ECEF); font-size: 85%; color: #212529; } /* /html_editor/static/src/scss/html_editor.frontend.scss */ .o_wysiwyg_loader{ pointer-events: none; min-height: 100px; color: transparent; } .o_wysiwyg_loading{ position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); } @media (max-width: 767.98px){ .o_we_shape:not(.o_shape_show_mobile){ display: none; } } .o_we_flip_x{ transform: scaleX(-1); } .o_we_flip_y{ transform: scaleY(-1); } .o_we_flip_x.o_we_flip_y{ transform: scale(-1); } .o_grid_mode{ --grid-item-padding-y: 10px; --grid-item-padding-x: 10px; } @media (max-width: 991.98px){ .o_grid_mode{ column-gap: 0px !important; } } .o_grid_mode > *{ padding: var(--grid-item-padding-y) var(--grid-item-padding-x) !important; } @media (max-width: 991.98px){ .o_grid_mode > *{ padding: var(--grid-item-padding-y) calc(0.5 * var(--gutter-x)) !important; } .o_grid_mode > *.o_grid_item_image{ --mobile-grid-item-padding-x: clamp(0px, calc(var(--grid-item-padding-x) * 100000), calc(0.5 * var(--gutter-x))); padding: var(--grid-item-padding-y) var(--mobile-grid-item-padding-x) !important; } .o_grid_mode > *.o_grid_item_image > img{ max-width: 100%; } } .o_grid_mode > *.o_grid_item_image img{ border-radius: calc(var(--box-border-top-left-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-left-width, 0px))) calc(var(--box-border-top-right-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-right-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-left-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-left-width, 0px))); } @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), 30px); 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: 30px; } .o_extra_menu_items .o_grid_mode{ display: flex !important; row-gap: 0px !important; column-gap: 0px !important; } .o_grid_item_image img, .o_grid_item_image .media_iframe_video{ width: 100% !important; height: 100% !important; object-fit: cover !important; } .o_grid_item_image.o_grid_item_image_contain img, .o_grid_item_image img[data-shape]{ object-fit: contain !important; } .o_grid_item_image:not(.o_grid_item_image_contain) img[data-shape$="geo_square"]:not( [data-hover-effect="dolly_zoom"], [data-hover-effect="outline"], [data-hover-effect="image_mirror_blur"]){ object-fit: cover !important; } .o_grid_item_image > a{ width: 100%; height: 100%; } } body.editor_enable:not(.o_basic_theme) .odoo-editor-editable img::selection{ background-color: transparent !important; } .border{ --box-border-width: var(--border-width); --box-border-top-width: var(--box-border-width); --box-border-right-width: var(--box-border-width); --box-border-bottom-width: var(--box-border-width); --box-border-left-width: var(--box-border-width); border-width: var(--box-border-top-width) var(--box-border-right-width) var(--box-border-bottom-width) var(--box-border-left-width) !important; } .rounded-pill, .rounded-circle, .fa.rounded-empty-circle, .rounded-5, .rounded-4, .rounded-3, .rounded-2, .rounded-1, .rounded-0, .rounded{ --box-border-radius: var(--border-radius); --box-border-top-left-radius: var(--box-border-radius); --box-border-top-right-radius: var(--box-border-radius); --box-border-bottom-right-radius: var(--box-border-radius); --box-border-bottom-left-radius: var(--box-border-radius); border-radius: var(--box-border-top-left-radius) var(--box-border-top-right-radius) var(--box-border-bottom-right-radius) var(--box-border-bottom-left-radius) !important; } /* /html_editor/static/src/scss/base_style.scss */ li.oe-nested{ display: block; } .o_table tr{ border-color: #d8dadd; } .o_table tr td{ padding: 0.5rem; } .o_text_columns{ max-width: 100% !important; padding: 0 !important; } .oe-tabs{ display: inline-block; white-space: pre-wrap; max-width: 40px; width: 40px; } ol{ list-style-type: decimal; } ul{ list-style-type: disc; } ol ol{ list-style-type: lower-alpha; } ul ul{ list-style-type: circle; } ol ol ol{ list-style-type: lower-roman; } ul ul ul{ list-style-type: square; } ol ol ol ol{ list-style-type: decimal; } ul ul ul ul{ list-style-type: disc; } ol ol ol ol ol{ list-style-type: lower-alpha; } ul ul ul ul ul{ list-style-type: circle; } ol ol ol ol ol ol{ list-style-type: lower-roman; } ul ul ul ul ul ul{ list-style-type: square; } ol ol ol ol ol ol ol{ list-style-type: decimal; } ul ul ul ul ul ul ul{ list-style-type: disc; } ol ol ol ol ol ol ol ol{ list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul{ list-style-type: circle; } ol ol ol ol ol ol ol ol ol{ list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul{ list-style-type: square; } ol ol ol ol ol ol ol ol ol ol{ list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul{ list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: circle; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-roman; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: square; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: decimal; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: disc; } ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol{ list-style-type: lower-alpha; } ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul{ list-style-type: circle; } /* /html_editor/static/src/main/selection_placeholder_plugin.scss */ @keyframes blink-caret{ 0%, 49%{ opacity: 1; } 50%, 100%{ opacity: 0; } } *[data-selection-placeholder]{ height: 0; margin: 0 0 -1px !important; border-top: solid transparent 1px; caret-color: transparent; position: relative; } *[data-selection-placeholder].o-horizontal-caret{ border-top-color: gray; z-index: 1; animation: blink-caret 1.3s infinite; } *[data-selection-placeholder]:after{ content: none !important; } /* /portal/static/src/scss/portal.scss */ body{ direction: ltr; } .o_skip_to_content{ z-index: 1031; } header .navbar-brand{ flex: 0 0 auto; max-width: 75%; } header .navbar-brand.logo{ padding-top: 0; padding-bottom: 0; } header .navbar-brand.logo img{ object-fit: contain; display: block; width: auto; height: 2.5rem; } @media (max-width: 767.98px){ header .navbar-brand.logo img{ max-height: 2.5rem; } } header .nav-link{ white-space: nowrap; } .navbar{ margin-bottom: 0; } @media (max-width: 767.98px){ .navbar .nav.navbar-nav.float-end{ float: none !important; } } @media (min-width: 768px){ .navbar-expand-md ul.nav > li.divider{ display: list-item; } } ul.flex-column > li > a{ padding: 2px 15px; } a.fa:hover, .btn-link.fa:hover{ text-decoration: none; } .jumbotron{ margin-bottom: 0; } li > p{ margin: 0; } .container-fluid .container-fluid, .container-sm .container-fluid, .container-md .container-fluid, .container-lg .container-fluid, .container-xl .container-fluid, .container-xxl .container-fluid, .container-fluid .container-sm, .container-sm .container-sm, .container-md .container-sm, .container-lg .container-sm, .container-xl .container-sm, .container-xxl .container-sm, .container-fluid .container-md, .container-sm .container-md, .container-md .container-md, .container-lg .container-md, .container-xl .container-md, .container-xxl .container-md, .container-fluid .container-lg, .container-sm .container-lg, .container-md .container-lg, .container-lg .container-lg, .container-xl .container-lg, .container-xxl .container-lg, .container-fluid .container-xl, .container-sm .container-xl, .container-md .container-xl, .container-lg .container-xl, .container-xl .container-xl, .container-xxl .container-xl, .container-fluid .container-xxl, .container-sm .container-xxl, .container-md .container-xxl, .container-lg .container-xxl, .container-xl .container-xxl, .container-xxl .container-xxl, .container .container, .o_container_small .container, .container .o_container_small, .o_container_small .o_container_small, .container .container-fluid, .o_container_small .container-fluid, .container .container-sm, .o_container_small .container-sm, .container .container-md, .o_container_small .container-md, .container .container-lg, .o_container_small .container-lg, .container .container-xl, .o_container_small .container-xl, .container .container-xxl, .o_container_small .container-xxl{ padding-right: 0; padding-left: 0; } #wrap .container::before, #wrap .o_container_small::before, #wrap .container::after, #wrap .o_container_small::after, #wrap .container-fluid::before, #wrap .container-sm::before, #wrap .container-md::before, #wrap .container-lg::before, #wrap .container-xl::before, #wrap .container-xxl::before, #wrap .container-fluid::after, #wrap .container-sm::after, #wrap .container-md::after, #wrap .container-lg::after, #wrap .container-xl::after, #wrap .container-xxl::after{ content: ""; display: table; clear: both; } #wrap .navbar > .container::before, #wrap .navbar > .container-fluid::before, #wrap .navbar > .container-sm::before, #wrap .navbar > .container-md::before, #wrap .navbar > .container-lg::before, #wrap .navbar > .container-xl::before, #wrap .navbar > .container-xxl::before, #wrap .navbar > .o_container_small::before, #wrap .navbar > .container::after, #wrap .navbar > .container-fluid::after, #wrap .navbar > .container-sm::after, #wrap .navbar > .container-md::after, #wrap .navbar > .container-lg::after, #wrap .navbar > .container-xl::after, #wrap .navbar > .container-xxl::after, #wrap .navbar > .o_container_small::after{ display: none; } [class^="col-lg-"]{ min-height: 24px; } .input-group:where(:not(:has(.was-validated :invalid ~ .invalid-feedback, .is-invalid ~ .invalid-feedback))){ flex-flow: row nowrap; } .list-group-item:not([class*="list-group-item-"]):not(.active){ color: #212529; } .o_portal_wrap .o_portal_navbar .breadcrumb, .o_portal .breadcrumb{ background-color: inherit; } .o_page_header{ margin-bottom: 1rem; padding-bottom: 0.5rem; 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: 15px; } img.float-start, .media_iframe_video.float-start, .o_image.float-start{ margin-right: 15px; } ::-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.625rem 0 0; padding: 0.625rem 15px; border-top: 1px solid var(--o-border-color); background-color: #E9ECEF; } } .o_portal_wrap table.table tr{ word-wrap: break-word; } .o_portal_address span[itemprop="name"]{ display: inline-block; margin-bottom: 0.25rem; font-weight: 700; } .o_portal_address div[itemprop="address"] > div{ position: relative; } .o_portal_address div[itemprop="address"] > div span[itemprop="streetAddress"]{ line-height: 1.2; margin-bottom: 0.3em; } .o_portal_address div[itemprop="address"] > div .fa{ line-height: 1.5; color: #7c7f89; } .o_portal_address div[itemprop="address"] > div .fa + span, .o_portal_address div[itemprop="address"] > div .fa + div{ display: block; } .o_address_card .o_portal_address{ display: flex; flex-direction: column; justify-content: space-between; gap: 0.5rem; } .o_address_card span[itemprop="streetAddress"]{ color: var(--secondary-color); } .oe_attachments .o_image_small{ height: 40px; width: 50px; background-repeat: no-repeat; } .o_portal_sidebar .o_portal_html_view .o_portal_html_loader{ position: absolute; top: 45%; left: 0; bottom: auto; right: 0; } .o_portal_sidebar .o_portal_sidebar_content span.oe_currency_value{ word-break: break-word !important; white-space: normal !important; } .o_portal_chatter{ padding: 10px; } .o_portal_chatter .o_portal_chatter_avatar{ --Avatar-size: 45px; } .o_portal_chatter .o_portal_chatter_header{ margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_composer{ margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_messages{ margin-bottom: 15px; overflow-wrap: break-word; word-break: break-word; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message div.flex-grow-1 > p:not(.o_portal_chatter_puslished_date):last-of-type{ margin-bottom: 5px; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message_title p{ font-size: 85%; color: rgba(33, 37, 41, 0.7); margin: 0px; } .o_portal_chatter .o_portal_chatter_pager{ text-align: center; } .o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_name, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_name{ max-width: 200px; } .o_portal_chatter .o_portal_chatter_attachment .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment .o_portal_chatter_attachment_delete{ position: absolute; top: 0; left: auto; bottom: auto; right: 0; opacity: 0; } .o_portal_chatter .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete, .o_portal_chatter_composer .o_portal_chatter_attachment:hover .o_portal_chatter_attachment_delete{ opacity: 1; } .o_portal_chatter .o_portal_message_internal_off .o_portal_chatter_visibility_on, .o_portal_chatter_composer .o_portal_message_internal_off .o_portal_chatter_visibility_on{ display: none; } .o_portal_chatter .o_portal_message_internal_on .o_portal_chatter_visibility_off, .o_portal_chatter_composer .o_portal_message_internal_on .o_portal_chatter_visibility_off{ display: none; } .o_portal_security_body section{ margin-top: 3rem; border-top: 1px solid var(--o-border-color); padding-top: 1.5rem; } .o_portal_security_body section form.oe_reset_password_form{ max-width: initial; margin: initial; } .o_portal_security_body section label, .o_portal_security_body section button{ white-space: nowrap; } .o_portal_security_body section[name="portal_deactivate_account"] label{ white-space: normal !important; } .o_portal .o_portal_addresses{ max-width: 700px; } .o_customer_address_fill .col-form-label:not(.label-optional)::after{ content: " *"; font-weight: normal; } .oe_clear_stucture > .oe_structure{ clear: both; } .o_footer_copyright .o_footer_copyright_name{ vertical-align: middle; } .o_footer_copyright .js_language_selector{ display: inline-block; } @media (min-width: 768px){ .o_footer_copyright .row{ display: flex; } .o_footer_copyright .row > div{ margin: auto 0; } } /* /google_recaptcha/static/src/scss/recaptcha.scss */ .grecaptcha-badge{ visibility: hidden; } /* /html_builder/static/src/scss/background.scss */ .o_background_video, .parallax, section, .oe_img_bg, [data-oe-shape-data], .o_background_video > *, .parallax > *, section > *, .oe_img_bg > *, [data-oe-shape-data] > *{ position: relative; } .parallax > .s_parallax_bg, .o_bg_video_container, .o_we_shape, .o_we_bg_filter{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat; pointer-events: none; border-radius: calc(var(--box-border-top-left-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-left-width, 0px))) calc(var(--box-border-top-right-radius, 0px) - max(var(--box-border-top-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-right-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-right-width, 0px))) calc(var(--box-border-bottom-left-radius, 0px) - max(var(--box-border-bottom-width, 0px), var(--box-border-left-width, 0px))); } .o_we_shape.o_we_animated{ will-change: transform; } .o_we_shape.o_web_editor_Airy_01_001{ background-image: url("../images/01_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_02_001{ background-image: url("../images/02_001.svg"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_06_001{ background-image: url("../images/06_001.svg"); background-position: left bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_07_001{ background-image: url("../images/07_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_08_001{ background-image: url("../images/08_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_09_001{ background-image: url("../images/09_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_10_001{ background-image: url("../images/10_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_11_001{ background-image: url("../images/11_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12_002{ background-image: url("../images/12_002.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13_002{ background-image: url("../images/13_002.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_14_001{ background-image: url("../images/14_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_15{ background-image: url("../images/15.svg"); background-position: 150% center; background-size: 85% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_16{ background-image: url("../images/16.svg"); background-position: center right; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_17{ background-image: url("../images/17.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_01{ background-image: url("../images/01.svg"); background-position: right bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_02{ background-image: url("../images/02.svg"); background-position: left bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_03{ background-image: url("../images/03_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_04{ background-image: url("../images/04.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_05{ background-image: url("../images/05.svg"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_06{ background-image: url("../images/06.svg"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_07{ background-image: url("../images/07.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_08{ background-image: url("../images/08.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_09{ background-image: url("../images/09.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01_001{ background-image: url("../images/01_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_02{ background-image: url("../images/02_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_03{ background-image: url("../images/03.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_04_001{ background-image: url("../images/04_001.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_05_001{ background-image: url("../images/05_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_06_001{ background-image: url("../images/06_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10_002{ background-image: url("../images/10_002.svg"); background-position: right; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_13{ background-image: url("../images/13.svg"); background-position: bottom; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_14{ background-image: url("../images/14_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_15{ background-image: url("../images/15_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_16{ background-image: url("../images/16_1.svg"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_17{ background-image: url("../images/17_2.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_18{ background-image: url("../images/18.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01_001{ background-image: url("../images/01_001_3.svg"); 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("../images/02_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_04{ background-image: url("../images/04_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_01{ background-image: url("../images/01_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_02{ background-image: url("../images/02_2.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_03{ background-image: url("../images/03_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_04{ background-image: url("../images/04_2.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_05{ background-image: url("../images/05_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_06{ background-image: url("../images/06_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_01_001{ background-image: url("../images/01_001_2.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_13{ background-image: url("../images/13_1.svg"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_14{ background-image: url("../images/14.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_15{ background-image: url("../images/15_2.svg"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_16{ background-image: url("../images/16_2.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_17{ background-image: url("../images/17_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_18{ background-image: url("../images/18_1.svg"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_19{ background-image: url("../images/19.svg"); background-position: left top; background-size: 100% 12rem; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_20{ background-image: url("../images/20.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_21{ background-image: url("../images/21.svg"); background-position: right bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_22{ background-image: url("../images/22.svg"); background-position: right top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_23{ background-image: url("../images/23.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_01{ background-image: url("../images/01_2.svg"); 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("../images/02_3.svg"); 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("../images/03_3.svg"); 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("../images/04_3.svg"); 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("../images/05_2.svg"); 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("../images/06_2.svg"); 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("../images/07_1.svg"); 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("../images/08_1.svg"); 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("../images/09_1.svg"); 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("../images/10.svg"); 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("../images/11.svg"); 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("../images/12.svg"); 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("../images/13_2.svg"); background-position: bottom; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_14{ background-image: url("../images/14_2.svg"); 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("../images/15_3.svg"); 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("../images/16_3.svg"); 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("../images/17_3.svg"); 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("../images/18_2.svg"); 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("../images/19_1.svg"); 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("../images/20_1.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-big); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_01{ background-image: url("../images/01_3.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_02{ background-image: url("../images/02_5.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_03{ background-image: url("../images/03_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_04{ background-image: url("../images/04_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_05{ background-image: url("../images/05_3.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_06{ background-image: url("../images/06_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_01{ background-image: url("../images/01_4.svg"); 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("../images/02_4.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_03{ background-image: url("../images/03_5.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_04{ background-image: url("../images/04_8.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_05{ background-image: url("../images/05_5.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_06{ background-image: url("../images/06_3.svg"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_07{ background-image: url("../images/07_3.svg"); 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("../images/08_3.svg"); 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("../images/09_2.svg"); 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("../images/10_7.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_11{ background-image: url("../images/11_3.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_12{ background-image: url("../images/12_5.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Floats_13{ background-image: url("../images/13_3.svg"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_14{ background-image: url("../images/14_4.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Grids_01{ background-image: url("../images/01_6.svg"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_02{ background-image: url("../images/02_6.svg"); background-position: right center; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_03{ background-image: url("../images/03_6.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_04{ background-image: url("../images/04_6.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_05{ background-image: url("../images/05_4.svg"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_06{ background-image: url("../images/06_6.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_07{ background-image: url("../images/07_2.svg"); background-position: right center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_08{ background-image: url("../images/08_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Patterns_01{ background-image: url("../images/01_5.svg"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_02{ background-image: url("../images/02_11.svg"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_03{ background-image: url("../images/03_7.svg"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_04{ background-image: url("../images/04_5.svg"); background-position: center; background-size: var(--ShapePattern--size-tiny) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_05{ background-image: url("../images/05_6.svg"); background-position: center; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Rainy_01_001{ background-image: url("../images/01_001_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02_001{ background-image: url("../images/02_001_2.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_06{ background-image: url("../images/06_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_07{ background-image: url("../images/07_4.svg"); 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("../images/08_001_2.svg"); 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("../images/09_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_10{ background-image: url("../images/10_5.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_03{ background-image: url("../images/03_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_04{ background-image: url("../images/04_7.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_08_001{ background-image: url("../images/08_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_09_001{ background-image: url("../images/09_001_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_10{ background-image: url("../images/10_1.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_11_001{ background-image: url("../images/11_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_18{ background-image: url("../images/18_3.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_22_001{ background-image: url("../images/22_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_24{ background-image: url("../images/24.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_26{ background-image: url("../images/26.svg"); 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("../images/27.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_29{ background-image: url("../images/29.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_30{ background-image: url("../images/30.svg"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_31{ background-image: url("../images/31.svg"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01_001{ background-image: url("../images/01_001_4.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_01{ background-image: url("../images/01_7.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_02{ background-image: url("../images/02_7.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_03{ background-image: url("../images/03_9.svg"); 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("../images/03_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_04{ background-image: url("../images/04_9.svg"); 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("../images/04_001_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_05{ background-image: url("../images/05_7.svg"); 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("../images/05_001_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_06{ background-image: url("../images/06_9.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_07{ background-image: url("../images/07_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_08{ background-image: url("../images/08_4.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_09{ background-image: url("../images/09_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_10{ background-image: url("../images/10_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_11{ background-image: url("../images/11_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12{ background-image: url("../images/12_1.svg"); 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("../images/12_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13{ background-image: url("../images/13_4.svg"); 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("../images/13_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_14{ background-image: url("../images/14_3.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01{ background-image: url("../images/01_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_04{ background-image: url("../images/04_11.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_05{ background-image: url("../images/05_8.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_06{ background-image: url("../images/06_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_07{ background-image: url("../images/07_5.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_08{ background-image: url("../images/08_5.svg"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_09{ background-image: url("../images/09_3.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10{ background-image: url("../images/10_3.svg"); 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("../images/10_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_11{ background-image: url("../images/11_2.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_12{ background-image: url("../images/12_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01{ background-image: url("../images/01_9.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_02{ background-image: url("../images/02_9.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_03{ background-image: url("../images/03_11.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_01{ background-image: url("../images/01_10.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_02{ background-image: url("../images/02_8.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_03{ background-image: url("../images/03_10.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_04{ background-image: url("../images/04_10.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_05{ background-image: url("../images/05_9.svg"); 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("../images/05_001_2.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_06{ background-image: url("../images/06_7.svg"); 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("../images/06_001_2.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_07{ background-image: url("../images/07_6.svg"); 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("../images/07_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_08{ background-image: url("../images/08_6.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_09{ background-image: url("../images/09_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_10{ background-image: url("../images/10_4.svg"); 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("../images/10_001_2.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_11{ background-image: url("../images/11_4.svg"); 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("../images/11_001_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_12{ background-image: url("../images/12_3.svg"); 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("../images/12_001_1.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_01{ background-image: url("../images/01_11.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_02{ background-image: url("../images/02_10.svg"); 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("../images/02_001_3.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_03{ background-image: url("../images/03_12.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_04{ background-image: url("../images/04_12.svg"); 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("../images/04_001_2.svg"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_05{ background-image: url("../images/05_10.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_06{ background-image: url("../images/06_10.svg"); 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("../images/06_001_3.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07{ background-image: url("../images/07_7.svg"); 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("../images/07_001_2.svg"); 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("../images/07_002.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_08{ background-image: url("../images/08_7.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_09{ background-image: url("../images/09_6.svg"); 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("../images/09_001_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_10{ background-image: url("../images/10_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_11{ background-image: url("../images/11_5.svg"); 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("../images/11_001_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_12{ background-image: url("../images/12_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_13{ background-image: url("../images/13_5.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_14{ background-image: url("../images/14_5.svg"); 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("../images/14_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_15{ background-image: url("../images/15_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_16{ background-image: url("../images/16_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_17{ background-image: url("../images/17_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_18{ background-image: url("../images/18_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_19{ background-image: url("../images/19_2.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_01{ background-image: url("../images/01_14.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02{ background-image: url("../images/02_14.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_03{ background-image: url("../images/03_13.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_03_001{ background-image: url("../images/03_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_04{ background-image: url("../images/04_13.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_05{ background-image: url("../images/05_11.svg"); 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("../images/05_001_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_08{ background-image: url("../images/08_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_09{ background-image: url("../images/09_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_01{ background-image: url("../images/01_12.svg"); 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("../images/01_001_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_02{ background-image: url("../images/02_12.svg"); 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("../images/02_001_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_05{ background-image: url("../images/05_12.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_06{ background-image: url("../images/06_11.svg"); 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("../images/06_001_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_07{ background-image: url("../images/07_9.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_08{ background-image: url("../images/08_9.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_09{ background-image: url("../images/09_7.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_11{ background-image: url("../images/11_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_12{ background-image: url("../images/12_6.svg"); 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("../images/12_001_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_13{ background-image: url("../images/13_6.svg"); 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("../images/13_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_14{ background-image: url("../images/14_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_15{ background-image: url("../images/15_5.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_16{ background-image: url("../images/16_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_17{ background-image: url("../images/17_5.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_19{ background-image: url("../images/19_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_20{ background-image: url("../images/20_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_21{ background-image: url("../images/21_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_22{ background-image: url("../images/22_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_23{ background-image: url("../images/23_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_25{ background-image: url("../images/25.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_28{ background-image: url("../images/28.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01{ background-image: url("../images/01_13.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_02{ background-image: url("../images/02_13.svg"); 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("../images/02_001_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_03{ background-image: url("../images/03_14.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Zigs_04{ background-image: url("../images/04_14.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_05{ background-image: url("../images/05_13.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_06{ background-image: url("../images/06_12.svg"); background-position: bottom; background-size: 30px 100%; background-repeat: repeat no-repeat; } .o_we_shape.o_html_builder_Airy_01_001{ background-image: url("../images/01_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_02_001{ background-image: url("../images/02_001.svg"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_06_001{ background-image: url("../images/06_001.svg"); background-position: left bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_07_001{ background-image: url("../images/07_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_08_001{ background-image: url("../images/08_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_09_001{ background-image: url("../images/09_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_10_001{ background-image: url("../images/10_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_11_001{ background-image: url("../images/11_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_12_002{ background-image: url("../images/12_002.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_13_002{ background-image: url("../images/13_002.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_14_001{ background-image: url("../images/14_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_15{ background-image: url("../images/15.svg"); background-position: 150% center; background-size: 85% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_16{ background-image: url("../images/16.svg"); background-position: center right; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_17{ background-image: url("../images/17.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_01{ background-image: url("../images/01.svg"); background-position: right bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_02{ background-image: url("../images/02.svg"); background-position: left bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_03{ background-image: url("../images/03_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_04{ background-image: url("../images/04.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_05{ background-image: url("../images/05.svg"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_06{ background-image: url("../images/06.svg"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_07{ background-image: url("../images/07.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_08{ background-image: url("../images/08.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_09{ background-image: url("../images/09.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_01_001{ background-image: url("../images/01_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_02{ background-image: url("../images/02_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_03{ background-image: url("../images/03.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_04_001{ background-image: url("../images/04_001.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_05_001{ background-image: url("../images/05_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_06_001{ background-image: url("../images/06_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_10_002{ background-image: url("../images/10_002.svg"); background-position: right; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_13{ background-image: url("../images/13.svg"); background-position: bottom; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_14{ background-image: url("../images/14_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_15{ background-image: url("../images/15_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_16{ background-image: url("../images/16_1.svg"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_17{ background-image: url("../images/17_2.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_18{ background-image: url("../images/18.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_01_001{ background-image: url("../images/01_001_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_02_001{ background-image: url("../images/02_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_04{ background-image: url("../images/04_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_01{ background-image: url("../images/01_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_02{ background-image: url("../images/02_2.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_03{ background-image: url("../images/03_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_04{ background-image: url("../images/04_2.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_05{ background-image: url("../images/05_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_06{ background-image: url("../images/06_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_01_001{ background-image: url("../images/01_001_2.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_13{ background-image: url("../images/13_1.svg"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_14{ background-image: url("../images/14.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_15{ background-image: url("../images/15_2.svg"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_16 { background-image: url("assets/images/serv_con.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; } .o_we_shape.o_html_builder_Bold_17{ background-image: url("../images/17_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_18{ background-image: url("../images/18_1.svg"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_19{ background-image: url("../images/19.svg"); background-position: left top; background-size: 100% 12rem; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_20{ background-image: url("../images/20.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_21{ background-image: url("../images/21.svg"); background-position: right bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_22{ background-image: url("../images/22.svg"); background-position: right top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_23{ background-image: url("../images/23.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_01{ background-image: url("../images/01_2.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_02{ background-image: url("../images/02_3.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_03{ background-image: url("../images/03_3.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_04{ background-image: url("../images/04_3.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_05{ background-image: url("../images/05_2.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_06{ background-image: url("../images/06_2.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_07{ background-image: url("../images/07_1.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_08{ background-image: url("../images/08_1.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_09{ background-image: url("../images/09_1.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_10{ background-image: url("../images/10.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_11{ background-image: url("../images/11.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_12{ background-image: url("../images/12.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_13{ background-image: url("../images/13_2.svg"); background-position: bottom; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_14{ background-image: url("../images/14_2.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_15{ background-image: url("../images/15_3.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_16{ background-image: url("../images/16_3.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_17{ background-image: url("../images/17_3.svg"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_html_builder_Connections_18{ background-image: url("../images/18_2.svg"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_html_builder_Connections_19{ background-image: url("../images/19_1.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_20{ background-image: url("../images/20_1.svg"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-big); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_01{ background-image: url("../images/01_3.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_02{ background-image: url("../images/02_5.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_03{ background-image: url("../images/03_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_04{ background-image: url("../images/04_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_05{ background-image: url("../images/05_3.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_06{ background-image: url("../images/06_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_01{ background-image: url("../images/01_4.svg"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_02{ background-image: url("../images/02_4.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_03{ background-image: url("../images/03_5.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_04{ background-image: url("../images/04_8.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_05{ background-image: url("../images/05_5.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_06{ background-image: url("../images/06_3.svg"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_07{ background-image: url("../images/07_3.svg"); background-position: right bottom; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_08{ background-image: url("../images/08_3.svg"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_09{ background-image: url("../images/09_2.svg"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_10{ background-image: url("../images/10_7.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_11{ background-image: url("../images/11_3.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_12{ background-image: url("../images/12_5.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Floats_13{ background-image: url("../images/13_3.svg"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_14{ background-image: url("../images/14_4.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Grids_01{ background-image: url("../images/01_6.svg"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_02{ background-image: url("../images/02_6.svg"); background-position: right center; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_03{ background-image: url("../images/03_6.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_04{ background-image: url("../images/04_6.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_05{ background-image: url("../images/05_4.svg"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_06{ background-image: url("../images/06_6.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_07{ background-image: url("../images/07_2.svg"); background-position: right center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_08{ background-image: url("../images/08_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Patterns_01{ background-image: url("../images/01_5.svg"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_02{ background-image: url("../images/02_11.svg"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_03{ background-image: url("../images/03_7.svg"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_04{ background-image: url("../images/04_5.svg"); background-position: center; background-size: var(--ShapePattern--size-tiny) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_05{ background-image: url("../images/05_6.svg"); background-position: center; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Rainy_01_001{ background-image: url("../images/01_001_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_02_001{ background-image: url("../images/02_001_2.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_06{ background-image: url("../images/06_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_07{ background-image: url("../images/07_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_08_001{ background-image: url("../images/08_001_2.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_09_001{ background-image: url("../images/09_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_10{ background-image: url("../images/10_5.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_03{ background-image: url("../images/03_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_04{ background-image: url("../images/04_7.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_08_001{ background-image: url("../images/08_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_09_001{ background-image: url("../images/09_001_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_10{ background-image: url("../images/10_1.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_11_001{ background-image: url("../images/11_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_18{ background-image: url("../images/18_3.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_22_001{ background-image: url("../images/22_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_24{ background-image: url("../images/24.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_26{ background-image: url("../images/26.svg"); background-position: bottom right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_27{ background-image: url("../images/27.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_29{ background-image: url("../images/29.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_30{ background-image: url("../images/30.svg"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_31{ background-image: url("../images/31.svg"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_01_001{ background-image: url("../images/01_001_4.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_01{ background-image: url("../images/01_7.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_02{ background-image: url("../images/02_7.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_03{ background-image: url("../images/03_9.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_03_001{ background-image: url("../images/03_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_04{ background-image: url("../images/04_9.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_04_001{ background-image: url("../images/04_001_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_05{ background-image: url("../images/05_7.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_05_001{ background-image: url("../images/05_001_1.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_06{ background-image: url("../images/06_9.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_07{ background-image: url("../images/07_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_08{ background-image: url("../images/08_4.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_09{ background-image: url("../images/09_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_10{ background-image: url("../images/10_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_11{ background-image: url("../images/11_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_12{ background-image: url("../images/12_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_12_001{ background-image: url("../images/12_001.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_13{ background-image: url("../images/13_4.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_13_001{ background-image: url("../images/13_001.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_14{ background-image: url("../images/14_3.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_01{ background-image: url("../images/01_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_04{ background-image: url("../images/04_11.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_05{ background-image: url("../images/05_8.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_06{ background-image: url("../images/06_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_07{ background-image: url("../images/07_5.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_08{ background-image: url("../images/08_5.svg"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_09{ background-image: url("../images/09_3.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_10{ background-image: url("../images/10_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_10_001{ background-image: url("../images/10_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_11{ background-image: url("../images/11_2.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_12{ background-image: url("../images/12_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_01{ background-image: url("../images/01_9.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_02{ background-image: url("../images/02_9.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_03{ background-image: url("../images/03_11.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_01{ background-image: url("../images/01_10.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_02{ background-image: url("../images/02_8.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_03{ background-image: url("../images/03_10.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_04{ background-image: url("../images/04_10.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_05{ background-image: url("../images/05_9.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_05_001{ background-image: url("../images/05_001_2.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_06{ background-image: url("../images/06_7.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_06_001{ background-image: url("../images/06_001_2.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_07{ background-image: url("../images/07_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_07_001{ background-image: url("../images/07_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_08{ background-image: url("../images/08_6.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_09{ background-image: url("../images/09_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_10{ background-image: url("../images/10_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_10_001{ background-image: url("../images/10_001_2.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_11{ background-image: url("../images/11_4.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_11_001{ background-image: url("../images/11_001_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_12{ background-image: url("../images/12_3.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_12_001{ background-image: url("../images/12_001_3.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_01{ background-image: url("../images/01_11.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_02{ background-image: url("../images/02_10.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_02_001{ background-image: url("../images/02_001_3.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_03{ background-image: url("../images/03_12.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_04{ background-image: url("../images/04_12.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_04_001{ background-image: url("../images/04_001_2.svg"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_05{ background-image: url("../images/05_10.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_06{ background-image: url("../images/06_10.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_06_001{ background-image: url("../images/06_001_3.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_07{ background-image: url("../images/07_7.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_07_001{ background-image: url("../images/07_001_2.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_07_002{ background-image: url("../images/07_002.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_08{ background-image: url("../images/08_7.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_09{ background-image: url("../images/09_6.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_09_001{ background-image: url("../images/09_001_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_10{ background-image: url("../images/10_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_11{ background-image: url("../images/11_5.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_11_001{ background-image: url("../images/11_001_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_12{ background-image: url("../images/12_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_13{ background-image: url("../images/13_5.svg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_14{ background-image: url("../images/14_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_14_001{ background-image: url("../images/14_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_15{ background-image: url("../images/15_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_16{ background-image: url("../images/16_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_17{ background-image: url("../images/17_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_18{ background-image: url("../images/18_4.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_19{ background-image: url("../images/19_2.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_01{ background-image: url("../images/01_14.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_02{ background-image: url("../images/02_14.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_03{ background-image: url("../images/03_13.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Rainy_03_001{ background-image: url("../images/03_001_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Rainy_04{ background-image: url("../images/04_13.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_05{ background-image: url("../images/05_11.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_05_001{ background-image: url("../images/05_001_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_08{ background-image: url("../images/08_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_09{ background-image: url("../images/09_8.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_01{ background-image: url("../images/01_12.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_01_001{ background-image: url("../images/01_001_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_02{ background-image: url("../images/02_12.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_02_001{ background-image: url("../images/02_001_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_05{ background-image: url("../images/05_12.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_06{ background-image: url("../images/06_11.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_06_001{ background-image: url("../images/06_001_4.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_07{ background-image: url("../images/07_9.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_08{ background-image: url("../images/08_9.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_09{ background-image: url("../images/09_7.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_11{ background-image: url("../images/11_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_12{ background-image: url("../images/12_6.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_12_001{ background-image: url("../images/12_001_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_13{ background-image: url("../images/13_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_13_001{ background-image: url("../images/13_001_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_14{ background-image: url("../images/14_6.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_15{ background-image: url("../images/15_5.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_16{ background-image: url("../images/16_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_17{ background-image: url("../images/17_5.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_19{ background-image: url("../images/19_3.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_20{ background-image: url("../images/20_2.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_21{ background-image: url("../images/21_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_22{ background-image: url("../images/22_1.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_23{ background-image: url("../images/23_1.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_25{ background-image: url("../images/25.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_28{ background-image: url("../images/28.svg"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_01{ background-image: url("../images/01_13.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_02{ background-image: url("../images/02_13.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_02_001{ background-image: url("../images/02_001_5.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_03{ background-image: url("../images/03_14.svg"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Zigs_04{ background-image: url("../images/04_14.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_05{ background-image: url("../images/05_13.svg"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_06{ background-image: url("../images/06_12.svg"); background-position: bottom; background-size: 30px 100%; background-repeat: repeat no-repeat; } /* /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: #DEE2E6; --o-border-color: color-mix(in srgb, currentColor 15%, transparent); --support-13-0-color-system: false; --has-customized-13-0-color-system: false; --header-font-size: 1rem; --headings-font: 'Inter'; --navbar-font: 'Inter'; --buttons-font: 'Inter'; --menu: 4; --header-sales_one: 2; --header-sales_two: 5; --header-sales_three: 2; --header-sales_four: 1; --footer: 4; --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; --small-font-size: 0.875rem; --body-image-type: 'image'; --layout: 'full'; --color-palettes-name: 'default-1'; --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: 'hover'; --btn-ripple: true; --btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-padding-y-lg: 1rem; --btn-padding-x-lg: 2rem; --btn-border-radius: 10rem; --btn-border-radius-sm: 10rem; --btn-border-radius-lg: 10rem; --font: 'Inter'; --headings-font: 'Manrope'; --buttons-font: 'Manrope'; --header-template: 'default'; --header-font-size: 1rem; --header-links-style: 'fill'; --hamburger-position: 'left'; --hamburger-position-mobile: 'right'; --menu-border-style: 'solid'; --menu-border-radius: 0; --menu-box-shadow: #000000 0px 1px 3px 0px; --sidebar-width: 18.75rem; --footer-template: 'centered'; --footer-scrolltop: false; --fixed-logo-height: 2.5rem; --logo-height: 2.5rem; --fixed-logo-height: 2.5rem; --number-of-fonts: 14; --font-number-1: 'SYSTEM_FONTS'; --font-number-2: 'Roboto'; --font-number-3: 'Roboto Slab'; --font-number-4: 'Dosis'; --font-number-5: 'Lato'; --font-number-6: 'Advent Pro'; --font-number-7: 'Oswald'; --font-number-8: 'Oxygen'; --font-number-9: 'Open Sans'; --font-number-10: 'Merriweather'; --font-number-11: 'Montserrat'; --font-number-12: 'Nunito'; --font-number-13: 'Manrope'; --font-number-14: 'Inter'; --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: 'Manrope'; --h3-font: 'Manrope'; --h4-font: 'Manrope'; --h5-font: 'Manrope'; --h6-font: 'Manrope'; --display-1-font: 'Manrope'; --display-2-font: 'Manrope'; --display-3-font: 'Manrope'; --display-4-font: 'Manrope'; --set-headings-font: "Manrope", "Odoo Unicode Support Noto", sans-serif; --headings-line-height: 1.2; --headings-margin-top: 0; --headings-margin-bottom: 0.5rem; --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: 0.5rem; --h3-margin-bottom: 0.5rem; --h4-margin-bottom: 0.5rem; --h5-margin-bottom: 0.5rem; --h6-margin-bottom: 0.5rem; --display-1-margin-bottom: 0.5rem; --display-2-margin-bottom: 0.5rem; --display-3-margin-bottom: 0.5rem; --display-4-margin-bottom: 0.5rem; --set-buttons-font: "Manrope", "Odoo Unicode Support Noto", sans-serif; --btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-font-size: 1rem; --btn-padding-y-sm: 0.0625rem; --btn-padding-x-sm: 0.3125rem; --btn-font-size-sm: 0.875rem; --btn-padding-y-lg: 1rem; --btn-padding-x-lg: 2rem; --btn-font-size-lg: 1.25rem; --btn-border-width: var(--border-width); --btn-border-radius: 10rem; --btn-border-radius-sm: 10rem; --btn-border-radius-lg: 10rem; --input-padding-y: 0.375rem; --input-padding-x: 0.75rem; --input-font-size: 1rem; --input-padding-y-sm: 0.25rem; --input-padding-x-sm: 0.5rem; --input-font-size-sm: 0.875rem; --input-padding-y-lg: 0.5rem; --input-padding-x-lg: 1rem; --input-font-size-lg: 1.25rem; --input-border-width: var(--border-width); --input-border-radius: var(--border-radius); --input-border-radius-sm: var(--border-radius-sm); --input-border-radius-lg: var(--border-radius-lg); --color-palettes-name: 'default-1'; --has-customized-colors: false; --custom-colors: "o-color-1" "o-color-2" "o-color-3" "o-color-4" "o-color-5" "body" "input" "menu" "menu-custom" "menu-border-color" "header-sales_one" "header-sales_one-custom" "header-sales_two" "header-sales_two-custom" "header-sales_three" "header-sales_three-custom" "header-sales_four" "header-sales_four-custom" "footer" "footer-custom" "copyright" "copyright-custom" "o-cc1-bg" "o-cc1-text" "o-cc1-headings" "o-cc1-h2" "o-cc1-h3" "o-cc1-h4" "o-cc1-h5" "o-cc1-h6" "o-cc1-link" "o-cc1-btn-primary" "o-cc1-btn-primary-border" "o-cc1-btn-secondary" "o-cc1-btn-secondary-border" "o-cc2-bg" "o-cc2-text" "o-cc2-headings" "o-cc2-h2" "o-cc2-h3" "o-cc2-h4" "o-cc2-h5" "o-cc2-h6" "o-cc2-link" "o-cc2-btn-primary" "o-cc2-btn-primary-border" "o-cc2-btn-secondary" "o-cc2-btn-secondary-border" "o-cc3-bg" "o-cc3-text" "o-cc3-headings" "o-cc3-h2" "o-cc3-h3" "o-cc3-h4" "o-cc3-h5" "o-cc3-h6" "o-cc3-link" "o-cc3-btn-primary" "o-cc3-btn-primary-border" "o-cc3-btn-secondary" "o-cc3-btn-secondary-border" "o-cc4-bg" "o-cc4-text" "o-cc4-headings" "o-cc4-h2" "o-cc4-h3" "o-cc4-h4" "o-cc4-h5" "o-cc4-h6" "o-cc4-link" "o-cc4-btn-primary" "o-cc4-btn-primary-border" "o-cc4-btn-secondary" "o-cc4-btn-secondary-border" "o-cc5-bg" "o-cc5-text" "o-cc5-headings" "o-cc5-h2" "o-cc5-h3" "o-cc5-h4" "o-cc5-h5" "o-cc5-h6" "o-cc5-link" "o-cc5-btn-primary" "o-cc5-btn-primary-border" "o-cc5-btn-secondary" "o-cc5-btn-secondary-border"; } #o_shared_blocks{ min-height: 0px; height: 0px; } #o_shared_blocks:empty{ display: none; } .o_navlink_no_background .navbar-light{ --NavLinkWithBackground-bg-color: transparent; } .navbar .navbar-collapse{ min-width: 0; } .navbar .btn{ white-space: nowrap; } .navbar .o_menu_image_placeholder{ width: 80px !important; } .navbar .top_menu{ flex-wrap: nowrap !important; } .navbar .top_menu.o_menu_loading{ overflow: hidden !important; opacity: 0 !important; } .navbar-light{ --NavLinkWithBackground-bg-color: rgba(255, 255, 255, 0.1); --NavLinkWithBackground-bg-color--hover: rgba(255, 255, 255, 0.2); --NavStretch-placeholder-color: rgba(255, 255, 255, 0.3); --HeaderSeparator-bg-color: rgba(255, 255, 255, 0.15); } .navbar-light .btn-close{ filter: invert(1) grayscale(100%) brightness(200%); } .navbar-light a.nav-link{ color: var(--nav-link-color); } .navbar-light a.nav-link:hover{ color: var(--nav-link-hover-color); } #wrapwrap:not(.o_header_overlay) header .nav-item > .nav-link > *, #wrapwrap:not(.o_header_overlay) header .nav-item > .nav-link::after, #wrapwrap:not(.o_header_overlay) header .js_language_selector span, #wrapwrap:not(.o_header_overlay) header .badge, #wrapwrap:not(.o_header_overlay) header .nav-item > .accordion-item *, header.o_header_is_scrolled .nav-item > .nav-link > *, header.o_header_is_scrolled .nav-item > .nav-link::after, header.o_header_is_scrolled .js_language_selector span, header.o_header_is_scrolled .badge, header.o_header_is_scrolled .nav-item > .accordion-item *, header .o_navbar_mobile .nav-item > .nav-link > *, header .o_navbar_mobile .nav-item > .nav-link::after, header .o_navbar_mobile .js_language_selector span, header .o_navbar_mobile .badge, header .o_navbar_mobile .nav-item > .accordion-item *{ color: !important; } .o_navlink_background{ background: var(--NavLinkWithBackground-bg-color, rgba(var(--emphasis-color-rgb), 0.05)); } .o_navlink_background:hover, .o_navlink_trigger_hover:hover .o_navlink_background{ background: var(--NavLinkWithBackground-bg-color--hover, rgba(var(--emphasis-color-rgb), 0.1)); } .o_navlink_background:focus-visible, .o_navlink_trigger_hover:focus-visible{ --btn-focus-box-shadow: 0 0 0 0.25rem rgba(56, 56, 59, 0.25); } .o_navlink_background_hover:hover{ background: var(--NavLinkWithBackground-bg-color, rgba(var(--emphasis-color-rgb), 0.05)); } .o_navbar_mobile{ height: 100dvh; background-color: #38383B; } .o_navbar_mobile .btn-close{ z-index: 1046; } .o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link{ background-color: inherit; } .o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link.active{ color: var(--navbar-active-color); } .o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link:hover{ color: var(--nav-link-hover-color); } .o_navbar_mobile .top_menu > .accordion .accordion-button{ font-size: inherit; } .o_navbar_mobile .top_menu > .accordion .accordion-button:not(.collapsed){ background-color: #353538; } .o_navbar_mobile .top_menu > .accordion .accordion-button:after{ height: 100%; background: none; font-family: 'odoo_ui_icons'; content: '\e839'; } header{ font-size: 1rem; } 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 .o_footer_copyright{ --background-color: rgba(0, 0, 0, 0.15); --color: ; background-color: rgba(0, 0, 0, 0.15); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem; } .btn{ font-family: "Manrope", "Odoo Unicode Support Noto", sans-serif; } p{ margin-top: 0; } .o_line_clamp{ display: -webkit-box; -webkit-line-clamp: var(--lines-clamp, 2); -webkit-box-orient: vertical; overflow: hidden; } font[style*='background']:not(.text-gradient), font[class*='bg-']{ padding: MAX(0.05em, 1px) 0 MAX(0.1em, 2px); } .fa{ font-family: "FontAwesome" !important; } .fa.rounded-circle, .fa.rounded-empty-circle, .fa.rounded, .fa.rounded-0, .fa.rounded-leaf, .fa.img-thumbnail, .fa.shadow{ display: inline-block; vertical-align: middle; text-align: center; width: 3rem; height: 3rem; line-height: 3rem; background-color: #F8F9FA; } .fa.rounded-circle.fa-2x, .fa.fa-2x.rounded-empty-circle, .fa.rounded.fa-2x, .fa.rounded-0.fa-2x, .fa.rounded-leaf.fa-2x, .fa.img-thumbnail.fa-2x, .fa.shadow.fa-2x{ width: 5rem; height: 5rem; line-height: 5rem; } .fa.rounded-circle.fa-3x, .fa.fa-3x.rounded-empty-circle, .fa.rounded.fa-3x, .fa.rounded-0.fa-3x, .fa.rounded-leaf.fa-3x, .fa.img-thumbnail.fa-3x, .fa.shadow.fa-3x{ width: 6rem; height: 6rem; line-height: 6rem; } .fa.rounded-circle.fa-4x, .fa.fa-4x.rounded-empty-circle, .fa.rounded.fa-4x, .fa.rounded-0.fa-4x, .fa.rounded-leaf.fa-4x, .fa.img-thumbnail.fa-4x, .fa.shadow.fa-4x{ width: 7rem; height: 7rem; line-height: 7rem; } .fa.rounded-circle.fa-5x, .fa.fa-5x.rounded-empty-circle, .fa.rounded.fa-5x, .fa.rounded-0.fa-5x, .fa.rounded-leaf.fa-5x, .fa.img-thumbnail.fa-5x, .fa.shadow.fa-5x{ width: 8rem; height: 8rem; line-height: 8rem; } .fa.img-thumbnail{ padding: 0; } .fa.rounded-leaf{ border-top-left-radius: 3rem; border-bottom-right-radius: 3rem; } .fa.rounded-empty-circle{ border-width: 2px; border-style: solid; background: transparent; } .fa.border{ box-sizing: content-box; } @media (min-width: 992px){ .o_container_small{ max-width: 720px; } } .btn.flat{ border: 0; letter-spacing: 0.05em; text-transform: uppercase; --btn-padding-y: 0.75rem; --btn-padding-x: 1.5rem; --btn-font-size: 0.75rem; --btn-border-radius: 0; } .btn.flat.btn-lg, .btn-group-lg > .flat.btn{ --btn-padding-y: 1rem; --btn-padding-x: 2rem; --btn-font-size: 0.9375rem; --btn-border-radius: 0; } .btn.flat.btn-sm, .btn-group-sm > .flat.btn{ --btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-font-size: 0.65625rem; --btn-border-radius: 0; } .btn.flat.btn-xs{ --btn-padding-y: 0.25rem; --btn-padding-x: 0.5rem; --btn-font-size: 0.5rem; --btn-border-radius: 0; } .btn.rounded-circle, .btn.fa.rounded-empty-circle{ border-radius: 100px !important; --btn-padding-y: 0.45rem; --btn-padding-x: 1.35rem; --btn-font-size: 1rem; --btn-border-radius: 30px; } .btn.rounded-circle.btn-lg, .btn.btn-lg.fa.rounded-empty-circle, .btn-group-lg > .btn.rounded-circle, .btn-group-lg > .btn.fa.rounded-empty-circle{ --btn-padding-y: 0.6rem; --btn-padding-x: 1.8rem; --btn-font-size: 1.25rem; --btn-border-radius: 30px; } .btn.rounded-circle.btn-sm, .btn.btn-sm.fa.rounded-empty-circle, .btn-group-sm > .btn.rounded-circle, .btn-group-sm > .btn.fa.rounded-empty-circle{ --btn-padding-y: 0.3rem; --btn-padding-x: 0.9rem; --btn-font-size: 0.875rem; --btn-border-radius: 30px; } .btn.rounded-circle.btn-xs, .btn.btn-xs.fa.rounded-empty-circle{ --btn-padding-y: 0.15rem; --btn-padding-x: 0.45rem; --btn-font-size: 0.75rem; --btn-border-radius: 30px; } .badge, .o_filter_tag{ --badge-color: var(--color); background: var(--badge-bg, var(--background-color)) !important; color: var(--badge-color, var(--color)) !important; border: 1px solid var(--badge-border-color) !important; font-size: var(--badge-font-size); } .badge.text-bg-primary, .o_filter_tag.text-bg-primary{ --badge-bg: #ebebeb; --badge-color: #38383B; --badge-color-hover: #FFFFFF; --badge-border-color: #38383B; } .badge.bg-primary, .o_filter_tag.bg-primary{ --badge-bg: #38383B; --badge-color: #FFFFFF; --badge-border-color: #38383B; --badge-color-hover: #FFFFFF; } .badge.text-bg-secondary, .o_filter_tag.text-bg-secondary{ --badge-bg: #f6f6f6; --badge-color: #616161; --badge-color-hover: #212529; --badge-border-color: #a1a1a1; } .badge.bg-secondary, .o_filter_tag.bg-secondary{ --badge-bg: #a1a1a1; --badge-color: #212529; --badge-border-color: #a1a1a1; --badge-color-hover: #212529; } .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: #212529; --badge-border-color: #ffc107; } .badge.bg-warning, .o_filter_tag.bg-warning{ --badge-bg: #ffc107; --badge-color: #212529; --badge-border-color: #ffc107; --badge-color-hover: #212529; } .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: #b1b1b5; --badge-color-hover: #212529; --badge-border-color: #f2f2f3; } .badge.bg-light, .o_filter_tag.bg-light{ --badge-bg: #f2f2f3; --badge-color: #212529; --badge-border-color: #f2f2f3; --badge-color-hover: #212529; } .badge.text-bg-dark, .o_filter_tag.text-bg-dark{ --badge-bg: #e9e9e9; --badge-color: #202022; --badge-color-hover: #FFFFFF; --badge-border-color: #202022; } .badge.bg-dark, .o_filter_tag.bg-dark{ --badge-bg: #202022; --badge-color: #FFFFFF; --badge-border-color: #202022; --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: #212529; --badge-color-hover: #212529; --badge-border-color: #a2a2a2; } .o_color_1{ --background-color: #fdeaea; --color: #ba0f0f; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #ee2d2d; } .o_color_2{ --background-color: #fcf3eb; --color: #804916; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #dc8534; } .o_color_3{ --background-color: #fdf8e8; --color: #79610c; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #e8bb1d; } .o_color_4{ --background-color: #eef4fc; --color: #1e5596; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #5794dd; } .o_color_5{ --background-color: #f5eff4; --color: #5a3751; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #9f628f; } .o_color_6{ --background-color: #fbf3f0; --color: #9c4824; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #db8865; } .o_color_7{ --background-color: #ecf6f6; --color: #255f5b; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #41a9a2; } .o_color_8{ --background-color: #eaedfc; --color: #172b98; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #304be0; } .o_color_9{ --background-color: #fdeaf3; --color: #920c4c; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #ee2f8a; } .o_color_10{ --background-color: #eff9f1; --color: #2f7b39; --background-color-contrast: #212529; --badge-color-hover: #212529; --badge-border-color: #61c36e; } .o_color_11{ --background-color: #f5f1fd; --color: #5221b8; --background-color-contrast: #212529; --badge-color-hover: #FFFFFF; --badge-border-color: #9872e6; } .oe_img_bg.o_bg_img_opt_contain{ background-size: contain; background-position: center center; } .oe_img_bg.o_bg_img_opt_custom{ background-size: auto; } .oe_img_bg.o_bg_img_opt_repeat_x{ background-repeat: repeat-x; } .oe_img_bg.o_bg_img_opt_repeat_y{ background-repeat: repeat-y; } .o_bg_video_iframe{ position: relative; pointer-events: none !important; } .o_bg_video_loading{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @media (max-width: 767.98px){ section, .parallax, .row, .hr, .blockquote{ height: auto !important; } } .table_desc{ margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd; } .table_heading{ background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 0.875rem; padding: 4px; } table.table_desc tr td{ text-align: left; padding: 5px; font-size: 0.8125rem; } table.table_desc tr td:first-child{ width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none; } table.table_desc tr td:last-child{ border-bottom: 1px solid #c9c9c9; } .jumbotron{ border-radius: 0; } .o_full_screen_height, .o_half_screen_height, .cover_full, .cover_mid{ display: flex; flex-direction: column; justify-content: space-around; min-height: 100vh !important; min-height: 100svh !important; } .o_half_screen_height, .cover_mid{ min-height: 55vh !important; } .card{ overflow: hidden; } .o_dot{ width: var(--o-timeline-dot-size, 24px); height: var(--o-timeline-dot-size, 24px); left: var(--o-dot-left); color: #38383B; } .o_dot:before, .o_dot:after{ position: absolute; border-radius: 50rem; background-color: currentColor; content: ''; } .o_dot:before{ inset: 0; opacity: .1; } .o_dot:after{ inset: 8px; } .o_cc1 .o_dot, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dot{ color: var(--o-cc1-btn-primary); } .o_cc2 .o_dot{ color: var(--o-cc2-btn-primary); } .o_cc3 .o_dot{ color: var(--o-cc3-btn-primary); } .o_cc4 .o_dot, .navbar-light .o_dot, .o_footer .o_dot{ color: var(--o-cc4-btn-primary); } .o_cc5 .o_dot{ color: var(--o-cc5-btn-primary); } .o_dot_line{ margin-top: calc(var(--o-timeline-dot-size, 24px) + 0.25rem); left: var(--o-dot-line-left); } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers{ pointer-events: none; } @media (min-width: 768px){ .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-indicators, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-indicators{ position: relative; min-width: 0; margin: 0; } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-next{ position: relative; width: auto; } } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-indicators > *, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-indicators > *, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-indicators > *, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-indicators > *, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-indicators > *, .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-prev, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-prev, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .carousel-control-next, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .carousel-control-next, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .carousel-control-next{ pointer-events: auto; } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .o_arrows_wrapper, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_intro_wrapper .s_carousel_intro .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_wrapper[data-vcss='001'] .s_carousel .o_horizontal_controllers .o_arrows_wrapper{ display: flex; } @media (max-width: 767.98px){ .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .carousel-control-next, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-next, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-next{ top: auto; bottom: 1rem; height: var(--CarouselControllers-size, 3rem); width: auto; margin: 0 1rem; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_cards:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators{ min-height: var(--CarouselControllers-size, 3rem); margin: 0 calc(1rem * 2 + var(--CarouselControllers-size, 3rem)) 1rem; } } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .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-indicators, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators{ pointer-events: none; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators > *, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators > *, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators > *, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators > *{ pointer-events: auto; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-control-prev-icon, .s_carousel_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .carousel-control-next-icon, .s_carousel_intro_wrapper .s_carousel_intro .carousel-control-next-icon, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-control-next-icon{ width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); background-size: 50%; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.s_quotes_carousel .carousel-control-prev:hover, .s_carousel_cards_wrapper .s_carousel_default.s_carousel_cards .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_cards_wrapper .s_carousel_default.s_carousel_cards .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_cards_wrapper .s_carousel_default.carousel-dark.s_carousel_cards .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_cards_wrapper .s_carousel_default.carousel-dark.s_carousel_cards .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_cards_wrapper .s_carousel_boxed.s_carousel_cards .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_cards_wrapper .s_carousel_boxed.s_carousel_cards .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_cards_wrapper .s_carousel_rounded.s_carousel_cards .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_cards_wrapper .s_carousel_rounded.s_carousel_cards .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.4rem; 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_cards_wrapper .s_carousel_boxed.carousel-dark.s_carousel_cards .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_cards_wrapper .s_carousel_boxed.carousel-dark.s_carousel_cards .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_cards_wrapper .s_carousel_rounded.carousel-dark.s_carousel_cards .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_cards_wrapper .s_carousel_rounded.carousel-dark.s_carousel_cards .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_cards_wrapper .s_carousel_rounded.s_carousel_cards .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_cards_wrapper .s_carousel_rounded.s_carousel_cards .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_cards_wrapper .s_carousel_arrows_hidden.s_carousel_cards .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_cards_wrapper .s_carousel_arrows_hidden.s_carousel_cards .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_carousel_arrows_hidden.s_quotes_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_cards_wrapper .s_carousel_arrows_hidden.s_carousel_cards .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_intro_wrapper .s_carousel_arrows_hidden.s_carousel_intro .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_wrapper[data-vcss='001'] .s_carousel_arrows_hidden.s_carousel .o_horizontal_controllers .o_arrows_wrapper{ display: none; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-inner, .s_carousel_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .carousel-indicators, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators{ align-items: center; height: var(--CarouselControllers-size, 3rem); } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button, .s_carousel_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers{ justify-content: start; height: auto; counter-reset: numberList; overflow: auto; transition: scrollbar-color .2s ease-in-out; scrollbar-color: var(--IndicatorsNumbers__Scrollbar-color, rgba(255, 255, 255, 0.15)) transparent; scrollbar-width: thin; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar{ height: 6px; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb{ border-radius: 10rem; background: var(--IndicatorsNumbers__Scrollbar-color, rgba(255, 255, 255, 0.15)); } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track{ background: transparent; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers:hover, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers:hover, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers:hover, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover{ scrollbar-color: var(--IndicatorsNumbers__Scrollbar-color, #FFF) transparent; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb{ background: var(--IndicatorsNumbers__Scrollbar-color, #FFF); } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button{ display: flex; align-items: center; width: auto; height: auto; margin: 0; border: 0; padding: 0 0.5rem 0; background: none; color: #FFF; text-indent: 0; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_carousel_cards_wrapper .s_carousel_cards .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_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:before, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:before, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:before{ content: counter(numberList); counter-increment: numberList; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:after{ display: block; width: 0; margin-left: 0.25rem; border-top: 2px solid #FFF; transition: width .2s ease-in-out; content: ''; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_carousel_cards_wrapper .s_carousel_cards .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_numbers button:first-child, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child{ margin-left: auto; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_carousel_cards_wrapper .s_carousel_cards .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_carousel_intro_wrapper .s_carousel_intro .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_carousel_wrapper[data-vcss='001'] .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child{ margin-right: auto; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_hidden, .s_carousel_cards_wrapper .s_carousel_cards .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, .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers{ --IndicatorsNumbers__Scrollbar-color: rgba(0, 0, 0, 0.15); } .s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers button, .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .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_cards_wrapper .carousel-dark.s_carousel_cards .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'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers:hover, .s_carousel_cards_wrapper .carousel-dark.s_carousel_cards .s_carousel_indicators_numbers:hover, .s_carousel_intro_wrapper .carousel-dark.s_carousel_intro .s_carousel_indicators_numbers:hover, .s_carousel_wrapper[data-vcss='001'] .carousel-dark.s_carousel .s_carousel_indicators_numbers:hover{ --IndicatorsNumbers__Scrollbar-color: #000; } .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-control-prev, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .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_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .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: var(--CarouselControllers-size, 3rem); } .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_controllers_indicators_outside.s_quotes_carousel .carousel-indicators, .s_carousel_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .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_cards_wrapper .s_carousel_controllers_indicators_outside.s_carousel_cards .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; } .carousel.o_carousel_multi_items{ --o-carousel-item-width-percentage: 25%; } @media (min-width: 768px){ .carousel.o_carousel_multi_items .carousel-inner{ display: flex; flex-wrap: nowrap; } .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active, .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active ~ .carousel-item, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-end:not(.active), .carousel.o_carousel_multi_items .carousel-inner .carousel-item-end:not(.active) ~ .carousel-item, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-prev:not(.active), .carousel.o_carousel_multi_items .carousel-inner .carousel-item-prev:not(.active) ~ .carousel-item{ display: block; flex: 0 0 var(--o-carousel-item-width-percentage); margin-right: 0; } .carousel.o_carousel_multi_items .carousel-inner .active.carousel-item-end + .carousel-item-prev.carousel-item-end, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-prev.carousel-item-end ~ .carousel-item{ right: var(--o-carousel-item-width-percentage); transform: translateX(100%); display: block; margin-right: 0; } .carousel.o_carousel_multi_items .carousel-inner .carousel-item-start.active, .carousel.o_carousel_multi_items .carousel-inner .carousel-item-start:not(.active), .carousel.o_carousel_multi_items .carousel-inner .carousel-item-start:not(.active) ~ .carousel-item{ transform: translateX(-100%); } .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active:not(.carousel-item-start):not(.carousel-item-end), .carousel.o_carousel_multi_items .carousel-inner .carousel-item.active:not(.carousel-item-start):not(.carousel-item-end) ~ .carousel-item{ transition: none; margin-right: initial; } .carousel.o_carousel_multi_items .carousel-inner .carousel-item-next:not(.carousel-item-start){ transform: translateX(0%); } } .parallax:not(.s_parallax_no_overflow_hidden){ overflow: hidden; } @media (min-width: 1200px){ .parallax.s_parallax_is_fixed > .s_parallax_bg{ background-attachment: fixed; } } .s_parallax{ min-height: 10px; } .o_header_affixed{ display: block; position: absolute; top: 0; left: 0; bottom: auto; right: 0; position: fixed; } .o_header_affixed:not(.o_header_no_transition){ transition: transform 200ms; } .o_header_affixed.o_header_is_scrolled .navbar-brand{ font-size: calc(1.29166667rem + 0.5vw); } @media (min-width: 1200px){ .o_header_affixed.o_header_is_scrolled .navbar-brand{ font-size: 1.66666667rem; } } .o_header_affixed.o_header_is_scrolled .navbar-brand img{ height: 2.5rem; } .o_header_affixed .o_header_hide_on_scroll.hidden{ max-height: 0; padding-block: 0 !important; overflow: hidden; } .navbar .o_extra_menu_items > .show > li + li{ border-top: 1px solid var(--o-border-color); } .navbar .o_extra_menu_items > .show > li > a.dropdown-toggle{ background-color: #e9e9ea; 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: 0 !important; box-shadow: #000000 0px 1px 3px 0px !important; } header nav.navbar.o_header_force_no_radius{ border-radius: 0 !important; } header.o_header_is_scrolled, header.o_transitioning.o_header_affixed{ background-color: transparent !important; } header.o_transformed_not_affixed .o_navbar_mobile{ display: none; } header .hidden_mega_menu_li{ display: none; } .o_grid_header_3_cols{ grid-template-columns: 1fr auto 1fr; } .o_grid_header_3_cols_fixed{ grid-template-columns: 1fr 33% 1fr; } .o_header_separator > :not(:last-child)::before{ content: ''; position: absolute; inset: 0 0 0 100%; width: 2px; height: 50%; margin: auto -0.5rem auto auto; background: var(--HeaderSeparator-bg-color, rgba(var(--emphasis-color-rgb), 0.1)); } .o_border_contrast{ border-color: var(--NavLinkWithBackground-bg-color--hover, rgba(var(--emphasis-color-rgb), 0.1)) !important; } .o_mega_menu{ width: 100%; padding: 0; margin-top: 0 !important; border-radius: 0; background-clip: unset; background-color: transparent; border: 1px solid var(--o-border-color); } .o_mega_menu .container, .o_mega_menu .o_container_small, .o_mega_menu .container-fluid, .o_mega_menu .container-sm, .o_mega_menu .container-md, .o_mega_menu .container-lg, .o_mega_menu .container-xl, .o_mega_menu .container-xxl{ padding-left: 15px; padding-right: 15px; } .o_mega_menu_is_offcanvas .o_mega_nav, .o_mega_menu_is_offcanvas .o_mega_menu{ transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; z-index: 1045; max-width: var(--Offcanvas-horizontal-width, 400px); opacity: 0; pointer-events: none; } @media (prefers-reduced-motion: reduce){ .o_mega_menu_is_offcanvas .o_mega_nav, .o_mega_menu_is_offcanvas .o_mega_menu{ transition: none; } } .o_mega_menu_is_offcanvas .o_mega_nav section, .o_mega_menu_is_offcanvas .o_mega_menu section{ transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; transform: translateX(5%); } @media (prefers-reduced-motion: reduce){ .o_mega_menu_is_offcanvas .o_mega_nav section, .o_mega_menu_is_offcanvas .o_mega_menu section{ transition: none; } } .o_mega_menu_is_offcanvas .o_mega_menu_left .o_mega_menu section{ transform: translateX(-5%); } .o_mega_menu_is_offcanvas .o_mega_menu.show, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav{ transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; visibility: visible !important; opacity: 1; pointer-events: auto; } @media (prefers-reduced-motion: reduce){ .o_mega_menu_is_offcanvas .o_mega_menu.show, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav{ transition: none; } } .o_mega_menu_is_offcanvas .o_mega_menu.show section, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav section{ transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out; transform: translateX(0); } @media (prefers-reduced-motion: reduce){ .o_mega_menu_is_offcanvas .o_mega_menu.show section, .o_mega_menu_is_offcanvas .o_mega_menu.show ~ .o_mega_nav section{ transition: none; } } .o_mega_menu_is_offcanvas .o_mega_nav{ padding-left: 15px; height: 3rem; background-color: #38383B; } .o_mega_menu_is_offcanvas div.o_mega_menu{ position: fixed !important; inset: 0 0 0 auto !important; display: block; visibility: hidden; margin-top: 3rem !important; border: none; height: calc(100dvh - 3rem); max-height: 100vh; background-color: #38383B; overflow-x: hidden; } .o_mega_menu_is_offcanvas .o_mega_menu_toggle::after{ content: '\e83b'; border: none; font-family: 'odoo_ui_icons'; } .o_mega_menu_is_offcanvas .o_mega_menu_left .o_mega_menu{ inset: 0 auto 0 0 !important; } @media (min-width: 992px){ .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{ left: 50%; transform: translateX(-50%); } } @media (min-width: 576px){ .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{ max-width: 510px; } } @media (min-width: 768px){ .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{ max-width: 690px; } } @media (min-width: 992px){ .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{ max-width: 930px; } } @media (min-width: 1200px){ .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{ max-width: 1110px; } } @media (min-width: 1400px){ .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu{ max-width: 1290px; } } .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; } .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(32, 32, 34, 0.6); --color: #FFFFFF; background-color: rgba(32, 32, 34, 0.6) !important; color: #FFFFFF; padding: 0.25rem 0.5rem; font-weight: 700; } .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(56, 56, 59, 0.1); } .bg-secondary-light{ background-color: rgba(161, 161, 161, 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(242, 242, 243, 0.1); } .bg-dark-light{ background-color: rgba(32, 32, 34, 0.1); } .text-facebook, .s_social_media:not(.no_icon_color) .s_social_media_facebook, .s_social_media:not(.no_icon_color) .s_social_media_facebook:hover, .s_social_media:not(.no_icon_color) .s_social_media_facebook:focus, .s_share:not(.no_icon_color) .s_share_facebook, .s_share:not(.no_icon_color) .s_share_facebook:hover, .s_share:not(.no_icon_color) .s_share_facebook:focus{ color: #3B5999 !important; } a.text-facebook:hover, .s_social_media:not(.no_icon_color) a.s_social_media_facebook:hover, .s_share:not(.no_icon_color) a.s_share_facebook:hover, a.text-facebook:focus, .s_social_media:not(.no_icon_color) a.s_social_media_facebook:focus, .s_share:not(.no_icon_color) a.s_share_facebook:focus{ color: #1f2e4f !important; } .text-twitter, .s_social_media:not(.no_icon_color) .s_social_media_twitter, .s_social_media:not(.no_icon_color) .s_social_media_twitter:hover, .s_social_media:not(.no_icon_color) .s_social_media_twitter:focus, .s_share:not(.no_icon_color) .s_share_twitter, .s_share:not(.no_icon_color) .s_share_twitter:hover, .s_share:not(.no_icon_color) .s_share_twitter:focus{ color: #000000 !important; } a.text-twitter:hover, .s_social_media:not(.no_icon_color) a.s_social_media_twitter:hover, .s_share:not(.no_icon_color) a.s_share_twitter:hover, a.text-twitter:focus, .s_social_media:not(.no_icon_color) a.s_social_media_twitter:focus, .s_share:not(.no_icon_color) a.s_share_twitter:focus{ color: black !important; } .text-linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:hover, .s_social_media:not(.no_icon_color) .s_social_media_linkedin:focus, .s_share:not(.no_icon_color) .s_share_linkedin, .s_share:not(.no_icon_color) .s_share_linkedin:hover, .s_share:not(.no_icon_color) .s_share_linkedin:focus{ color: #0077B5 !important; } a.text-linkedin:hover, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:hover, .s_share:not(.no_icon_color) a.s_share_linkedin:hover, a.text-linkedin:focus, .s_social_media:not(.no_icon_color) a.s_social_media_linkedin:focus, .s_share:not(.no_icon_color) a.s_share_linkedin:focus{ color: #00344f !important; } .text-google-plus, .s_social_media:not(.no_icon_color) .s_social_media_google, .s_social_media:not(.no_icon_color) .s_social_media_google:hover, .s_social_media:not(.no_icon_color) .s_social_media_google:focus, .s_share:not(.no_icon_color) .s_share_google, .s_share:not(.no_icon_color) .s_share_google:hover, .s_share:not(.no_icon_color) .s_share_google:focus{ color: #DD4B39 !important; } a.text-google-plus:hover, .s_social_media:not(.no_icon_color) a.s_social_media_google:hover, .s_share:not(.no_icon_color) a.s_share_google:hover, a.text-google-plus:focus, .s_social_media:not(.no_icon_color) a.s_social_media_google:focus, .s_share:not(.no_icon_color) a.s_share_google:focus{ color: #96271a !important; } .text-youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube, .s_social_media:not(.no_icon_color) .s_social_media_youtube:hover, .s_social_media:not(.no_icon_color) .s_social_media_youtube:focus, .s_share:not(.no_icon_color) .s_share_youtube, .s_share:not(.no_icon_color) .s_share_youtube:hover, .s_share:not(.no_icon_color) .s_share_youtube:focus{ color: #ff0000 !important; } a.text-youtube:hover, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:hover, .s_share:not(.no_icon_color) a.s_share_youtube:hover, a.text-youtube:focus, .s_social_media:not(.no_icon_color) a.s_social_media_youtube:focus, .s_share:not(.no_icon_color) a.s_share_youtube:focus{ color: #990000 !important; } .text-github, .s_social_media:not(.no_icon_color) .s_social_media_github, .s_social_media:not(.no_icon_color) .s_social_media_github:hover, .s_social_media:not(.no_icon_color) .s_social_media_github:focus, .s_share:not(.no_icon_color) .s_share_github, .s_share:not(.no_icon_color) .s_share_github:hover, .s_share:not(.no_icon_color) .s_share_github:focus{ color: #1a1e22 !important; } a.text-github:hover, .s_social_media:not(.no_icon_color) a.s_social_media_github:hover, .s_share:not(.no_icon_color) a.s_share_github:hover, a.text-github:focus, .s_social_media:not(.no_icon_color) a.s_social_media_github:focus, .s_share:not(.no_icon_color) a.s_share_github:focus{ color: black !important; } .text-instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram, .s_social_media:not(.no_icon_color) .s_social_media_instagram:hover, .s_social_media:not(.no_icon_color) .s_social_media_instagram:focus, .s_share:not(.no_icon_color) .s_share_instagram, .s_share:not(.no_icon_color) .s_share_instagram:hover, .s_share:not(.no_icon_color) .s_share_instagram:focus{ color: #cf2872 !important; } a.text-instagram:hover, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:hover, .s_share:not(.no_icon_color) a.s_share_instagram:hover, a.text-instagram:focus, .s_social_media:not(.no_icon_color) a.s_social_media_instagram:focus, .s_share:not(.no_icon_color) a.s_share_instagram:focus{ color: #7a1743 !important; } .text-whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:hover, .s_social_media:not(.no_icon_color) .s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) .s_share_whatsapp, .s_share:not(.no_icon_color) .s_share_whatsapp:hover, .s_share:not(.no_icon_color) .s_share_whatsapp:focus{ color: #25d366 !important; } a.text-whatsapp:hover, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:hover, .s_share:not(.no_icon_color) a.s_share_whatsapp:hover, a.text-whatsapp:focus, .s_social_media:not(.no_icon_color) a.s_social_media_whatsapp:focus, .s_share:not(.no_icon_color) a.s_share_whatsapp:focus{ color: #167c3c !important; } .text-pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:hover, .s_social_media:not(.no_icon_color) .s_social_media_pinterest:focus, .s_share:not(.no_icon_color) .s_share_pinterest, .s_share:not(.no_icon_color) .s_share_pinterest:hover, .s_share:not(.no_icon_color) .s_share_pinterest:focus{ color: #C8232C !important; } a.text-pinterest:hover, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:hover, .s_share:not(.no_icon_color) a.s_share_pinterest:hover, a.text-pinterest:focus, .s_social_media:not(.no_icon_color) a.s_social_media_pinterest:focus, .s_share:not(.no_icon_color) a.s_share_pinterest:focus{ color: #711419 !important; } .text-tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:hover, .s_social_media:not(.no_icon_color) .s_social_media_tiktok:focus{ color: #000000 !important; } a.text-tiktok:hover, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:hover, a.text-tiktok:focus, .s_social_media:not(.no_icon_color) a.s_social_media_tiktok:focus{ color: black !important; } .text-discord, .s_social_media:not(.no_icon_color) .s_social_media_discord, .s_social_media:not(.no_icon_color) .s_social_media_discord:hover, .s_social_media:not(.no_icon_color) .s_social_media_discord:focus{ color: #5865f2 !important; } a.text-discord:hover, .s_social_media:not(.no_icon_color) a.s_social_media_discord:hover, a.text-discord:focus, .s_social_media:not(.no_icon_color) a.s_social_media_discord:focus{ color: #1021d4 !important; } .text-kickstarter{ color: #0f2105 !important; } a.text-kickstarter:hover, a.text-kickstarter:focus{ color: black !important; } .text-google-play{ color: #4285F4 !important; } a.text-google-play:hover, a.text-google-play:focus{ color: #0b51c5 !important; } .text-strava{ color: #fc4c02 !important; } a.text-strava:hover, a.text-strava:focus{ color: #972d01 !important; } .text-bluesky{ color: #1185FE !important; } a.text-bluesky:hover, a.text-bluesky:focus{ color: #0153a8 !important; } .text-threads{ color: #000000 !important; } a.text-threads:hover, a.text-threads:focus{ color: black !important; } .modal-footer > .float-start{ margin-right: auto; } .o_record_cover_container{ position: relative; } .o_record_cover_container .o_record_cover_component{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .o_scroll_button{ 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_scroll_button:hover{ text-decoration: none; } .o_scroll_button:focus{ outline: none; } .o_scroll_button:hover{ animation-iteration-count: 1; } @keyframes o-anim-heartbeat{ 0%, 14%, 35%{ transform: scale(1); } 7%, 21%{ transform: scale(1.3); background-color: rgba(56, 56, 59, 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: var(--border-radius); } [data-oe-translation-source-sha] > .o_translation_select + select{ display: none !important; } [data-oe-translation-source-sha] > .o_translation_select > div:not(:last-child){ border-bottom: inherit; } .o_website_offcanvas .accordion-button, .o_website_offcanvas .accordion-button:focus, .o_website_offcanvas .accordion-button:hover{ box-shadow: none; z-index: 0; } .o_notification_manager .o_notification{ --Notification__background-color: #FFFFFF; } .o_animate{ z-index: 1; animation-duration: 1s; animation-fill-mode: both; transform: translate3d(0, 0, 0); backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden; --wanim-intensity: 50; --wanim-intensity-squared: calc(var(--wanim-intensity) * var(--wanim-intensity)); --wanim-zoom-out-scale: calc(1 + (var(--wanim-intensity-squared) / 8333.3)); --wanim-zoom-in-scale: calc(1.01 - (var(--wanim-intensity) / 100 )); --wanim-zoom-in-scale-60: calc(var(--wanim-zoom-in-scale) + ((1 - var(--wanim-zoom-in-scale)) / 2)); --wanim-opacity-adjustment: 0; } .o_animate:not(.o_animating):not(.o_animate_in_dropdown){ transform: none !important; } .o_animate_preview{ visibility: visible; } .o_wanim_overflow_xy_hidden #wrapwrap{ overflow-x: clip !important; } @supports not (overflow-x: clip){ .o_wanim_overflow_xy_hidden #wrapwrap{ overflow-x: hidden !important; } } .o_wanim_overflow_xy_hidden.o_rtl > main, .o_wanim_overflow_xy_hidden .o_rtl > main{ overflow-x: hidden; overflow-y: hidden; } .o_wanim_overflow_xy_hidden .o_footer_slideout{ overflow-y: hidden !important; } .o_animated_text{ display: inline-block; } .o_animate_on_scroll{ animation-play-state: paused; --wanim-opacity-adjustment: 1; } @keyframes o_anim_slide_in_down{ 0%{ opacity: 0; transform: translate(0, calc(-2% * var(--wanim-intensity))); } 10%{ opacity: 1; } 100%{ transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_top{ animation-name: o_anim_slide_in_down; } @keyframes o_anim_slide_in_left{ 0%{ opacity: 0; transform: translate(calc(-2% * var(--wanim-intensity)), 0); } 10%{ opacity: 1; } 100%{ transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_left{ animation-name: o_anim_slide_in_left; } @keyframes o_anim_slide_in_right{ 0%{ opacity: 0; transform: translate(calc(2% * var(--wanim-intensity)), 0); } 10%{ opacity: 1; } 100%{ transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_right{ animation-name: o_anim_slide_in_right; } @keyframes o_anim_slide_in_up{ 0%{ opacity: 0; transform: translate(0, calc(2% * var(--wanim-intensity))); } 10%{ opacity: 1; } 100%{ transform: translate(0, 0); } } .o_anim_slide_in.o_anim_from_bottom{ animation-name: o_anim_slide_in_up; } @keyframes o_anim_bounce_in{ 0%, 20%, 40%, 60%, 80%, 100%{ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0%{ opacity: 0; transform: scale(calc(1 - (var(--wanim-intensity) / 71.4))); } 10%{ opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 20%{ transform: scale(calc(1 + (var(--wanim-intensity-squared) / 25000))); } 40%{ transform: scale(calc(1 - (var(--wanim-intensity-squared) / 25000))); } 60%{ opacity: 1; transform: scale(calc(1 + (var(--wanim-intensity-squared) / 83333.3))); } 80%{ transform: scale(calc(1 - (var(--wanim-intensity-squared) / 83333.3))); } 100%{ opacity: 1; transform: scale(1); } } .o_anim_bounce_in{ animation-name: o_anim_bounce_in; } @keyframes o_anim_bounce_in_down{ 0%, 20%, 40%, 60%, 80%, 100%{ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0%{ opacity: 0; transform: translate(0, -3000px); } 10%{ opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60%{ opacity: 1; transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 100))); } 75%{ transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 250))); } 90%{ transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 500))); } 100%{ transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_top{ animation-name: o_anim_bounce_in_down; } @keyframes o_anim_bounce_in_left{ 0%, 20%, 40%, 60%, 80%, 100%{ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0%{ opacity: 0; transform: translate(-3000px, 0); } 10%{ opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60%{ opacity: 1; transform: translate(calc(1px * (var(--wanim-intensity-squared) / 100)), 0); } 75%{ transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 250)), 0); } 90%{ transform: translate(calc(1px * (var(--wanim-intensity-squared) / 500)), 0); } 100%{ transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_left{ animation-name: o_anim_bounce_in_left; } @keyframes o_anim_bounce_in_right{ 0%, 20%, 40%, 60%, 80%, 100%{ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0%{ opacity: 0; transform: translate(3000px, 0); } 10%{ opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60%{ opacity: 1; transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 100)), 0); } 75%{ transform: translate(calc(1px * (var(--wanim-intensity-squared) / 250)), 0); } 90%{ transform: translate(calc(-1px * (var(--wanim-intensity-squared) / 500)), 0); } 100%{ transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_right{ animation-name: o_anim_bounce_in_right; } @keyframes o_anim_bounce_in_up{ 0%, 20%, 40%, 60%, 80%, 100%{ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0%{ opacity: 0; transform: translate(0, 3000px); } 10%{ opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60%{ opacity: 1; transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 100))); } 75%{ transform: translate(0, calc(1px * (var(--wanim-intensity-squared) / 250))); } 90%{ transform: translate(0, calc(-1px * (var(--wanim-intensity-squared) / 500))); } 100%{ transform: translate(0, 0); } } .o_anim_bounce_in.o_anim_from_bottom{ animation-name: o_anim_bounce_in_up; } @keyframes o_anim_fade_in{ 0%{ opacity: 0; } 100%{ opacity: 1; } } .o_anim_fade_in{ animation-name: o_anim_fade_in; } @keyframes o_anim_fade_in_down{ 0%{ opacity: 0; transform: translate(0, calc(-2% * var(--wanim-intensity))); } 100%{ opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_top{ animation-name: o_anim_fade_in_down; } @keyframes o_anim_fade_in_left{ 0%{ opacity: 0; transform: translate(calc(-2% * var(--wanim-intensity)), 0); } 100%{ opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_left{ animation-name: o_anim_fade_in_left; } @keyframes o_anim_fade_in_right{ 0%{ opacity: 0; transform: translate(calc(2% * var(--wanim-intensity)), 0); } 100%{ opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_right{ animation-name: o_anim_fade_in_right; } @keyframes o_anim_fade_in_up{ 0%{ opacity: 0; transform: translate(0, calc(2% * var(--wanim-intensity))); } 100%{ opacity: 1; transform: translate(0, 0); } } .o_anim_fade_in.o_anim_from_bottom{ animation-name: o_anim_fade_in_up; } @keyframes o_anim_fade_out{ 0%{ opacity: 1; } 100%{ opacity: 0; } } .o_anim_fade_out{ animation-name: o_anim_fade_out; } @keyframes o_anim_rotate_in{ 0%{ opacity: 0; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 12.82)))); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; transform: rotate(0); } } .o_anim_rotate_in{ animation-name: o_anim_rotate_in; } @keyframes o_anim_rotate_in_down_left{ 0%{ opacity: 0; transform-origin: left bottom; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; transform-origin: left bottom; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_bottom_left{ animation-name: o_anim_rotate_in_down_left; } @keyframes o_anim_rotate_in_down_right{ 0%{ opacity: 0; transform-origin: right bottom; transform: rotate(calc(1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; transform-origin: right bottom; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_bottom_right{ animation-name: o_anim_rotate_in_down_right; } @keyframes o_anim_rotate_in_up_left{ 0%{ opacity: 0; transform-origin: left top; transform: rotate(calc(1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; transform-origin: left top; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_top_left{ animation-name: o_anim_rotate_in_up_left; } @keyframes o_anim_rotate_in_up_right{ 0%{ opacity: 0; transform-origin: right top; transform: rotate(calc(-1deg * (5 + (var(--wanim-intensity-squared) / 62.5)))); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; transform-origin: right top; transform: rotate(0); } } .o_anim_rotate_in.o_anim_from_top_right{ animation-name: o_anim_rotate_in_up_right; } @keyframes o_anim_zoom_out{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-out-scale)); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; } } .o_anim_zoom_out{ animation-name: o_anim_zoom_out; } @keyframes o_anim_zoom_out_right{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(100%, 0); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; } } .o_anim_zoom_out.o_anim_from_right{ animation-name: o_anim_zoom_out_right; } @keyframes o_anim_zoom_out_left{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(-100%, 0); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; } } .o_anim_zoom_out.o_anim_from_left{ animation-name: o_anim_zoom_out_left; } @keyframes o_anim_zoom_out_bottom{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(0, 100%); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; } } .o_anim_zoom_out.o_anim_from_bottom{ animation-name: o_anim_zoom_out_bottom; } @keyframes o_anim_zoom_out_top{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-out-scale)) translate(0, -100%); } 10%{ opacity: calc(0.1 + (0.9 * (var(--wanim-opacity-adjustment)))); } 100%{ opacity: 1; } } .o_anim_zoom_out.o_anim_from_top{ animation-name: o_anim_zoom_out_top; } @keyframes o_anim_zoom_in{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-in-scale)); } 10%{ opacity: calc(0.2 + (0.8 * (var(--wanim-opacity-adjustment)))); } 50%{ opacity: 1; } } .o_anim_zoom_in{ animation-name: o_anim_zoom_in; } @keyframes o_anim_zoom_in_down{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(0, calc(-0.1px * var(--wanim-intensity-squared))); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10%{ opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60%{ opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(0, calc(1px * var(--wanim-intensity))); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_top{ animation-name: o_anim_zoom_in_down; } @keyframes o_anim_zoom_in_up{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(0, calc(0.1px * var(--wanim-intensity-squared))); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10%{ opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60%{ opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(0, calc(-1px * var(--wanim-intensity))); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_bottom{ animation-name: o_anim_zoom_in_up; } @keyframes o_anim_zoom_in_left{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(calc(-0.1px * var(--wanim-intensity-squared)), 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10%{ opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60%{ opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(calc(0.2px * var(--wanim-intensity)), 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_left{ animation-name: o_anim_zoom_in_left; } @keyframes o_anim_zoom_in_right{ 0%{ opacity: 0; transform: scale(var(--wanim-zoom-in-scale)) translate(calc(0.1px * var(--wanim-intensity-squared)), 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 10%{ opacity: calc(0.15 + (0.85 * (var(--wanim-opacity-adjustment)))); } 60%{ opacity: 1; transform: scale(var(--wanim-zoom-in-scale-60)) translate(calc(-0.2px * var(--wanim-intensity)), 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .o_anim_zoom_in.o_anim_from_right{ animation-name: o_anim_zoom_in_right; } @keyframes o_anim_flash{ 0%, 50%, 100%{ opacity: 1; } 25%, 75%{ opacity: calc(1 - (var(--wanim-intensity) / 100)); } } .o_anim_flash{ animation-name: o_anim_flash; } @keyframes o_anim_pulse{ 0%{ transform: scale(1); } 50%{ transform: scale(calc(1.01 + (0.000016 * var(--wanim-intensity-squared)))); } 100%{ transform: scale(1); } } .o_anim_pulse{ animation-name: o_anim_pulse; } @keyframes o_anim_shake{ 0%, 100%{ transform: translate(0, 0); } 10%, 30%, 50%, 70%, 90%{ transform: translate(calc(-1px - (0.0036px * var(--wanim-intensity-squared))), 0); } 20%, 40%, 60%, 80%{ transform: translate(calc(1px + (0.0036px * var(--wanim-intensity-squared))), 0); } } .o_anim_shake{ animation-name: o_anim_shake; } @keyframes o_anim_tada{ 0%{ transform: scale(1); } 10%, 20%{ transform: scale(calc(1 - (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(-2deg - (0.02deg * var(--wanim-intensity)))); } 30%, 50%, 70%, 90%{ transform: scale(calc(1 + (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(2deg + (0.02deg * var(--wanim-intensity)))); } 40%, 60%, 80%{ transform: scale(calc(1 + (0.00004 * var(--wanim-intensity-squared)))) rotate(calc(-2deg - (0.02deg * var(--wanim-intensity)))); } 100%{ transform: scale(1); } } .o_anim_tada{ animation-name: o_anim_tada; } @keyframes o_anim_flip_in_x{ 0%{ transform: perspective(1000px) rotateX(calc(1deg * (5 + (var(--wanim-intensity) * 1.7)))); opacity: 0; } 50%{ opacity: 1; } } .o_anim_flip_in_x{ backface-visibility: visible; animation-name: o_anim_flip_in_x; transition-timing-function: ease-out; } @keyframes o_anim_flip_in_y{ 0%{ transform: perspective(1000px) rotateY(calc(1deg * (5 + (var(--wanim-intensity) * 1.7)))); opacity: 0; } 50%{ opacity: 1; } } .o_anim_flip_in_y{ backface-visibility: visible; animation-name: o_anim_flip_in_y; transition-timing-function: ease-out; } .o_anim_dur500{ animation-duration: 500ms; } .o_anim_dur1500{ animation-duration: 1500ms; } .o_anim_dur2000{ animation-duration: 2000ms; } .o_anim_dur2500{ animation-duration: 2500ms; } .o_anim_dur3000{ animation-duration: 3000ms; } .o_anim_del500{ animation-delay: 500ms; } .o_anim_del1000{ animation-delay: 1000ms; } .o_anim_del1500{ animation-delay: 1500ms; } .o_anim_del2000{ animation-delay: 2000ms; } .o_anim_del2500{ animation-delay: 2500ms; } .o_table tr{ border-color: var(--o-border-color); } .o_dropdown_without_offset{ transform: none !important; } .input-group-text.input-group-text-subtle{ transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; border-color: var(--o-border-color); background-color: #FFFFFF; background-clip: padding-box; color: #212529; } @media (prefers-reduced-motion: reduce){ .input-group-text.input-group-text-subtle{ transition: none; } } .input-group-text.input-group-text-subtle > *{ color: rgba(33, 37, 41, 0.6); } .is-invalid ~ .input-group-text.input-group-text-subtle, .input-group-text.input-group-text-subtle:has(~ .is-invalid){ border-color: #dc3545; } .is-invalid ~ .input-group-text.input-group-text-subtle + .input-group-text{ border-left-color: #dc3545; } .form-control ~ .input-group-text.input-group-text-subtle, .form-select ~ .input-group-text.input-group-text-subtle{ padding-left: 0.375rem; } .input-group-text.input-group-text-subtle:has(~ .form-control), .input-group-text.input-group-text-subtle:has(~ .form-select){ padding-right: 0.375rem; } .form-control:disabled ~ .input-group-text.input-group-text-subtle, .form-control.o_wysiwyg_loader ~ .input-group-text.input-group-text-subtle, .form-control[readonly] ~ .input-group-text.input-group-text-subtle, .input-group-text.input-group-text-subtle:has(~ .form-control:disabled, ~ .form-control.o_wysiwyg_loader), .input-group-text.input-group-text-subtle:has(~ .form-control[readonly]), .form-select:disabled ~ .input-group-text.input-group-text-subtle, .form-select.o_wysiwyg_loader ~ .input-group-text.input-group-text-subtle, .form-select[readonly] ~ .input-group-text.input-group-text-subtle, .input-group-text.input-group-text-subtle:has(~ .form-select:disabled, ~ .form-select.o_wysiwyg_loader), .input-group-text.input-group-text-subtle:has(~ .form-select[readonly]){ background-color: #e9e9ea; border-color: rgba(33, 37, 41, 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: 10rem; padding: 0.5rem 1rem; } .s_banner_categories .row > *, .s_quadrant .o_grid_item, .s_masonry_block[data-vcss='001'] .row > div{ display: flex; flex-direction: column; justify-content: center; } .s_banner_categories .row > * div.media_iframe_video, .s_quadrant .o_grid_item div.media_iframe_video, .s_masonry_block[data-vcss='001'] .row > div div.media_iframe_video{ width: 100%; } /* /website/static/src/scss/website_common.scss */ .o_text_highlight{ position: relative; --text-highlight-color: currentColor; isolation: isolate; } .o_text_highlight > *{ text-decoration: none; } .o_text_highlight svg{ z-index: -1; height: 1px; width: 1px; } /* /website/static/src/scss/website_controller_page.scss */ .o_website_tag{ vertical-align: middle; } .o_website_tag.o_tag_color_0{ color: black; background-color: white; box-shadow: inset 0 0 0 1px #a2a2a2; } a.o_website_tag.o_tag_color_0:hover{ color: #212529; 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: #212529; 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: #212529; 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: #212529; 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: #212529; 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: #212529; background-color: #42af51; } .o_website_tag.o_tag_color_11{ color: white; background-color: #9872e6; } a.o_website_tag.o_tag_color_11:hover{ color: #FFFFFF; background-color: #7847de; } .o_website_record{ transition: box-shadow ease-in 0.1s; } .o_website_record:hover{ box-shadow: 0 5px 25px -10px black; } .o_website_record .o_website_image{ object-fit: cover; } .o_website_grid .o_website_record{ grid-template-rows: auto 1.5em 8em; } .o_website_grid .o_website_record .o_website_tags{ grid-row: 2; } .o_website_grid .o_website_record .card-body{ grid-row: 3; } .o_website_grid .o_website_record .o_website_image{ height: 12em !important; } .o_website_list .o_website_record{ grid-template-columns: 10% 65% 25%; height: 6em; } .o_website_list .o_website_record .o_website_tags{ grid-column: 3; grid-row: 1; } .o_website_list .o_website_record .card-body{ grid-column: 2; grid-row: 1; } .o_website_record_page .o_website_html{ padding: 0 3vw; } .o_website_record_page .o_website_image{ max-height: 90vh; object-fit: contain; } /* /website/static/src/scss/website.ui.scss */ .o_frontend_to_backend_nav{ position: absolute; top: 0; left: 0; bottom: auto; right: auto; z-index: 1055; font-size: 0.875rem; font-family: "-apple-system", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .o_frontend_to_backend_nav::before{ content: ""; position: absolute; top: 0; left: 0; bottom: auto; right: auto; border-top: 20px solid #714B67; border-left: 20px solid #714B67; border-bottom: 20px solid transparent; border-right: 20px solid transparent; cursor: pointer; } .o_frontend_to_backend_nav::before, .o_frontend_to_backend_nav .o_frontend_to_backend_icon, .o_frontend_to_backend_nav .o_frontend_to_backend_buttons{ transform-origin: top left; transition: transform 400ms ease 1s; } .o_frontend_to_backend_nav .o_frontend_to_backend_buttons{ transition-duration: 800ms; } .o_frontend_to_backend_nav .o_frontend_to_backend_buttons{ transform: translateX(-250%) scaleX(0.5); } .o_frontend_to_backend_nav .o_frontend_to_backend_buttons > a{ min-width: 40px; height: 40px; color: #FFFFFF; } .o_frontend_to_backend_nav .o_frontend_to_backend_apps_menu{ font-size: 0.875rem; max-height: 70vh; overflow: auto; } .o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn{ background-color: #714B67; } .o_frontend_to_backend_nav .o_frontend_to_backend_apps_btn:hover{ background-color: #624159; } .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn{ background-color: #3e3e46; } .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn:hover{ background-color: #323238; } .o_frontend_to_backend_nav .o_frontend_to_backend_edit_btn > img{ height: 1.8em; margin-right: 0.5em; border-radius: 0.25rem; } .o_frontend_to_backend_nav:hover:before, .o_frontend_to_backend_nav:hover .o_frontend_to_backend_icon, .o_frontend_to_backend_nav:focus-within:before, .o_frontend_to_backend_nav:focus-within .o_frontend_to_backend_icon{ transform: scale(0.3); transition-delay: 0ms; transition-duration: 400ms; } .o_frontend_to_backend_nav:hover .o_frontend_to_backend_buttons, .o_frontend_to_backend_nav:focus-within .o_frontend_to_backend_buttons{ transform: translateX(0); transition-delay: 0ms; transition-duration: 400ms; } body{ direction: ltr; } .oe_login_form, .oe_signup_form, .oe_reset_password_form{ max-width: 300px; position: relative; margin: 50px auto; } .tour .popover-navigation{ margin-left: 13px; margin-bottom: 8px; } .css_published .btn-danger, .css_published .css_publish{ display: none; } .css_unpublished .btn-success, .css_unpublished .css_unpublish{ display: none; } [data-publish='off'] > *:not(.css_options){ opacity: 0.5; } .js_publish_management > .js_publish_btn.btn-success{ border-radius: var(--btn-border-radius); } @media print{ a[href]:after{ content: initial; } } .post_link:not(.o_post_link_js_loaded){ pointer-events: none; } .o_is_mobile, .o_is_mobile .modal{ scrollbar-color: #999 rgba(255, 255, 255, 0.5); scrollbar-width: thin; } .o_is_mobile::-webkit-scrollbar, .o_is_mobile .modal::-webkit-scrollbar{ width: 5px; height: 5px; } .o_is_mobile::-webkit-scrollbar-thumb, .o_is_mobile .modal::-webkit-scrollbar-thumb{ background: #999; } .o_is_mobile::-webkit-scrollbar-track, .o_is_mobile .modal::-webkit-scrollbar-track{ background: rgba(255, 255, 255, 0.5); } /* /website/static/src/components/autocomplete_with_pages/url_autocomplete.scss */ .o-autocomplete .ui-autocomplete-category > .dropdown-item:hover{ background-color: initial; cursor: default; } .o-autocomplete.ui-widget-content{ background-color: #FFFFFF; border: var(--border-width) solid var(--o-border-color); border-radius: var(--border-radius); } /* /website/static/src/client_actions/website_preview/website_builder_action.editor.scss */ .o_homepage_editor_welcome_message{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } /* /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 #38383B; font-size: 0.875rem; text-transform: uppercase; color: #714B67; font-weight: 700; 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; } /* /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("../images/background-light.svg")); } /* /web_enterprise/static/src/webclient/navbar/navbar.scss */ .o_main_navbar{ --NavBar-entry-color--active: #000; --NavBar-entry-borderColor-active: #017e84; --NavBar-entry-backgroundColor--active: #e6f2f3; --NavBar-entry-backgroundColor--hover: #e7e9ed; --NavBar-entry-backgroundColor--focus: #e7e9ed; --Dropdown_menu-margin-y: 0.25rem; } .o_main_navbar .o_menu_toggle{ color: var(--NavBar-menuToggle-color, #714B67); } body.o_is_superuser .o_menu_systray{ border-image-outset: 5px; } /* /saas_trial/static/css/saas_trial.css */ .loading-screen{ height: 80%; display: flex; justify-content: center; align-items: center; font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #a8a8a8; } .loading-screen h3{ color: #7c7bad; font-weight: 300; } .loading-screen .content{ display: inline-block; text-align: center; } .loading-screen .content .loading-messages{ position: relative; } .loading-screen .content .loading-message{ position: absolute; margin: 0 auto; top: 0; left: 0; right: 0; } .loading-screen .svg{ height: 200px; width: 200px; margin: 24px auto; display: block; animation: svg-rotate 2500ms linear infinite; } .loading-screen circle{ fill: transparent; stroke: #a24689; stroke-width: 1; stroke-linecap: round; stroke-dasharray: 51.83627878; animation: stroke-dash 2500ms linear infinite; } @keyframes svg-rotate{ to{ transform: rotate(360deg); } } @keyframes stroke-dash{ 0%{ stroke-dasharray: 0, 311.01767271; stroke-dashoffset: 0; } 50%{ stroke-dasharray: 311.01767271, 0; stroke-dashoffset: 0; } 100%{ stroke-dasharray: 311.01767271, 311.01767271; stroke-dashoffset: -311.01767271; } } .oe_expiration_tag{ background-color: #dc3545; } /* /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: #212529; } .js_follow_icons_container .js_unfollow_btn .fa:before{ color: #38383B; } .js_follow_icons_container .js_unfollow_btn:hover .fa:before{ content: "\f1f6"; color: #dc3545; } @keyframes js_follow_fade{ to{ opacity: 1; } } /* /website/static/src/snippets/s_announcement_scroll/000.scss */ .s_announcement_scroll{ overflow-x: clip; font-size: clamp(40px, calc(var(--marquee-item-font-size, 80) * .05vw), 200px); } .s_announcement_scroll .s_announcement_scroll_marquee_item{ white-space: preserve nowrap; caret-color: transparent; } @media (prefers-reduced-motion: reduce){ .s_announcement_scroll .s_announcement_scroll_marquee_item{ animation: none !important; } } .s_announcement_scroll .s_announcement_scroll_heading_family .s_announcement_scroll_marquee_item{ font-family: "Manrope", "Odoo Unicode Support Noto", sans-serif; font-weight: 400; } .s_announcement_scroll.s_announcement_scroll_direction_right{ --marquee-animation: o-marquee-scroll-right; } .s_announcement_scroll.s_announcement_scroll_direction_none{ --marquee-animation: none; } .s_announcement_scroll.s_announcement_scroll_ready .s_announcement_scroll_marquee_item{ --marquee-animation-time: calc((25s - var(--marquee-animation-speed) * 2) * var(--marquee-item-size) * .001); animation-composition: add; animation: var(--marquee-animation, o-marquee-scroll-left) linear infinite var(--marquee-animation-time), var(--marquee-animation, o-marquee-scroll-left) linear infinite calc(var(--marquee-animation-time) * var(--marquee-animation-hover-multiplier, 1)) reverse paused; } .s_announcement_scroll.s_announcement_scroll_ready.s_announcement_scroll_hover_slow .s_announcement_scroll_marquee_item{ --marquee-animation-hover-multiplier: 2; } @media (hover: hover){ .s_announcement_scroll.s_announcement_scroll_ready:where(:hover:not(.s_announcement_scroll_page_scrolling)).s_announcement_scroll_hover_pause .s_announcement_scroll_marquee_item{ animation-play-state: paused; } .s_announcement_scroll.s_announcement_scroll_ready:where(:hover:not(.s_announcement_scroll_page_scrolling)).s_announcement_scroll_hover_slow .s_announcement_scroll_marquee_item{ animation-play-state: running; } .s_announcement_scroll.s_announcement_scroll_ready:where(:hover:not(.s_announcement_scroll_page_scrolling)).s_announcement_scroll_hover_direction .s_announcement_scroll_marquee_item{ animation-play-state: paused, running; } } .s_announcement_scroll.s_announcement_scroll_ready:where(.s_announcement_scroll_page_scrolling).s_announcement_scroll_parallax .s_announcement_scroll_marquee_item{ animation-play-state: paused; } @keyframes o-marquee-scroll-left{ to{ transform: translateX(-100%); } } @keyframes o-marquee-scroll-right{ from{ transform: translateX(-100%); } } /* /website/static/src/snippets/s_text_cover/000.scss */ .s_text_cover > *:not(.o_scroll_button), .s_text_cover > *:not(.o_scroll_button) > .row{ min-height: inherit; } /* /website/static/src/snippets/s_instagram_page/000.scss */ .s_instagram_page div.container-fluid, .s_instagram_page div.container-sm, .s_instagram_page div.container-md, .s_instagram_page div.container-lg, .s_instagram_page div.container-xl, .s_instagram_page div.container-xxl{ padding: 0; } /* /website/static/src/snippets/s_features/000.scss */ .s_features .s_features_icon.float-start{ margin-inline-end: var(--s_features_icon_margin, 1rem) !important; } .s_features .s_features_icon.float-end{ margin-inline-start: var(--s_features_icon_margin, 1rem) !important; } /* /website/static/src/snippets/s_carousel/001.scss */ @media (min-width: 768px){ .s_carousel_wrapper[data-vcss='001'] .s_carousel.s_carousel_arrows_hidden .carousel-item{ padding: 0; } } /* /website/static/src/snippets/s_carousel_intro/000.scss */ .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers{ height: var(--CarouselControllers-size, 3rem); } .s_carousel_intro_wrapper .s_carousel_intro .s_carousel_intro_controllers .s_carousel_intro_controllers_row{ padding-right: calc(var(--gutter-x) * .5); padding-left: calc(var(--gutter-x) * .5); } .s_carousel_intro_wrapper .s_carousel_intro.s_carousel_arrows_hidden .o_arrows_wrapper{ display: none; } /* /website/static/src/snippets/s_carousel_cards/000.scss */ .s_carousel_cards_wrapper .s_carousel_cards{ --CarouselControllers-size: 2.5rem; --CardBody-padding: 1.5rem; } @media (max-width: 991.98px){ .s_carousel_cards_wrapper .s_carousel_cards{ --CardBody-extra-height: 0px !important; } } @media (max-width: 991.98px){ .s_carousel_cards_wrapper .s_carousel_cards{ --CardBody-padding: 1rem; } } .s_carousel_cards_wrapper .s_carousel_cards .carousel-item.active, .s_carousel_cards_wrapper .s_carousel_cards .carousel-item-next, .s_carousel_cards_wrapper .s_carousel_cards .carousel-item-prev{ display: flex; } .s_carousel_cards_wrapper .s_carousel_cards .s_card{ --card-img-size-h: inherit; --card-spacer-y: var(--CardBody-padding); --card-spacer-x: var(--CardBody-padding); } .s_carousel_cards_wrapper .s_carousel_cards:not(.s_carousel_controllers_hidden) .card-body{ padding-bottom: calc(var(--CarouselControllers-size, 3rem) + 2* var(--CardBody-padding) + var(--CardBody-extra-height)); } .s_carousel_cards_wrapper .s_carousel_cards .s_carousel_cards_item:only-child .card-body{ padding-bottom: calc(var(--card-spacer-y) + var(--CardBody-extra-height)); } .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers{ margin-left: calc(var(--gutter-x) * .5); margin-right: calc(var(--gutter-x) * .5); margin-bottom: var(--CardBody-padding); } .s_carousel_cards_wrapper .s_carousel_cards .o_horizontal_controllers_row{ padding: 0 var(--CardBody-padding); } @media (min-width: 992px){ .s_carousel_cards_wrapper .s_carousel_cards.s_carousel_cards_with_img .o_horizontal_controllers_row{ margin: 0 0 0 var(--card-img-size-h); } .s_carousel_cards_wrapper .s_carousel_cards.s_carousel_cards_with_img:has(.s_card.flex-lg-row-reverse) .o_horizontal_controllers_row{ margin: 0 var(--card-img-size-h) 0 0; } .s_carousel_cards_wrapper .s_carousel_cards .o_card_img{ min-height: 100%; aspect-ratio: 1/var(--card-img-ratio-v); } } /* /website/static/src/snippets/s_alert/001.scss */ .s_alert[data-vcss='001']{ margin: 15px 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: 10px; font-size: 0.875rem; } .s_alert[data-vcss='001'].s_alert_md{ padding: 15px; font-size: 1rem; } .s_alert[data-vcss='001'].s_alert_lg{ padding: 30px; 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_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: 15px 0; } .s_card .o_card_img{ width: 100%; object-fit: cover; } .s_card .o_card_img[data-shape]:not([data-aspect-ratio="0/0"]){ object-fit: contain; } .s_card .o_card_img.rounded-start{ border-bottom-left-radius: var(--card-inner-border-radius) !important; border-top-left-radius: var(--card-inner-border-radius) !important; } .s_card .o_card_img.rounded-end{ border-top-right-radius: var(--card-inner-border-radius) !important; border-bottom-right-radius: var(--card-inner-border-radius) !important; } .s_card .o_card_img_wrapper.ratio > a > .o_card_img{ height: 100%; } .s_card .o_card_img_wrapper.ratio .media_iframe_video{ position: absolute; } .s_card.o_card_img_top > .o_card_img_ratio_custom{ --aspect-ratio: var(--card-img-aspect-ratio); } .s_card.o_card_img_horizontal > .o_card_img_wrapper{ flex-shrink: 0; } @media (min-width: 992px){ .s_card.o_card_img_horizontal > .o_card_img_wrapper{ width: var(--card-img-size-h); } } .s_card .o_card_img_adjust_h .o_card_img{ object-position: var(--card-img-ratio-align) 50%; } .s_card .o_card_img_adjust_v .o_card_img{ object-position: 50% var(--card-img-ratio-align); } /* /website/static/src/snippets/s_share/000.scss */ .s_share{ user-select: none; } .s_share > *{ display: inline-block; vertical-align: middle; } .s_share .s_share_title{ margin: 0 .4rem 0 0; } .s_share a{ margin: .2rem; } .s_share a i.fa{ display: flex; justify-content: center; align-items: center; } /* /website/static/src/snippets/s_social_media/000.scss */ .s_social_media{ user-select: none; } .s_social_media > *{ display: inline-block; vertical-align: middle; } .s_social_media .s_social_media_title{ margin: 0 .4rem 0 0; } .s_social_media a i.fa, .s_social_media a span.fa{ display: flex; justify-content: center; align-items: center; } .s_social_media a i.fa:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x).rounded-circle, .s_social_media a .fa.rounded-empty-circle:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x), .s_social_media a i.fa:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x).rounded, .s_social_media a span.fa:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x).rounded-circle, .s_social_media a span.fa:not(.fa-2x, .fa-3x, .fa-4x, .fa-5x).rounded{ width: 2.5rem; height: 2.5rem; } .s_social_media a:has(i:not(.fa-stack)){ margin: .2rem; } /* /website/static/src/snippets/s_rating/001.scss */ .s_rating[data-vcss="001"]{ user-select: none; } .s_rating[data-vcss="001"].s_rating_inline{ display: flex; align-items: center; } .s_rating[data-vcss="001"].s_rating_inline .s_rating_title{ margin: 0; margin-right: 0.5em; } .s_rating[data-vcss="001"].s_rating_inline .s_rating_icons{ margin-left: auto; } .s_rating[data-vcss="001"].s_rating_no_title .s_rating_title{ display: none; } /* /website/static/src/snippets/s_hr/000.scss */ .s_hr{ line-height: 0; } .s_hr hr{ padding: 0; margin: 0; opacity: 1; } .editor_enable .s_hr{ position: relative; } .editor_enable .s_hr::after{ content: ''; position: absolute; top: 50%; left: 0; bottom: 0; right: 0; z-index: 1; transform: translateY(-50%); height: 6px; padding: inherit; } /* /website/static/src/snippets/s_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: 10rem; } .s_image_gallery[data-vcss="002"].o_slideshow .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow .carousel-control-next-icon{ width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); background-size: 50%; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_default .carousel-control-prev:hover, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_default .carousel-control-next:hover{ background: rgba(0, 0, 0, 0.2); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_default .carousel-dark .carousel-control-prev:hover, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_default .carousel-dark .carousel-control-next:hover{ background: rgba(255, 255, 255, 0.2); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_boxed .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_boxed .carousel-control-next-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-control-next-icon{ border-radius: 10rem; border: 1px solid var(--o-border-color); background-color: #000; filter: invert(1) grayscale(100); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_boxed .carousel-dark .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_boxed .carousel-dark .carousel-control-next-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-dark .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-dark .carousel-control-next-icon{ filter: none; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_rounded .carousel-control-next-icon{ border-radius: 50rem; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_hidden .carousel-control-prev-icon, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_arrows_hidden .carousel-control-next-icon{ display: none; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_bars .carousel-indicators > button{ background-image: none !important; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_squared .carousel-indicators > button, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_rounded .carousel-indicators > button{ width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); border: 0; background-size: cover; background-position: center; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_squared .carousel-indicators > button:not(.active):not(:hover), .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_rounded .carousel-indicators > button:not(.active):not(:hover){ filter: grayscale(1); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_squared .carousel-indicators > button:hover, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_rounded .carousel-indicators > button:hover{ opacity: 1; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_rounded .carousel-indicators > button{ border-radius: 50rem; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_dots .carousel-indicators > button{ width: 0.75rem; height: 0.75rem; border: 0; border-radius: 50rem; background-image: none !important; transform: scale(0.5); transition: opacity .6s ease, transform .6s ease; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_dots .carousel-indicators > button:before{ position: absolute; inset: -12px; display: block; content: ''; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_dots .carousel-indicators > button.active{ inset: -3px; transform: scale(0.8); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators{ flex-wrap: wrap; height: auto; counter-reset: numberList; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button{ display: flex; align-items: center; gap: 0.25rem; width: auto; height: auto; margin: 0; border: 0; padding: 0 0.5rem 0; background: none !important; color: #FFF; text-indent: 0; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button:hover{ opacity: 1; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button:before{ content: counter(numberList); counter-increment: numberList; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button:after{ display: block; width: 0; border-top: 2px solid #FFF; transition: all 0.2s ease-in-out; content: ''; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-indicators button.active:after{ width: 1.5rem; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-dark button{ color: #000; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_numbers .carousel-dark button:after{ border-color: #000; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_indicators_hidden .carousel-indicators{ display: none; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:where(:not(.s_image_gallery_indicators_hidden)) .carousel-inner, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .carousel-inner{ padding-bottom: calc(var(--CarouselControllers-size, 3rem) + 0.5rem); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:where(:not(.s_image_gallery_indicators_hidden)) .o_carousel_controllers, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .o_carousel_controllers{ height: var(--CarouselControllers-size, 3rem); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:where(:not(.s_image_gallery_indicators_hidden)).s_image_gallery_indicators_numbers .o_carousel_controllers, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside.s_image_gallery_indicators_numbers .o_carousel_controllers{ height: auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside .o_carousel_controllers{ justify-content: center; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:not(.s_image_gallery_indicators_hidden) .carousel-control-prev, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside:not(.s_image_gallery_indicators_hidden) .carousel-control-next{ bottom: calc(var(--CarouselControllers-size, 3rem) + 0.5rem); } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside .carousel-indicators{ bottom: 0; height: var(--CarouselControllers-size, 3rem); margin-bottom: 0; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_indicators_outside.s_image_gallery_indicators_numbers .carousel-indicators{ height: auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .o_carousel_controllers{ position: absolute; bottom: 0; display: flex; align-items: center; gap: 0.5rem; justify-content: space-between; width: 100%; margin-top: 0.5rem; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .o_carousel_controllers > *{ position: relative; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .carousel-indicators{ margin: 0 auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .carousel-control-prev, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside .carousel-control-next{ width: auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_left .o_carousel_controllers{ justify-content: start; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_left .carousel-control-prev, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_left .carousel-control-next{ order: 1; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_left .carousel-indicators{ order: 2; margin: 0 0 0 auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_right .carousel-control-prev, .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_right .carousel-control-next{ order: 2; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_right .carousel-control-prev{ margin-left: auto; } .s_image_gallery[data-vcss="002"].o_slideshow.s_image_gallery_controllers_outside_arrows_right .carousel-indicators{ order: 1; margin: 0; } :where(.s_image_gallery[data-vcss="002"].s_image_gallery_indicators_squared, .s_image_gallery[data-vcss="002"].s_image_gallery_indicators_rounded) .carousel-indicators [data-bs-target], :where(.s_image_gallery[data-vcss="002"].s_image_gallery_indicators_squared, .s_image_gallery[data-vcss="002"].s_image_gallery_indicators_rounded) .carousel-dark .carousel-indicators [data-bs-target]{ background-color: white; } .s_gallery_lightbox .modal-dialog{ height: 100%; background-color: rgba(0, 0, 0, 0.7); } @media (min-width: 576px){ .s_gallery_lightbox .modal-dialog{ max-width: 100%; padding: 0; } } .s_gallery_lightbox div.carousel-indicators{ display: none; } .s_gallery_lightbox .modal-body.o_slideshow .carousel-item > a{ display: flex; height: 100%; width: 100%; } .s_gallery_lightbox .modal-body.o_slideshow .carousel-item > a > img, .s_gallery_lightbox .modal-body.o_slideshow .carousel-item > img{ max-height: 100%; max-width: 100%; margin: auto; } .s_gallery_lightbox .modal-body.o_slideshow .carousel{ height: 100%; } .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-inner{ height: 100%; } .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item.active, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-item-prev, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev{ display: flex; align-items: center; height: 100%; } .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-prev-icon, .s_gallery_lightbox .modal-body.o_slideshow .carousel .carousel-control-next-icon{ width: var(--CarouselControllers-size, 3rem); height: var(--CarouselControllers-size, 3rem); background-size: 50%; background-color: #000; border-radius: 10rem; } /* /website/static/src/snippets/s_company_team/000.scss */ @media (max-width: 991.98px){ .s_company_team .row.s_col_no_resize > .o_not_editable img.o_editable_media{ height: 8rem; } } /* /website/static/src/snippets/s_references/000.scss */ .s_references .img-thumbnail{ border: none; } /* /website/static/src/snippets/s_popup/001.scss */ .s_popup[data-vcss='001'] .modal-content{ min-height: 2.5rem; border: 0; border-radius: 0; box-shadow: var(--box-shadow); } .s_popup[data-vcss='001'] .s_popup_close{ z-index: 1055; position: absolute; top: 0; left: auto; bottom: auto; right: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; --background-color: #FFFFFF; --color: #38383B; background-color: #FFFFFF !important; color: #38383B; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 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_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/003.scss */ .s_tabs_common{ --tabs-bg-color: #F8F9FA; --tabs-link-color: #212529; } .s_tabs_common .nav-link:focus-visible{ box-shadow: inset 0 0 0 0.25rem rgba(56, 56, 59, 0.25); } .s_tabs_common .nav-underline{ --nav-underline-link-active-color: currentColor; } .s_tabs_common .s_tabs_content.s_tabs_slide_up > .tab-pane.fade, .s_tabs_common .s_tabs_content.s_tabs_slide_down > .tab-pane.fade, .s_tabs_common .s_tabs_content.s_tabs_slide_left > .tab-pane.fade, .s_tabs_common .s_tabs_content.s_tabs_slide_right > .tab-pane.fade{ transition: all 0.2s ease-in-out; } .s_tabs_common .s_tabs_content.s_tabs_slide_up > .tab-pane.fade:where(:not(.show)){ transform: translateY(-1rem); } .s_tabs_common .s_tabs_content.s_tabs_slide_down > .tab-pane.fade:where(:not(.show)){ transform: translateY(1rem); } .s_tabs_common .s_tabs_content.s_tabs_slide_left > .tab-pane.fade:where(:not(.show)){ transform: translateX(-1rem); } .s_tabs_common .s_tabs_content.s_tabs_slide_right > .tab-pane.fade:where(:not(.show)){ transform: translateX(1rem); } .s_tabs_common .s_tabs_main .nav-tabs{ --nav-tabs-link-hover-border-color: transparent; } .s_tabs_common .s_tabs_main.o_direction_horizontal .nav{ white-space: nowrap; } @media (max-width: 767.98px){ .s_tabs_common .s_tabs_main .nav{ white-space: nowrap; } } .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-tabs), .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons){ background: var(--tabs-bg-color, #F8F9FA); } .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-tabs) .nav .nav-item a.nav-link, .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons) .nav .nav-item a.nav-link{ color: var(--tabs-link-color, #212529); } .s_tabs_common .s_tabs_main .nav-tabs a.active{ color: #212529; } .s_tabs_common .s_tabs_main .nav-underline{ border-bottom: 1px solid var(--o-border-color); } .s_tabs_common .s_tabs_main .nav-underline .nav-link{ margin-bottom: -1px; } .s_tabs_common .s_tabs_main .nav-underline .nav-link:not(.active){ border: 0; } @media (min-width: 576px){ .s_tabs_common .s_tabs_main.row .nav-underline{ border-bottom: 0; border-left: 1px solid var(--o-border-color); } .s_tabs_common .s_tabs_main.row .nav-underline .nav-link{ margin-left: -1px; padding: 0.25rem 1rem; } .s_tabs_common .s_tabs_main.row .nav-underline .nav-link.active{ border-left: 2px solid #38383B; border-bottom: 0; } } .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-justified), .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-justified) .nav-buttons, .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-fill), .s_tabs_common .s_tabs_main .s_tabs_nav:has(.nav-buttons.nav-fill) .nav-buttons{ width: 100%; } .s_tabs_common .s_tabs_main .nav-buttons .active{ color: #212529; background-color: #FFF; } .s_tabs_common .s_tabs_main .nav-buttons .active:where(:not(:focus-visible)){ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } .s_tabs_common .s_tabs_main .nav-pills .active:where(:focus-visible){ box-shadow: inset 0 0 0 0.25rem rgba(255, 255, 255, 0.25); } /* /website/static/src/snippets/s_tabs_images/000.scss */ .s_tabs_images .o_nav_tabs_description{ display: none; } @media (min-width: 992px){ .s_tabs_images .s_tabs_nav_with_descriptions:where(.s_tabs_nav_vertical) :where(.o_nav_tabs_description), .s_tabs_images .s_tabs_nav_with_descriptions_active:where(.s_tabs_nav_vertical) .active > :where(.o_nav_tabs_description){ display: block; } } .s_tabs_images .s_tabs_pills_template .nav-link.active{ background: var(--nav-pills-link-active-bg) !important; color: var(--nav-pills-link-active-color) !important; } /* /website/static/src/snippets/s_table_of_content/000.scss */ .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_horizontal_navbar, .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar{ position: sticky; top: 0px; left: auto; bottom: auto; right: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_navbar_sticky.s_table_of_content_vertical_navbar .s_table_of_content_navbar{ overflow: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky), .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap:not(.s_table_of_content_navbar_sticky) .s_table_of_content_navbar{ top: 0px !important; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar{ overflow-wrap: break-word; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action{ background: none; color: inherit; opacity: 0.7; font-weight: 500; padding-left: 3px; transition: padding 0.1s; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:before{ position: absolute; top: 10px; left: 0; bottom: 10px; right: auto; width: 2px; content: ""; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:hover{ opacity: 1; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action:focus{ background: none; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active{ background: none; padding-left: 8px; opacity: 1; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_vertical_navbar .s_table_of_content_navbar > a.list-group-item-action.active:before{ background-color: #38383B; } .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.625rem; padding-bottom: 0.625rem; 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_quotes_carousel/002.scss */ .s_quotes_carousel_wrapper[data-vcss='002'] .s_blockquote{ margin-bottom: 0; } @media (max-width: 767.98px){ /* Lock slide height on mobile only */ .s_quotes_carousel .carousel-item { min-height: 520px; } /* Prevent Odoo padding from shrinking unevenly per slide */ .s_quotes_carousel .pt80 { padding-top: 3rem !important; } .s_quotes_carousel .pb80 { padding-bottom: 3rem !important; } } /* /website/static/src/snippets/s_masonry_block/001.scss */ .s_masonry_block[data-vcss='001'] .row.o_grid_mode > div.o_grid_item_image{ --grid-item-padding-y: 0px; --grid-item-padding-x: 0px; } /* /website/static/src/snippets/s_media_list/001.scss */ .s_media_list[data-vcss="001"] .s_media_list_item > .row{ overflow: hidden; } .s_media_list[data-vcss="001"] .s_media_list_body{ padding: 2rem; } .s_media_list[data-vcss="001"] .s_media_list_img{ object-fit: cover; } /* /website/static/src/snippets/s_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_floating_blocks/000.scss */ .s_floating_blocks{ --floating-boxes-box-ratio-sm: 0.6; --floating-boxes-box-ratio-lg: 2; --floating-boxes-box-ratio-lg-container-small: 1.6; --floating-boxes-box-ratio-xl: 2.3; --floating-boxes-box-padding-x-sm: 1.5rem; --floating-boxes-box-padding-x-lg: 3rem; --floating-boxes-grid-rows: 8; } .s_floating_blocks .s_floating_blocks_block{ border-radius: inherit; box-shadow: inherit; top: 0; opacity: 0; transition: opacity .2s; will-change: transform; transform-origin: center top; contain: layout paint; backface-visibility: hidden; padding-left: var(--floating-boxes-box-padding-x, var(--floating-boxes-box-padding-x-sm)); padding-right: var(--floating-boxes-box-padding-x, var(--floating-boxes-box-padding-x-sm)); aspect-ratio: var(--floating-boxes-box-ratio, var(--floating-boxes-box-ratio-sm)); max-height: calc(100vh - 6rem) !important; max-height: calc(100lvh - 6rem) !important; } @media (min-width: 992px){ .s_floating_blocks > .container, .s_floating_blocks > .o_container_small, .s_floating_blocks > .container-fluid, .s_floating_blocks > .container-sm, .s_floating_blocks > .container-md, .s_floating_blocks > .container-lg, .s_floating_blocks > .container-xl, .s_floating_blocks > .container-xxl{ --floating-boxes-box-ratio: var(--floating-boxes-box-ratio-lg); --floating-boxes-box-padding-x: var(--floating-boxes-box-padding-x-lg); } .s_floating_blocks > .o_container_small{ --floating-boxes-box-ratio: var(--floating-boxes-box-ratio-lg-container-small); } .s_floating_blocks > .container-fluid > div, .s_floating_blocks > .container-sm > div, .s_floating_blocks > .container-md > div, .s_floating_blocks > .container-lg > div, .s_floating_blocks > .container-xl > div, .s_floating_blocks > .container-xxl > div{ padding-left: 3rem; padding-right: 3rem; } .s_floating_blocks .s_floating_blocks_block > .container, .s_floating_blocks .s_floating_blocks_block > .container-fluid, .s_floating_blocks .s_floating_blocks_block > .container-sm, .s_floating_blocks .s_floating_blocks_block > .container-md, .s_floating_blocks .s_floating_blocks_block > .container-lg, .s_floating_blocks .s_floating_blocks_block > .container-xl, .s_floating_blocks .s_floating_blocks_block > .container-xxl, .s_floating_blocks .s_floating_blocks_block > .o_container_small{ height: calc(50px * var(--floating-boxes-grid-rows)); } } @media (min-width: 1200px){ .s_floating_blocks > .container, .s_floating_blocks > .o_container_small, .s_floating_blocks > .container-fluid, .s_floating_blocks > .container-sm, .s_floating_blocks > .container-md, .s_floating_blocks > .container-lg, .s_floating_blocks > .container-xl, .s_floating_blocks > .container-xxl{ --floating-boxes-box-ratio: var(--floating-boxes-box-ratio-xl); } .s_floating_blocks > .container-fluid > div, .s_floating_blocks > .container-sm > div, .s_floating_blocks > .container-md > div, .s_floating_blocks > .container-lg > div, .s_floating_blocks > .container-xl > div, .s_floating_blocks > .container-xxl > div{ padding-left: 6rem; padding-right: 6rem; } } @media (min-width: 1400px){ .s_floating_blocks > .container-fluid > div, .s_floating_blocks > .container-sm > div, .s_floating_blocks > .container-md > div, .s_floating_blocks > .container-lg > div, .s_floating_blocks > .container-xl > div, .s_floating_blocks > .container-xxl > div{ padding-left: 9rem; padding-right: 9rem; } } .s_floating_blocks .s_floating_blocks_wrapper.s_floating_blocks_wrapper_shadow{ box-shadow: 0px 1vh 2vh rgba(0, 0, 0, 0.175); } /* /website/static/src/snippets/s_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(56, 56, 59, 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_text_highlight/000.scss */ .s_text_highlight{ padding: 1.5rem; border-radius: 0.4rem; } .s_text_highlight :last-child{ margin-bottom: 0; } /* /website/static/src/snippets/s_pricelist_cafe/000.scss */ @media (max-width: 991.98px){ .s_pricelist_cafe > .o_html_builder_Origins_19:not(.o_shape_show_mobile){ display: none; } } /* /website/static/src/snippets/s_progress_bar/001.scss */ .s_progress_bar[data-vcss="001"] .s_progress_bar_wrapper{ flex-direction: column; } .s_progress_bar[data-vcss="001"] .progress{ --progress-bg: color-mix(in srgb, currentColor 20%, transparent); --progress-font-size: 1rem; } .s_progress_bar[data-vcss="001"].s_progress_bar_label_inline .progress{ --progress-height: 1.6em; } .s_progress_bar[data-vcss="001"].s_progress_bar_label_below .s_progress_bar_text{ text-align: right; } .s_progress_bar[data-vcss="001"].s_progress_bar_label_after .s_progress_bar_wrapper{ flex-direction: row; align-items: center; } .s_progress_bar[data-vcss="001"].s_progress_bar_label_after .progress{ flex-basis: 100%; } /* /website/static/src/snippets/s_blockquote/001.scss */ .s_blockquote[data-vcss="001"]{ border: 0; border-radius: 0.4rem; } .s_blockquote[data-vcss="001"].s_blockquote_with_line{ overflow: hidden; } .s_blockquote[data-vcss="001"] .s_blockquote_avatar{ width: 3rem; } .s_blockquote[data-vcss="001"] .s_blockquote_line_elt{ width: 0.25rem; } .s_blockquote[data-vcss="001"]:not(.s_blockquote_with_line) .s_blockquote_line_elt, .s_blockquote[data-vcss="001"]:not(.s_blockquote_with_icon) .s_blockquote_wrap_icon, .s_blockquote[data-vcss="001"] .s_blockquote_infos{ display: none; } /* /website/static/src/snippets/s_badge/000.scss */ .s_badge{ padding: 0.5rem; margin: 0.5rem 0.5rem 0.5rem 0; border-radius: 50rem; } .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_attributes_horizontal/000.scss */ .s_attributes_horizontal .s_attributes_horizontal_img.float-start{ margin-inline-end: var(--s_attributes_horizontal_margin, 1rem) !important; } .s_attributes_horizontal .s_attributes_horizontal_img.float-end{ margin-inline-start: var(--s_attributes_horizontal_margin, 1rem) !important; } /* /website/static/src/snippets/s_attributes_vertical/000.scss */ .s_attributes_vertical .s_attributes_vertical_img.float-start{ margin-inline-end: var(--s_attributes_vertical_margin, 1rem) !important; } .s_attributes_vertical .s_attributes_vertical_img.float-end{ margin-inline-start: var(--s_attributes_vertical_margin, 1rem) !important; } /* /website/static/src/snippets/s_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_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_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/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(56, 56, 59, 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: #38383B; background: rgba(56, 56, 59, 0.55); color: #FFFFFF; } /* /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(56, 56, 59, 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: #38383B; background: rgba(56, 56, 59, 0.55); color: #FFFFFF; } .s_map .s_map_color_filter{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; position: absolute !important; pointer-events: none; } /* /website/static/src/snippets/s_dynamic_snippet/000.scss */ #wrap .s_dynamic.o_dynamic_snippet_empty:not(.o_check_scroll_position) section:not(.s_dynamic_snippet_holder){ display: none !important; } #wrap .s_dynamic.o_dynamic_snippet_empty:not(.o_check_scroll_position) .s_dynamic_snippet_holder{ display: block !important; } .s_dynamic [data-url]{ cursor: pointer; } .s_dynamic img{ object-fit: scale-down; } @media (min-width: 992px){ .s_dynamic > .container .s_dynamic_snippet_title.s_dynamic_snippet_title_aside + .s_dynamic_snippet_content .s_dynamic_snippet_row > *, .s_dynamic > .o_container_small .s_dynamic_snippet_title.s_dynamic_snippet_title_aside + .s_dynamic_snippet_content .s_dynamic_snippet_row > *{ flex: 0 1 MAX(var(--DynamicSnippet__entry-maxWidth, 315px), 50%); } } @media (min-width: 992px){ .s_dynamic > .o_container_small .s_dynamic_snippet_row > *{ flex: 0 1 MAX(var(--DynamicSnippet__entry-maxWidth, 315px), 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, 315px); } } .s_dynamic.s_dynamic_snippet_cover_left .s_dynamic_snippet_content_position{ flex-direction: row-reverse; } /* /website/static/src/snippets/s_dynamic_snippet_carousel/000.scss */ .s_dynamic .dynamic_snippet_template .card-footer a, .s_dynamic .dynamic_snippet_template .card-footer button, .s_dynamic .o_dynamic_snippet_btn_wrapper{ z-index: 2; } .s_dynamic .s_dynamic_snippet_arrow_bottom > .carousel-control-prev, .s_dynamic .s_dynamic_snippet_arrow_bottom .carousel-control-next{ position: relative; } .s_dynamic_snippet_title_aside + .s_dynamic_snippet_content{ width: 75%; } /* /website/static/src/snippets/s_embed_code/000.scss */ .editor_enable .s_embed_code{ min-height: 0.875rem; } /* /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: #38383B; cursor: pointer; } .s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap i.o_file_delete:hover{ color: #252527; } .s_website_form[data-vcss="001"] .o_add_files_button{ background-color: #e7e9ed; width: fit-content; } .s_website_form[data-vcss="001"] .o_add_files_button:hover{ background-color: #dadde3; } @media (max-width: 767.98px){ .s_website_form[data-vcss="001"] .datetimepicker-input{ caret-color: transparent; } } body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_date:not(.s_website_form_datepicker_initialized) [value], body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_datetime:not(.s_website_form_datepicker_initialized) [value]{ color: transparent; } /* /website/static/src/snippets/s_quadrant/000.scss */ /* /website/static/src/snippets/s_website_form_cover/000.scss */ .s_website_form_cover > *:not(.o_scroll_button), .s_website_form_cover > *:not(.o_scroll_button) > .row{ min-height: inherit; } /* /website/static/src/snippets/s_ecomm_categories_showcase/000.scss */ .s_ecomm_categories_showcase{ --ecomm-categories-showcase-min-height: 50vh; --ecomm-categories-showcase-width: 85%; --ecomm-categories-showcase-row-height: 100%; --ecomm-categories-showcase-flex-base: 1; --ecomm-categories-showcase-edge-spacing: 15px; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper{ flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_block{ flex: 0 0 auto; scroll-snap-align: start; width: var(--ecomm-categories-showcase-width); overflow: hidden; min-height: 45vh; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_block .s_ecomm_categories_showcase_row{ height: var(--ecomm-categories-showcase-row-height); padding: 1.5rem; margin: 0; z-index: 2; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_block .o_bg_video_container iframe{ top: 50%; left: 50%; transform: translate(-50%, -50%); } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content{ width: 100%; padding: 0; } @media (max-width: 991.98px){ .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper{ margin-left: calc(var(--ecomm-categories-showcase-edge-spacing) * -1); margin-right: calc(var(--ecomm-categories-showcase-edge-spacing) * -1); padding: 0 var(--ecomm-categories-showcase-edge-spacing); scroll-padding-left: var(--ecomm-categories-showcase-edge-spacing); scroll-padding-right: var(--ecomm-categories-showcase-edge-spacing); } } @media (min-width: 768px) and (max-width: 991.98px){ .s_ecomm_categories_showcase{ --ecomm-categories-showcase-width: 55%; } } @media (min-width: 992px){ .s_ecomm_categories_showcase .container-fluid, .s_ecomm_categories_showcase .container-sm, .s_ecomm_categories_showcase .container-md, .s_ecomm_categories_showcase .container-lg, .s_ecomm_categories_showcase .container-xl, .s_ecomm_categories_showcase .container-xxl{ padding: 0 var(--ecomm-categories-showcase-fluid-padding-x, 0); } .s_ecomm_categories_showcase .container-fluid:has(.gap-4), .s_ecomm_categories_showcase .container-sm:has(.gap-4), .s_ecomm_categories_showcase .container-md:has(.gap-4), .s_ecomm_categories_showcase .container-lg:has(.gap-4), .s_ecomm_categories_showcase .container-xl:has(.gap-4), .s_ecomm_categories_showcase .container-xxl:has(.gap-4){ --ecomm-categories-showcase-fluid-padding-x: 30px; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper{ flex-wrap: wrap; overflow-x: visible; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_block{ flex: var(--ecomm-categories-showcase-flex-base); min-height: var(--ecomm-categories-showcase-min-height); width: auto; transition: flex 0.3s ease-out; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper:hover .s_ecomm_categories_showcase_block, .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper:focus-within .s_ecomm_categories_showcase_block:not(:focus-within){ flex: var(--ecomm-categories-showcase-flex-base); } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper:hover .s_ecomm_categories_showcase_block:hover, .s_ecomm_categories_showcase .s_ecomm_categories_showcase_wrapper .s_ecomm_categories_showcase_block:focus-within{ flex: 3; } .s_ecomm_categories_showcase.first-large-layout .s_ecomm_categories_showcase_block:first-child{ flex: 2; } } .s_ecomm_categories_showcase.o_min_height_short{ --ecomm-categories-showcase-min-height: 25vh; } @media (max-width: 767.98px){ .s_ecomm_categories_showcase.o_min_height_short .s_ecomm_categories_showcase_block{ min-height: 30vh; } } .s_ecomm_categories_showcase.o_min_height_tall{ --ecomm-categories-showcase-min-height: 75vh; } @media (max-width: 767.98px){ .s_ecomm_categories_showcase.o_min_height_tall .s_ecomm_categories_showcase_block{ min-height: 60vh; } } /* /website/static/src/snippets/s_banner_categories/000.scss */ /* /website/static/src/scss/options/ripple_effect.scss */ @keyframes o-btn-ripple{ 100%{ opacity: 0; transform: scale(2.5); } } .o_ripple_item{ display: none; position: absolute; z-index: -1; border-radius: 100%; opacity: .3; background: currentColor; pointer-events: none; transform: scale(0); } .o_js_ripple_effect{ transform-style: preserve-3d; position: relative !important; overflow: hidden !important; } .o_js_ripple_effect .o_ripple_item{ display: block; animation: o-btn-ripple ease-in; } /* /website/static/src/scss/user_custom_rules.scss */