@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&display=swap"); @import url("https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i&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_footer .o_footer_copyright h1, .o_footer h1, .o_colored_level .o_cc5 h1, .o_colored_level .o_footer .o_footer_copyright h1, .o_footer .o_colored_level .o_footer_copyright h1, .o_colored_level .o_footer h1, .o_cc4 h1, .tp-preheader h1, .o_colored_level .o_cc4 h1, .o_colored_level .tp-preheader h1, .o_cc3 h1, .o_colored_level .o_cc3 h1, .o_cc2 h1, .o_colored_level .o_cc2 h1, .o_cc1 h1, .tp-header-box h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h1, .navbar-light h1, .o_colored_level .o_cc1 h1, .o_colored_level .tp-header-box h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h1, .o_colored_level .navbar-light h1, .bg-o-color-5 h1, .o_colored_level .bg-o-color-5 h1, .bg-o-color-4 h1, .o_colored_level .bg-o-color-4 h1, .bg-o-color-3 h1, .o_colored_level .bg-o-color-3 h1, .bg-o-color-2 h1, .o_colored_level .bg-o-color-2 h1, .bg-o-color-1 h1, .o_colored_level .bg-o-color-1 h1, :where(.card:not([data-vxml])) .card-body h1, .o_colored_level :where(.card:not([data-vxml])) .card-body h1, .bg-white h1, .o_colored_level .bg-white h1, .bg-black h1, .o_colored_level .bg-black h1, .bg-black-50 h1, .o_colored_level .bg-black-50 h1, .bg-black-75 h1, .o_colored_level .bg-black-75 h1, .bg-white-50 h1, .o_colored_level .bg-white-50 h1, .bg-white-75 h1, .o_colored_level .bg-white-75 h1, .bg-white-85 h1, .o_colored_level .bg-white-85 h1, .bg-900 h1, .o_colored_level .bg-900 h1, .bg-800 h1, .o_colored_level .bg-800 h1, .bg-700 h1, .o_colored_level .bg-700 h1, .bg-600 h1, .o_colored_level .bg-600 h1, .bg-500 h1, .o_colored_level .bg-500 h1, .bg-400 h1, .o_colored_level .bg-400 h1, .bg-300 h1, .o_colored_level .bg-300 h1, .bg-200 h1, .o_colored_level .bg-200 h1, .bg-100 h1, .o_colored_level .bg-100 h1, .o_figure_relative_layout .figure-caption .h1, .o_colored_level .o_figure_relative_layout .figure-caption .h1, .o_cc5 .h1, .o_footer .o_footer_copyright .h1, .o_footer .h1, .o_colored_level .o_cc5 .h1, .o_colored_level .o_footer .o_footer_copyright .h1, .o_footer .o_colored_level .o_footer_copyright .h1, .o_colored_level .o_footer .h1, .o_cc4 .h1, .tp-preheader .h1, .o_colored_level .o_cc4 .h1, .o_colored_level .tp-preheader .h1, .o_cc3 .h1, .o_colored_level .o_cc3 .h1, .o_cc2 .h1, .o_colored_level .o_cc2 .h1, .o_cc1 .h1, .tp-header-box .h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h1, .navbar-light .h1, .o_colored_level .o_cc1 .h1, .o_colored_level .tp-header-box .h1, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h1, .o_colored_level .navbar-light .h1, .bg-o-color-5 .h1, .o_colored_level .bg-o-color-5 .h1, .bg-o-color-4 .h1, .o_colored_level .bg-o-color-4 .h1, .bg-o-color-3 .h1, .o_colored_level .bg-o-color-3 .h1, .bg-o-color-2 .h1, .o_colored_level .bg-o-color-2 .h1, .bg-o-color-1 .h1, .o_colored_level .bg-o-color-1 .h1, :where(.card:not([data-vxml])) .card-body .h1, .o_colored_level :where(.card:not([data-vxml])) .card-body .h1, .bg-white .h1, .o_colored_level .bg-white .h1, .bg-black .h1, .o_colored_level .bg-black .h1, .bg-black-50 .h1, .o_colored_level .bg-black-50 .h1, .bg-black-75 .h1, .o_colored_level .bg-black-75 .h1, .bg-white-50 .h1, .o_colored_level .bg-white-50 .h1, .bg-white-75 .h1, .o_colored_level .bg-white-75 .h1, .bg-white-85 .h1, .o_colored_level .bg-white-85 .h1, .bg-900 .h1, .o_colored_level .bg-900 .h1, .bg-800 .h1, .o_colored_level .bg-800 .h1, .bg-700 .h1, .o_colored_level .bg-700 .h1, .bg-600 .h1, .o_colored_level .bg-600 .h1, .bg-500 .h1, .o_colored_level .bg-500 .h1, .bg-400 .h1, .bg-300 .h1, .bg-200 .h1, .bg-100 .h1, .o_figure_relative_layout .figure-caption h2, .o_colored_level .o_figure_relative_layout .figure-caption h2, .o_cc5 h2, .o_footer .o_footer_copyright h2, .o_footer h2, .o_colored_level .o_cc5 h2, .o_colored_level .o_footer .o_footer_copyright h2, .o_footer .o_colored_level .o_footer_copyright h2, .o_colored_level .o_footer h2, .o_cc4 h2, .tp-preheader h2, .o_colored_level .o_cc4 h2, .o_colored_level .tp-preheader h2, .o_cc3 h2, .o_colored_level .o_cc3 h2, .o_cc2 h2, .o_colored_level .o_cc2 h2, .o_cc1 h2, .tp-header-box h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h2, .navbar-light h2, .o_colored_level .o_cc1 h2, .o_colored_level .tp-header-box h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h2, .o_colored_level .navbar-light h2, .bg-o-color-5 h2, .o_colored_level .bg-o-color-5 h2, .bg-o-color-4 h2, .o_colored_level .bg-o-color-4 h2, .bg-o-color-3 h2, .o_colored_level .bg-o-color-3 h2, .bg-o-color-2 h2, .o_colored_level .bg-o-color-2 h2, .bg-o-color-1 h2, .o_colored_level .bg-o-color-1 h2, :where(.card:not([data-vxml])) .card-body h2, .o_colored_level :where(.card:not([data-vxml])) .card-body h2, .bg-white h2, .o_colored_level .bg-white h2, .bg-black h2, .o_colored_level .bg-black h2, .bg-black-50 h2, .o_colored_level .bg-black-50 h2, .bg-black-75 h2, .o_colored_level .bg-black-75 h2, .bg-white-50 h2, .o_colored_level .bg-white-50 h2, .bg-white-75 h2, .o_colored_level .bg-white-75 h2, .bg-white-85 h2, .o_colored_level .bg-white-85 h2, .bg-900 h2, .o_colored_level .bg-900 h2, .bg-800 h2, .o_colored_level .bg-800 h2, .bg-700 h2, .o_colored_level .bg-700 h2, .bg-600 h2, .o_colored_level .bg-600 h2, .bg-500 h2, .o_colored_level .bg-500 h2, .bg-400 h2, .o_colored_level .bg-400 h2, .bg-300 h2, .o_colored_level .bg-300 h2, .bg-200 h2, .o_colored_level .bg-200 h2, .bg-100 h2, .o_colored_level .bg-100 h2, .o_figure_relative_layout .figure-caption .h2, .o_colored_level .o_figure_relative_layout .figure-caption .h2, .o_cc5 .h2, .o_footer .o_footer_copyright .h2, .o_footer .h2, .o_colored_level .o_cc5 .h2, .o_colored_level .o_footer .o_footer_copyright .h2, .o_footer .o_colored_level .o_footer_copyright .h2, .o_colored_level .o_footer .h2, .o_cc4 .h2, .tp-preheader .h2, .o_colored_level .o_cc4 .h2, .o_colored_level .tp-preheader .h2, .o_cc3 .h2, .o_colored_level .o_cc3 .h2, .o_cc2 .h2, .o_colored_level .o_cc2 .h2, .o_cc1 .h2, .tp-header-box .h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h2, .navbar-light .h2, .o_colored_level .o_cc1 .h2, .o_colored_level .tp-header-box .h2, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h2, .o_colored_level .navbar-light .h2, .bg-o-color-5 .h2, .o_colored_level .bg-o-color-5 .h2, .bg-o-color-4 .h2, .o_colored_level .bg-o-color-4 .h2, .bg-o-color-3 .h2, .o_colored_level .bg-o-color-3 .h2, .bg-o-color-2 .h2, .o_colored_level .bg-o-color-2 .h2, .bg-o-color-1 .h2, .o_colored_level .bg-o-color-1 .h2, :where(.card:not([data-vxml])) .card-body .h2, .o_colored_level :where(.card:not([data-vxml])) .card-body .h2, .bg-white .h2, .o_colored_level .bg-white .h2, .bg-black .h2, .o_colored_level .bg-black .h2, .bg-black-50 .h2, .o_colored_level .bg-black-50 .h2, .bg-black-75 .h2, .o_colored_level .bg-black-75 .h2, .bg-white-50 .h2, .o_colored_level .bg-white-50 .h2, .bg-white-75 .h2, .o_colored_level .bg-white-75 .h2, .bg-white-85 .h2, .o_colored_level .bg-white-85 .h2, .bg-900 .h2, .o_colored_level .bg-900 .h2, .bg-800 .h2, .o_colored_level .bg-800 .h2, .bg-700 .h2, .o_colored_level .bg-700 .h2, .bg-600 .h2, .o_colored_level .bg-600 .h2, .bg-500 .h2, .o_colored_level .bg-500 .h2, .bg-400 .h2, .bg-300 .h2, .bg-200 .h2, .bg-100 .h2, .o_figure_relative_layout .figure-caption h3, .o_colored_level .o_figure_relative_layout .figure-caption h3, .o_cc5 h3, .o_footer .o_footer_copyright h3, .o_footer h3, .o_colored_level .o_cc5 h3, .o_colored_level .o_footer .o_footer_copyright h3, .o_footer .o_colored_level .o_footer_copyright h3, .o_colored_level .o_footer h3, .o_cc4 h3, .tp-preheader h3, .o_colored_level .o_cc4 h3, .o_colored_level .tp-preheader h3, .o_cc3 h3, .o_colored_level .o_cc3 h3, .o_cc2 h3, .o_colored_level .o_cc2 h3, .o_cc1 h3, .tp-header-box h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h3, .navbar-light h3, .o_colored_level .o_cc1 h3, .o_colored_level .tp-header-box h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h3, .o_colored_level .navbar-light h3, .bg-o-color-5 h3, .o_colored_level .bg-o-color-5 h3, .bg-o-color-4 h3, .o_colored_level .bg-o-color-4 h3, .bg-o-color-3 h3, .o_colored_level .bg-o-color-3 h3, .bg-o-color-2 h3, .o_colored_level .bg-o-color-2 h3, .bg-o-color-1 h3, .o_colored_level .bg-o-color-1 h3, :where(.card:not([data-vxml])) .card-body h3, .o_colored_level :where(.card:not([data-vxml])) .card-body h3, .bg-white h3, .o_colored_level .bg-white h3, .bg-black h3, .o_colored_level .bg-black h3, .bg-black-50 h3, .o_colored_level .bg-black-50 h3, .bg-black-75 h3, .o_colored_level .bg-black-75 h3, .bg-white-50 h3, .o_colored_level .bg-white-50 h3, .bg-white-75 h3, .o_colored_level .bg-white-75 h3, .bg-white-85 h3, .o_colored_level .bg-white-85 h3, .bg-900 h3, .o_colored_level .bg-900 h3, .bg-800 h3, .o_colored_level .bg-800 h3, .bg-700 h3, .o_colored_level .bg-700 h3, .bg-600 h3, .o_colored_level .bg-600 h3, .bg-500 h3, .o_colored_level .bg-500 h3, .bg-400 h3, .o_colored_level .bg-400 h3, .bg-300 h3, .o_colored_level .bg-300 h3, .bg-200 h3, .o_colored_level .bg-200 h3, .bg-100 h3, .o_colored_level .bg-100 h3, .o_figure_relative_layout .figure-caption .h3, .o_colored_level .o_figure_relative_layout .figure-caption .h3, .o_cc5 .h3, .o_footer .o_footer_copyright .h3, .o_footer .h3, .o_colored_level .o_cc5 .h3, .o_colored_level .o_footer .o_footer_copyright .h3, .o_footer .o_colored_level .o_footer_copyright .h3, .o_colored_level .o_footer .h3, .o_cc4 .h3, .tp-preheader .h3, .o_colored_level .o_cc4 .h3, .o_colored_level .tp-preheader .h3, .o_cc3 .h3, .o_colored_level .o_cc3 .h3, .o_cc2 .h3, .o_colored_level .o_cc2 .h3, .o_cc1 .h3, .tp-header-box .h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h3, .navbar-light .h3, .o_colored_level .o_cc1 .h3, .o_colored_level .tp-header-box .h3, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h3, .o_colored_level .navbar-light .h3, .bg-o-color-5 .h3, .o_colored_level .bg-o-color-5 .h3, .bg-o-color-4 .h3, .o_colored_level .bg-o-color-4 .h3, .bg-o-color-3 .h3, .o_colored_level .bg-o-color-3 .h3, .bg-o-color-2 .h3, .o_colored_level .bg-o-color-2 .h3, .bg-o-color-1 .h3, .o_colored_level .bg-o-color-1 .h3, :where(.card:not([data-vxml])) .card-body .h3, .o_colored_level :where(.card:not([data-vxml])) .card-body .h3, .bg-white .h3, .o_colored_level .bg-white .h3, .bg-black .h3, .o_colored_level .bg-black .h3, .bg-black-50 .h3, .o_colored_level .bg-black-50 .h3, .bg-black-75 .h3, .o_colored_level .bg-black-75 .h3, .bg-white-50 .h3, .o_colored_level .bg-white-50 .h3, .bg-white-75 .h3, .o_colored_level .bg-white-75 .h3, .bg-white-85 .h3, .o_colored_level .bg-white-85 .h3, .bg-900 .h3, .o_colored_level .bg-900 .h3, .bg-800 .h3, .o_colored_level .bg-800 .h3, .bg-700 .h3, .o_colored_level .bg-700 .h3, .bg-600 .h3, .o_colored_level .bg-600 .h3, .bg-500 .h3, .o_colored_level .bg-500 .h3, .bg-400 .h3, .bg-300 .h3, .bg-200 .h3, .bg-100 .h3, .o_figure_relative_layout .figure-caption h4, .o_colored_level .o_figure_relative_layout .figure-caption h4, .o_cc5 h4, .o_footer .o_footer_copyright h4, .o_footer h4, .o_colored_level .o_cc5 h4, .o_colored_level .o_footer .o_footer_copyright h4, .o_footer .o_colored_level .o_footer_copyright h4, .o_colored_level .o_footer h4, .o_cc4 h4, .tp-preheader h4, .o_colored_level .o_cc4 h4, .o_colored_level .tp-preheader h4, .o_cc3 h4, .o_colored_level .o_cc3 h4, .o_cc2 h4, .o_colored_level .o_cc2 h4, .o_cc1 h4, .tp-header-box h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h4, .navbar-light h4, .o_colored_level .o_cc1 h4, .o_colored_level .tp-header-box h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h4, .o_colored_level .navbar-light h4, .bg-o-color-5 h4, .o_colored_level .bg-o-color-5 h4, .bg-o-color-4 h4, .o_colored_level .bg-o-color-4 h4, .bg-o-color-3 h4, .o_colored_level .bg-o-color-3 h4, .bg-o-color-2 h4, .o_colored_level .bg-o-color-2 h4, .bg-o-color-1 h4, .o_colored_level .bg-o-color-1 h4, :where(.card:not([data-vxml])) .card-body h4, .o_colored_level :where(.card:not([data-vxml])) .card-body h4, .bg-white h4, .o_colored_level .bg-white h4, .bg-black h4, .o_colored_level .bg-black h4, .bg-black-50 h4, .o_colored_level .bg-black-50 h4, .bg-black-75 h4, .o_colored_level .bg-black-75 h4, .bg-white-50 h4, .o_colored_level .bg-white-50 h4, .bg-white-75 h4, .o_colored_level .bg-white-75 h4, .bg-white-85 h4, .o_colored_level .bg-white-85 h4, .bg-900 h4, .o_colored_level .bg-900 h4, .bg-800 h4, .o_colored_level .bg-800 h4, .bg-700 h4, .o_colored_level .bg-700 h4, .bg-600 h4, .o_colored_level .bg-600 h4, .bg-500 h4, .o_colored_level .bg-500 h4, .bg-400 h4, .o_colored_level .bg-400 h4, .bg-300 h4, .o_colored_level .bg-300 h4, .bg-200 h4, .o_colored_level .bg-200 h4, .bg-100 h4, .o_colored_level .bg-100 h4, .o_figure_relative_layout .figure-caption .h4, .o_colored_level .o_figure_relative_layout .figure-caption .h4, .o_cc5 .h4, .o_footer .o_footer_copyright .h4, .o_footer .h4, .o_colored_level .o_cc5 .h4, .o_colored_level .o_footer .o_footer_copyright .h4, .o_footer .o_colored_level .o_footer_copyright .h4, .o_colored_level .o_footer .h4, .o_cc4 .h4, .tp-preheader .h4, .o_colored_level .o_cc4 .h4, .o_colored_level .tp-preheader .h4, .o_cc3 .h4, .o_colored_level .o_cc3 .h4, .o_cc2 .h4, .o_colored_level .o_cc2 .h4, .o_cc1 .h4, .tp-header-box .h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h4, .navbar-light .h4, .o_colored_level .o_cc1 .h4, .o_colored_level .tp-header-box .h4, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h4, .o_colored_level .navbar-light .h4, .bg-o-color-5 .h4, .o_colored_level .bg-o-color-5 .h4, .bg-o-color-4 .h4, .o_colored_level .bg-o-color-4 .h4, .bg-o-color-3 .h4, .o_colored_level .bg-o-color-3 .h4, .bg-o-color-2 .h4, .o_colored_level .bg-o-color-2 .h4, .bg-o-color-1 .h4, .o_colored_level .bg-o-color-1 .h4, :where(.card:not([data-vxml])) .card-body .h4, .o_colored_level :where(.card:not([data-vxml])) .card-body .h4, .bg-white .h4, .o_colored_level .bg-white .h4, .bg-black .h4, .o_colored_level .bg-black .h4, .bg-black-50 .h4, .o_colored_level .bg-black-50 .h4, .bg-black-75 .h4, .o_colored_level .bg-black-75 .h4, .bg-white-50 .h4, .o_colored_level .bg-white-50 .h4, .bg-white-75 .h4, .o_colored_level .bg-white-75 .h4, .bg-white-85 .h4, .o_colored_level .bg-white-85 .h4, .bg-900 .h4, .o_colored_level .bg-900 .h4, .bg-800 .h4, .o_colored_level .bg-800 .h4, .bg-700 .h4, .o_colored_level .bg-700 .h4, .bg-600 .h4, .o_colored_level .bg-600 .h4, .bg-500 .h4, .o_colored_level .bg-500 .h4, .bg-400 .h4, .bg-300 .h4, .bg-200 .h4, .bg-100 .h4, .o_figure_relative_layout .figure-caption h5, .o_colored_level .o_figure_relative_layout .figure-caption h5, .o_cc5 h5, .o_footer .o_footer_copyright h5, .o_footer h5, .o_colored_level .o_cc5 h5, .o_colored_level .o_footer .o_footer_copyright h5, .o_footer .o_colored_level .o_footer_copyright h5, .o_colored_level .o_footer h5, .o_cc4 h5, .tp-preheader h5, .o_colored_level .o_cc4 h5, .o_colored_level .tp-preheader h5, .o_cc3 h5, .o_colored_level .o_cc3 h5, .o_cc2 h5, .o_colored_level .o_cc2 h5, .o_cc1 h5, .tp-header-box h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h5, .navbar-light h5, .o_colored_level .o_cc1 h5, .o_colored_level .tp-header-box h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h5, .o_colored_level .navbar-light h5, .bg-o-color-5 h5, .o_colored_level .bg-o-color-5 h5, .bg-o-color-4 h5, .o_colored_level .bg-o-color-4 h5, .bg-o-color-3 h5, .o_colored_level .bg-o-color-3 h5, .bg-o-color-2 h5, .o_colored_level .bg-o-color-2 h5, .bg-o-color-1 h5, .o_colored_level .bg-o-color-1 h5, :where(.card:not([data-vxml])) .card-body h5, .o_colored_level :where(.card:not([data-vxml])) .card-body h5, .bg-white h5, .o_colored_level .bg-white h5, .bg-black h5, .o_colored_level .bg-black h5, .bg-black-50 h5, .o_colored_level .bg-black-50 h5, .bg-black-75 h5, .o_colored_level .bg-black-75 h5, .bg-white-50 h5, .o_colored_level .bg-white-50 h5, .bg-white-75 h5, .o_colored_level .bg-white-75 h5, .bg-white-85 h5, .o_colored_level .bg-white-85 h5, .bg-900 h5, .o_colored_level .bg-900 h5, .bg-800 h5, .o_colored_level .bg-800 h5, .bg-700 h5, .o_colored_level .bg-700 h5, .bg-600 h5, .o_colored_level .bg-600 h5, .bg-500 h5, .o_colored_level .bg-500 h5, .bg-400 h5, .o_colored_level .bg-400 h5, .bg-300 h5, .o_colored_level .bg-300 h5, .bg-200 h5, .o_colored_level .bg-200 h5, .bg-100 h5, .o_colored_level .bg-100 h5, .o_figure_relative_layout .figure-caption .h5, .o_colored_level .o_figure_relative_layout .figure-caption .h5, .o_cc5 .h5, .o_footer .o_footer_copyright .h5, .o_footer .h5, .o_colored_level .o_cc5 .h5, .o_colored_level .o_footer .o_footer_copyright .h5, .o_footer .o_colored_level .o_footer_copyright .h5, .o_colored_level .o_footer .h5, .o_cc4 .h5, .tp-preheader .h5, .o_colored_level .o_cc4 .h5, .o_colored_level .tp-preheader .h5, .o_cc3 .h5, .o_colored_level .o_cc3 .h5, .o_cc2 .h5, .o_colored_level .o_cc2 .h5, .o_cc1 .h5, .tp-header-box .h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h5, .navbar-light .h5, .o_colored_level .o_cc1 .h5, .o_colored_level .tp-header-box .h5, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h5, .o_colored_level .navbar-light .h5, .bg-o-color-5 .h5, .o_colored_level .bg-o-color-5 .h5, .bg-o-color-4 .h5, .o_colored_level .bg-o-color-4 .h5, .bg-o-color-3 .h5, .o_colored_level .bg-o-color-3 .h5, .bg-o-color-2 .h5, .o_colored_level .bg-o-color-2 .h5, .bg-o-color-1 .h5, .o_colored_level .bg-o-color-1 .h5, :where(.card:not([data-vxml])) .card-body .h5, .o_colored_level :where(.card:not([data-vxml])) .card-body .h5, .bg-white .h5, .o_colored_level .bg-white .h5, .bg-black .h5, .o_colored_level .bg-black .h5, .bg-black-50 .h5, .o_colored_level .bg-black-50 .h5, .bg-black-75 .h5, .o_colored_level .bg-black-75 .h5, .bg-white-50 .h5, .o_colored_level .bg-white-50 .h5, .bg-white-75 .h5, .o_colored_level .bg-white-75 .h5, .bg-white-85 .h5, .o_colored_level .bg-white-85 .h5, .bg-900 .h5, .o_colored_level .bg-900 .h5, .bg-800 .h5, .o_colored_level .bg-800 .h5, .bg-700 .h5, .o_colored_level .bg-700 .h5, .bg-600 .h5, .o_colored_level .bg-600 .h5, .bg-500 .h5, .o_colored_level .bg-500 .h5, .bg-400 .h5, .bg-300 .h5, .bg-200 .h5, .bg-100 .h5, .o_figure_relative_layout .figure-caption h6, .o_colored_level .o_figure_relative_layout .figure-caption h6, .o_cc5 h6, .o_footer .o_footer_copyright h6, .o_footer h6, .o_colored_level .o_cc5 h6, .o_colored_level .o_footer .o_footer_copyright h6, .o_footer .o_colored_level .o_footer_copyright h6, .o_colored_level .o_footer h6, .o_cc4 h6, .tp-preheader h6, .o_colored_level .o_cc4 h6, .o_colored_level .tp-preheader h6, .o_cc3 h6, .o_colored_level .o_cc3 h6, .o_cc2 h6, .o_colored_level .o_cc2 h6, .o_cc1 h6, .tp-header-box h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h6, .navbar-light h6, .o_colored_level .o_cc1 h6, .o_colored_level .tp-header-box h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h6, .o_colored_level .navbar-light h6, .bg-o-color-5 h6, .o_colored_level .bg-o-color-5 h6, .bg-o-color-4 h6, .o_colored_level .bg-o-color-4 h6, .bg-o-color-3 h6, .o_colored_level .bg-o-color-3 h6, .bg-o-color-2 h6, .o_colored_level .bg-o-color-2 h6, .bg-o-color-1 h6, .o_colored_level .bg-o-color-1 h6, :where(.card:not([data-vxml])) .card-body h6, .o_colored_level :where(.card:not([data-vxml])) .card-body h6, .bg-white h6, .o_colored_level .bg-white h6, .bg-black h6, .o_colored_level .bg-black h6, .bg-black-50 h6, .o_colored_level .bg-black-50 h6, .bg-black-75 h6, .o_colored_level .bg-black-75 h6, .bg-white-50 h6, .o_colored_level .bg-white-50 h6, .bg-white-75 h6, .o_colored_level .bg-white-75 h6, .bg-white-85 h6, .o_colored_level .bg-white-85 h6, .bg-900 h6, .o_colored_level .bg-900 h6, .bg-800 h6, .o_colored_level .bg-800 h6, .bg-700 h6, .o_colored_level .bg-700 h6, .bg-600 h6, .o_colored_level .bg-600 h6, .bg-500 h6, .o_colored_level .bg-500 h6, .bg-400 h6, .o_colored_level .bg-400 h6, .bg-300 h6, .o_colored_level .bg-300 h6, .bg-200 h6, .o_colored_level .bg-200 h6, .bg-100 h6, .o_colored_level .bg-100 h6, .o_figure_relative_layout .figure-caption .h6, .o_colored_level .o_figure_relative_layout .figure-caption .h6, .o_cc5 .h6, .o_footer .o_footer_copyright .h6, .o_footer .h6, .o_colored_level .o_cc5 .h6, .o_colored_level .o_footer .o_footer_copyright .h6, .o_footer .o_colored_level .o_footer_copyright .h6, .o_colored_level .o_footer .h6, .o_cc4 .h6, .tp-preheader .h6, .o_colored_level .o_cc4 .h6, .o_colored_level .tp-preheader .h6, .o_cc3 .h6, .o_colored_level .o_cc3 .h6, .o_cc2 .h6, .o_colored_level .o_cc2 .h6, .o_cc1 .h6, .tp-header-box .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h6, .navbar-light .h6, .o_colored_level .o_cc1 .h6, .o_colored_level .tp-header-box .h6, .o_colored_level #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h6, .o_colored_level .navbar-light .h6, .bg-o-color-5 .h6, .o_colored_level .bg-o-color-5 .h6, .bg-o-color-4 .h6, .o_colored_level .bg-o-color-4 .h6, .bg-o-color-3 .h6, .o_colored_level .bg-o-color-3 .h6, .bg-o-color-2 .h6, .o_colored_level .bg-o-color-2 .h6, .bg-o-color-1 .h6, .o_colored_level .bg-o-color-1 .h6, :where(.card:not([data-vxml])) .card-body .h6, .o_colored_level :where(.card:not([data-vxml])) .card-body .h6, .bg-white .h6, .o_colored_level .bg-white .h6, .bg-black .h6, .o_colored_level .bg-black .h6, .bg-black-50 .h6, .o_colored_level .bg-black-50 .h6, .bg-black-75 .h6, .o_colored_level .bg-black-75 .h6, .bg-white-50 .h6, .o_colored_level .bg-white-50 .h6, .bg-white-75 .h6, .o_colored_level .bg-white-75 .h6, .bg-white-85 .h6, .o_colored_level .bg-white-85 .h6, .bg-900 .h6, .o_colored_level .bg-900 .h6, .bg-800 .h6, .o_colored_level .bg-800 .h6, .bg-700 .h6, .o_colored_level .bg-700 .h6, .bg-600 .h6, .o_colored_level .bg-600 .h6, .bg-500 .h6, .o_colored_level .bg-500 .h6, .bg-400 .h6, .bg-300 .h6, .bg-200 .h6, .bg-100 .h6 { color: inherit; } /* /web/static/src/scss/utils.scss */ .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper, .o_colorpicker_widget .o_opacity_slider, .o_colorpicker_widget .o_color_preview, .o_color_picker_button { position: relative; z-index: 0; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::before, .o_colorpicker_widget .o_opacity_slider::before, .o_colorpicker_widget .o_color_preview::before, .o_color_picker_button::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-image: url("/web/static/img/transparent.png"); background-size: var(--PreviewAlphaBg-background-size, 10px) auto; border-radius: inherit; } .modal .o_select_media_dialog .o_we_existing_attachments .o_existing_attachment_cell.o_we_image .o_we_media_dialog_img_wrapper::after, .o_colorpicker_widget .o_opacity_slider::after, .o_colorpicker_widget .o_color_preview::after, .o_color_picker_button::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: inherit; border-radius: inherit; box-shadow: inherit; } .o_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(/web/static/img/empty_folder.svg) no-repeat center; } /* /web_enterprise/static/src/scss/primary_variables.scss */ /* /web/static/src/scss/primary_variables.scss */ /* /web_enterprise/static/src/webclient/home_menu/home_menu.variables.scss */ /* /web_enterprise/static/src/webclient/navbar/navbar.variables.scss */ /* /html_editor/static/src/scss/html_editor.variables.scss */ /* /web/static/src/core/avatar/avatar.variables.scss */ /* /web/static/src/core/bottom_sheet/bottom_sheet.variables.scss */ /* /web/static/src/core/notifications/notification.variables.scss */ /* /web/static/src/search/control_panel/control_panel.variables.scss */ /* /web/static/src/search/search_bar/search_bar.variables.scss */ /* /web/static/src/search/search_panel/search_panel.variables.scss */ /* /web/static/src/views/fields/statusbar/statusbar_field.variables.scss */ /* /web/static/src/views/fields/translation_button.variables.scss */ /* /web/static/src/views/form/form.variables.scss */ /* /web/static/src/views/kanban/kanban.variables.scss */ /* /web/static/src/webclient/burger_menu/burger_menu.variables.scss */ /* /web/static/src/webclient/navbar/navbar.variables.scss */ .o_main_navbar .o_menu_brand, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle, .o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle { position: relative; display: flex; align-items: center; width: auto; height: calc(var(--o-navbar-height) - 20px); border-radius: 0.25rem; user-select: none; background-color: inherit; font-size: 1em; color: var(--NavBar-entry-color, #111827); } .o_main_navbar .o_menu_brand:hover, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:hover, .o_main_navbar .o_nav_entry:hover, .o_main_navbar .dropdown-toggle:hover:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle:hover, .o_main_navbar .o_menu_brand:focus, .o_main_navbar .o_navbar_apps_menu .dropdown-toggle:focus, .o_main_navbar .o_nav_entry:focus, .o_main_navbar .dropdown-toggle:focus:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle:focus, .o_main_navbar .focus.o_menu_brand, .o_main_navbar .o_navbar_apps_menu .focus.dropdown-toggle, .o_main_navbar .focus.o_nav_entry, .o_main_navbar .focus.dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .focus.o_menu_toggle { color: var(--NavBar-entry-color--hover, #000); } .o_main_navbar .o_menu_brand, .o_main_navbar .o_nav_entry, .o_main_navbar .dropdown-toggle:not(.o-dropdown-toggle-custo), .o_main_navbar .o_menu_toggle { margin: 0; margin-left: var(--NavBar-entry-margin-left, 1px); margin-right: var(--NavBar-entry-margin-right, 1px); padding: 0; padding-left: var(--NavBar-entry-padding-left, 0.63em); padding-right: var(--NavBar-entry-padding-right, 0.63em); line-height: calc(var(--o-navbar-height) - 20px); } /* /onboarding/static/src/scss/onboarding.variables.scss */ /* /mail/static/src/core/common/primary_variables.scss */ /* /mail/static/src/scss/variables/primary_variables.scss */ /* /portal/static/src/scss/primary_variables.scss */ /* /account/static/src/scss/variables.scss */ @keyframes animate-red { 0% { color: red; } 100% { color: inherit; } } .animate { animation: animate-red 1s ease; } /* /html_builder/static/src/core/building_blocks/builder_checkbox.variables.scss */ /* /html_builder/static/src/core/building_blocks/builder_row.variables.scss */ /* /html_builder/static/src/scss/builder.variables.scss */ .o_we_shape { --ShapeConnections--size-tiny: 2rem; --ShapeConnections--size-regular: 4rem; --ShapeConnections--size-big: 15rem; --ShapeAngular--size-regular: 15rem; --ShapeWavy--size-regular: 15rem; --ShapePattern--size-tiny: 12.5rem; --ShapePattern--size-regular: 50rem; } .o_we_shape_btn_content .o_we_shape { --ShapeConnections--size-tiny: 25%; --ShapeConnections--size-regular: 50%; --ShapeConnections--size-big: 75%; --ShapeAngular--size-regular: 50%; --ShapePattern--size-regular: 100%; --ShapePattern--size-tiny: 50%; --ShapeWavy--size-regular: 100%; } /* /website/static/src/scss/primary_variables.scss */ /* /_custom/web.assets_frontend/website/static/src/scss/options/user_values.scss */ /* /_custom/web.assets_frontend/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 */ /* /website_sale/static/src/scss/primary_variables.scss */ /* /theme_prime/static/src/scss/primary_variables.scss */ /* /theme_prime/static/src/scss/mixins.scss */ /* /web_gantt/static/src/gantt_view.variables.scss */ /* /website/static/src/snippets/s_badge/000_variables.scss */ /* /website/static/src/scss/secondary_variables.scss */ /* /web_enterprise/static/src/scss/secondary_variables.scss */ /* /web/static/src/scss/secondary_variables.scss */ /* /html_editor/static/src/scss/secondary_variables.scss */ /* /website/static/src/scss/user_custom_bootstrap_overridden.scss */ /* /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 */ /* /theme_prime/static/src/scss/bootstrap_overridden.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: #f9fafe; --o-cc5-btn-primary-border: ; --o-cc5-btn-primary: ; --o-cc5-link: #f9fafe; --o-cc5-h6: ; --o-cc5-h5: ; --o-cc5-h4: ; --o-cc5-h3: ; --o-cc5-h2: ; --o-cc5-headings: #FFFFFF; --o-cc5-text: #f9fafe; --o-cc5-bg: #232f3e; --o-cc4-btn-secondary-border: ; --o-cc4-btn-secondary: #f9fafe; --o-cc4-btn-primary-border: ; --o-cc4-btn-primary: #232f3e; --o-cc4-link: #f9fafe; --o-cc4-h6: ; --o-cc4-h5: ; --o-cc4-h4: ; --o-cc4-h3: ; --o-cc4-h2: ; --o-cc4-headings: #FFFFFF; --o-cc4-text: #f9fafe; --o-cc4-bg: #0080FF; --o-cc3-btn-secondary-border: ; --o-cc3-btn-secondary: #f9fafe; --o-cc3-btn-primary-border: ; --o-cc3-btn-primary: ; --o-cc3-link: #0080FF; --o-cc3-h6: ; --o-cc3-h5: ; --o-cc3-h4: ; --o-cc3-h3: ; --o-cc3-h2: ; --o-cc3-headings: #FFFFFF; --o-cc3-text: #FFFFFF; --o-cc3-bg: #7bdeff; --o-cc2-btn-secondary-border: ; --o-cc2-btn-secondary: ; --o-cc2-btn-primary-border: ; --o-cc2-btn-primary: ; --o-cc2-link: #0080FF; --o-cc2-h6: ; --o-cc2-h5: ; --o-cc2-h4: ; --o-cc2-h3: ; --o-cc2-h2: ; --o-cc2-headings: #0080FF; --o-cc2-text: #4d5b7c; --o-cc2-bg: #f9fafe; --o-cc1-btn-secondary-border: ; --o-cc1-btn-secondary: #7bdeff; --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: #232f3e; --o-cc1-text: #4d5b7c; --o-cc1-bg: #FFFFFF; --tp-header-box-color-custom: ; --tp-header-box-color: #FFFFFF; --preheader-custom: ; --preheader: #0080FF; --copyright-custom: ; --copyright: #232f3e; --footer-custom: ; --footer: #232f3e; --header-sales_four-custom: ; --header-sales_four: #FFFFFF; --header-sales_three-custom: ; --header-sales_three: #f9fafe; --header-sales_two-custom: ; --header-sales_two: #232f3e; --header-sales_one-custom: ; --header-sales_one: #f9fafe; --menu-border-color: ; --menu-custom: ; --menu: #FFFFFF; --input: ; --body: white; --o-color-5: #232f3e; --o-color-4: #FFFFFF; --o-color-3: #f9fafe; --o-color-2: #7bdeff; --o-color-1: #0080FF; --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: #0080FF; --secondary: #7bdeff; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f9fafe; --dark: #232f3e; --primary-rgb: 0, 128, 255; --secondary-rgb: 123, 222, 255; --success-rgb: 40, 167, 69; --info-rgb: 23, 162, 184; --warning-rgb: 255, 193, 7; --danger-rgb: 220, 53, 69; --light-rgb: 249, 250, 254; --dark-rgb: 35, 47, 62; --primary-text-emphasis: #0057ad; --secondary-text-emphasis: #315966; --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: #cce6ff; --secondary-bg-subtle: #e5f8ff; --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: #99ccff; --secondary-border-subtle: #caf2ff; --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: "Roboto", "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: 0.875rem; --body-font-weight: 400; --body-line-height: 1.5; --body-color: #4d5b7c; --body-color-rgb: 77, 91, 124; --body-bg: #FFFFFF; --body-bg-rgb: 255, 255, 255; --emphasis-color: #000; --emphasis-color-rgb: 0, 0, 0; --secondary-color: rgba(77, 91, 124, 0.75); --secondary-color-rgb: 77, 91, 124; --secondary-bg: #E9ECEF; --secondary-bg-rgb: 233, 236, 239; --tertiary-color: rgba(77, 91, 124, 0.5); --tertiary-color-rgb: 77, 91, 124; --tertiary-bg: #e9e9ea; --tertiary-bg-rgb: 233, 233, 234; --heading-color: #232f3e; --link-color: #0057ad; --link-color-rgb: 0, 87.04, 173.4; --link-decoration: none; --link-hover-color: #003161; --link-hover-color-rgb: 0, 48.64, 96.9; --link-hover-decoration: none; --code-color: #e83e8c; --highlight-color: #4d5b7c; --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.375rem; --border-radius-sm: 0.25rem; --border-radius-lg: 0.5rem; --border-radius-xl: 1rem; --border-radius-xxl: 2rem; --border-radius-2xl: var(--border-radius-xxl); --border-radius-pill: 50rem; --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --box-shadow-lg: 0 1.5rem 4rem rgba(0, 0, 0, 0.1); --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(0, 128, 255, 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: #66b3ff; --secondary-text-emphasis: #b0ebff; --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: #001a33; --secondary-bg-subtle: #192c33; --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: #004d99; --secondary-border-subtle: #4a8599; --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: #66b3ff; --link-hover-color: #85c2ff; --link-color-rgb: 102, 179, 255; --link-hover-color-rgb: 133, 194, 255; --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: 0.65; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-family: "Poppins", "Odoo Unicode Support Noto", sans-serif; font-weight: 500; line-height: 1.2; color: var(--heading-color); } h1, .h1 { font-size: calc(1.3875rem + 1.65vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.625rem; } } h2, .h2 { font-size: calc(1.34375rem + 1.125vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2.1875rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.3125rem; } } h5, .h5 { font-size: 1.09375rem; } h6, .h6 { font-size: 0.875rem; } p { margin-top: 0; margin-bottom: 16px; } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 1em; } mark, .mark { padding: 0.1875em; color: var(--highlight-color); background-color: var(--highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: rgba(var(--link-color-rgb), var(--link-opacity, 1)); text-decoration: none; } a:hover { --link-color-rgb: var(--link-hover-color-rgb); text-decoration: none; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 1em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 1em; color: var(--code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 1em; color: var(--body-bg); background-color: var(--body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: var(--secondary-color); text-align: left; } th { 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.015rem; font-weight: 400; } .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: 1em; text-transform: uppercase; } .blockquote { margin-bottom: 0; font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: 0; margin-bottom: 0; font-size: 1em; 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: 1em; 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: #cce6ff; --table-border-color: #aabfd4; --table-striped-bg: #cae4fd; --table-striped-color: #212529; --table-active-bg: #bbd3ea; --table-active-color: #212529; --table-hover-bg: #bfd8ef; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color); } .table-secondary { --table-color: #212529; --table-bg: #e5f8ff; --table-border-color: #beced4; --table-striped-bg: #e3f6fd; --table-striped-color: #212529; --table-active-bg: #d1e3ea; --table-active-color: #212529; --table-hover-bg: #d6e8ef; --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: #f9fafe; --table-border-color: #cecfd3; --table-striped-bg: #f7f8fc; --table-striped-color: #212529; --table-active-bg: #e3e5e9; --table-active-color: #212529; --table-hover-bg: #e9eaee; --table-hover-color: #212529; color: var(--table-color); border-color: var(--table-border-color); } .table-dark { --table-color: #FFFFFF; --table-bg: #232f3e; --table-border-color: #4f5965; --table-striped-bg: #253140; --table-striped-color: #FFFFFF; --table-active-bg: #394451; --table-active-color: #FFFFFF; --table-hover-bg: #343f4c; --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.09375rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--border-width)); padding-bottom: calc(0.25rem + var(--border-width)); font-size: 0.765625rem; } .form-text { margin-top: 0.25rem; font-size: 1em; color: var(--secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #4d5b7c; appearance: none; background-color: #FFFFFF; background-clip: padding-box; border: var(--border-width) solid #DEE2E6; 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: #4d5b7c; background-color: #FFFFFF; border-color: #0080FF; outline: 0; box-shadow: none; } .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: #4d5b7c; 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.765625rem; 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.09375rem; 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: 0.875rem; font-weight: 400; line-height: 1.5; color: #4d5b7c; 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 #DEE2E6; 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: #0080FF; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 128, 255, 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 #4d5b7c; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.765625rem; border-radius: var(--border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.09375rem; 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.3125rem; 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 rgba(0, 0, 0, 0.25); print-color-adjust: exact; } .form-check-input[type="checkbox"] { border-radius: 0; } .form-check-input[type="radio"] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #0080FF; outline: 0; box-shadow: none; } .form-check-input:checked { background-color: #0080FF; border-color: #0080FF; } .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: #0080FF; border-color: #0080FF; --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='%230080FF'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn, .btn-check.o_wysiwyg_loader + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #FFFFFF, none; } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #FFFFFF, none; } .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 #0080FF; 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: #0080FF; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.1rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; appearance: none; background-color: #FFFFFF; border: 1px solid #0080FF; 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: #0080FF; } .form-range::-moz-range-track { width: 100%; height: 0.1rem; color: transparent; cursor: pointer; background-color: #dee2e6; 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: 0.875rem; font-weight: 400; line-height: 1.5; color: #4d5b7c; text-align: center; white-space: nowrap; background-color: var(--tertiary-bg); border: var(--border-width) solid #DEE2E6; 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.09375rem; 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.765625rem; 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: 1em; 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.765625rem; 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.25rem 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.25rem 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.25rem rgba(var(--success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 1em; 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.765625rem; 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.25rem 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.25rem 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.25rem rgba(var(--danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --btn-padding-x: 0.75rem; --btn-padding-y: 0.375rem; --btn-font-family: ; --btn-font-size: 0.875rem; --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: var(--border-radius); --btn-hover-border-color: transparent; --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --btn-disabled-opacity: 0.65; --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--btn-padding-y) var(--btn-padding-x); font-family: var(--btn-font-family); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); line-height: var(--btn-line-height); color: var(--btn-color); text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border: var(--btn-border-width) solid var(--btn-border-color); border-radius: var(--btn-border-radius); background-color: var(--btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--btn-hover-color); background-color: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); } .btn-check + .btn:hover { color: var(--btn-color); background-color: var(--btn-bg); border-color: var(--btn-border-color); } .btn:focus-visible { color: var(--btn-hover-color); background-color: var(--btn-hover-bg); border-color: var(--btn-hover-border-color); outline: 0; box-shadow: var(--btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--btn-hover-border-color); outline: 0; box-shadow: var(--btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--btn-active-color); background-color: var(--btn-active-bg); border-color: var(--btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--btn-focus-box-shadow); } .btn:disabled, .btn.o_wysiwyg_loader, .btn.disabled, fieldset:disabled .btn, fieldset.o_wysiwyg_loader .btn { color: var(--btn-disabled-color); pointer-events: none; background-color: var(--btn-disabled-bg); border-color: var(--btn-disabled-border-color); opacity: var(--btn-disabled-opacity); } .btn-link { --btn-font-weight: 400; --btn-color: var(--link-color); --btn-bg: transparent; --btn-border-color: transparent; --btn-hover-color: var(--link-hover-color); --btn-hover-border-color: transparent; --btn-active-color: var(--link-hover-color); --btn-active-border-color: transparent; --btn-disabled-color: #6C757D; --btn-disabled-border-color: transparent; --btn-box-shadow: 0 0 0 #000; --btn-focus-shadow-rgb: 38, 112, 186; text-decoration: none; } .btn-link:hover, .btn-link:focus-visible { text-decoration: none; } .btn-link:focus-visible { color: var(--btn-color); } .btn-link:hover { color: var(--btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-font-size: 1.09375rem; --btn-border-radius: var(--border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --btn-padding-y: 0.0625rem; --btn-padding-x: 0.3125rem; --btn-font-size: 0.765625rem; --btn-border-radius: var(--border-radius-sm); } .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: 0.875rem; --dropdown-color: var(--body-color); --dropdown-bg: #FFFFFF; --dropdown-border-color: var(--o-border-color); --dropdown-border-radius: var(--border-radius); --dropdown-border-width: 0; --dropdown-inner-border-radius: calc(var(--border-radius) - 0); --dropdown-divider-bg: var(--o-border-color); --dropdown-divider-margin-y: 0.5rem; --dropdown-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.1); --dropdown-link-color: var(--body-color); --dropdown-link-hover-color: #0080FF; --dropdown-link-hover-bg: transparent; --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: #0080FF; --dropdown-header-padding-x: 1rem; --dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--dropdown-zindex); display: none; min-width: var(--dropdown-min-width); padding: var(--dropdown-padding-y) var(--dropdown-padding-x); margin: 0; font-size: var(--dropdown-font-size); color: var(--dropdown-color); text-align: left; list-style: none; background-color: var(--dropdown-bg); background-clip: padding-box; border: var(--dropdown-border-width) solid var(--dropdown-border-color); border-radius: var(--dropdown-border-radius); } .dropdown-menu[data-bs-popper], [data-bs-popper].o_dropdown_menu { top: 100%; left: 0; margin-top: var(--dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper], .dropup [data-bs-popper].o_dropdown_menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper], .dropend [data-bs-popper].o_dropdown_menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper], .dropstart [data-bs-popper].o_dropdown_menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--dropdown-link-color); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--dropdown-link-hover-color); background-color: var(--dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--dropdown-link-active-color); text-decoration: none; background-color: var(--dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled, .dropdown-item.o_wysiwyg_loader { color: var(--dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show, .show.o_dropdown_menu { display: block; } .dropdown-header { display: block; padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x); margin-bottom: 0; font-size: 0.765625rem; 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: var(--border-radius); } .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.5625rem; padding-left: 0.5625rem; } .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: 0.75rem; padding-left: 0.75rem; } .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); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 128, 255, 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: #0080FF; } .nav-pills .nav-link { border-radius: var(--nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--nav-pills-link-active-color); background-color: var(--nav-pills-link-active-bg); } .nav-underline { --nav-underline-gap: 1rem; --nav-underline-border-width: 0.125rem; --nav-underline-link-active-color: var(--emphasis-color); gap: var(--nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 600; color: var(--nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --navbar-padding-x: 0; --navbar-padding-y: 0.5rem; --navbar-color: rgba(var(--emphasis-color-rgb), 0.65); --navbar-hover-color: rgba(var(--emphasis-color-rgb), 0.8); --navbar-disabled-color: rgba(var(--emphasis-color-rgb), 0.3); --navbar-active-color: rgba(var(--emphasis-color-rgb), 1); --navbar-brand-padding-y: 0.3359375rem; --navbar-brand-margin-end: 1rem; --navbar-brand-font-size: 1.09375rem; --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.09375rem; --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%2877, 91, 124, 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: var(--border-radius); --navbar-toggler-focus-width: none; --navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--navbar-padding-y) var(--navbar-padding-x); } .navbar > .container, .navbar > .o_container_small, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--navbar-brand-padding-y); padding-bottom: var(--navbar-brand-padding-y); margin-right: var(--navbar-brand-margin-end); font-size: var(--navbar-brand-font-size); color: var(--navbar-brand-color); white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--navbar-brand-hover-color); } .navbar-nav { --nav-link-padding-x: 0; --nav-link-padding-y: 0.5rem; --nav-link-font-weight: ; --nav-link-color: var(--navbar-color); --nav-link-hover-color: var(--navbar-hover-color); --nav-link-disabled-color: var(--navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--navbar-active-color); } .navbar-nav .dropdown-menu, .navbar-nav .o_dropdown_menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--navbar-toggler-padding-y) var(--navbar-toggler-padding-x); font-size: var(--navbar-toggler-font-size); line-height: 1; color: var(--navbar-color); background-color: transparent; border: var(--border-width) solid var(--navbar-toggler-border-color); border-radius: var(--navbar-toggler-border-radius); transition: var(--navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu, .navbar-expand-sm .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu, .navbar-expand-md .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu, .navbar-expand-xl .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu, .navbar-expand-xxl .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu, .navbar-expand .navbar-nav .o_dropdown_menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--navbar-nav-link-padding-x); padding-left: var(--navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme="dark"] { --navbar-color: rgba(255, 255, 255, 0.55); --navbar-hover-color: rgba(255, 255, 255, 0.75); --navbar-disabled-color: rgba(255, 255, 255, 0.25); --navbar-active-color: #FFF; --navbar-brand-color: #FFF; --navbar-brand-hover-color: #FFF; --navbar-toggler-border-color: transparent; --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme="dark"] .navbar-toggler-icon { --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --card-spacer-y: 1rem; --card-spacer-x: 1rem; --card-title-spacer-y: 0.5rem; --card-title-color: ; --card-subtitle-color: ; --card-border-width: var(--border-width); --card-border-color: #DEE2E6; --card-border-radius: var(--border-radius); --card-box-shadow: ; --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width))); --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 + .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='%234d5b7c' 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: #f9fafe; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--accordion-btn-padding-y) var(--accordion-btn-padding-x); font-size: 0.875rem; 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='%2366b3ff'%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='%2366b3ff'%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: 0.875rem; --pagination-color: #212529; --pagination-bg: #FFFFFF; --pagination-border-width: 0; --pagination-border-color: transparent; --pagination-border-radius: 50rem; --pagination-hover-color: #212529; --pagination-hover-bg: #f9fafe; --pagination-hover-border-color: #f9fafe; --pagination-focus-color: #212529; --pagination-focus-bg: #f9fafe; --pagination-focus-box-shadow: none; --pagination-active-color: #FFFFFF; --pagination-active-bg: #0080FF; --pagination-active-border-color: #0080FF; --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); 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.09375rem; --pagination-border-radius: 50rem; } .pagination-sm { --pagination-padding-x: 0.5rem; --pagination-padding-y: 0.25rem; --pagination-font-size: 0.765625rem; --pagination-border-radius: 50rem; } .badge { --badge-padding-x: 0.8em; --badge-padding-y: 0.6em; --badge-font-size: 0.75em; --badge-font-weight: 600; --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: 600; color: var(--alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --alert-color: var(--primary-text-emphasis); --alert-bg: var(--primary-bg-subtle); --alert-border-color: var(--primary-border-subtle); --alert-link-color: var(--primary-text-emphasis); } .alert-secondary { --alert-color: var(--secondary-text-emphasis); --alert-bg: var(--secondary-bg-subtle); --alert-border-color: var(--secondary-border-subtle); --alert-link-color: var(--secondary-text-emphasis); } .alert-success { --alert-color: var(--success-text-emphasis); --alert-bg: var(--success-bg-subtle); --alert-border-color: var(--success-border-subtle); --alert-link-color: var(--success-text-emphasis); } .alert-info { --alert-color: var(--info-text-emphasis); --alert-bg: var(--info-bg-subtle); --alert-border-color: var(--info-border-subtle); --alert-link-color: var(--info-text-emphasis); } .alert-warning { --alert-color: var(--warning-text-emphasis); --alert-bg: var(--warning-bg-subtle); --alert-border-color: var(--warning-border-subtle); --alert-link-color: var(--warning-text-emphasis); } .alert-danger { --alert-color: var(--danger-text-emphasis); --alert-bg: var(--danger-bg-subtle); --alert-border-color: var(--danger-border-subtle); --alert-link-color: var(--danger-text-emphasis); } .alert-light { --alert-color: var(--light-text-emphasis); --alert-bg: var(--light-bg-subtle); --alert-border-color: var(--light-border-subtle); --alert-link-color: var(--light-text-emphasis); } .alert-dark { --alert-color: var(--dark-text-emphasis); --alert-bg: var(--dark-bg-subtle); --alert-border-color: var(--dark-border-subtle); --alert-link-color: var(--dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --progress-height: 1rem; --progress-font-size: 0.65625rem; --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: #0080FF; --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: #0080FF; --list-group-active-border-color: #0080FF; 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(0, 128, 255, 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.375rem; 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: 0.5rem; --tooltip-font-size: 0.765625rem; --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.765625rem; --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: 0.875rem; --popover-header-color: #232f3e; --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); } .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(0, 102, 204, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(0, 102, 204, 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(149, 229, 255, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(149, 229, 255, var(--link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--success-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--success-rgb), var(--link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(32, 134, 55, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(32, 134, 55, var(--link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--info-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--info-rgb), var(--link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(18, 130, 147, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(18, 130, 147, var(--link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--warning-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--warning-rgb), var(--link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--danger-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--danger-rgb), var(--link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--light-rgb), var(--link-opacity, 1)) !important; text-decoration-color: RGBA(var(--light-rgb), var(--link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(250, 251, 254, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(250, 251, 254, 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(28, 38, 50, var(--link-opacity, 1)) !important; text-decoration-color: RGBA(28, 38, 50, 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: 0.65; } /* /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.3875rem + 1.65vw) !important; } .fs-2 { font-size: calc(1.34375rem + 1.125vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.25625rem + 0.075vw) !important; } .fs-5 { font-size: 1.09375rem !important; } .fs-6 { font-size: 0.875rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 600 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-prewrap { white-space: pre-wrap !important; } .text-break { word-wrap: break-word !important; word-break: break-word !important; } .text-primary { --text-opacity: 1; color: rgba(var(--primary-rgb), var(--text-opacity)) !important; } .text-secondary { --text-opacity: 1; color: rgba(var(--secondary-rgb), var(--text-opacity)) !important; } .text-success { --text-opacity: 1; color: rgba(var(--success-rgb), var(--text-opacity)) !important; } .text-info { --text-opacity: 1; color: rgba(var(--info-rgb), var(--text-opacity)) !important; } .text-warning { --text-opacity: 1; color: rgba(var(--warning-rgb), var(--text-opacity)) !important; } .text-danger { --text-opacity: 1; color: rgba(var(--danger-rgb), var(--text-opacity)) !important; } .text-light { --text-opacity: 1; color: rgba(var(--light-rgb), var(--text-opacity)) !important; } .text-dark { --text-opacity: 1; color: rgba(var(--dark-rgb), var(--text-opacity)) !important; } .text-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, .dri.rounded-empty-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.375rem !important; border-top-right-radius: 0.375rem !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-top-2 { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .rounded-top-3 { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !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.375rem !important; border-bottom-right-radius: 0.375rem !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-end-2 { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .rounded-end-3 { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !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.375rem !important; border-bottom-left-radius: 0.375rem !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-bottom-2 { border-bottom-right-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .rounded-bottom-3 { border-bottom-right-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !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.375rem !important; border-top-left-radius: 0.375rem !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .rounded-start-2 { border-bottom-left-radius: 0.375rem !important; border-top-left-radius: 0.375rem !important; } .rounded-start-3 { border-bottom-left-radius: 0.5rem !important; border-top-left-radius: 0.5rem !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: 2.625rem !important; } .fs-2 { font-size: 2.1875rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.3125rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } .d-print-contents { display: contents !important; } } /* /web/static/src/scss/bootstrap_review.scss */ .alert { clear: both; } .accordion .collapsing > .card-body:first-child, .accordion .collapse.show > .card-body:first-child { margin-top: var(--border-width); } .toast-header { background-clip: border-box; } @media (min-width: 576px) { :not(.s_popup) > .modal .modal-dialog { height: 100%; padding: 1.75rem 0; margin: 0 auto; } :not(.s_popup) > .modal .modal-content { max-height: 100%; } :not(.s_popup) > .modal .modal-header, :not(.s_popup) > .modal .modal-footer { flex: 0 0 auto; } :not(.s_popup) > .modal .modal-body { overflow: auto; min-height: 0; } } .modal-backdrop { display: none; } .modal:not([data-bs-backdrop="false"]) { background-color: rgba(0, 0, 0, 0.5); } .form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .form-check .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label { cursor: pointer; } .form-check:hover, .form-check:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) { border-color: #0080FF; } .form-select:where(:not(:disabled)):hover { border-color: #0080FF; } .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.25rem RGBA(38, 112, 186, 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: #0080FF !important; } a.text-primary:hover, a.text-primary:focus { color: #004d99 !important; } .text-secondary { color: #7bdeff !important; } a.text-secondary:hover, a.text-secondary:focus { color: #15c5ff !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: #f9fafe !important; } a.text-light:hover, a.text-light:focus { color: #a2b1ef !important; } .text-dark { color: #232f3e !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) - (var(--border-width))); border-top-right-radius: calc(var(--border-radius) - (var(--border-width))); } :where(.card:not([data-vxml])) .card-body:last-child { border-bottom-right-radius: calc(var(--border-radius) - (var(--border-width))); border-bottom-left-radius: calc(var(--border-radius) - (var(--border-width))); } .btn-fill-primary, .btn-primary { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #0080FF; --btn-hover-color: #FFFFFF; --btn-hover-bg: #006dd9; --btn-hover-border-color: #0066cc; --btn-focus-shadow-rgb: 38, 147, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #0060bf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #0080FF; } .btn-fill-secondary, .btn-secondary { --btn-color: #212529; --btn-bg: #7bdeff; --btn-border-color: #7bdeff; --btn-hover-color: #212529; --btn-hover-bg: #8fe3ff; --btn-hover-border-color: #88e1ff; --btn-focus-shadow-rgb: 110, 194, 223; --btn-active-color: #212529; --btn-active-bg: #95e5ff; --btn-active-border-color: #88e1ff; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #7bdeff; --btn-disabled-border-color: #7bdeff; } .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: #f9fafe; --btn-border-color: #f9fafe; --btn-hover-color: #212529; --btn-hover-bg: #fafbfe; --btn-hover-border-color: #fafbfe; --btn-focus-shadow-rgb: 217, 218, 222; --btn-active-color: #212529; --btn-active-bg: #fafbfe; --btn-active-border-color: #fafbfe; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f9fafe; --btn-disabled-border-color: #f9fafe; } .btn-fill-dark, .btn-dark { --btn-color: #FFFFFF; --btn-bg: #232f3e; --btn-border-color: #232f3e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #1e2835; --btn-hover-border-color: #1c2632; --btn-focus-shadow-rgb: 68, 78, 91; --btn-active-color: #FFFFFF; --btn-active-bg: #1c2632; --btn-active-border-color: #1a232f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #232f3e; --btn-disabled-border-color: #232f3e; } .btn-outline-primary { --btn-color: #0057ad; --btn-border-color: #0057ad; --btn-hover-color: #FFFFFF; --btn-hover-bg: #0057ad; --btn-hover-border-color: #0057ad; --btn-focus-shadow-rgb: 0, 87.04, 173.4; --btn-active-color: #FFFFFF; --btn-active-bg: #0057ad; --btn-active-border-color: #0057ad; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #0057ad; --btn-disabled-bg: transparent; --btn-disabled-border-color: #0057ad; --gradient: none; } .btn-outline-secondary { --btn-color: #00bcfb; --btn-border-color: #00bcfb; --btn-hover-color: #212529; --btn-hover-bg: #00bcfb; --btn-hover-border-color: #00bcfb; --btn-focus-shadow-rgb: 0, 187.875, 250.5; --btn-active-color: #212529; --btn-active-bg: #00bcfb; --btn-active-border-color: #00bcfb; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #00bcfb; --btn-disabled-bg: transparent; --btn-disabled-border-color: #00bcfb; --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: #8c9fec; --btn-border-color: #8c9fec; --btn-hover-color: #212529; --btn-hover-bg: #8c9fec; --btn-hover-border-color: #8c9fec; --btn-focus-shadow-rgb: 139.71428571, 158.92857143, 235.78571429; --btn-active-color: #212529; --btn-active-bg: #8c9fec; --btn-active-border-color: #8c9fec; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #8c9fec; --btn-disabled-bg: transparent; --btn-disabled-border-color: #8c9fec; --gradient: none; } .btn-outline-dark { --btn-color: #232f3e; --btn-border-color: #232f3e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #232f3e; --btn-hover-border-color: #232f3e; --btn-focus-shadow-rgb: 35, 47, 62; --btn-active-color: #FFFFFF; --btn-active-bg: #232f3e; --btn-active-border-color: #232f3e; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #232f3e; --btn-disabled-bg: transparent; --btn-disabled-border-color: #232f3e; --gradient: none; } .btn-group .btn-light.active { box-shadow: inset 0 0 0 1px #0080FF; border-color: transparent; background-color: #e0eefe; } .navbar-dark .navbar-toggler { padding-left: 0; padding-right: 0; } .navbar-light .navbar-toggler { padding-left: 0; padding-right: 0; } .navbar-nav.nav-pills .nav-link { padding-right: 1rem; padding-left: 1rem; } .carousel-control-next .visually-hidden { left: 50%; } .pagination { font-variant-numeric: tabular-nums; } .page-link { display: flex; align-items: center; justify-content: center; line-height: 0; width: 2.5em; aspect-ratio: 1 / 1; } .page-link.active, .active > .page-link { text-shadow: 0 0 0.1em var(--pagination-active-bg); } @media (max-width: 575.98px) { .offcanvas { --Offcanvas-horizontal-width: calc(100vw - 3rem); } } .modal-content { color: #4d5b7c; } .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(77, 91, 124, 0.7) !important; } .form-check-input { color: inherit; } .form-control.bg-light { color: #4d5b7c; } .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='%234d5b7c'%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.765625rem; 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='%234d5b7c'%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.765625rem; 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(77, 91, 124, 0.7) !important; } .dropdown-menu .dropdown-item.active, .o_dropdown_menu .dropdown-item.active { --dropdown-link-active-bg: #0080FF; --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('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/web/static/src/libs/fontawesome/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'); font-weight: normal; font-style: normal; font-display: block; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.315em; vertical-align: -6%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .visually-hidden-focusable:active, .visually-hidden-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* /web/static/lib/odoo_ui_icons/style.css */ @font-face { font-family: 'odoo_ui_icons'; src: url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff2') format('woff2'), url('/web/static/lib/odoo_ui_icons/fonts/odoo_ui_icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } .oi { display: inline-block; font-family: 'odoo_ui_icons'; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .oi-view-pivot:before { content: '\e800'; } .oi-text-break:before { content: '\e801'; } .oi-text-inline:before { content: '\e802'; } .oi-voip:before { content: '\e803'; } .oi-odoo:before { content: '\e806'; } .oi-search:before { content: '\e808'; } .oi-group:before { content: '\e80a'; } .oi-settings-adjust:before { content: '\e80c'; } .oi-apps:before { content: '\e80d'; } .oi-panel-right:before { content: '\e810'; } .oi-launch:before { content: '\e812'; } .oi-studio:before { content: '\e813'; } .oi-view-kanban:before { content: '\e814'; } .oi-text-wrap:before { content: '\e815'; } .oi-view-cohort:before { content: '\e816'; } .oi-view-list:before { content: '\e817'; } .oi-gif-picker:before { content: '\e82e'; } .oi-chevron-down:before { content: '\e839'; } .oi-chevron-left:before { content: '\e83a'; } .oi-chevron-right:before { content: '\e83b'; } .oi-chevron-up:before { content: '\e83c'; } .oi-arrows-h:before { content: '\e83d'; } .oi-arrows-v:before { content: '\e83e'; } .oi-arrow-down-left:before { content: '\e83f'; } .oi-arrow-down-right:before { content: '\e840'; } .oi-arrow-down:before { content: '\e841'; } .oi-arrow-left:before { content: '\e842'; } .oi-arrow-right:before { content: '\e843'; } .oi-arrow-up-left:before { content: '\e844'; } .oi-arrow-up-right:before { content: '\e845'; } .oi-arrow-up:before { content: '\e846'; } .oi-draggable:before { content: '\e847'; } .oi-view:before { content: '\e861'; } .oi-archive:before { content: '\e862'; } .oi-unarchive:before { content: '\e863'; } .oi-text-effect:before { content: '\e827'; } .oi-smile-add:before { content: '\e84e'; } .oi-close:before { content: '\e852'; } .oi-food-delivery:before { content: '\e82a'; } .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, #0080FF); } to { box-shadow: 0 0 0 var(--pulse-spread-radius, 2em) var(--pulse-color-to, rgba(255, 255, 255, 0)); } } /* /web/static/src/scss/base_frontend.scss */ html, body { width: 100%; height: 100%; } #wrapwrap { z-index: 0; position: relative; display: flex; flex-flow: column nowrap; width: 100%; min-height: 100%; } #wrapwrap > * { flex: 0 0 auto; } #wrapwrap > main { flex: 1 0 auto; } /* /web/static/src/scss/fontawesome_overridden.scss */ .fa.fa-threads, .fa.fa-kickstarter, .fa.fa-bluesky, .fa.fa-strava, .fa.fa-google-play, .fa.fa-discord, .fa-twitter-square.fa, .fa-twitter.fa, .fa.fa-tiktok { font-family: 'odoo_ui_icons' !important; } .fa.fa-tiktok::before { content: '\e81b'; } .fa-twitter.fa::before { content: '\e81a'; } .fa-twitter-square.fa::before { content: '\e848'; } .fa.fa-discord::before { content: '\e811'; } .fa.fa-google-play::before { content: "\e81d"; } .fa.fa-strava::before { content: "\e80f"; } .fa.fa-bluesky::before { content: "\e81c"; } .fa.fa-kickstarter::before { content: "\e819"; } .fa.fa-threads::before { content: "\e818"; } .o_rtl .fa.fa-align-right, .o_rtl .fa.fa-align-left, .o_rtl .fa.fa-chevron-right, .o_rtl .fa.fa-chevron-left, .o_rtl .fa.fa-arrow-right, .o_rtl .fa.fa-arrow-left, .o_rtl .fa.fa-hand-o-right, .o_rtl .fa.fa-hand-o-left, .o_rtl .fa.fa-arrow-circle-right, .o_rtl .fa.fa-arrow-circle-left, .o_rtl .fa.fa-caret-right, .o_rtl .fa.fa-caret-left, .o_rtl .fa.fa-rotate-right, .o_rtl .fa.fa-rotate-left, .o_rtl .fa.fa-angle-double-right, .o_rtl .fa.fa-angle-double-left, .o_rtl .fa.fa-angle-right, .o_rtl .fa.fa-angle-left, .o_rtl .fa.fa-quote-right, .o_rtl .fa.fa-quote-left, .o_rtl .fa.fa-chevron-circle-right, .o_rtl .fa.fa-chevron-circle-left, .o_rtl .fa.fa-long-arrow-right, .o_rtl .fa.fa-long-arrow-left, .o_rtl .fa.fa-toggle-right, .o_rtl .fa.fa-toggle-left, .o_rtl .fa.fa-caret-square-o-right, .o_rtl .fa.fa-arrow-circle-o-left, .o_rtl .fa.fa-arrow-circle-o-right, .o_rtl .fa.fa-caret-square-o-left { transform: rotate(180deg); } /* /web/static/src/scss/mimetypes.scss */ .o_image { display: inline-block; width: 38px; height: 38px; background-image: url("/web/static/img/mimetypes/unknown.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; } .o_image[data-mimetype^='image'] { background-image: url("/web/static/img/mimetypes/image.svg"); } .o_image[data-mimetype^='audio'] { background-image: url("/web/static/img/mimetypes/audio.svg"); } .o_image[data-mimetype^='text'], .o_image[data-mimetype$='rtf'] { background-image: url("/web/static/img/mimetypes/text.svg"); } .o_image[data-mimetype*='octet-stream'], .o_image[data-mimetype*='download'], .o_image[data-mimetype*='python'] { background-image: url("/web/static/img/mimetypes/binary.svg"); } .o_image[data-mimetype^='video'], .o_image[title$='.mp4'], .o_image[title$='.avi'] { background-image: url("/web/static/img/mimetypes/video.svg"); } .o_image[data-mimetype$='archive'], .o_image[data-mimetype$='compressed'], .o_image[data-mimetype*='zip'], .o_image[data-mimetype$='tar'], .o_image[data-mimetype*='package'] { background-image: url("/web/static/img/mimetypes/archive.svg"); } .o_image[data-mimetype^='application/pdf'] { background-image: url("/web/static/img/mimetypes/pdf.svg"); } .o_image[data-mimetype^='text-master'], .o_image[data-mimetype*='document'], .o_image[data-mimetype*='msword'], .o_image[data-mimetype*='wordprocessing'] { background-image: url("/web/static/img/mimetypes/document.svg"); } .o_image[data-mimetype*='application/xml'], .o_image[data-mimetype$='html'] { background-image: url("/web/static/img/mimetypes/web_code.svg"); } .o_image[data-mimetype$='css'], .o_image[data-mimetype$='less'], .o_image[data-ext$='less'] { background-image: url("/web/static/img/mimetypes/web_style.svg"); } .o_image[data-mimetype*='-image'], .o_image[data-mimetype*='diskimage'], .o_image[data-ext$='dmg'] { background-image: url("/web/static/img/mimetypes/disk.svg"); } .o_image[data-mimetype$='csv'], .o_image[data-mimetype*='vc'], .o_image[data-mimetype*='excel'], .o_image[data-mimetype$='numbers'], .o_image[data-mimetype$='calc'], .o_image[data-mimetype*='mods'], .o_image[data-mimetype*='spreadsheet'] { background-image: url("/web/static/img/mimetypes/spreadsheet.svg"); } .o_image[data-mimetype^='key'] { background-image: url("/web/static/img/mimetypes/certificate.svg"); } .o_image[data-mimetype*='presentation'], .o_image[data-mimetype*='keynote'], .o_image[data-mimetype*='teacher'], .o_image[data-mimetype*='slideshow'], .o_image[data-mimetype*='powerpoint'] { background-image: url("/web/static/img/mimetypes/presentation.svg"); } .o_image[data-mimetype*='cert'], .o_image[data-mimetype*='rules'], .o_image[data-mimetype*='pkcs'], .o_image[data-mimetype$='stl'], .o_image[data-mimetype$='crl'] { background-image: url("/web/static/img/mimetypes/certificate.svg"); } .o_image[data-mimetype*='-font'], .o_image[data-mimetype*='font-'], .o_image[data-ext$='ttf'] { background-image: url("/web/static/img/mimetypes/font.svg"); } .o_image[data-mimetype*='-dvi'] { background-image: url("/web/static/img/mimetypes/print.svg"); } .o_image[data-mimetype*='script'], .o_image[data-mimetype*='x-sh'], .o_image[data-ext*='bat'], .o_image[data-mimetype$='bat'], .o_image[data-mimetype$='cgi'], .o_image[data-mimetype$='-c'], .o_image[data-mimetype*='java'], .o_image[data-mimetype*='ruby'] { background-image: url("/web/static/img/mimetypes/script.svg"); } .o_image[data-mimetype*='javascript'] { background-image: url("/web/static/img/mimetypes/javascript.svg"); } .o_image[data-mimetype*='calendar'], .o_image[data-mimetype$='ldif'] { background-image: url("/web/static/img/mimetypes/calendar.svg"); } .o_image[data-mimetype$='postscript'], .o_image[data-mimetype$='cdr'], .o_image[data-mimetype$='xara'], .o_image[data-mimetype$='cgm'], .o_image[data-mimetype$='graphics'], .o_image[data-mimetype$='draw'], .o_image[data-mimetype*='svg'] { background-image: url("/web/static/img/mimetypes/vector.svg"); } /* /web/static/src/scss/ui.scss */ :root .o_hidden { display: none !important; } .o_disabled { pointer-events: none; opacity: 0.5; } .o_btn_loading { opacity: 0.65; } .o_btn_loading .fa:not(.fa-spin) { display: none; } .o_text_overflow { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .dropdown-menu, .o_dropdown_menu { max-height: 70vh; overflow: auto; background-clip: border-box; } .dropdown-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(123, 222, 255, 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: #0080FF; background-color: transparent; } .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: #0057ad; } .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: #003161; } .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: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); 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 #0080FF; border-radius: 0.5rem; 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(0, 128, 255, 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.09375rem; 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.09375rem; font-weight: 500; } /* /web/static/src/core/checkbox/checkbox.scss */ .o-checkbox { width: fit-content; } /* /web/static/src/core/color_picker/color_picker.scss */ .o_font_color_selector { --bg: #FFF; --text-rgb: 43, 43, 51; --border-rgb: var(--text-rgb); width: 208px; max-height: inherit; overflow-y: auto; border-radius: inherit; background-color: inherit; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .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; } .bg-o-color-1 { --background-color: #0080FF; --color: #FFFFFF; background-color: #0080FF !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: #0066cc; --color: #FFFFFF; background-color: #0066cc !important; color: #FFFFFF; } .text-o-color-1 { color: #0080FF !important; } a.text-o-color-1:hover, a.text-o-color-1:focus { color: #004d99 !important; } .bg-o-color-2 { --background-color: #7bdeff; --color: #212529; background-color: #7bdeff !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: #48d1ff; --color: #212529; background-color: #48d1ff !important; color: #212529; } .text-o-color-2 { color: #7bdeff !important; } a.text-o-color-2:hover, a.text-o-color-2:focus { color: #15c5ff !important; } .bg-o-color-3 { --background-color: #f9fafe; --color: #212529; background-color: #f9fafe !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: #cdd6f7; --color: #212529; background-color: #cdd6f7 !important; color: #212529; } .text-o-color-3 { color: #f9fafe !important; } a.text-o-color-3:hover, a.text-o-color-3:focus { color: #a2b1ef !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: #232f3e; --color: #FFFFFF; background-color: #232f3e !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: #11161d; --color: #FFFFFF; background-color: #11161d !important; color: #FFFFFF; } .text-o-color-5 { color: #232f3e !important; } a.text-o-color-5:hover, a.text-o-color-5:focus { color: black !important; } /* /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, #4d5b7c); 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: 0.875rem; 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: transparent; } .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(77, 91, 124, 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: #232f3e; 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: transparent; } /* /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; } @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(0, 128, 255, 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%; } .o_record_selector .o_record_autocomplete_with_caret:hover::after, .o_record_selector .o_record_autocomplete_with_caret:focus-within::after, .o_multi_record_selector .o_record_autocomplete_with_caret:hover::after, .o_multi_record_selector .o_record_autocomplete_with_caret:focus-within::after { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid var(--o-caret-color, currentColor); align-self: center; } /* /web/static/src/core/resizable_panel/resizable_panel.scss */ .o_resizable_panel { max-width: 100vw; flex-grow: 0; } .o_resizable_panel_handle { cursor: col-resize; z-index: 10; width: 5px; } /* /web/static/src/core/select_menu/select_menu.scss */ .o_select_menu.o_select_menu_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.765625rem); 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.765625rem; } .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: 600; } .o-tooltip .o-tooltip--help, .o-tooltip .o-tooltip--technical { margin: 0.25rem 0.5rem 0.5rem; } .o-tooltip .o-tooltip--help { white-space: pre-line; padding: 0 0.5rem; } .o-tooltip .o-tooltip--technical { padding-left: 1.3em; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.75rem; list-style-type: disc; } .o-tooltip .o-tooltip--technical .o-tooltip--technical--title { margin-right: 0.25rem; } .o-tooltip + .popover-arrow { --popover-bg: var(--emphasis-color); } /* /web/static/src/core/tree_editor/tree_editor.scss */ .o_tree_editor .o_tree_editor_node .o_tree_editor_node_control_panel > button { opacity: .2; } .o_tree_editor .o_tree_editor_node.o_hovered_button .o_tree_editor_node_control_panel > button { opacity: .5; } .o_tree_editor .o_tree_editor_node.o_hovered_button .o_tree_editor_node_control_panel > button:hover { opacity: 1; } .o_tree_editor .o_record_selector .o-autocomplete, .o_tree_editor .o_multi_record_selector .o_record_autocomplete_with_caret { min-width: unset; flex: 1 0 50px; } /* /web/static/src/core/ui/block_ui.scss */ .o_blockUI { cursor: wait; z-index: 1070 !important; } .o_blockUI:not(.o_blockUI_invisible) { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.5); color: #fff; } /* /web/static/src/core/utils/draggable_hook_builder.scss */ @keyframes o-draggable-bounce { 0% { transform: scale(1); } 60% { transform: scale(0.95); } 100% { transform: scale(1); } } .o_draggable { -webkit-touch-callout: none; } .o_dragged { z-index: 1000; pointer-events: none; } .o_touch_bounce { animation: o-draggable-bounce .4s forwards; user-select: none; } /* /web/static/src/core/utils/nested_sortable.scss */ .o_nested_sortable_placeholder { background-clip: content-box; background-color: deepskyblue; height: 5px; padding-top: 0 !important; padding-bottom: 0 !important; } .o_nested_sortable_placeholder_realsize { outline: 1px dashed #5f636f; background-color: #F9FAFB; } /* /web_tour/static/src/scss/tour_pointer.scss */ @keyframes o-tour-pointer-bounce-horizontal { from { transform: translateX(calc(var(--TourPointer__bounce-offset) * -1)); } to { transform: translateX(var(--TourPointer__bounce-offset)); } } @keyframes o-tour-pointer-bounce-vertical { from { transform: translateY(calc(var(--TourPointer__bounce-offset) * -1)); } to { transform: translateY(var(--TourPointer__bounce-offset)); } } @keyframes o-tour-pointer-fade-in { from { opacity: 0; } } @keyframes o-tour-pointer-info-expand { from { width: 0; height: 0; } } .o_tour_pointer { --TourPointer__anchor-space: 0; --TourPointer__bounce-offset: 3px; --TourPointer__offset: 8px; --TourPointer__scale: 1.12; --TourPointer__color: #714B67; --TourPointer__color-accent: #86597b; --TourPointer__border-width: 1px; --TourPointer__border-color-rgb: 255, 255, 255; --TourPointer__border-color: rgba(var(--TourPointer__border-color-rgb), 1); --TourPointer__arrow-size: 1rem; --TourPointer__animation-duration: 500ms; --TourPointer__expand-duration: 200ms; --TourPointer__text-color: black; --TourPointer__reveal-animation: o-tour-pointer-fade-in 400ms ease; --TourPointer__translate-x: 0; --TourPointer__translate-y: 0; z-index: 1080; max-width: 270px; border: var(--TourPointer__border-width) solid transparent; transform: translate(var(--TourPointer__translate-x), var(--TourPointer__translate-y)); transition: width var(--TourPointer__expand-duration), height var(--TourPointer__expand-duration); } .o_tour_pointer.o_bouncing.o_left, .o_tour_pointer.o_bouncing.o_right { animation: o-tour-pointer-bounce-horizontal var(--TourPointer__animation-duration) ease-in infinite alternate, var(--TourPointer__reveal-animation); } .o_tour_pointer.o_bouncing.o_top, .o_tour_pointer.o_bouncing.o_bottom { animation: o-tour-pointer-bounce-vertical var(--TourPointer__animation-duration) ease-in infinite alternate, var(--TourPointer__reveal-animation); } .o_tour_pointer .o_tour_pointer_tip { width: var(--TourPointer__width); height: var(--TourPointer__height); border: var(--TourPointer__border-width) solid white; border-radius: 0 50% 50% 50%; background-image: radial-gradient(var(--TourPointer__color-accent), var(--TourPointer__color)); box-shadow: 0 0 40px 2px rgba(var(--TourPointer__border-color-rgb), 0.5); } .o_tour_pointer .o_tour_pointer_content { background-color: #f9fafe; color: transparent; transition: color 0s ease var(--TourPointer__expand-duration); line-height: 1.5; font-size: 0.875rem; font-family: "Roboto", "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: #f9fafe; 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(77, 91, 124, 0.4); font-size: 1.308em; line-height: 1.2em; color: rgba(77, 91, 124, 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):not(.dri) { border: 3px solid #714B67; box-shadow: none; } .modal .o_select_media_dialog .o_we_attachment_selected:not(.fa):not(.dri):before { content: ""; position: absolute; top: 5px; left: 5px; bottom: auto; right: auto; width: 19px; height: 19px; background-color: #714B67; font-family: 'FontAwesome'; color: white; border-radius: 50%; text-align: center; z-index: 1; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .modal .o_select_media_dialog .o_we_load_more { scroll-margin: 1rem; } .modal .o_select_media_dialog .o_we_load_more.o_hide_loading > * { display: none; } .modal .o_select_media_dialog .o_scroll_attachments { bottom: 0px; width: 36px; height: 36px; margin-top: -36px; z-index: 2; } .modal .o_select_media_dialog .font-icons-icons > span { width: 50px; } .modal .o_select_media_dialog .o_video_dialog_form textarea { min-height: 95px; } .modal .o_select_media_dialog .o_video_preview { border-top: 1px solid black; border-bottom: 1px solid white; background-image: linear-gradient(-150deg, #2b2b33, #191922); color: white; } .modal .o_select_media_dialog .o_video_preview .media_iframe_video { width: 100%; } /* /html_editor/static/src/main/media/media_dialog/upload_progress_toast/upload_progress_toast.scss */ .o_upload_progress_toast { font-size: 16px; } .o_upload_progress_toast .o_we_progressbar:last-child hr { display: none; } .editor_notification_manager { width: calc(100% - 3rem); } @media (min-width: 576px) { .editor_notification_manager { width: calc(calc(400px - 3rem) + 3rem); } } .editor_notification_body { width: calc(100% - 3rem); } @media (min-width: 576px) { .editor_notification_body { width: calc(400px - 3rem); } } /* /html_editor/static/src/main/local_overlay.scss */ .oe-local-overlay { position: absolute; isolation: isolate; height: 0; width: 0; z-index: 1; } /* /html_editor/static/src/main/list/list.scss */ [contenteditable="true"] li p { margin-bottom: 0; } [contenteditable="true"] :where([style*="color:"]) { --heading-color: none; } ul.o_checklist > li { list-style: none; position: relative; margin-left: 20px; } ul.o_checklist > li:not(.oe-nested):before { content: ''; position: absolute; left: -20px; display: block; height: 14px; width: 14px; top: 1px; border: 1px solid; cursor: pointer; } ul.o_checklist > li.o_checked::before { content: "✓"; transition: opacity .5s; position: absolute; left: -18px; top: -1px; opacity: 1; } ul.o_checklist > li.o_checked:has(ul, ol)::before { opacity: 0.5; } ul.o_checklist > li.o_checked:not(:has(ul, ol)) { text-decoration: line-through; opacity: 0.5; } ul.o_checklist > li.o_checked:has(ul, ol) > :not(ul, ol) { text-decoration: line-through; opacity: 0.5; } /* /html_editor/static/src/main/media/file.scss */ .o_file_box, [data-embedded="file"] { display: inline-block; width: fit-content; min-width: 250px; margin: 3px; vertical-align: middle; } .o_file_box .alert.alert-info, [data-embedded="file"] .alert.alert-info { border-radius: 5px; outline: 1px solid #d8dadd; outline-offset: -1px; padding: 5px; margin: 0; } .o_file_box .o_image, [data-embedded="file"] .o_image { width: 32px; } /* /html_editor/static/src/others/embedded_components/core/embedded_component_toolbar/embedded_component_toolbar.scss */ .o_embedded_toolbar button { font-family: var(--font-sans-serif) !important; font-weight: 600; } @media screen and (max-width: 1024px) { .o_embedded_toolbar button .o_embedded_toolbar_button_text { display: none; } } /* /html_editor/static/src/others/embedded_components/core/file/file.scss */ [data-embedded="file"] [data-embedded-editable] { background-color: white; } [data-embedded="file"] .o_file_name_container:hover i { visibility: visible !important; } [data-embedded="file"] input[type="text"] { width: 190px; } /* /html_editor/static/src/others/embedded_components/core/table_of_content/table_of_content.scss */ [data-embedded="tableOfContent"] { margin-left: 2px; margin-right: 2px; margin-top: 16px; margin-bottom: 16px; outline: 1px solid #d8dadd; outline-offset: -1px; border-radius: 5px; background-color: #F9FAFB; } [data-embedded="tableOfContent"] .o_embedded_toc_content { background-color: white; } [data-embedded="tableOfContent"] .o_embedded_toc_content a[class*="o_embedded_toc_link_depth_"] { font-family: var(--font-sans-serif) !important; border-radius: 5px; min-height: 1.3125rem; 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; } /* /theme_prime/static/src/scss/container.scss */ @media (min-width: 1200px) { .container, .o_container_small, .container-lg { max-width: 1116px; } .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 1086px !important; } } @media (min-width: 1240px) { .container, .o_container_small, .container-lg { max-width: 1153.2px; } .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 1123.2px !important; } } @media (min-width: 1300px) { .container, .o_container_small, .container-lg { max-width: 1209px; } .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 1179px !important; } } @media (min-width: 1400px) { .container, .o_container_small, .container-lg { max-width: 1302px; } .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 1272px !important; } } @media (min-width: 1505px) { .container, .o_container_small, .container-lg { max-width: 1399.65px; } .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 1369.65px !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-h2: #232f3e; --o-cc1-h3: #232f3e; --o-cc1-h4: #232f3e; --o-cc1-h5: #232f3e; --o-cc1-h6: #232f3e; --o-cc1-link: #0057ad; --o-cc1-btn-primary: #0080FF; --o-cc1-btn-primary-text: #FFFFFF; --o-cc1-btn-primary-border: #0080FF; --o-cc1-btn-secondary-text: #212529; --o-cc1-btn-secondary-border: #7bdeff; --o-cc2-h2: #0080FF; --o-cc2-h3: #0080FF; --o-cc2-h4: #0080FF; --o-cc2-h5: #0080FF; --o-cc2-h6: #0080FF; --o-cc2-link: #0054a8; --o-cc2-btn-primary: #0080FF; --o-cc2-btn-primary-text: #FFFFFF; --o-cc2-btn-primary-border: #0080FF; --o-cc2-btn-secondary: #7bdeff; --o-cc2-btn-secondary-text: #212529; --o-cc2-btn-secondary-border: #7bdeff; --o-cc3-h2: #FFFFFF; --o-cc3-h3: #FFFFFF; --o-cc3-h4: #FFFFFF; --o-cc3-h5: #FFFFFF; --o-cc3-h6: #FFFFFF; --o-cc3-link: #004080; --o-cc3-btn-primary: #0080FF; --o-cc3-btn-primary-text: #FFFFFF; --o-cc3-btn-primary-border: #0080FF; --o-cc3-btn-secondary-text: #212529; --o-cc3-btn-secondary-border: #f9fafe; --o-cc4-h2: #FFFFFF; --o-cc4-h3: #FFFFFF; --o-cc4-h4: #FFFFFF; --o-cc4-h5: #FFFFFF; --o-cc4-h6: #FFFFFF; --o-cc4-link: white; --o-cc4-btn-primary-text: #FFFFFF; --o-cc4-btn-primary-border: #232f3e; --o-cc4-btn-secondary-text: #212529; --o-cc4-btn-secondary-border: #f9fafe; --o-cc5-h2: #FFFFFF; --o-cc5-h3: #FFFFFF; --o-cc5-h4: #FFFFFF; --o-cc5-h5: #FFFFFF; --o-cc5-h6: #FFFFFF; --o-cc5-link: #f9fafe; --o-cc5-btn-primary: #0080FF; --o-cc5-btn-primary-text: #FFFFFF; --o-cc5-btn-primary-border: #0080FF; --o-cc5-btn-secondary-text: #212529; --o-cc5-btn-secondary-border: #f9fafe; --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: 2.625rem; --h2-font-size: 2.1875rem; --h3-font-size: 1.75rem; --h4-font-size: 1.3125rem; --h5-font-size: 1.09375rem; --h6-font-size: 0.875rem; --font-size-base: 0.875rem; --small-font-size: 1em; --lead-font-size: 1.015rem; } html, body { position: relative; width: 100%; height: 100%; } pre { padding: 0.5rem 1rem; border: 1px solid var(--o-border-color); border-radius: 0.375rem; 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.3875rem + 1.65vw); } @media (min-width: 1200px) { .h1-fs { font-size: 2.625rem; } } .h2-fs { font-size: calc(1.34375rem + 1.125vw); } @media (min-width: 1200px) { .h2-fs { font-size: 2.1875rem; } } .h3-fs { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .h3-fs { font-size: 1.75rem; } } .h4-fs { font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { .h4-fs { font-size: 1.3125rem; } } .h5-fs { font-size: 1.09375rem; } .h6-fs { font-size: 0.875rem; } .base-fs { font-size: 0.875rem; } .o_small-fs { font-size: 1em; } 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(/web/static/img/openhand.cur), grab; } ul.oe_menu_editor li div :active { cursor: grabbing; } .mt0 { margin-top: 0px !important; } .mb0 { margin-bottom: 0px !important; } .pt0 { padding-top: 0px !important; } .pb0 { padding-bottom: 0px !important; } .mt8 { margin-top: 8px !important; } .mb8 { margin-bottom: 8px !important; } .pt8 { padding-top: 8px !important; } .pb8 { padding-bottom: 8px !important; } .mt16 { margin-top: 16px !important; } .mb16 { margin-bottom: 16px !important; } .pt16 { padding-top: 16px !important; } .pb16 { padding-bottom: 16px !important; } .mt24 { margin-top: 24px !important; } .mb24 { margin-bottom: 24px !important; } .pt24 { padding-top: 24px !important; } .pb24 { padding-bottom: 24px !important; } .mt32 { margin-top: 32px !important; } .mb32 { margin-bottom: 32px !important; } .pt32 { padding-top: 32px !important; } .pb32 { padding-bottom: 32px !important; } .mt40 { margin-top: 40px !important; } .mb40 { margin-bottom: 40px !important; } .pt40 { padding-top: 40px !important; } .pb40 { padding-bottom: 40px !important; } .mt48 { margin-top: 48px !important; } .mb48 { margin-bottom: 48px !important; } .pt48 { padding-top: 48px !important; } .pb48 { padding-bottom: 48px !important; } .mt56 { margin-top: 56px !important; } .mb56 { margin-bottom: 56px !important; } .pt56 { padding-top: 56px !important; } .pb56 { padding-bottom: 56px !important; } .mt64 { margin-top: 64px !important; } .mb64 { margin-bottom: 64px !important; } .pt64 { padding-top: 64px !important; } .pb64 { padding-bottom: 64px !important; } .mt72 { margin-top: 72px !important; } .mb72 { margin-bottom: 72px !important; } .pt72 { padding-top: 72px !important; } .pb72 { padding-bottom: 72px !important; } .mt80 { margin-top: 80px !important; } .mb80 { margin-bottom: 80px !important; } .pt80 { padding-top: 80px !important; } .pb80 { padding-bottom: 80px !important; } .mt88 { margin-top: 88px !important; } .mb88 { margin-bottom: 88px !important; } .pt88 { padding-top: 88px !important; } .pb88 { padding-bottom: 88px !important; } .mt96 { margin-top: 96px !important; } .mb96 { margin-bottom: 96px !important; } .pt96 { padding-top: 96px !important; } .pb96 { padding-bottom: 96px !important; } .mt104 { margin-top: 104px !important; } .mb104 { margin-bottom: 104px !important; } .pt104 { padding-top: 104px !important; } .pb104 { padding-bottom: 104px !important; } .mt112 { margin-top: 112px !important; } .mb112 { margin-bottom: 112px !important; } .pt112 { padding-top: 112px !important; } .pb112 { padding-bottom: 112px !important; } .mt120 { margin-top: 120px !important; } .mb120 { margin-bottom: 120px !important; } .pt120 { padding-top: 120px !important; } .pb120 { padding-bottom: 120px !important; } .mt128 { margin-top: 128px !important; } .mb128 { margin-bottom: 128px !important; } .pt128 { padding-top: 128px !important; } .pb128 { padding-bottom: 128px !important; } .mt136 { margin-top: 136px !important; } .mb136 { margin-bottom: 136px !important; } .pt136 { padding-top: 136px !important; } .pb136 { padding-bottom: 136px !important; } .mt144 { margin-top: 144px !important; } .mb144 { margin-bottom: 144px !important; } .pt144 { padding-top: 144px !important; } .pb144 { padding-bottom: 144px !important; } .mt152 { margin-top: 152px !important; } .mb152 { margin-bottom: 152px !important; } .pt152 { padding-top: 152px !important; } .pb152 { padding-bottom: 152px !important; } .mt160 { margin-top: 160px !important; } .mb160 { margin-bottom: 160px !important; } .pt160 { padding-top: 160px !important; } .pb160 { padding-bottom: 160px !important; } .mt168 { margin-top: 168px !important; } .mb168 { margin-bottom: 168px !important; } .pt168 { padding-top: 168px !important; } .pb168 { padding-bottom: 168px !important; } .mt176 { margin-top: 176px !important; } .mb176 { margin-bottom: 176px !important; } .pt176 { padding-top: 176px !important; } .pb176 { padding-bottom: 176px !important; } .mt184 { margin-top: 184px !important; } .mb184 { margin-bottom: 184px !important; } .pt184 { padding-top: 184px !important; } .pb184 { padding-bottom: 184px !important; } .mt192 { margin-top: 192px !important; } .mb192 { margin-bottom: 192px !important; } .pt192 { padding-top: 192px !important; } .pb192 { padding-bottom: 192px !important; } .mt200 { margin-top: 200px !important; } .mb200 { margin-bottom: 200px !important; } .pt200 { padding-top: 200px !important; } .pb200 { padding-bottom: 200px !important; } .mt208 { margin-top: 208px !important; } .mb208 { margin-bottom: 208px !important; } .pt208 { padding-top: 208px !important; } .pb208 { padding-bottom: 208px !important; } .mt216 { margin-top: 216px !important; } .mb216 { margin-bottom: 216px !important; } .pt216 { padding-top: 216px !important; } .pb216 { padding-bottom: 216px !important; } .mt224 { margin-top: 224px !important; } .mb224 { margin-bottom: 224px !important; } .pt224 { padding-top: 224px !important; } .pb224 { padding-bottom: 224px !important; } .mt232 { margin-top: 232px !important; } .mb232 { margin-bottom: 232px !important; } .pt232 { padding-top: 232px !important; } .pb232 { padding-bottom: 232px !important; } .mt240 { margin-top: 240px !important; } .mb240 { margin-bottom: 240px !important; } .pt240 { padding-top: 240px !important; } .pb240 { padding-bottom: 240px !important; } .mt248 { margin-top: 248px !important; } .mb248 { margin-bottom: 248px !important; } .pt248 { padding-top: 248px !important; } .pb248 { padding-bottom: 248px !important; } .mt256 { margin-top: 256px !important; } .mb256 { margin-bottom: 256px !important; } .pt256 { padding-top: 256px !important; } .pb256 { padding-bottom: 256px !important; } .mt4 { margin-top: 4px !important; } .mb4 { margin-bottom: 4px !important; } .pt4 { padding-top: 4px !important; } .pb4 { padding-bottom: 4px !important; } .mt92 { margin-top: 92px !important; } .mb92 { margin-bottom: 92px !important; } .ml0 { margin-left: 0px !important; } .mr0 { margin-right: 0px !important; } .ml4 { margin-left: 4px !important; } .mr4 { margin-right: 4px !important; } .ml8 { margin-left: 8px !important; } .mr8 { margin-right: 8px !important; } .ml16 { margin-left: 16px !important; } .mr16 { margin-right: 16px !important; } .ml32 { margin-left: 32px !important; } .mr32 { margin-right: 32px !important; } .ml64 { margin-left: 64px !important; } .mr64 { margin-right: 64px !important; } a.o_underline { text-decoration: underline; } a.o_underline:hover { text-decoration: underline; } .o_nocontent_help { pointer-events: auto; max-width: 650px; margin: auto; padding: 15px; z-index: 1000; text-align: center; color: #4d5b7c; font-size: 115%; } .o_nocontent_help > p:first-of-type { margin-top: 0; color: #232f3e; font-weight: bold; font-size: 125%; } .o_nocontent_help a { cursor: pointer; } .o_we_search_prompt { position: relative; min-height: 250px; width: 100%; display: flex; align-items: center; justify-content: flex-start; } .o_we_search_prompt > h2, .o_we_search_prompt > .h2 { max-width: 500px; text-align: center; margin-left: 150px; } .o_we_search_prompt::before { transform: scale(-1, 1); content: ""; position: absolute; top: 12px; left: 40px; bottom: auto; right: auto; width: 100px; height: 150px; opacity: .5; filter: var(--WebEditor__SearchPromptArrow-filter, invert(0)); background-image: url("/html_editor/static/src/img/curved_arrow.svg"); background-size: 100%; background-repeat: no-repeat; } blockquote { padding: 0.5rem 1rem; border-left: 5px solid; border-color: #DEE2E6; font-style: italic; } pre { white-space: pre-wrap; } pre p { margin-bottom: 0px; } .bg-o-color-1 { --background-color: #0080FF; --color: #FFFFFF; background-color: #0080FF !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: #0066cc; --color: #FFFFFF; background-color: #0066cc !important; color: #FFFFFF; } .text-o-color-1 { color: #0080FF !important; } a.text-o-color-1:hover, a.text-o-color-1:focus { color: #004d99 !important; } .bg-o-color-2 { --background-color: #7bdeff; --color: #212529; background-color: #7bdeff !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: #48d1ff; --color: #212529; background-color: #48d1ff !important; color: #212529; } .text-o-color-2 { color: #7bdeff !important; } a.text-o-color-2:hover, a.text-o-color-2:focus { color: #15c5ff !important; } .bg-o-color-3 { --background-color: #f9fafe; --color: #212529; background-color: #f9fafe !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: #cdd6f7; --color: #212529; background-color: #cdd6f7 !important; color: #212529; } .text-o-color-3 { color: #f9fafe !important; } a.text-o-color-3:hover, a.text-o-color-3:focus { color: #a2b1ef !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: #232f3e; --color: #FFFFFF; background-color: #232f3e !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: #11161d; --color: #FFFFFF; background-color: #11161d !important; color: #FFFFFF; } .text-o-color-5 { color: #232f3e !important; } a.text-o-color-5:hover, a.text-o-color-5:focus { color: black !important; } .o_cc .dropdown-menu .dropdown-item, .tp-header-box .dropdown-menu .dropdown-item, .tp-preheader .dropdown-menu .dropdown-item, .o_cc .o_dropdown_menu .dropdown-item, .tp-header-box .o_dropdown_menu .dropdown-item, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item h6, .tp-preheader .dropdown-menu .dropdown-item h6, .o_cc .o_dropdown_menu .dropdown-item h6, .tp-header-box .o_dropdown_menu .dropdown-item h6, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item .h6, .tp-preheader .dropdown-menu .dropdown-item .h6, .o_cc .o_dropdown_menu .dropdown-item .h6, .tp-header-box .o_dropdown_menu .dropdown-item .h6, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item:hover, .tp-preheader .dropdown-menu .dropdown-item:hover, .o_cc .o_dropdown_menu .dropdown-item:hover, .tp-header-box .o_dropdown_menu .dropdown-item:hover, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item:focus, .tp-preheader .dropdown-menu .dropdown-item:focus, .o_cc .o_dropdown_menu .dropdown-item:focus, .tp-header-box .o_dropdown_menu .dropdown-item:focus, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item h6:hover, .tp-preheader .dropdown-menu .dropdown-item h6:hover, .o_cc .o_dropdown_menu .dropdown-item h6:hover, .tp-header-box .o_dropdown_menu .dropdown-item h6:hover, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item .h6:hover, .tp-preheader .dropdown-menu .dropdown-item .h6:hover, .o_cc .o_dropdown_menu .dropdown-item .h6:hover, .tp-header-box .o_dropdown_menu .dropdown-item .h6:hover, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item h6:focus, .tp-preheader .dropdown-menu .dropdown-item h6:focus, .o_cc .o_dropdown_menu .dropdown-item h6:focus, .tp-header-box .o_dropdown_menu .dropdown-item h6:focus, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item .h6:focus, .tp-preheader .dropdown-menu .dropdown-item .h6:focus, .o_cc .o_dropdown_menu .dropdown-item .h6:focus, .tp-header-box .o_dropdown_menu .dropdown-item .h6:focus, .tp-preheader .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: #0080FF !important; } .o_cc .dropdown-menu .dropdown-item.active, .tp-header-box .dropdown-menu .dropdown-item.active, .tp-preheader .dropdown-menu .dropdown-item.active, .o_cc .o_dropdown_menu .dropdown-item.active, .tp-header-box .o_dropdown_menu .dropdown-item.active, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item:active, .tp-preheader .dropdown-menu .dropdown-item:active, .o_cc .o_dropdown_menu .dropdown-item:active, .tp-header-box .o_dropdown_menu .dropdown-item:active, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item h6.active, .tp-preheader .dropdown-menu .dropdown-item h6.active, .o_cc .o_dropdown_menu .dropdown-item h6.active, .tp-header-box .o_dropdown_menu .dropdown-item h6.active, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item .active.h6, .tp-preheader .dropdown-menu .dropdown-item .active.h6, .o_cc .o_dropdown_menu .dropdown-item .active.h6, .tp-header-box .o_dropdown_menu .dropdown-item .active.h6, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item h6:active, .tp-preheader .dropdown-menu .dropdown-item h6:active, .o_cc .o_dropdown_menu .dropdown-item h6:active, .tp-header-box .o_dropdown_menu .dropdown-item h6:active, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item .h6:active, .tp-preheader .dropdown-menu .dropdown-item .h6:active, .o_cc .o_dropdown_menu .dropdown-item .h6:active, .tp-header-box .o_dropdown_menu .dropdown-item .h6:active, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item.disabled, .tp-preheader .dropdown-menu .dropdown-item.disabled, .o_cc .o_dropdown_menu .dropdown-item.disabled, .tp-header-box .o_dropdown_menu .dropdown-item.disabled, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item.disabled h6, .tp-preheader .dropdown-menu .dropdown-item.disabled h6, .o_cc .o_dropdown_menu .dropdown-item.disabled h6, .tp-header-box .o_dropdown_menu .dropdown-item.disabled h6, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item.disabled .h6, .tp-preheader .dropdown-menu .dropdown-item.disabled .h6, .o_cc .o_dropdown_menu .dropdown-item.disabled .h6, .tp-header-box .o_dropdown_menu .dropdown-item.disabled .h6, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item:disabled, .tp-preheader .dropdown-menu .dropdown-item:disabled, .o_cc .o_dropdown_menu .dropdown-item:disabled, .tp-header-box .o_dropdown_menu .dropdown-item:disabled, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item.o_wysiwyg_loader, .tp-preheader .dropdown-menu .dropdown-item.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .tp-header-box .o_dropdown_menu .dropdown-item.o_wysiwyg_loader, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item:disabled h6, .tp-preheader .dropdown-menu .dropdown-item:disabled h6, .o_cc .o_dropdown_menu .dropdown-item:disabled h6, .tp-header-box .o_dropdown_menu .dropdown-item:disabled h6, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .tp-preheader .dropdown-menu .dropdown-item.o_wysiwyg_loader h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .tp-header-box .o_dropdown_menu .dropdown-item.o_wysiwyg_loader h6, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item:disabled .h6, .tp-preheader .dropdown-menu .dropdown-item:disabled .h6, .o_cc .o_dropdown_menu .dropdown-item:disabled .h6, .tp-header-box .o_dropdown_menu .dropdown-item:disabled .h6, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .tp-preheader .dropdown-menu .dropdown-item.o_wysiwyg_loader .h6, .o_cc .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .tp-header-box .o_dropdown_menu .dropdown-item.o_wysiwyg_loader .h6, .tp-preheader .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 .tp-header-box .dropdown-menu .dropdown-item.disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item.disabled h6, .o_colored_level .tp-header-box .dropdown-menu .dropdown-item.disabled h6, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled, .o_colored_level .tp-header-box .dropdown-menu .dropdown-item:disabled, .o_colored_level .o_cc .dropdown-menu .dropdown-item:disabled h6, .o_colored_level .tp-header-box .dropdown-menu .dropdown-item:disabled h6 { color: var(--tertiary-color) !important; } .o_cc .dropdown-menu .dropdown-item .btn-link, .tp-header-box .dropdown-menu .dropdown-item .btn-link, .tp-preheader .dropdown-menu .dropdown-item .btn-link, .o_cc .o_dropdown_menu .dropdown-item .btn-link, .tp-header-box .o_dropdown_menu .dropdown-item .btn-link, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item .btn-link:hover, .tp-preheader .dropdown-menu .dropdown-item .btn-link:hover, .o_cc .o_dropdown_menu .dropdown-item .btn-link:hover, .tp-header-box .o_dropdown_menu .dropdown-item .btn-link:hover, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item .btn-link:disabled, .tp-preheader .dropdown-menu .dropdown-item .btn-link:disabled, .o_cc .o_dropdown_menu .dropdown-item .btn-link:disabled, .tp-header-box .o_dropdown_menu .dropdown-item .btn-link:disabled, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .tp-preheader .dropdown-menu .dropdown-item .btn-link.o_wysiwyg_loader, .o_cc .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .tp-header-box .o_dropdown_menu .dropdown-item .btn-link.o_wysiwyg_loader, .tp-preheader .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, .tp-header-box .dropdown-menu .dropdown-item-text .text-muted a, .tp-preheader .dropdown-menu .dropdown-item-text .text-muted a, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a, .tp-header-box .o_dropdown_menu .dropdown-item-text .text-muted a, .tp-preheader .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: #0057ad; } .o_cc .dropdown-menu .dropdown-item-text .text-muted a:hover, .tp-header-box .dropdown-menu .dropdown-item-text .text-muted a:hover, .tp-preheader .dropdown-menu .dropdown-item-text .text-muted a:hover, .o_cc .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .tp-header-box .o_dropdown_menu .dropdown-item-text .text-muted a:hover, .tp-preheader .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: #003161; } .o_cc .btn-close, .tp-header-box .btn-close, .tp-preheader .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, .tp-header-box, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar, .navbar-light { --background-color: #FFFFFF; --color: #4d5b7c; background-color: #FFFFFF; color: #4d5b7c; --o-cc-bg: #FFFFFF; } .o_cc1 .text-muted, .tp-header-box .text-muted, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .text-muted, .navbar-light .text-muted, .o_colored_level .o_cc1 .text-muted { color: rgba(77, 91, 124, 0.7) !important; } .o_cc1 h1, .tp-header-box h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h1, .navbar-light h1, .o_cc1 .h1, .tp-header-box .h1, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h1, .navbar-light .h1, .o_cc1 h2, .tp-header-box h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h2, .navbar-light h2, .o_cc1 .h2, .tp-header-box .h2, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h2, .navbar-light .h2, .o_cc1 h3, .tp-header-box h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h3, .navbar-light h3, .o_cc1 .h3, .tp-header-box .h3, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h3, .navbar-light .h3, .o_cc1 h4, .tp-header-box h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h4, .navbar-light h4, .o_cc1 .h4, .tp-header-box .h4, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h4, .navbar-light .h4, .o_cc1 h5, .tp-header-box h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h5, .navbar-light h5, .o_cc1 .h5, .tp-header-box .h5, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h5, .navbar-light .h5, .o_cc1 h6, .tp-header-box h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar h6, .navbar-light h6, .o_cc1 .h6, .tp-header-box .h6, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .h6, .navbar-light .h6, .o_colored_level .o_cc1 h1, .o_colored_level .o_cc1 h2, .o_colored_level .o_cc1 h3, .o_colored_level .o_cc1 h4, .o_colored_level .o_cc1 h5, .o_colored_level .o_cc1 h6 { color: #232f3e; } .o_cc1 a:not(.btn), .tp-header-box a:not(.btn), #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a:not(.btn), .navbar-light a:not(.btn), .o_cc1 .btn-link, .tp-header-box .btn-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-link, .navbar-light .btn-link, .o_colored_level .o_cc1 a:not(.btn), .o_colored_level .o_cc1 .btn-link { color: #0057ad; } .o_cc1 a:not(.btn):hover, .tp-header-box a:not(.btn):hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a:not(.btn):hover, .navbar-light a:not(.btn):hover, .o_cc1 .btn-link:hover, .tp-header-box .btn-link:hover, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-link:hover, .navbar-light .btn-link:hover, .o_colored_level .o_cc1 a:not(.btn):hover, .o_colored_level .o_cc1 .btn-link:hover { color: #0057ad; } .o_cc1 .btn-fill-primary, .tp-header-box .btn-fill-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-fill-primary, .navbar-light .btn-fill-primary, .o_cc1 .btn-primary, .tp-header-box .btn-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-primary, .navbar-light .btn-primary, .o_colored_level .o_cc1 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #0080FF; --btn-hover-color: #FFFFFF; --btn-hover-bg: #006dd9; --btn-hover-border-color: #0066cc; --btn-focus-shadow-rgb: 38, 147, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #0060bf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #0080FF; } .o_cc1 .btn-outline-primary, .tp-header-box .btn-outline-primary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-outline-primary, .navbar-light .btn-outline-primary, .o_colored_level .o_cc1 .btn-outline-primary { --btn-color: #0057ad; --btn-border-color: #0057ad; --btn-hover-color: #FFFFFF; --btn-hover-bg: #0057ad; --btn-hover-border-color: #0057ad; --btn-focus-shadow-rgb: 0, 87.04, 173.4; --btn-active-color: #FFFFFF; --btn-active-bg: #0057ad; --btn-active-border-color: #0057ad; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #0057ad; --btn-disabled-bg: transparent; --btn-disabled-border-color: #0057ad; --gradient: none; } .o_cc1 .btn-fill-secondary, .tp-header-box .btn-fill-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-fill-secondary, .navbar-light .btn-fill-secondary, .o_cc1 .btn-secondary, .tp-header-box .btn-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-secondary, .navbar-light .btn-secondary, .o_colored_level .o_cc1 .btn-fill-secondary { --btn-color: #212529; --btn-bg: #7bdeff; --btn-border-color: #7bdeff; --btn-hover-color: #212529; --btn-hover-bg: #8fe3ff; --btn-hover-border-color: #88e1ff; --btn-focus-shadow-rgb: 110, 194, 223; --btn-active-color: #212529; --btn-active-bg: #95e5ff; --btn-active-border-color: #88e1ff; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #7bdeff; --btn-disabled-border-color: #7bdeff; } .o_cc1 .btn-outline-secondary, .tp-header-box .btn-outline-secondary, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .btn-outline-secondary, .navbar-light .btn-outline-secondary, .o_colored_level .o_cc1 .btn-outline-secondary { --btn-color: #00bcfb; --btn-border-color: #00bcfb; --btn-hover-color: #212529; --btn-hover-bg: #00bcfb; --btn-hover-border-color: #00bcfb; --btn-focus-shadow-rgb: 0, 187.875, 250.5; --btn-active-color: #212529; --btn-active-bg: #00bcfb; --btn-active-border-color: #00bcfb; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #00bcfb; --btn-disabled-bg: transparent; --btn-disabled-border-color: #00bcfb; --gradient: none; } .o_cc1 .nav-pills .nav-link.active, .tp-header-box .nav-pills .nav-link.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-pills .nav-link.active, .navbar-light .nav-pills .nav-link.active, .o_cc1 .nav-pills .show > .nav-link, .tp-header-box .nav-pills .show > .nav-link, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .nav-pills .show > .nav-link, .navbar-light .nav-pills .show > .nav-link, .o_colored_level .o_cc1 .nav-pills .nav-link.active, .o_colored_level .o_cc1 .nav-pills .show > .nav-link { background-color: #0080FF; color: #FFFFFF; } .o_cc1 a.list-group-item, .tp-header-box a.list-group-item, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a.list-group-item, .navbar-light a.list-group-item, .o_colored_level .o_cc1 a.list-group-item { color: #0080FF; } .o_cc1 a.list-group-item.active, .tp-header-box a.list-group-item.active, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar a.list-group-item.active, .navbar-light a.list-group-item.active, .o_colored_level .o_cc1 a.list-group-item.active { background-color: #0080FF; color: #FFFFFF; border-color: #0080FF; } .o_cc2 { --background-color: #f9fafe; --color: #4d5b7c; background-color: #f9fafe; color: #4d5b7c; --o-cc-bg: #f9fafe; } .o_cc2 .text-muted, .o_colored_level .o_cc2 .text-muted { color: rgba(77, 91, 124, 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: #0080FF; } .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: #0054a8; } .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: #0054a8; } .o_cc2 .btn-fill-primary, .o_cc2 .btn-primary, .o_colored_level .o_cc2 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #0080FF; --btn-hover-color: #FFFFFF; --btn-hover-bg: #006dd9; --btn-hover-border-color: #0066cc; --btn-focus-shadow-rgb: 38, 147, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #0060bf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #0080FF; } .o_cc2 .btn-outline-primary, .o_colored_level .o_cc2 .btn-outline-primary { --btn-color: #0054a8; --btn-border-color: #0054a8; --btn-hover-color: #FFFFFF; --btn-hover-bg: #0054a8; --btn-hover-border-color: #0054a8; --btn-focus-shadow-rgb: 0, 84.48, 168.3; --btn-active-color: #FFFFFF; --btn-active-bg: #0054a8; --btn-active-border-color: #0054a8; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #0054a8; --btn-disabled-bg: transparent; --btn-disabled-border-color: #0054a8; --gradient: none; } .o_cc2 .btn-fill-secondary, .o_cc2 .btn-secondary, .o_colored_level .o_cc2 .btn-fill-secondary { --btn-color: #212529; --btn-bg: #7bdeff; --btn-border-color: #7bdeff; --btn-hover-color: #212529; --btn-hover-bg: #8fe3ff; --btn-hover-border-color: #88e1ff; --btn-focus-shadow-rgb: 110, 194, 223; --btn-active-color: #212529; --btn-active-bg: #95e5ff; --btn-active-border-color: #88e1ff; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #7bdeff; --btn-disabled-border-color: #7bdeff; } .o_cc2 .btn-outline-secondary, .o_colored_level .o_cc2 .btn-outline-secondary { --btn-color: #00bcfb; --btn-border-color: #00bcfb; --btn-hover-color: #212529; --btn-hover-bg: #00bcfb; --btn-hover-border-color: #00bcfb; --btn-focus-shadow-rgb: 0, 187.875, 250.5; --btn-active-color: #212529; --btn-active-bg: #00bcfb; --btn-active-border-color: #00bcfb; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #00bcfb; --btn-disabled-bg: transparent; --btn-disabled-border-color: #00bcfb; --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: #0080FF; color: #FFFFFF; } .o_cc2 a.list-group-item, .o_colored_level .o_cc2 a.list-group-item { color: #0080FF; } .o_cc2 a.list-group-item.active, .o_colored_level .o_cc2 a.list-group-item.active { background-color: #0080FF; color: #FFFFFF; border-color: #0080FF; } .o_cc3 { --background-color: #7bdeff; --color: #FFFFFF; background-color: #7bdeff; color: #FFFFFF; --o-cc-bg: #7bdeff; } .o_cc3 .text-muted, .o_colored_level .o_cc3 .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_cc3 h1, .o_cc3 .h1, .o_cc3 h2, .o_cc3 .h2, .o_cc3 h3, .o_cc3 .h3, .o_cc3 h4, .o_cc3 .h4, .o_cc3 h5, .o_cc3 .h5, .o_cc3 h6, .o_cc3 .h6, .o_colored_level .o_cc3 h1, .o_colored_level .o_cc3 h2, .o_colored_level .o_cc3 h3, .o_colored_level .o_cc3 h4, .o_colored_level .o_cc3 h5, .o_colored_level .o_cc3 h6 { color: #FFFFFF; } .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: #004080; } .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: #002142; } .o_cc3 .btn-fill-primary, .o_cc3 .btn-primary, .o_colored_level .o_cc3 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #0080FF; --btn-hover-color: #FFFFFF; --btn-hover-bg: #006dd9; --btn-hover-border-color: #0066cc; --btn-focus-shadow-rgb: 38, 147, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #0060bf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #0080FF; } .o_cc3 .btn-outline-primary, .o_colored_level .o_cc3 .btn-outline-primary { --btn-color: #004080; --btn-border-color: #004080; --btn-hover-color: #FFFFFF; --btn-hover-bg: #004080; --btn-hover-border-color: #004080; --btn-focus-shadow-rgb: 0, 64, 127.5; --btn-active-color: #FFFFFF; --btn-active-bg: #004080; --btn-active-border-color: #004080; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #004080; --btn-disabled-bg: transparent; --btn-disabled-border-color: #004080; --gradient: none; } .o_cc3 .btn-fill-secondary, .o_cc3 .btn-secondary, .o_colored_level .o_cc3 .btn-fill-secondary { --btn-color: #212529; --btn-bg: #f9fafe; --btn-border-color: #f9fafe; --btn-hover-color: #212529; --btn-hover-bg: #fafbfe; --btn-hover-border-color: #fafbfe; --btn-focus-shadow-rgb: 217, 218, 222; --btn-active-color: #212529; --btn-active-bg: #fafbfe; --btn-active-border-color: #fafbfe; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f9fafe; --btn-disabled-border-color: #f9fafe; } .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: #0080FF; color: #FFFFFF; } .o_cc3 a.list-group-item, .o_colored_level .o_cc3 a.list-group-item { color: #0080FF; } .o_cc3 a.list-group-item.active, .o_colored_level .o_cc3 a.list-group-item.active { background-color: #0080FF; color: #FFFFFF; border-color: #0080FF; } .o_cc4, .tp-preheader { --background-color: #0080FF; --color: #f9fafe; background-color: #0080FF; color: #f9fafe; --o-cc-bg: #0080FF; } .o_cc4 .text-muted, .tp-preheader .text-muted, .o_colored_level .o_cc4 .text-muted { color: rgba(249, 250, 254, 0.7) !important; } .o_cc4 h1, .tp-preheader h1, .o_cc4 .h1, .tp-preheader .h1, .o_cc4 h2, .tp-preheader h2, .o_cc4 .h2, .tp-preheader .h2, .o_cc4 h3, .tp-preheader h3, .o_cc4 .h3, .tp-preheader .h3, .o_cc4 h4, .tp-preheader h4, .o_cc4 .h4, .tp-preheader .h4, .o_cc4 h5, .tp-preheader h5, .o_cc4 .h5, .tp-preheader .h5, .o_cc4 h6, .tp-preheader h6, .o_cc4 .h6, .tp-preheader .h6, .o_colored_level .o_cc4 h1, .o_colored_level .o_cc4 h2, .o_colored_level .o_cc4 h3, .o_colored_level .o_cc4 h4, .o_colored_level .o_cc4 h5, .o_colored_level .o_cc4 h6 { color: #FFFFFF; } .o_cc4 a:not(.btn), .tp-preheader a:not(.btn), .o_cc4 .btn-link, .tp-preheader .btn-link, .o_colored_level .o_cc4 a:not(.btn), .o_colored_level .o_cc4 .btn-link { color: white; } .o_cc4 a:not(.btn):hover, .tp-preheader a:not(.btn):hover, .o_cc4 .btn-link:hover, .tp-preheader .btn-link:hover, .o_colored_level .o_cc4 a:not(.btn):hover, .o_colored_level .o_cc4 .btn-link:hover { color: white; } .o_cc4 .btn-fill-primary, .tp-preheader .btn-fill-primary, .o_cc4 .btn-primary, .tp-preheader .btn-primary, .o_colored_level .o_cc4 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #232f3e; --btn-border-color: #232f3e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #1e2835; --btn-hover-border-color: #1c2632; --btn-focus-shadow-rgb: 68, 78, 91; --btn-active-color: #FFFFFF; --btn-active-bg: #1c2632; --btn-active-border-color: #1a232f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #232f3e; --btn-disabled-border-color: #232f3e; } .o_cc4 .btn-outline-primary, .tp-preheader .btn-outline-primary, .o_colored_level .o_cc4 .btn-outline-primary { --btn-color: black; --btn-border-color: black; --btn-hover-color: #FFFFFF; --btn-hover-bg: black; --btn-hover-border-color: black; --btn-focus-shadow-rgb: 0.03608247, 0.04845361, 0.06391753; --btn-active-color: #FFFFFF; --btn-active-bg: black; --btn-active-border-color: black; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: black; --btn-disabled-bg: transparent; --btn-disabled-border-color: black; --gradient: none; } .o_cc4 .btn-fill-secondary, .tp-preheader .btn-fill-secondary, .o_cc4 .btn-secondary, .tp-preheader .btn-secondary, .o_colored_level .o_cc4 .btn-fill-secondary { --btn-color: #212529; --btn-bg: #f9fafe; --btn-border-color: #f9fafe; --btn-hover-color: #212529; --btn-hover-bg: #fafbfe; --btn-hover-border-color: #fafbfe; --btn-focus-shadow-rgb: 217, 218, 222; --btn-active-color: #212529; --btn-active-bg: #fafbfe; --btn-active-border-color: #fafbfe; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f9fafe; --btn-disabled-border-color: #f9fafe; } .o_cc4 .btn-outline-secondary, .tp-preheader .btn-outline-secondary, .o_colored_level .o_cc4 .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_cc4 .nav-pills .nav-link.active, .tp-preheader .nav-pills .nav-link.active, .o_cc4 .nav-pills .show > .nav-link, .tp-preheader .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: #232f3e; color: #FFFFFF; } .o_cc4 a.list-group-item, .tp-preheader a.list-group-item, .o_colored_level .o_cc4 a.list-group-item { color: #232f3e; } .o_cc4 a.list-group-item.active, .tp-preheader a.list-group-item.active, .o_colored_level .o_cc4 a.list-group-item.active { background-color: #232f3e; color: #FFFFFF; border-color: #232f3e; } .o_cc5, .o_footer .o_footer_copyright, .o_footer { --background-color: #232f3e; --color: #f9fafe; background-color: #232f3e; color: #f9fafe; --o-cc-bg: #232f3e; } .o_cc5 .text-muted, .o_footer .text-muted, .o_colored_level .o_cc5 .text-muted { color: rgba(249, 250, 254, 0.7) !important; } .o_cc5 h1, .o_footer .o_footer_copyright h1, .o_footer h1, .o_cc5 .h1, .o_footer .h1, .o_cc5 h2, .o_footer .o_footer_copyright h2, .o_footer h2, .o_cc5 .h2, .o_footer .h2, .o_cc5 h3, .o_footer .o_footer_copyright h3, .o_footer h3, .o_cc5 .h3, .o_footer .h3, .o_cc5 h4, .o_footer .o_footer_copyright h4, .o_footer h4, .o_cc5 .h4, .o_footer .h4, .o_cc5 h5, .o_footer .o_footer_copyright h5, .o_footer h5, .o_cc5 .h5, .o_footer .h5, .o_cc5 h6, .o_footer .o_footer_copyright h6, .o_footer h6, .o_cc5 .h6, .o_footer .h6, .o_colored_level .o_cc5 h1, .o_colored_level .o_cc5 h2, .o_colored_level .o_cc5 h3, .o_colored_level .o_cc5 h4, .o_colored_level .o_cc5 h5, .o_colored_level .o_cc5 h6 { color: #FFFFFF; } .o_cc5 a:not(.btn), .o_footer a:not(.btn), .o_cc5 .btn-link, .o_footer .btn-link, .o_colored_level .o_cc5 a:not(.btn), .o_colored_level .o_cc5 .btn-link { color: #f9fafe; } .o_cc5 a:not(.btn):hover, .o_footer a:not(.btn):hover, .o_cc5 .btn-link:hover, .o_footer .btn-link:hover, .o_colored_level .o_cc5 a:not(.btn):hover, .o_colored_level .o_cc5 .btn-link:hover { color: #c5cef5; } .o_cc5 .btn-fill-primary, .o_footer .btn-fill-primary, .o_cc5 .btn-primary, .o_footer .btn-primary, .o_colored_level .o_cc5 .btn-fill-primary { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #0080FF; --btn-hover-color: #FFFFFF; --btn-hover-bg: #006dd9; --btn-hover-border-color: #0066cc; --btn-focus-shadow-rgb: 38, 147, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #0060bf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #0080FF; } .o_cc5 .btn-outline-primary, .o_footer .btn-outline-primary, .o_colored_level .o_cc5 .btn-outline-primary { --btn-color: #80c0ff; --btn-border-color: #80c0ff; --btn-hover-color: #212529; --btn-hover-bg: #80c0ff; --btn-hover-border-color: #80c0ff; --btn-focus-shadow-rgb: 127.5, 191.5, 255; --btn-active-color: #212529; --btn-active-bg: #80c0ff; --btn-active-border-color: #80c0ff; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #80c0ff; --btn-disabled-bg: transparent; --btn-disabled-border-color: #80c0ff; --gradient: none; } .o_cc5 .btn-fill-secondary, .o_footer .btn-fill-secondary, .o_cc5 .btn-secondary, .o_footer .btn-secondary, .o_colored_level .o_cc5 .btn-fill-secondary { --btn-color: #212529; --btn-bg: #f9fafe; --btn-border-color: #f9fafe; --btn-hover-color: #212529; --btn-hover-bg: #fafbfe; --btn-hover-border-color: #fafbfe; --btn-focus-shadow-rgb: 217, 218, 222; --btn-active-color: #212529; --btn-active-bg: #fafbfe; --btn-active-border-color: #fafbfe; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f9fafe; --btn-disabled-border-color: #f9fafe; } .o_cc5 .btn-outline-secondary, .o_footer .btn-outline-secondary, .o_colored_level .o_cc5 .btn-outline-secondary { --btn-color: #f9fafe; --btn-border-color: #f9fafe; --btn-hover-color: #212529; --btn-hover-bg: #f9fafe; --btn-hover-border-color: #f9fafe; --btn-focus-shadow-rgb: 249, 250, 254; --btn-active-color: #212529; --btn-active-bg: #f9fafe; --btn-active-border-color: #f9fafe; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #f9fafe; --btn-disabled-bg: transparent; --btn-disabled-border-color: #f9fafe; --gradient: none; } .o_cc5 .nav-pills .nav-link.active, .o_footer .nav-pills .nav-link.active, .o_cc5 .nav-pills .show > .nav-link, .o_footer .nav-pills .show > .nav-link, .o_colored_level .o_cc5 .nav-pills .nav-link.active, .o_colored_level .o_cc5 .nav-pills .show > .nav-link { background-color: #0080FF; color: #FFFFFF; } .o_cc5 a.list-group-item, .o_footer a.list-group-item, .o_colored_level .o_cc5 a.list-group-item { color: #0080FF; } .o_cc5 a.list-group-item.active, .o_footer a.list-group-item.active, .o_colored_level .o_cc5 a.list-group-item.active { background-color: #0080FF; color: #FFFFFF; border-color: #0080FF; } .o_cc5 .btn-close, .o_footer .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.375rem; 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, .dri.rounded-empty-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; 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: 3.5rem; } @media (max-width: 767.98px) { header .navbar-brand.logo img { max-height: 3.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.5rem 0 0; padding: 0.5rem 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: 600; } .o_portal_address div[itemprop="address"] > div { position: relative; } .o_portal_address div[itemprop="address"] > div span[itemprop="streetAddress"] { line-height: 1.2; margin-bottom: 0.3em; } .o_portal_address div[itemprop="address"] > div .fa { line-height: 1.5; color: #7c7f89; } .o_portal_address div[itemprop="address"] > div .fa + span, .o_portal_address div[itemprop="address"] > div .fa + div { display: block; } .o_address_card .o_portal_address { display: flex; flex-direction: column; justify-content: space-between; gap: 0.5rem; } .o_address_card span[itemprop="streetAddress"] { color: var(--secondary-color); } .oe_attachments .o_image_small { height: 40px; width: 50px; background-repeat: no-repeat; } .o_portal_sidebar .o_portal_html_view .o_portal_html_loader { position: absolute; top: 45%; left: 0; bottom: auto; right: 0; } .o_portal_sidebar .o_portal_sidebar_content span.oe_currency_value { word-break: break-word !important; white-space: normal !important; } .o_portal_chatter { padding: 10px; } .o_portal_chatter .o_portal_chatter_avatar { --Avatar-size: 45px; } .o_portal_chatter .o_portal_chatter_header { margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_composer { margin-bottom: 15px; } .o_portal_chatter .o_portal_chatter_messages { margin-bottom: 15px; overflow-wrap: break-word; word-break: break-word; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message div.flex-grow-1 > p:not(.o_portal_chatter_puslished_date):last-of-type { margin-bottom: 5px; } .o_portal_chatter .o_portal_chatter_messages .o_portal_chatter_message_title p { font-size: 85%; color: rgba(77, 91, 124, 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("/html_editor/shape/html_builder/Airy/01_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_02_001 { background-image: url("/html_editor/shape/html_builder/Airy/02_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_06_001 { background-image: url("/html_editor/shape/html_builder/Airy/06_001.svg?c5=%23232f3e"); background-position: left bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_07_001 { background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_08_001 { background-image: url("/html_editor/shape/html_builder/Airy/08_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_09_001 { background-image: url("/html_editor/shape/html_builder/Airy/09_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_10_001 { background-image: url("/html_editor/shape/html_builder/Airy/10_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_11_001 { background-image: url("/html_editor/shape/html_builder/Airy/11_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12_002 { background-image: url("/html_editor/shape/html_builder/Airy/12_002.svg?c5=%23232f3e&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13_002 { background-image: url("/html_editor/shape/html_builder/Airy/13_002.svg?c5=%23232f3e&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_14_001 { background-image: url("/html_editor/shape/html_builder/Airy/14_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_15 { background-image: url("/html_editor/shape/html_builder/Airy/15.svg?c5=%23232f3e"); background-position: 150% center; background-size: 85% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_16 { background-image: url("/html_editor/shape/html_builder/Airy/16.svg?c5=%23232f3e"); background-position: center right; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_17 { background-image: url("/html_editor/shape/html_builder/Airy/17.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_01 { background-image: url("/html_editor/shape/html_builder/Angular/01.svg?c5=%23232f3e"); background-position: right bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_02 { background-image: url("/html_editor/shape/html_builder/Angular/02.svg?c5=%23232f3e"); background-position: left bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_03 { background-image: url("/html_editor/shape/html_builder/Angular/03.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_04 { background-image: url("/html_editor/shape/html_builder/Angular/04.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_05 { background-image: url("/html_editor/shape/html_builder/Angular/05.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_06 { background-image: url("/html_editor/shape/html_builder/Angular/06.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_07 { background-image: url("/html_editor/shape/html_builder/Angular/07.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_08 { background-image: url("/html_editor/shape/html_builder/Angular/08.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Angular_09 { background-image: url("/html_editor/shape/html_builder/Angular/09.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01_001 { background-image: url("/html_editor/shape/html_builder/Blobs/01_001.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_02 { background-image: url("/html_editor/shape/html_builder/Blobs/02.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_03 { background-image: url("/html_editor/shape/html_builder/Blobs/03.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_04_001 { background-image: url("/html_editor/shape/html_builder/Blobs/04_001.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_05_001 { background-image: url("/html_editor/shape/html_builder/Blobs/05_001.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_06_001 { background-image: url("/html_editor/shape/html_builder/Blobs/06_001.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10_002 { background-image: url("/html_editor/shape/html_builder/Blobs/10_002.svg?c5=%23232f3e"); background-position: right; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_13 { background-image: url("/html_editor/shape/html_builder/Blobs/13.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_14 { background-image: url("/html_editor/shape/html_builder/Blobs/14.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_15 { background-image: url("/html_editor/shape/html_builder/Blobs/15.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_16 { background-image: url("/html_editor/shape/html_builder/Blobs/16.svg?c5=%23232f3e"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_17 { background-image: url("/html_editor/shape/html_builder/Blobs/17.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_18 { background-image: url("/html_editor/shape/html_builder/Blobs/18.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01_001 { background-image: url("/html_editor/shape/html_builder/Blocks/01_001.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_02_001 { background-image: url("/html_editor/shape/html_builder/Blocks/02_001.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_04 { background-image: url("/html_editor/shape/html_builder/Blocks/04.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_01 { background-image: url("/html_editor/shape/html_builder/Blurry/01.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_02 { background-image: url("/html_editor/shape/html_builder/Blurry/02.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_03 { background-image: url("/html_editor/shape/html_builder/Blurry/03.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_04 { background-image: url("/html_editor/shape/html_builder/Blurry/04.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_05 { background-image: url("/html_editor/shape/html_builder/Blurry/05.svg?c1=%230080FF&c2=%237bdeff&c4=%23FFFFFF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blurry_06 { background-image: url("/html_editor/shape/html_builder/Blurry/06.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_01_001 { background-image: url("/html_editor/shape/html_builder/Bold/01_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_13 { background-image: url("/html_editor/shape/html_builder/Bold/13.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_14 { background-image: url("/html_editor/shape/html_builder/Bold/14.svg?c1=%230080FF&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_15 { background-image: url("/html_editor/shape/html_builder/Bold/15.svg?c5=%23232f3e"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_16 { background-image: url("/html_editor/shape/html_builder/Bold/16.svg?c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_17 { background-image: url("/html_editor/shape/html_builder/Bold/17.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_18 { background-image: url("/html_editor/shape/html_builder/Bold/18.svg?c5=%23232f3e"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_19 { background-image: url("/html_editor/shape/html_builder/Bold/19.svg?c5=%23232f3e"); background-position: left top; background-size: 100% 12rem; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_20 { background-image: url("/html_editor/shape/html_builder/Bold/20.svg?c1=%230080FF&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_21 { background-image: url("/html_editor/shape/html_builder/Bold/21.svg?c5=%23232f3e"); background-position: right bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_22 { background-image: url("/html_editor/shape/html_builder/Bold/22.svg?c5=%23232f3e"); background-position: right top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_23 { background-image: url("/html_editor/shape/html_builder/Bold/23.svg?c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_01 { background-image: url("/html_editor/shape/html_builder/Connections/01.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_02 { background-image: url("/html_editor/shape/html_builder/Connections/02.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_03 { background-image: url("/html_editor/shape/html_builder/Connections/03.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_04 { background-image: url("/html_editor/shape/html_builder/Connections/04.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_05 { background-image: url("/html_editor/shape/html_builder/Connections/05.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_06 { background-image: url("/html_editor/shape/html_builder/Connections/06.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_07 { background-image: url("/html_editor/shape/html_builder/Connections/07.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_08 { background-image: url("/html_editor/shape/html_builder/Connections/08.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_09 { background-image: url("/html_editor/shape/html_builder/Connections/09.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_10 { background-image: url("/html_editor/shape/html_builder/Connections/10.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_11 { background-image: url("/html_editor/shape/html_builder/Connections/11.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_12 { background-image: url("/html_editor/shape/html_builder/Connections/12.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_13 { background-image: url("/html_editor/shape/html_builder/Connections/13.svg?c5=%23232f3e"); background-position: bottom; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_14 { background-image: url("/html_editor/shape/html_builder/Connections/14.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_15 { background-image: url("/html_editor/shape/html_builder/Connections/15.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_16 { background-image: url("/html_editor/shape/html_builder/Connections/16.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_17 { background-image: url("/html_editor/shape/html_builder/Connections/17.svg?c5=%23232f3e"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_web_editor_Connections_18 { background-image: url("/html_editor/shape/html_builder/Connections/18.svg?c5=%23232f3e"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_web_editor_Connections_19 { background-image: url("/html_editor/shape/html_builder/Connections/19.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Connections_20 { background-image: url("/html_editor/shape/html_builder/Connections/20.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-big); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_01 { background-image: url("/html_editor/shape/html_builder/Containers/01.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_02 { background-image: url("/html_editor/shape/html_builder/Containers/02.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_03 { background-image: url("/html_editor/shape/html_builder/Containers/03.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_04 { background-image: url("/html_editor/shape/html_builder/Containers/04.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_05 { background-image: url("/html_editor/shape/html_builder/Containers/05.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Containers_06 { background-image: url("/html_editor/shape/html_builder/Containers/06.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_01 { background-image: url("/html_editor/shape/html_builder/Floats/01.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c4=%23FFFFFF&c5=%23232f3e"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_02 { background-image: url("/html_editor/shape/html_builder/Floats/02.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_03 { background-image: url("/html_editor/shape/html_builder/Floats/03.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_04 { background-image: url("/html_editor/shape/html_builder/Floats/04.svg?c1=%230080FF&c2=%237bdeff&c4=%23FFFFFF&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_05 { background-image: url("/html_editor/shape/html_builder/Floats/05.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_06 { background-image: url("/html_editor/shape/html_builder/Floats/06.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_07 { background-image: url("/html_editor/shape/html_builder/Floats/07.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: right bottom; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_08 { background-image: url("/html_editor/shape/html_builder/Floats/08.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_09 { background-image: url("/html_editor/shape/html_builder/Floats/09.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_10 { background-image: url("/html_editor/shape/html_builder/Floats/10.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_11 { background-image: url("/html_editor/shape/html_builder/Floats/11.svg?c1=%230080FF&c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_12 { background-image: url("/html_editor/shape/html_builder/Floats/12.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Floats_13 { background-image: url("/html_editor/shape/html_builder/Floats/13.svg?c1=%230080FF&c2=%237bdeff&c5=%23232f3e"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Floats_14 { background-image: url("/html_editor/shape/html_builder/Floats/14.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Grids_01 { background-image: url("/html_editor/shape/html_builder/Grids/01.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_02 { background-image: url("/html_editor/shape/html_builder/Grids/02.svg?c5=%23232f3e"); background-position: right center; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_03 { background-image: url("/html_editor/shape/html_builder/Grids/03.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_04 { background-image: url("/html_editor/shape/html_builder/Grids/04.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_05 { background-image: url("/html_editor/shape/html_builder/Grids/05.svg?c5=%23232f3e"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_06 { background-image: url("/html_editor/shape/html_builder/Grids/06.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_07 { background-image: url("/html_editor/shape/html_builder/Grids/07.svg?c5=%23232f3e"); background-position: right center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Grids_08 { background-image: url("/html_editor/shape/html_builder/Grids/08.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Patterns_01 { background-image: url("/html_editor/shape/html_builder/Patterns/01.svg?c5=%23232f3e"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_02 { background-image: url("/html_editor/shape/html_builder/Patterns/02.svg?c5=%23232f3e"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_03 { background-image: url("/html_editor/shape/html_builder/Patterns/03.svg?c5=%23232f3e"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_04 { background-image: url("/html_editor/shape/html_builder/Patterns/04.svg?c5=%23232f3e"); background-position: center; background-size: var(--ShapePattern--size-tiny) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Patterns_05 { background-image: url("/html_editor/shape/html_builder/Patterns/05.svg?c5=%23232f3e"); background-position: center; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_web_editor_Rainy_01_001 { background-image: url("/html_editor/shape/html_builder/Rainy/01_001.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02_001 { background-image: url("/html_editor/shape/html_builder/Rainy/02_001.svg?c1=%230080FF&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_06 { background-image: url("/html_editor/shape/html_builder/Rainy/06.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_07 { background-image: url("/html_editor/shape/html_builder/Rainy/07.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_08_001 { background-image: url("/html_editor/shape/html_builder/Rainy/08_001.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_09_001 { background-image: url("/html_editor/shape/html_builder/Rainy/09_001.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_10 { background-image: url("/html_editor/shape/html_builder/Rainy/10.svg?c1=%230080FF&c3=%23f9fafe"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_03 { background-image: url("/html_editor/shape/html_builder/Wavy/03.svg?c1=%230080FF&c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_04 { background-image: url("/html_editor/shape/html_builder/Wavy/04.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_08_001 { background-image: url("/html_editor/shape/html_builder/Wavy/08_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_09_001 { background-image: url("/html_editor/shape/html_builder/Wavy/09_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_10 { background-image: url("/html_editor/shape/html_builder/Wavy/10.svg?c1=%230080FF&c2=%237bdeff"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_11_001 { background-image: url("/html_editor/shape/html_builder/Wavy/11_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_18 { background-image: url("/html_editor/shape/html_builder/Wavy/18.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_22_001 { background-image: url("/html_editor/shape/html_builder/Wavy/22_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_24 { background-image: url("/html_editor/shape/html_builder/Wavy/24.svg?c1=%230080FF&c2=%237bdeff"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_26 { background-image: url("/html_editor/shape/html_builder/Wavy/26.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_27 { background-image: url("/html_editor/shape/html_builder/Wavy/27.svg?c1=%230080FF&c2=%237bdeff"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_29 { background-image: url("/html_editor/shape/html_builder/Wavy/29.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_30 { background-image: url("/html_editor/shape/html_builder/Wavy/30.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_31 { background-image: url("/html_editor/shape/html_builder/Wavy/31.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01_001 { background-image: url("/html_editor/shape/html_builder/Zigs/01_001.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_01 { background-image: url("/html_editor/shape/html_builder/Airy/01.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_02 { background-image: url("/html_editor/shape/html_builder/Airy/02.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_03 { background-image: url("/html_editor/shape/html_builder/Airy/03.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_03_001 { background-image: url("/html_editor/shape/html_builder/Airy/03_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_04 { background-image: url("/html_editor/shape/html_builder/Airy/04.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_04_001 { background-image: url("/html_editor/shape/html_builder/Airy/04_001.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_05 { background-image: url("/html_editor/shape/html_builder/Airy/05.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_05_001 { background-image: url("/html_editor/shape/html_builder/Airy/05_001.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_06 { background-image: url("/html_editor/shape/html_builder/Airy/06.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_07 { background-image: url("/html_editor/shape/html_builder/Airy/07.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_08 { background-image: url("/html_editor/shape/html_builder/Airy/08.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_09 { background-image: url("/html_editor/shape/html_builder/Airy/09.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_10 { background-image: url("/html_editor/shape/html_builder/Airy/10.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_11 { background-image: url("/html_editor/shape/html_builder/Airy/11.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12 { background-image: url("/html_editor/shape/html_builder/Airy/12.svg?c1=%230080FF&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_12_001 { background-image: url("/html_editor/shape/html_builder/Airy/12_001.svg?c1=%230080FF&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13 { background-image: url("/html_editor/shape/html_builder/Airy/13.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_13_001 { background-image: url("/html_editor/shape/html_builder/Airy/13_001.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Airy_14 { background-image: url("/html_editor/shape/html_builder/Airy/14.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_01 { background-image: url("/html_editor/shape/html_builder/Blobs/01.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_04 { background-image: url("/html_editor/shape/html_builder/Blobs/04.svg?c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_05 { background-image: url("/html_editor/shape/html_builder/Blobs/05.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_06 { background-image: url("/html_editor/shape/html_builder/Blobs/06.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_07 { background-image: url("/html_editor/shape/html_builder/Blobs/07.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_08 { background-image: url("/html_editor/shape/html_builder/Blobs/08.svg?c1=%230080FF"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_09 { background-image: url("/html_editor/shape/html_builder/Blobs/09.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10 { background-image: url("/html_editor/shape/html_builder/Blobs/10.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_10_001 { background-image: url("/html_editor/shape/html_builder/Blobs/10_001.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_11 { background-image: url("/html_editor/shape/html_builder/Blobs/11.svg?c1=%230080FF"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blobs_12 { background-image: url("/html_editor/shape/html_builder/Blobs/12.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_01 { background-image: url("/html_editor/shape/html_builder/Blocks/01.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_02 { background-image: url("/html_editor/shape/html_builder/Blocks/02.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Blocks_03 { background-image: url("/html_editor/shape/html_builder/Blocks/03.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_01 { background-image: url("/html_editor/shape/html_builder/Bold/01.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_02 { background-image: url("/html_editor/shape/html_builder/Bold/02.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_03 { background-image: url("/html_editor/shape/html_builder/Bold/03.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_04 { background-image: url("/html_editor/shape/html_builder/Bold/04.svg?c2=%237bdeff&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_05 { background-image: url("/html_editor/shape/html_builder/Bold/05.svg?c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_05_001 { background-image: url("/html_editor/shape/html_builder/Bold/05_001.svg?c3=%23f9fafe"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_06 { background-image: url("/html_editor/shape/html_builder/Bold/06.svg?c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_06_001 { background-image: url("/html_editor/shape/html_builder/Bold/06_001.svg?c3=%23f9fafe"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_07 { background-image: url("/html_editor/shape/html_builder/Bold/07.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_07_001 { background-image: url("/html_editor/shape/html_builder/Bold/07_001.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_08 { background-image: url("/html_editor/shape/html_builder/Bold/08.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_09 { background-image: url("/html_editor/shape/html_builder/Bold/09.svg?c2=%237bdeff&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_10 { background-image: url("/html_editor/shape/html_builder/Bold/10.svg?c1=%230080FF&c3=%23f9fafe&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_10_001 { background-image: url("/html_editor/shape/html_builder/Bold/10_001.svg?c1=%230080FF&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_11 { background-image: url("/html_editor/shape/html_builder/Bold/11.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_11_001 { background-image: url("/html_editor/shape/html_builder/Bold/11_001.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_12 { background-image: url("/html_editor/shape/html_builder/Bold/12.svg?c1=%230080FF&c2=%237bdeff&c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Bold_12_001 { background-image: url("/html_editor/shape/html_builder/Bold/12_001.svg?c1=%230080FF&c2=%237bdeff&c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_01 { background-image: url("/html_editor/shape/html_builder/Origins/01.svg?c2=%237bdeff&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_02 { background-image: url("/html_editor/shape/html_builder/Origins/02.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_02_001 { background-image: url("/html_editor/shape/html_builder/Origins/02_001.svg?c4=%23FFFFFF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_03 { background-image: url("/html_editor/shape/html_builder/Origins/03.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_04 { background-image: url("/html_editor/shape/html_builder/Origins/04.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_04_001 { background-image: url("/html_editor/shape/html_builder/Origins/04_001.svg?c3=%23f9fafe"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_05 { background-image: url("/html_editor/shape/html_builder/Origins/05.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_06 { background-image: url("/html_editor/shape/html_builder/Origins/06.svg?c3=%23f9fafe"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_06_001 { background-image: url("/html_editor/shape/html_builder/Origins/06_001.svg?c3=%23f9fafe&c4=%23FFFFFF"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07 { background-image: url("/html_editor/shape/html_builder/Origins/07.svg?c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07_001 { background-image: url("/html_editor/shape/html_builder/Origins/07_001.svg?c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_07_002 { background-image: url("/html_editor/shape/html_builder/Origins/07_002.svg?c3=%23f9fafe&c4=%23FFFFFF&c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_08 { background-image: url("/html_editor/shape/html_builder/Origins/08.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_09 { background-image: url("/html_editor/shape/html_builder/Origins/09.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_09_001 { background-image: url("/html_editor/shape/html_builder/Origins/09_001.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_10 { background-image: url("/html_editor/shape/html_builder/Origins/10.svg?c2=%237bdeff&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_11 { background-image: url("/html_editor/shape/html_builder/Origins/11.svg?c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_11_001 { background-image: url("/html_editor/shape/html_builder/Origins/11_001.svg?c3=%23f9fafe&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_12 { background-image: url("/html_editor/shape/html_builder/Origins/12.svg?c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_13 { background-image: url("/html_editor/shape/html_builder/Origins/13.svg?c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_14 { background-image: url("/html_editor/shape/html_builder/Origins/14.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_14_001 { background-image: url("/html_editor/shape/html_builder/Origins/14_001.svg?c3=%23f9fafe&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_15 { background-image: url("/html_editor/shape/html_builder/Origins/15.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_16 { background-image: url("/html_editor/shape/html_builder/Origins/16.svg?c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_17 { background-image: url("/html_editor/shape/html_builder/Origins/17.svg?c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_18 { background-image: url("/html_editor/shape/html_builder/Origins/18.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Origins_19 { background-image: url("/html_editor/shape/html_builder/Origins/19.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_01 { background-image: url("/html_editor/shape/html_builder/Rainy/01.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_02 { background-image: url("/html_editor/shape/html_builder/Rainy/02.svg?c1=%230080FF&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_03 { background-image: url("/html_editor/shape/html_builder/Rainy/03.svg?c2=%237bdeff&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_03_001 { background-image: url("/html_editor/shape/html_builder/Rainy/03_001.svg?c2=%237bdeff&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Rainy_04 { background-image: url("/html_editor/shape/html_builder/Rainy/04.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_05 { background-image: url("/html_editor/shape/html_builder/Rainy/05.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_05_001 { background-image: url("/html_editor/shape/html_builder/Rainy/05_001.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_08 { background-image: url("/html_editor/shape/html_builder/Rainy/08.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Rainy_09 { background-image: url("/html_editor/shape/html_builder/Rainy/09.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_01 { background-image: url("/html_editor/shape/html_builder/Wavy/01.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_01_001 { background-image: url("/html_editor/shape/html_builder/Wavy/01_001.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_02 { background-image: url("/html_editor/shape/html_builder/Wavy/02.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_02_001 { background-image: url("/html_editor/shape/html_builder/Wavy/02_001.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_05 { background-image: url("/html_editor/shape/html_builder/Wavy/05.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_06 { background-image: url("/html_editor/shape/html_builder/Wavy/06.svg?c1=%230080FF&c3=%23f9fafe&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_06_001 { background-image: url("/html_editor/shape/html_builder/Wavy/06_001.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_07 { background-image: url("/html_editor/shape/html_builder/Wavy/07.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_08 { background-image: url("/html_editor/shape/html_builder/Wavy/08.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_09 { background-image: url("/html_editor/shape/html_builder/Wavy/09.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_11 { background-image: url("/html_editor/shape/html_builder/Wavy/11.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_12 { background-image: url("/html_editor/shape/html_builder/Wavy/12.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_12_001 { background-image: url("/html_editor/shape/html_builder/Wavy/12_001.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_13 { background-image: url("/html_editor/shape/html_builder/Wavy/13.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_13_001 { background-image: url("/html_editor/shape/html_builder/Wavy/13_001.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_14 { background-image: url("/html_editor/shape/html_builder/Wavy/14.svg?c1=%230080FF&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_15 { background-image: url("/html_editor/shape/html_builder/Wavy/15.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_16 { background-image: url("/html_editor/shape/html_builder/Wavy/16.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_17 { background-image: url("/html_editor/shape/html_builder/Wavy/17.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_19 { background-image: url("/html_editor/shape/html_builder/Wavy/19.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_20 { background-image: url("/html_editor/shape/html_builder/Wavy/20.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_21 { background-image: url("/html_editor/shape/html_builder/Wavy/21.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_22 { background-image: url("/html_editor/shape/html_builder/Wavy/22.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_23 { background-image: url("/html_editor/shape/html_builder/Wavy/23.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_25 { background-image: url("/html_editor/shape/html_builder/Wavy/25.svg?c1=%230080FF&c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Wavy_28 { background-image: url("/html_editor/shape/html_builder/Wavy/28.svg?c1=%230080FF&c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_01 { background-image: url("/html_editor/shape/html_builder/Zigs/01.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_02 { background-image: url("/html_editor/shape/html_builder/Zigs/02.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_02_001 { background-image: url("/html_editor/shape/html_builder/Zigs/02_001.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_03 { background-image: url("/html_editor/shape/html_builder/Zigs/03.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_web_editor_Zigs_04 { background-image: url("/html_editor/shape/html_builder/Zigs/04.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_05 { background-image: url("/html_editor/shape/html_builder/Zigs/05.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_web_editor_Zigs_06 { background-image: url("/html_editor/shape/html_builder/Zigs/06.svg?c4=%23FFFFFF&c5=%23232f3e"); background-position: bottom; background-size: 30px 100%; background-repeat: repeat no-repeat; } .o_we_shape.o_html_builder_Airy_01_001 { background-image: url("/html_editor/shape/html_builder/Airy/01_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_02_001 { background-image: url("/html_editor/shape/html_builder/Airy/02_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_06_001 { background-image: url("/html_editor/shape/html_builder/Airy/06_001.svg?c5=%23232f3e"); background-position: left bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_07_001 { background-image: url("/html_editor/shape/html_builder/Airy/07_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_08_001 { background-image: url("/html_editor/shape/html_builder/Airy/08_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_09_001 { background-image: url("/html_editor/shape/html_builder/Airy/09_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_10_001 { background-image: url("/html_editor/shape/html_builder/Airy/10_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_11_001 { background-image: url("/html_editor/shape/html_builder/Airy/11_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_12_002 { background-image: url("/html_editor/shape/html_builder/Airy/12_002.svg?c5=%23232f3e&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_13_002 { background-image: url("/html_editor/shape/html_builder/Airy/13_002.svg?c5=%23232f3e&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_14_001 { background-image: url("/html_editor/shape/html_builder/Airy/14_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_15 { background-image: url("/html_editor/shape/html_builder/Airy/15.svg?c5=%23232f3e"); background-position: 150% center; background-size: 85% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_16 { background-image: url("/html_editor/shape/html_builder/Airy/16.svg?c5=%23232f3e"); background-position: center right; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_17 { background-image: url("/html_editor/shape/html_builder/Airy/17.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_01 { background-image: url("/html_editor/shape/html_builder/Angular/01.svg?c5=%23232f3e"); background-position: right bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_02 { background-image: url("/html_editor/shape/html_builder/Angular/02.svg?c5=%23232f3e"); background-position: left bottom; background-size: auto 75%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_03 { background-image: url("/html_editor/shape/html_builder/Angular/03.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_04 { background-image: url("/html_editor/shape/html_builder/Angular/04.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_05 { background-image: url("/html_editor/shape/html_builder/Angular/05.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_06 { background-image: url("/html_editor/shape/html_builder/Angular/06.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeAngular--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_07 { background-image: url("/html_editor/shape/html_builder/Angular/07.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_08 { background-image: url("/html_editor/shape/html_builder/Angular/08.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Angular_09 { background-image: url("/html_editor/shape/html_builder/Angular/09.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_01_001 { background-image: url("/html_editor/shape/html_builder/Blobs/01_001.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_02 { background-image: url("/html_editor/shape/html_builder/Blobs/02.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_03 { background-image: url("/html_editor/shape/html_builder/Blobs/03.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_04_001 { background-image: url("/html_editor/shape/html_builder/Blobs/04_001.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_05_001 { background-image: url("/html_editor/shape/html_builder/Blobs/05_001.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_06_001 { background-image: url("/html_editor/shape/html_builder/Blobs/06_001.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_10_002 { background-image: url("/html_editor/shape/html_builder/Blobs/10_002.svg?c5=%23232f3e"); background-position: right; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_13 { background-image: url("/html_editor/shape/html_builder/Blobs/13.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_14 { background-image: url("/html_editor/shape/html_builder/Blobs/14.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_15 { background-image: url("/html_editor/shape/html_builder/Blobs/15.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_16 { background-image: url("/html_editor/shape/html_builder/Blobs/16.svg?c5=%23232f3e"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_17 { background-image: url("/html_editor/shape/html_builder/Blobs/17.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_18 { background-image: url("/html_editor/shape/html_builder/Blobs/18.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_01_001 { background-image: url("/html_editor/shape/html_builder/Blocks/01_001.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_02_001 { background-image: url("/html_editor/shape/html_builder/Blocks/02_001.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_04 { background-image: url("/html_editor/shape/html_builder/Blocks/04.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_01 { background-image: url("/html_editor/shape/html_builder/Blurry/01.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_02 { background-image: url("/html_editor/shape/html_builder/Blurry/02.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_03 { background-image: url("/html_editor/shape/html_builder/Blurry/03.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_04 { background-image: url("/html_editor/shape/html_builder/Blurry/04.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_05 { background-image: url("/html_editor/shape/html_builder/Blurry/05.svg?c1=%230080FF&c2=%237bdeff&c4=%23FFFFFF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blurry_06 { background-image: url("/html_editor/shape/html_builder/Blurry/06.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_01_001 { background-image: url("/html_editor/shape/html_builder/Bold/01_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_13 { background-image: url("/html_editor/shape/html_builder/Bold/13.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_14 { background-image: url("/html_editor/shape/html_builder/Bold/14.svg?c1=%230080FF&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_15 { background-image: url("/html_editor/shape/html_builder/Bold/15.svg?c5=%23232f3e"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_16 { background-image: url("/html_editor/shape/html_builder/Bold/16.svg?c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_17 { background-image: url("/html_editor/shape/html_builder/Bold/17.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_18 { background-image: url("/html_editor/shape/html_builder/Bold/18.svg?c5=%23232f3e"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_19 { background-image: url("/html_editor/shape/html_builder/Bold/19.svg?c5=%23232f3e"); background-position: left top; background-size: 100% 12rem; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_20 { background-image: url("/html_editor/shape/html_builder/Bold/20.svg?c1=%230080FF&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_21 { background-image: url("/html_editor/shape/html_builder/Bold/21.svg?c5=%23232f3e"); background-position: right bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_22 { background-image: url("/html_editor/shape/html_builder/Bold/22.svg?c5=%23232f3e"); background-position: right top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_23 { background-image: url("/html_editor/shape/html_builder/Bold/23.svg?c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_01 { background-image: url("/html_editor/shape/html_builder/Connections/01.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_02 { background-image: url("/html_editor/shape/html_builder/Connections/02.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_03 { background-image: url("/html_editor/shape/html_builder/Connections/03.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_04 { background-image: url("/html_editor/shape/html_builder/Connections/04.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_05 { background-image: url("/html_editor/shape/html_builder/Connections/05.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_06 { background-image: url("/html_editor/shape/html_builder/Connections/06.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_07 { background-image: url("/html_editor/shape/html_builder/Connections/07.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_08 { background-image: url("/html_editor/shape/html_builder/Connections/08.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_09 { background-image: url("/html_editor/shape/html_builder/Connections/09.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_10 { background-image: url("/html_editor/shape/html_builder/Connections/10.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_11 { background-image: url("/html_editor/shape/html_builder/Connections/11.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_12 { background-image: url("/html_editor/shape/html_builder/Connections/12.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_13 { background-image: url("/html_editor/shape/html_builder/Connections/13.svg?c5=%23232f3e"); background-position: bottom; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_14 { background-image: url("/html_editor/shape/html_builder/Connections/14.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_15 { background-image: url("/html_editor/shape/html_builder/Connections/15.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_16 { background-image: url("/html_editor/shape/html_builder/Connections/16.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_17 { background-image: url("/html_editor/shape/html_builder/Connections/17.svg?c5=%23232f3e"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_html_builder_Connections_18 { background-image: url("/html_editor/shape/html_builder/Connections/18.svg?c5=%23232f3e"); background-position: bottom; background-size: var(--ShapeConnections--size-tiny); background-repeat: repeat no-repeat; } .o_we_shape.o_html_builder_Connections_19 { background-image: url("/html_editor/shape/html_builder/Connections/19.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Connections_20 { background-image: url("/html_editor/shape/html_builder/Connections/20.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeConnections--size-big); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_01 { background-image: url("/html_editor/shape/html_builder/Containers/01.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_02 { background-image: url("/html_editor/shape/html_builder/Containers/02.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_03 { background-image: url("/html_editor/shape/html_builder/Containers/03.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_04 { background-image: url("/html_editor/shape/html_builder/Containers/04.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_05 { background-image: url("/html_editor/shape/html_builder/Containers/05.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Containers_06 { background-image: url("/html_editor/shape/html_builder/Containers/06.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_01 { background-image: url("/html_editor/shape/html_builder/Floats/01.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c4=%23FFFFFF&c5=%23232f3e"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_02 { background-image: url("/html_editor/shape/html_builder/Floats/02.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_03 { background-image: url("/html_editor/shape/html_builder/Floats/03.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_04 { background-image: url("/html_editor/shape/html_builder/Floats/04.svg?c1=%230080FF&c2=%237bdeff&c4=%23FFFFFF&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_05 { background-image: url("/html_editor/shape/html_builder/Floats/05.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_06 { background-image: url("/html_editor/shape/html_builder/Floats/06.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_07 { background-image: url("/html_editor/shape/html_builder/Floats/07.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: right bottom; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_08 { background-image: url("/html_editor/shape/html_builder/Floats/08.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: top left; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_09 { background-image: url("/html_editor/shape/html_builder/Floats/09.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: center right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_10 { background-image: url("/html_editor/shape/html_builder/Floats/10.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_11 { background-image: url("/html_editor/shape/html_builder/Floats/11.svg?c1=%230080FF&c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_12 { background-image: url("/html_editor/shape/html_builder/Floats/12.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Floats_13 { background-image: url("/html_editor/shape/html_builder/Floats/13.svg?c1=%230080FF&c2=%237bdeff&c5=%23232f3e"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Floats_14 { background-image: url("/html_editor/shape/html_builder/Floats/14.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100%; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Grids_01 { background-image: url("/html_editor/shape/html_builder/Grids/01.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% 50%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_02 { background-image: url("/html_editor/shape/html_builder/Grids/02.svg?c5=%23232f3e"); background-position: right center; background-size: 50% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_03 { background-image: url("/html_editor/shape/html_builder/Grids/03.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_04 { background-image: url("/html_editor/shape/html_builder/Grids/04.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_05 { background-image: url("/html_editor/shape/html_builder/Grids/05.svg?c5=%23232f3e"); background-position: center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_06 { background-image: url("/html_editor/shape/html_builder/Grids/06.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_07 { background-image: url("/html_editor/shape/html_builder/Grids/07.svg?c5=%23232f3e"); background-position: right center; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Grids_08 { background-image: url("/html_editor/shape/html_builder/Grids/08.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Patterns_01 { background-image: url("/html_editor/shape/html_builder/Patterns/01.svg?c5=%23232f3e"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_02 { background-image: url("/html_editor/shape/html_builder/Patterns/02.svg?c5=%23232f3e"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_03 { background-image: url("/html_editor/shape/html_builder/Patterns/03.svg?c5=%23232f3e"); background-position: top; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_04 { background-image: url("/html_editor/shape/html_builder/Patterns/04.svg?c5=%23232f3e"); background-position: center; background-size: var(--ShapePattern--size-tiny) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Patterns_05 { background-image: url("/html_editor/shape/html_builder/Patterns/05.svg?c5=%23232f3e"); background-position: center; background-size: var(--ShapePattern--size-regular) auto; background-repeat: repeat repeat; } .o_we_shape.o_html_builder_Rainy_01_001 { background-image: url("/html_editor/shape/html_builder/Rainy/01_001.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_02_001 { background-image: url("/html_editor/shape/html_builder/Rainy/02_001.svg?c1=%230080FF&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_06 { background-image: url("/html_editor/shape/html_builder/Rainy/06.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_07 { background-image: url("/html_editor/shape/html_builder/Rainy/07.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_08_001 { background-image: url("/html_editor/shape/html_builder/Rainy/08_001.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_09_001 { background-image: url("/html_editor/shape/html_builder/Rainy/09_001.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_10 { background-image: url("/html_editor/shape/html_builder/Rainy/10.svg?c1=%230080FF&c3=%23f9fafe"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_03 { background-image: url("/html_editor/shape/html_builder/Wavy/03.svg?c1=%230080FF&c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_04 { background-image: url("/html_editor/shape/html_builder/Wavy/04.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_08_001 { background-image: url("/html_editor/shape/html_builder/Wavy/08_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_09_001 { background-image: url("/html_editor/shape/html_builder/Wavy/09_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_10 { background-image: url("/html_editor/shape/html_builder/Wavy/10.svg?c1=%230080FF&c2=%237bdeff"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_11_001 { background-image: url("/html_editor/shape/html_builder/Wavy/11_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_18 { background-image: url("/html_editor/shape/html_builder/Wavy/18.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_22_001 { background-image: url("/html_editor/shape/html_builder/Wavy/22_001.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_24 { background-image: url("/html_editor/shape/html_builder/Wavy/24.svg?c1=%230080FF&c2=%237bdeff"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_26 { background-image: url("/html_editor/shape/html_builder/Wavy/26.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom right; background-size: auto 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_27 { background-image: url("/html_editor/shape/html_builder/Wavy/27.svg?c1=%230080FF&c2=%237bdeff"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_29 { background-image: url("/html_editor/shape/html_builder/Wavy/29.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_30 { background-image: url("/html_editor/shape/html_builder/Wavy/30.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_31 { background-image: url("/html_editor/shape/html_builder/Wavy/31.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% var(--ShapeWavy--size-regular); background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_01_001 { background-image: url("/html_editor/shape/html_builder/Zigs/01_001.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_01 { background-image: url("/html_editor/shape/html_builder/Airy/01.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_02 { background-image: url("/html_editor/shape/html_builder/Airy/02.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_03 { background-image: url("/html_editor/shape/html_builder/Airy/03.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_03_001 { background-image: url("/html_editor/shape/html_builder/Airy/03_001.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_04 { background-image: url("/html_editor/shape/html_builder/Airy/04.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_04_001 { background-image: url("/html_editor/shape/html_builder/Airy/04_001.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_05 { background-image: url("/html_editor/shape/html_builder/Airy/05.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_05_001 { background-image: url("/html_editor/shape/html_builder/Airy/05_001.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_06 { background-image: url("/html_editor/shape/html_builder/Airy/06.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_07 { background-image: url("/html_editor/shape/html_builder/Airy/07.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_08 { background-image: url("/html_editor/shape/html_builder/Airy/08.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_09 { background-image: url("/html_editor/shape/html_builder/Airy/09.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_10 { background-image: url("/html_editor/shape/html_builder/Airy/10.svg?c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_11 { background-image: url("/html_editor/shape/html_builder/Airy/11.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_12 { background-image: url("/html_editor/shape/html_builder/Airy/12.svg?c1=%230080FF&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_12_001 { background-image: url("/html_editor/shape/html_builder/Airy/12_001.svg?c1=%230080FF&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_13 { background-image: url("/html_editor/shape/html_builder/Airy/13.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_13_001 { background-image: url("/html_editor/shape/html_builder/Airy/13_001.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Airy_14 { background-image: url("/html_editor/shape/html_builder/Airy/14.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_01 { background-image: url("/html_editor/shape/html_builder/Blobs/01.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_04 { background-image: url("/html_editor/shape/html_builder/Blobs/04.svg?c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_05 { background-image: url("/html_editor/shape/html_builder/Blobs/05.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_06 { background-image: url("/html_editor/shape/html_builder/Blobs/06.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_07 { background-image: url("/html_editor/shape/html_builder/Blobs/07.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_08 { background-image: url("/html_editor/shape/html_builder/Blobs/08.svg?c1=%230080FF"); background-position: right; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_09 { background-image: url("/html_editor/shape/html_builder/Blobs/09.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_10 { background-image: url("/html_editor/shape/html_builder/Blobs/10.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_10_001 { background-image: url("/html_editor/shape/html_builder/Blobs/10_001.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_11 { background-image: url("/html_editor/shape/html_builder/Blobs/11.svg?c1=%230080FF"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blobs_12 { background-image: url("/html_editor/shape/html_builder/Blobs/12.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_01 { background-image: url("/html_editor/shape/html_builder/Blocks/01.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_02 { background-image: url("/html_editor/shape/html_builder/Blocks/02.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Blocks_03 { background-image: url("/html_editor/shape/html_builder/Blocks/03.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_01 { background-image: url("/html_editor/shape/html_builder/Bold/01.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_02 { background-image: url("/html_editor/shape/html_builder/Bold/02.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_03 { background-image: url("/html_editor/shape/html_builder/Bold/03.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_04 { background-image: url("/html_editor/shape/html_builder/Bold/04.svg?c2=%237bdeff&c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_05 { background-image: url("/html_editor/shape/html_builder/Bold/05.svg?c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_05_001 { background-image: url("/html_editor/shape/html_builder/Bold/05_001.svg?c3=%23f9fafe"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_06 { background-image: url("/html_editor/shape/html_builder/Bold/06.svg?c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_06_001 { background-image: url("/html_editor/shape/html_builder/Bold/06_001.svg?c3=%23f9fafe"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_07 { background-image: url("/html_editor/shape/html_builder/Bold/07.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_07_001 { background-image: url("/html_editor/shape/html_builder/Bold/07_001.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_08 { background-image: url("/html_editor/shape/html_builder/Bold/08.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_09 { background-image: url("/html_editor/shape/html_builder/Bold/09.svg?c2=%237bdeff&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_10 { background-image: url("/html_editor/shape/html_builder/Bold/10.svg?c1=%230080FF&c3=%23f9fafe&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_10_001 { background-image: url("/html_editor/shape/html_builder/Bold/10_001.svg?c1=%230080FF&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_11 { background-image: url("/html_editor/shape/html_builder/Bold/11.svg?c1=%230080FF&c2=%237bdeff&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_11_001 { background-image: url("/html_editor/shape/html_builder/Bold/11_001.svg?c1=%230080FF&c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_12 { background-image: url("/html_editor/shape/html_builder/Bold/12.svg?c1=%230080FF&c2=%237bdeff&c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Bold_12_001 { background-image: url("/html_editor/shape/html_builder/Bold/12_001.svg?c1=%230080FF&c2=%237bdeff&c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_01 { background-image: url("/html_editor/shape/html_builder/Origins/01.svg?c2=%237bdeff&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_02 { background-image: url("/html_editor/shape/html_builder/Origins/02.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_02_001 { background-image: url("/html_editor/shape/html_builder/Origins/02_001.svg?c4=%23FFFFFF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_03 { background-image: url("/html_editor/shape/html_builder/Origins/03.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_04 { background-image: url("/html_editor/shape/html_builder/Origins/04.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_04_001 { background-image: url("/html_editor/shape/html_builder/Origins/04_001.svg?c3=%23f9fafe"); background-position: top; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_05 { background-image: url("/html_editor/shape/html_builder/Origins/05.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_06 { background-image: url("/html_editor/shape/html_builder/Origins/06.svg?c3=%23f9fafe"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_06_001 { background-image: url("/html_editor/shape/html_builder/Origins/06_001.svg?c3=%23f9fafe&c4=%23FFFFFF"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_07 { background-image: url("/html_editor/shape/html_builder/Origins/07.svg?c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_07_001 { background-image: url("/html_editor/shape/html_builder/Origins/07_001.svg?c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_07_002 { background-image: url("/html_editor/shape/html_builder/Origins/07_002.svg?c3=%23f9fafe&c4=%23FFFFFF&c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_08 { background-image: url("/html_editor/shape/html_builder/Origins/08.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_09 { background-image: url("/html_editor/shape/html_builder/Origins/09.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_09_001 { background-image: url("/html_editor/shape/html_builder/Origins/09_001.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_10 { background-image: url("/html_editor/shape/html_builder/Origins/10.svg?c2=%237bdeff&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_11 { background-image: url("/html_editor/shape/html_builder/Origins/11.svg?c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_11_001 { background-image: url("/html_editor/shape/html_builder/Origins/11_001.svg?c3=%23f9fafe&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_12 { background-image: url("/html_editor/shape/html_builder/Origins/12.svg?c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_13 { background-image: url("/html_editor/shape/html_builder/Origins/13.svg?c3=%23f9fafe&c5=%23232f3e"); background-position: center; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_14 { background-image: url("/html_editor/shape/html_builder/Origins/14.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_14_001 { background-image: url("/html_editor/shape/html_builder/Origins/14_001.svg?c3=%23f9fafe&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_15 { background-image: url("/html_editor/shape/html_builder/Origins/15.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_16 { background-image: url("/html_editor/shape/html_builder/Origins/16.svg?c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_17 { background-image: url("/html_editor/shape/html_builder/Origins/17.svg?c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_18 { background-image: url("/html_editor/shape/html_builder/Origins/18.svg?c1=%230080FF"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Origins_19 { background-image: url("/html_editor/shape/html_builder/Origins/19.svg?c5=%23232f3e"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_01 { background-image: url("/html_editor/shape/html_builder/Rainy/01.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_02 { background-image: url("/html_editor/shape/html_builder/Rainy/02.svg?c1=%230080FF&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_03 { background-image: url("/html_editor/shape/html_builder/Rainy/03.svg?c2=%237bdeff&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Rainy_03_001 { background-image: url("/html_editor/shape/html_builder/Rainy/03_001.svg?c2=%237bdeff&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Rainy_04 { background-image: url("/html_editor/shape/html_builder/Rainy/04.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_05 { background-image: url("/html_editor/shape/html_builder/Rainy/05.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_05_001 { background-image: url("/html_editor/shape/html_builder/Rainy/05_001.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_08 { background-image: url("/html_editor/shape/html_builder/Rainy/08.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Rainy_09 { background-image: url("/html_editor/shape/html_builder/Rainy/09.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_01 { background-image: url("/html_editor/shape/html_builder/Wavy/01.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_01_001 { background-image: url("/html_editor/shape/html_builder/Wavy/01_001.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_02 { background-image: url("/html_editor/shape/html_builder/Wavy/02.svg?c4=%23FFFFFF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_02_001 { background-image: url("/html_editor/shape/html_builder/Wavy/02_001.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_05 { background-image: url("/html_editor/shape/html_builder/Wavy/05.svg?c1=%230080FF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_06 { background-image: url("/html_editor/shape/html_builder/Wavy/06.svg?c1=%230080FF&c3=%23f9fafe&c4=%23FFFFFF&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_06_001 { background-image: url("/html_editor/shape/html_builder/Wavy/06_001.svg?c1=%230080FF&c3=%23f9fafe&c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_07 { background-image: url("/html_editor/shape/html_builder/Wavy/07.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_08 { background-image: url("/html_editor/shape/html_builder/Wavy/08.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_09 { background-image: url("/html_editor/shape/html_builder/Wavy/09.svg?c1=%230080FF&c5=%23232f3e"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_11 { background-image: url("/html_editor/shape/html_builder/Wavy/11.svg?c1=%230080FF&c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_12 { background-image: url("/html_editor/shape/html_builder/Wavy/12.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_12_001 { background-image: url("/html_editor/shape/html_builder/Wavy/12_001.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_13 { background-image: url("/html_editor/shape/html_builder/Wavy/13.svg?c4=%23FFFFFF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_13_001 { background-image: url("/html_editor/shape/html_builder/Wavy/13_001.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_14 { background-image: url("/html_editor/shape/html_builder/Wavy/14.svg?c1=%230080FF&c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_15 { background-image: url("/html_editor/shape/html_builder/Wavy/15.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_16 { background-image: url("/html_editor/shape/html_builder/Wavy/16.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_17 { background-image: url("/html_editor/shape/html_builder/Wavy/17.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_19 { background-image: url("/html_editor/shape/html_builder/Wavy/19.svg?c5=%23232f3e"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_20 { background-image: url("/html_editor/shape/html_builder/Wavy/20.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_21 { background-image: url("/html_editor/shape/html_builder/Wavy/21.svg?c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_22 { background-image: url("/html_editor/shape/html_builder/Wavy/22.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_23 { background-image: url("/html_editor/shape/html_builder/Wavy/23.svg?c3=%23f9fafe"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_25 { background-image: url("/html_editor/shape/html_builder/Wavy/25.svg?c1=%230080FF&c2=%237bdeff"); background-position: top; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Wavy_28 { background-image: url("/html_editor/shape/html_builder/Wavy/28.svg?c1=%230080FF&c3=%23f9fafe"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_01 { background-image: url("/html_editor/shape/html_builder/Zigs/01.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_02 { background-image: url("/html_editor/shape/html_builder/Zigs/02.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_02_001 { background-image: url("/html_editor/shape/html_builder/Zigs/02_001.svg?c2=%237bdeff"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_03 { background-image: url("/html_editor/shape/html_builder/Zigs/03.svg?c1=%230080FF"); background-position: top; background-size: 100% auto; background-repeat: no-repeat repeat; } .o_we_shape.o_html_builder_Zigs_04 { background-image: url("/html_editor/shape/html_builder/Zigs/04.svg?c1=%230080FF"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_05 { background-image: url("/html_editor/shape/html_builder/Zigs/05.svg?c3=%23f9fafe"); background-position: bottom; background-size: 100% auto; background-repeat: no-repeat no-repeat; } .o_we_shape.o_html_builder_Zigs_06 { background-image: url("/html_editor/shape/html_builder/Zigs/06.svg?c4=%23FFFFFF&c5=%23232f3e"); 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: 0.875rem; --headings-font: 'Roboto'; --navbar-font: 'Roboto'; --buttons-font: 'Roboto'; --menu: 1; --header-sales_one: 2; --header-sales_two: 5; --header-sales_three: 2; --header-sales_four: 1; --footer: 5; --copyright: 5; --font-size-base: 0.875rem; --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: 'prime-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: 'never'; --btn-ripple: false; --font: 'Roboto'; --headings-font: 'Poppins'; --navbar-font: 'Poppins'; --buttons-font: 'Poppins'; --header-template: 'prime_style_4'; --header-links-style: 'default'; --logo-height: 3.5rem; --hamburger-position: 'left'; --hamburger-position-mobile: 'right'; --menu-border-style: 'solid'; --sidebar-width: 18.75rem; --footer-template: 'prime_style_6'; --footer-scrolltop: false; --tp-preheader-template: 'prime_style_1'; --tp-back-to-top: true; --tp-icon-pack: 1; --logo-height: 3.5rem; --fixed-logo-height: 2.3125rem; --number-of-fonts: 10; --font-number-1: 'SYSTEM_FONTS'; --font-number-2: 'Poppins'; --font-number-3: 'Roboto'; --font-number-4: 'Open Sans'; --font-number-5: 'Source Sans Pro'; --font-number-6: 'Raleway'; --font-number-7: 'Noto Serif'; --font-number-8: 'Arvo'; --font-number-9: 'Inter Tight'; --font-number-10: '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: 'Poppins'; --h3-font: 'Poppins'; --h4-font: 'Poppins'; --h5-font: 'Poppins'; --h6-font: 'Poppins'; --display-1-font: 'Poppins'; --display-2-font: 'Poppins'; --display-3-font: 'Poppins'; --display-4-font: 'Poppins'; --set-headings-font: "Poppins", "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: "Poppins", "Odoo Unicode Support Noto", sans-serif; --btn-padding-y: 0.375rem; --btn-padding-x: 0.75rem; --btn-font-size: 0.875rem; --btn-padding-y-sm: 0.0625rem; --btn-padding-x-sm: 0.3125rem; --btn-font-size-sm: 0.765625rem; --btn-padding-y-lg: 0.5rem; --btn-padding-x-lg: 1rem; --btn-font-size-lg: 1.09375rem; --btn-border-width: var(--border-width); --btn-border-radius: var(--border-radius); --btn-border-radius-sm: var(--border-radius-sm); --btn-border-radius-lg: var(--border-radius-lg); --input-padding-y: 0.375rem; --input-padding-x: 0.75rem; --input-font-size: 0.875rem; --input-padding-y-sm: 0.25rem; --input-padding-x-sm: 0.5rem; --input-font-size-sm: 0.765625rem; --input-padding-y-lg: 0.5rem; --input-padding-x-lg: 1rem; --input-font-size-lg: 1.09375rem; --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: 'prime-1'; --has-customized-colors: true; --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" "preheader" "preheader-custom" "tp-header-box-color" "tp-header-box-color-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-brand, .navbar-text, .navbar .nav-link, .navbar a.js_change_lang span, .navbar a.o_add_language { font-family: "Poppins", "Odoo Unicode Support Noto", sans-serif; } .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(0, 128, 255, 0.25); } .o_navlink_background_hover:hover { background: var(--NavLinkWithBackground-bg-color, rgba(var(--emphasis-color-rgb), 0.05)); } .o_navbar_mobile { height: 100dvh; background-color: #FFFFFF; } .o_navbar_mobile .btn-close { z-index: 1046; } .o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link { background-color: inherit; } .o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link.active { color: var(--navbar-active-color); } .o_navbar_mobile .top_menu > .accordion ul > li > a.nav-link:hover { color: var(--nav-link-hover-color); } .o_navbar_mobile .top_menu > .accordion .accordion-button:not(.collapsed) { background-color: #f2f2f2; } .o_navbar_mobile .top_menu > .accordion .accordion-button:after { height: 100%; background: none; font-family: 'odoo_ui_icons'; content: '\e839'; } header .navbar-brand { font-size: 2.33333333rem; } header .navbar-brand, header .navbar-brand.logo { padding-top: 0; padding-bottom: 0; } 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: "Poppins", "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.65625rem; --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.8203125rem; --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.57421875rem; --btn-border-radius: 0; } .btn.flat.btn-xs { --btn-padding-y: 0.25rem; --btn-padding-x: 0.5rem; --btn-font-size: 0.4375rem; --btn-border-radius: 0; } .btn.rounded-circle, .btn.dri.rounded-empty-circle, .btn.fa.rounded-empty-circle { border-radius: 100px !important; --btn-padding-y: 0.45rem; --btn-padding-x: 1.35rem; --btn-font-size: 0.875rem; --btn-border-radius: 30px; } .btn.rounded-circle.btn-lg, .btn.btn-lg.dri.rounded-empty-circle, .btn.btn-lg.fa.rounded-empty-circle, .btn-group-lg > .btn.rounded-circle, .btn-group-lg > .btn.dri.rounded-empty-circle, .btn-group-lg > .btn.fa.rounded-empty-circle { --btn-padding-y: 0.6rem; --btn-padding-x: 1.8rem; --btn-font-size: 1.09375rem; --btn-border-radius: 30px; } .btn.rounded-circle.btn-sm, .btn.btn-sm.dri.rounded-empty-circle, .btn.btn-sm.fa.rounded-empty-circle, .btn-group-sm > .btn.rounded-circle, .btn-group-sm > .btn.dri.rounded-empty-circle, .btn-group-sm > .btn.fa.rounded-empty-circle { --btn-padding-y: 0.3rem; --btn-padding-x: 0.9rem; --btn-font-size: 0.765625rem; --btn-border-radius: 30px; } .btn.rounded-circle.btn-xs, .btn.btn-xs.dri.rounded-empty-circle, .btn.btn-xs.fa.rounded-empty-circle { --btn-padding-y: 0.15rem; --btn-padding-x: 0.45rem; --btn-font-size: 0.65625rem; --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: #e6f2ff; --badge-color: #004a94; --badge-color-hover: #FFFFFF; --badge-border-color: #0080FF; } .badge.bg-primary, .o_filter_tag.bg-primary { --badge-bg: #0080FF; --badge-color: #FFFFFF; --badge-border-color: #0080FF; --badge-color-hover: #FFFFFF; } .badge.text-bg-secondary, .o_filter_tag.text-bg-secondary { --badge-bg: #f2fcff; --badge-color: #00bcfb; --badge-color-hover: #212529; --badge-border-color: #7bdeff; } .badge.bg-secondary, .o_filter_tag.bg-secondary { --badge-bg: #7bdeff; --badge-color: #212529; --badge-border-color: #7bdeff; --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: #feffff; --badge-color: #8c9fec; --badge-color-hover: #212529; --badge-border-color: #f9fafe; } .badge.bg-light, .o_filter_tag.bg-light { --badge-bg: #f9fafe; --badge-color: #212529; --badge-border-color: #f9fafe; --badge-color-hover: #212529; } .badge.text-bg-dark, .o_filter_tag.text-bg-dark { --badge-bg: #e9eaec; --badge-color: #232f3e; --badge-color-hover: #FFFFFF; --badge-border-color: #232f3e; } .badge.bg-dark, .o_filter_tag.bg-dark { --badge-bg: #232f3e; --badge-color: #FFFFFF; --badge-border-color: #232f3e; --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: #0080FF; } .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, .tp-header-box .o_dot, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .o_dot, .navbar-light .o_dot { color: var(--o-cc1-btn-primary); } .o_cc2 .o_dot { color: var(--o-cc2-btn-primary); } .o_cc3 .o_dot { color: var(--o-cc3-btn-primary); } .o_cc4 .o_dot, .tp-preheader .o_dot { color: var(--o-cc4-btn-primary); } .o_cc5 .o_dot, .o_footer .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_testimonial_4 .s_carousel .o_horizontal_controllers, .s_testimonial_3 .s_carousel .o_horizontal_controllers, .s_cover_2 .s_carousel .o_horizontal_controllers, .s_cover_1 .s_carousel .o_horizontal_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_testimonial_4 .s_carousel .o_horizontal_controllers .carousel-indicators, .s_testimonial_3 .s_carousel .o_horizontal_controllers .carousel-indicators, .s_cover_2 .s_carousel .o_horizontal_controllers .carousel-indicators, .s_cover_1 .s_carousel .o_horizontal_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_testimonial_4 .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_testimonial_3 .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_cover_2 .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_cover_1 .s_carousel .o_horizontal_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_testimonial_4 .s_carousel .o_horizontal_controllers .carousel-control-next, .s_testimonial_3 .s_carousel .o_horizontal_controllers .carousel-control-next, .s_cover_2 .s_carousel .o_horizontal_controllers .carousel-control-next, .s_cover_1 .s_carousel .o_horizontal_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_testimonial_4 .s_carousel .o_horizontal_controllers .carousel-indicators > *, .s_testimonial_3 .s_carousel .o_horizontal_controllers .carousel-indicators > *, .s_cover_2 .s_carousel .o_horizontal_controllers .carousel-indicators > *, .s_cover_1 .s_carousel .o_horizontal_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_testimonial_4 .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_testimonial_3 .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_cover_2 .s_carousel .o_horizontal_controllers .carousel-control-prev, .s_cover_1 .s_carousel .o_horizontal_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_testimonial_4 .s_carousel .o_horizontal_controllers .carousel-control-next, .s_testimonial_3 .s_carousel .o_horizontal_controllers .carousel-control-next, .s_cover_2 .s_carousel .o_horizontal_controllers .carousel-control-next, .s_cover_1 .s_carousel .o_horizontal_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_testimonial_4 .s_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_testimonial_3 .s_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_cover_2 .s_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_cover_1 .s_carousel .o_horizontal_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_testimonial_4 .s_carousel .carousel-control-prev, .s_testimonial_3 .s_carousel .carousel-control-prev, .s_cover_2 .s_carousel .carousel-control-prev, .s_cover_1 .s_carousel .carousel-control-prev, .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_testimonial_4 .s_carousel .carousel-control-next, .s_testimonial_3 .s_carousel .carousel-control-next, .s_cover_2 .s_carousel .carousel-control-next, .s_cover_1 .s_carousel .carousel-control-next, .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_testimonial_4 .s_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_testimonial_3 .s_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_cover_2 .s_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_cover_1 .s_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel:not(.s_carousel_arrows_hidden) .carousel-indicators, .s_carousel_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_testimonial_4 .s_carousel .carousel-control-prev, .s_testimonial_3 .s_carousel .carousel-control-prev, .s_cover_2 .s_carousel .carousel-control-prev, .s_cover_1 .s_carousel .carousel-control-prev, .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_testimonial_4 .s_carousel .carousel-control-next, .s_testimonial_3 .s_carousel .carousel-control-next, .s_cover_2 .s_carousel .carousel-control-next, .s_cover_1 .s_carousel .carousel-control-next, .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_testimonial_4 .s_carousel .carousel-indicators, .s_testimonial_3 .s_carousel .carousel-indicators, .s_cover_2 .s_carousel .carousel-indicators, .s_cover_1 .s_carousel .carousel-indicators, .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_testimonial_4 .s_carousel .carousel-indicators, .s_testimonial_3 .s_carousel .carousel-indicators, .s_cover_2 .s_carousel .carousel-indicators, .s_cover_1 .s_carousel .carousel-indicators, .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_testimonial_4 .s_carousel .carousel-indicators > *, .s_testimonial_3 .s_carousel .carousel-indicators > *, .s_cover_2 .s_carousel .carousel-indicators > *, .s_cover_1 .s_carousel .carousel-indicators > *, .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_testimonial_4 .s_carousel .carousel-control-prev-icon, .s_testimonial_3 .s_carousel .carousel-control-prev-icon, .s_cover_2 .s_carousel .carousel-control-prev-icon, .s_cover_1 .s_carousel .carousel-control-prev-icon, .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_testimonial_4 .s_carousel .carousel-control-next-icon, .s_testimonial_3 .s_carousel .carousel-control-next-icon, .s_cover_2 .s_carousel .carousel-control-next-icon, .s_cover_1 .s_carousel .carousel-control-next-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_testimonial_4 .s_carousel_default.s_carousel .carousel-control-prev:hover, .s_testimonial_3 .s_carousel_default.s_carousel .carousel-control-prev:hover, .s_cover_2 .s_carousel_default.s_carousel .carousel-control-prev:hover, .s_cover_1 .s_carousel_default.s_carousel .carousel-control-prev:hover, .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_testimonial_4 .s_carousel_default.s_carousel .carousel-control-next:hover, .s_testimonial_3 .s_carousel_default.s_carousel .carousel-control-next:hover, .s_cover_2 .s_carousel_default.s_carousel .carousel-control-next:hover, .s_cover_1 .s_carousel_default.s_carousel .carousel-control-next: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_testimonial_4 .s_carousel_default.carousel-dark.s_carousel .carousel-control-prev:hover, .s_testimonial_3 .s_carousel_default.carousel-dark.s_carousel .carousel-control-prev:hover, .s_cover_2 .s_carousel_default.carousel-dark.s_carousel .carousel-control-prev:hover, .s_cover_1 .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-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_testimonial_4 .s_carousel_default.carousel-dark.s_carousel .carousel-control-next:hover, .s_testimonial_3 .s_carousel_default.carousel-dark.s_carousel .carousel-control-next:hover, .s_cover_2 .s_carousel_default.carousel-dark.s_carousel .carousel-control-next:hover, .s_cover_1 .s_carousel_default.carousel-dark.s_carousel .carousel-control-next:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_default.carousel-dark.s_quotes_carousel .carousel-control-next:hover, .s_carousel_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_testimonial_4 .s_carousel_boxed.s_carousel .carousel-control-prev-icon, .s_testimonial_3 .s_carousel_boxed.s_carousel .carousel-control-prev-icon, .s_cover_2 .s_carousel_boxed.s_carousel .carousel-control-prev-icon, .s_cover_1 .s_carousel_boxed.s_carousel .carousel-control-prev-icon, .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_testimonial_4 .s_carousel_boxed.s_carousel .carousel-control-next-icon, .s_testimonial_3 .s_carousel_boxed.s_carousel .carousel-control-next-icon, .s_cover_2 .s_carousel_boxed.s_carousel .carousel-control-next-icon, .s_cover_1 .s_carousel_boxed.s_carousel .carousel-control-next-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_testimonial_4 .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_testimonial_3 .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_cover_2 .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_cover_1 .s_carousel_rounded.s_carousel .carousel-control-prev-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_testimonial_4 .s_carousel_rounded.s_carousel .carousel-control-next-icon, .s_testimonial_3 .s_carousel_rounded.s_carousel .carousel-control-next-icon, .s_cover_2 .s_carousel_rounded.s_carousel .carousel-control-next-icon, .s_cover_1 .s_carousel_rounded.s_carousel .carousel-control-next-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.375rem; border: 1px solid var(--o-border-color); background-color: #000; filter: invert(1) grayscale(100); } .s_testimonial_4 .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-prev-icon, .s_testimonial_3 .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-prev-icon, .s_cover_2 .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-prev-icon, .s_cover_1 .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-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_testimonial_4 .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-next-icon, .s_testimonial_3 .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-next-icon, .s_cover_2 .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-next-icon, .s_cover_1 .s_carousel_boxed.carousel-dark.s_carousel .carousel-control-next-icon, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_boxed.carousel-dark.s_quotes_carousel .carousel-control-next-icon, .s_carousel_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_testimonial_4 .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-prev-icon, .s_testimonial_3 .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-prev-icon, .s_cover_2 .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-prev-icon, .s_cover_1 .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-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_testimonial_4 .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-next-icon, .s_testimonial_3 .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-next-icon, .s_cover_2 .s_carousel_rounded.carousel-dark.s_carousel .carousel-control-next-icon, .s_cover_1 .s_carousel_rounded.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-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_testimonial_4 .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_testimonial_3 .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_cover_2 .s_carousel_rounded.s_carousel .carousel-control-prev-icon, .s_cover_1 .s_carousel_rounded.s_carousel .carousel-control-prev-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_testimonial_4 .s_carousel_rounded.s_carousel .carousel-control-next-icon, .s_testimonial_3 .s_carousel_rounded.s_carousel .carousel-control-next-icon, .s_cover_2 .s_carousel_rounded.s_carousel .carousel-control-next-icon, .s_cover_1 .s_carousel_rounded.s_carousel .carousel-control-next-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_testimonial_4 .s_carousel_arrows_hidden.s_carousel .carousel-control-prev, .s_testimonial_3 .s_carousel_arrows_hidden.s_carousel .carousel-control-prev, .s_cover_2 .s_carousel_arrows_hidden.s_carousel .carousel-control-prev, .s_cover_1 .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-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_testimonial_4 .s_carousel_arrows_hidden.s_carousel .carousel-control-next, .s_testimonial_3 .s_carousel_arrows_hidden.s_carousel .carousel-control-next, .s_cover_2 .s_carousel_arrows_hidden.s_carousel .carousel-control-next, .s_cover_1 .s_carousel_arrows_hidden.s_carousel .carousel-control-next, .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_testimonial_4 .s_carousel_arrows_hidden.s_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_testimonial_3 .s_carousel_arrows_hidden.s_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_cover_2 .s_carousel_arrows_hidden.s_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_cover_1 .s_carousel_arrows_hidden.s_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_quotes_carousel_wrapper[data-vcss='002'] .s_carousel_arrows_hidden.s_quotes_carousel .o_horizontal_controllers .o_arrows_wrapper, .s_carousel_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_testimonial_4 .s_carousel .carousel-inner, .s_testimonial_3 .s_carousel .carousel-inner, .s_cover_2 .s_carousel .carousel-inner, .s_cover_1 .s_carousel .carousel-inner, .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_testimonial_4 .s_carousel .carousel-inner .carousel-item, .s_testimonial_3 .s_carousel .carousel-inner .carousel-item, .s_cover_2 .s_carousel .carousel-inner .carousel-item, .s_cover_1 .s_carousel .carousel-inner .carousel-item, .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_testimonial_4 .s_carousel .carousel-inner .carousel-item, .s_testimonial_3 .s_carousel .carousel-inner .carousel-item, .s_cover_2 .s_carousel .carousel-inner .carousel-item, .s_cover_1 .s_carousel .carousel-inner .carousel-item, .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_testimonial_4 .s_carousel .carousel-indicators, .s_testimonial_3 .s_carousel .carousel-indicators, .s_cover_2 .s_carousel .carousel-indicators, .s_cover_1 .s_carousel .carousel-indicators, .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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:before, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:before, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:before, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:before, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button:before, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button:hover, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button.active, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button.active, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button.active, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_dots > button.active, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_dots > button.active, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers, .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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-thumb, .s_carousel_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: var(--border-radius-sm); background: var(--IndicatorsNumbers__Scrollbar-color, rgba(255, 255, 255, 0.15)); } .s_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers::-webkit-scrollbar-track, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers:hover, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers:hover::-webkit-scrollbar-thumb, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:hover, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:before, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:before, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:before, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:before, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:before, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:after, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button.active:after, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:first-child, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_quotes_carousel_wrapper[data-vcss='002'] .s_quotes_carousel .carousel-indicators.s_carousel_indicators_numbers button:last-child, .s_carousel_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_testimonial_4 .s_carousel .carousel-indicators.s_carousel_indicators_hidden, .s_testimonial_3 .s_carousel .carousel-indicators.s_carousel_indicators_hidden, .s_cover_2 .s_carousel .carousel-indicators.s_carousel_indicators_hidden, .s_cover_1 .s_carousel .carousel-indicators.s_carousel_indicators_hidden, .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_testimonial_4 .carousel-dark.s_carousel .s_carousel_indicators_numbers, .s_testimonial_3 .carousel-dark.s_carousel .s_carousel_indicators_numbers, .s_cover_2 .carousel-dark.s_carousel .s_carousel_indicators_numbers, .s_cover_1 .carousel-dark.s_carousel .s_carousel_indicators_numbers, .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_testimonial_4 .carousel-dark.s_carousel .s_carousel_indicators_numbers button, .s_testimonial_3 .carousel-dark.s_carousel .s_carousel_indicators_numbers button, .s_cover_2 .carousel-dark.s_carousel .s_carousel_indicators_numbers button, .s_cover_1 .carousel-dark.s_carousel .s_carousel_indicators_numbers button, .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_testimonial_4 .carousel-dark.s_carousel .s_carousel_indicators_numbers button:after, .s_testimonial_3 .carousel-dark.s_carousel .s_carousel_indicators_numbers button:after, .s_cover_2 .carousel-dark.s_carousel .s_carousel_indicators_numbers button:after, .s_cover_1 .carousel-dark.s_carousel .s_carousel_indicators_numbers button:after, .s_quotes_carousel_wrapper[data-vcss='002'] .carousel-dark.s_quotes_carousel .s_carousel_indicators_numbers button:after, .s_carousel_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_testimonial_4 .carousel-dark.s_carousel .s_carousel_indicators_numbers:hover, .s_testimonial_3 .carousel-dark.s_carousel .s_carousel_indicators_numbers:hover, .s_cover_2 .carousel-dark.s_carousel .s_carousel_indicators_numbers:hover, .s_cover_1 .carousel-dark.s_carousel .s_carousel_indicators_numbers:hover, .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_testimonial_4 .s_carousel_controllers_indicators_outside.s_carousel .carousel-control-prev, .s_testimonial_3 .s_carousel_controllers_indicators_outside.s_carousel .carousel-control-prev, .s_cover_2 .s_carousel_controllers_indicators_outside.s_carousel .carousel-control-prev, .s_cover_1 .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-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_testimonial_4 .s_carousel_controllers_indicators_outside.s_carousel .carousel-control-next, .s_testimonial_3 .s_carousel_controllers_indicators_outside.s_carousel .carousel-control-next, .s_cover_2 .s_carousel_controllers_indicators_outside.s_carousel .carousel-control-next, .s_cover_1 .s_carousel_controllers_indicators_outside.s_carousel .carousel-control-next, .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_testimonial_4 .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators, .s_testimonial_3 .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators, .s_cover_2 .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators, .s_cover_1 .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators, .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_testimonial_4 .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators button, .s_testimonial_3 .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators button, .s_cover_2 .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators button, .s_cover_1 .s_carousel_controllers_indicators_outside.s_carousel .carousel-indicators button, .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.27916667rem + 0.35vw); } @media (min-width: 1200px) { .o_header_affixed.o_header_is_scrolled .navbar-brand { font-size: 1.54166667rem; } } .o_header_affixed.o_header_is_scrolled .navbar-brand img { height: 2.3125rem; } .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: !important; box-shadow: !important; } header nav.navbar.o_header_force_no_radius { border-radius: 0 !important; } header.o_header_is_scrolled, header.o_transitioning.o_header_affixed { background-color: transparent !important; } header.o_transformed_not_affixed .o_navbar_mobile { display: none; } .o_grid_header_3_cols { grid-template-columns: 1fr auto 1fr; } .o_grid_header_3_cols_fixed { grid-template-columns: 1fr 33% 1fr; } .o_header_separator > :not(:last-child)::before { content: ''; position: absolute; inset: 0 0 0 100%; width: 2px; height: 50%; margin: auto -0.5rem auto auto; background: var(--HeaderSeparator-bg-color, rgba(var(--emphasis-color-rgb), 0.1)); } .o_border_contrast { border-color: var(--NavLinkWithBackground-bg-color--hover, rgba(var(--emphasis-color-rgb), 0.1)) !important; } .o_mega_menu { width: 100%; padding: 0; margin-top: 0 !important; border-radius: 0; background-clip: unset; background-color: transparent; border: 1px solid var(--o-border-color); } .o_mega_menu .container, .o_mega_menu .o_container_small, .o_mega_menu .container-fluid, .o_mega_menu .container-sm, .o_mega_menu .container-md, .o_mega_menu .container-lg, .o_mega_menu .container-xl, .o_mega_menu .container-xxl { padding-left: 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; } @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; } @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: #FFFFFF; } .o_mega_menu_is_offcanvas div.o_mega_menu { position: fixed !important; inset: 0 0 0 auto !important; display: block; visibility: hidden; margin-top: 3rem !important; border: none; height: calc(100dvh - 3rem); max-height: 100vh; background-color: #FFFFFF; overflow-x: hidden; } .o_mega_menu_is_offcanvas .o_mega_menu_toggle::after { content: '\e83b'; border: none; font-family: 'odoo_ui_icons'; } .o_mega_menu_is_offcanvas .o_mega_menu_left .o_mega_menu { inset: 0 auto 0 0 !important; } @media (min-width: 992px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { left: 50%; transform: translateX(-50%); } } @media (min-width: 576px) { .dropdown-menu.o_mega_menu_container_size, .o_mega_menu_container_size.o_dropdown_menu { max-width: 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; } #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .navbar-toggler-icon { background-color: currentColor; background-image: none; mask: url("data:image/svg+xml,"); -webkit-mask: url("data:image/svg+xml,"); } .js_language_selector .dropdown-menu, .js_language_selector .o_dropdown_menu { min-width: 0; } .js_language_selector a.list-inline-item { padding: 3px 0; } .o_lang_flag { width: 1em; height: 1em; margin-right: 0.2em; border-radius: 50rem; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.429) 1px 1px 1px; } span.list-inline-item.o_add_language:last-child { display: none !important; } .o_figure_relative_layout { position: relative; } .o_figure_relative_layout .figure-img { margin-bottom: 0; } .o_figure_relative_layout .figure-caption { position: absolute; top: auto; left: 0; bottom: 0; right: 0; --background-color: rgba(35, 47, 62, 0.6); --color: #FFFFFF; background-color: rgba(35, 47, 62, 0.6) !important; color: #FFFFFF; padding: 0.25rem 0.5rem; font-weight: 600; } .o_figure_relative_layout .figure-caption .text-muted, .o_colored_level .o_figure_relative_layout .figure-caption .text-muted { color: rgba(255, 255, 255, 0.7) !important; } .o_figure_relative_layout .figure-caption a { color: inherit; } .bg-primary-light { background-color: rgba(0, 128, 255, 0.1); } .bg-secondary-light { background-color: rgba(123, 222, 255, 0.1); } .bg-success-light { background-color: rgba(40, 167, 69, 0.1); } .bg-info-light { background-color: rgba(23, 162, 184, 0.1); } .bg-warning-light { background-color: rgba(255, 193, 7, 0.1); } .bg-danger-light { background-color: rgba(220, 53, 69, 0.1); } .bg-light-light { background-color: rgba(249, 250, 254, 0.1); } .bg-dark-light { background-color: rgba(35, 47, 62, 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(0, 128, 255, 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 #DEE2E6; 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: #DEE2E6; background-color: #FFFFFF; background-clip: padding-box; color: #4d5b7c; } @media (prefers-reduced-motion: reduce) { .input-group-text.input-group-text-subtle { transition: none; } } .input-group-text.input-group-text-subtle > * { color: rgba(77, 91, 124, 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: var(--border-radius); padding: 0.375rem 0.75rem; } .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: 0 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"; } /* /stock/static/src/scss/stock_traceability_report.scss */ .o_stock_reports_body_print { background-color: white; color: black; } .o_stock_reports_body_print .o_stock_reports_level0 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: bold; border-top-style: solid; border-bottom-style: groove; } .o_main_content .o_stock_reports_page { position: absolute; } .o_stock_reports_page { background-color: white; } .o_stock_reports_page.o_stock_reports_no_print { margin: 16px auto; padding-top: 24px; padding-right: 16px; padding-bottom: 24px; padding-left: 16px; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_level0 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: normal; border-top-style: solid; border-bottom-style: groove; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_table { white-space: nowrap; margin-top: 30px; } .o_stock_reports_page.o_stock_reports_no_print .o_stock_reports_table thead { display: table-row-group; } .o_stock_reports_page.o_stock_reports_no_print .o_report_line_header { text-align: left; padding-left: 10px; } .o_stock_reports_page.o_stock_reports_no_print .o_report_header { border-top-style: solid; border-top-style: groove; border-bottom-style: groove; border-width: 2px; } .o_stock_reports_page .o_stock_reports_unfolded { display: inline-block; } .o_stock_reports_page .o_stock_reports_nofoldable { margin-left: 17px; } .o_stock_reports_page a.o_stock_report_lot_action { cursor: pointer; } .o_stock_reports_page a.o_stock_report_partner_action { cursor: pointer; } .o_stock_reports_page .o_stock_reports_unfolded td + td { visibility: hidden; } .o_stock_reports_page div.o_stock_reports_web_action, .o_stock_reports_page span.o_stock_reports_web_action, .o_stock_reports_page i.fa, .o_stock_reports_page span.o_stock_reports_unfoldable, .o_stock_reports_page span.o_stock_reports_foldable, .o_stock_reports_page a.o_stock_reports_web_action { cursor: pointer; } .o_stock_reports_page .o_stock_reports_caret_icon { margin-left: -3px; } .o_stock_reports_page th { border-bottom: thin groove; } .o_stock_reports_page .o_stock_reports_level1 { border-width: 2px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: hidden; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_level2 { border-width: 1px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: solid; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_level2 > td > span:last-child { margin-left: 25px; } .o_stock_reports_page .o_stock_reports_default_style { border-width: 0px; border-left-style: hidden; border-right-style: hidden; font-weight: inherit; border-top-style: solid; border-bottom-style: solid; } .o_stock_reports_page .o_stock_reports_default_style > td > span:last-child { margin-left: 50px; } /* /payment/static/src/scss/payment_form.scss */ .o_payment_form .o_outline:hover { border-color: #0080FF; } .o_payment_form .o_outline:not(:first-child):hover { box-shadow: 0 -1px 0 #0080FF; } .o_payment_form .o_outline .o_payment_option_label:before { position: absolute; inset: 0; content: ''; cursor: pointer; } /* /payment/static/src/scss/payment_provider.scss */ .o_form_view .o_payment_provider_desc { margin-top: 10px; } .o_form_view .o_payment_provider_desc ul { list-style-type: none; padding: 0; } .o_form_view .o_payment_provider_desc ul i.fa { margin-right: 5px; } .o_form_view .o_payment_provider_desc ul i.fa.fa-check { color: green; } .o_form_view .o_warning_text { color: #f0ad4e; } /* /payment/static/src/scss/portal_templates.scss */ div[name="o_payment_status_alert"] div > p { margin-bottom: 0; } @media (min-width: 768px) { .o_payment_summary_separator { border-left: 1px solid var(--o-border-color); } } /* /sale/static/src/scss/sale_portal.scss */ .orders_vertical_align { display: flex; align-items: center; } .orders_label_text_align { vertical-align: 15%; } .sale_tbody .o_line_note { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .sale_tbody input.js_quantity { width: 48px; text-align: center; } .sale_tbody div.input-group.w-50.pull-right { width: 100% !important; } .o_portal .sale_tbody .js_quantity_container .js_quantity { padding: 0; } .o_portal .sale_tbody .js_quantity_container .input-group-text { padding: 0.2rem 0.4rem; } @media (max-width: 767.98px) { .o_portal .sale_tbody .js_quantity_container { width: 100%; } } .o_sale_payment_terms p { margin: 0; } /* /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: #4d5b7c; } .js_follow_icons_container .js_unfollow_btn .fa:before { color: #0080FF; } .js_follow_icons_container .js_unfollow_btn:hover .fa:before { content: "\f1f6"; color: #dc3545; } @keyframes js_follow_fade { to { opacity: 1; } } /* /rating/static/src/scss/rating_templates.scss */ .o_rating_page_thank_you { min-height: 80vh; } .o_rating_page_submit .btn-group > .btn:not(:first-child), .o_rating_page_submit .btn-group > .btn-group:not(:first-child) > .btn { margin-left: 0 !important; } .o_rating_page_submit .o_rating_label { opacity: 0.5; border: none !important; } .o_rating_page_submit .o_rating_label:hover { transform: scale(1.1); } .o_rating_page_submit .o_rating_label img.bg-white:hover, .o_rating_page_submit .o_rating_label img.bg-white:focus { background-color: #ffffff !important; } .o_rating_page_submit .btn-check:checked + .o_rating_label { transform: scale(1.2); opacity: 1; } .o_rating_page_submit .btn-check:checked + .o_rating_label img.bg-white:hover, .o_rating_page_submit .btn-check:checked + .o_rating_label img.bg-white:focus { background-color: #ffffff !important; } /* /portal_rating/static/src/scss/portal_rating.scss */ .o_website_rating_static { color: var(--WebsiteRating__star-color, #FACC2E); } #product_details { --WebsiteRating__star-color: currentColor; } .o_website_rating_card_container { } .o_website_rating_card_container .o_message_counter { color: #495057; } .o_website_rating_card_container table.o_website_rating_table { width: 100%; overflow: visible; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_star_num { min-width: 50px; white-space: nowrap; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress { min-width: 120px; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress > .progress { margin-bottom: 2px; margin-left: 5px; margin-right: 5px; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_progress .o_rating_progressbar { background-color: #FACC2E; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_percent { text-align: right; padding-left: 5px; font-size: 0.765625rem; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_reset .o_website_rating_selection_reset { color: #dc3545; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_row:not(.o_website_rating_table_row_selected) { cursor: pointer; } .o_website_rating_card_container table.o_website_rating_table .o_website_rating_table_row td { padding-bottom: 0.4rem; } .o-mail-Composer-starCard { width: max-content; } .o-mail-Composer-starCard .o-mail-Composer-stars { display: inline-flex; color: #FACC2E; margin-right: 15px; } .o_rating_popup_composer .o_rating_clickable { cursor: pointer; } .o_rating_popup_composer .o_portal_chatter_avatar { margin-right: 10px; } /* /delivery/static/src/js/location_selector/location_selector_dialog/location_selector_dialog.scss */ @media (min-width: 768px) { .o_location_selector .o_location_selector_view { opacity: 1; } } @media (max-width: 767.98px) { .o_location_selector .o_location_selector_view { border-left: 0 !important; } } .o_location_selector .o_location_selector_number { width: 3ch; font-variant-numeric: tabular-nums; } .o_location_selector .o_location_selector_details { transform: translateY(-100%); } .o_location_selector .collapsed i.o_location_selector_hours_caret { transform: rotate(180deg) !important; } .o_location_selector .o_location_selector_mobile_tab.active { font-weight: 600; --border-color: #0080FF; } .o_location_selector .modal-footer, .modal.o_modal_full .o_location_selector.modal-content .modal-footer { padding: 0; box-shadow: none; } .o_location_selector .o_location_selector_schedule { grid-template-columns: auto 1fr; } .o_location_selector .o_location_selector_schedule_hours { gap: 0 1rem; } /* /delivery/static/src/js/location_selector/map/map.scss */ .o_location_selector_marker_icon { --LocationSelectorMarker-border-color: #a6adbe; --LocationSelectorMarker-background: #FFFFFF; --LocationSelectorMarker-color: #4d5b7c; } .o_location_selector_marker_icon_selected { --LocationSelectorMarker-border-color: #80c0ff; --LocationSelectorMarker-background: #0080FF; --LocationSelectorMarker-color: #FFFFFF; } .o_location_selector_map { min-height: 25vh; } /* /website_sale/static/src/scss/product_tile.scss */ .oe_product_cart { position: relative; flex-direction: var(--o-wsale-card-flex-direction, column); align-items: var(--o-wsale-card-flex-align-items); height: var(--o-wsale-card-height); border: var(--border-width) solid var(--o-wsale-card-border-color, #DEE2E6); border-width: var(--o-wsale-card-border-width, 0); border-radius: var(--o-wsale-card-border-radius); padding: var(--o-wsale-card-padding, 0); background-color: var(--o-wsale-card-bg); box-shadow: var(--o-wsale-card-shadow); color: var(--o-wsale-card-color, var(--o-wsale-card-cc-text)); text-align: var(--o-wsale-card-text-align); transform: var(--o-wsale-card-transform); transition: var(--o-wsale-card-transition); margin-left: var(--o-wsale-card-margin-x); margin-right: var(--o-wsale-card-margin-x); width: 100%; container: oe_product_cart / inline-size; } .oe_product_cart:before { position: absolute; top: var(--o-wsale-card-pseudobg-y, MIN(-0.5rem, calc(var(--o-wsale-products-grid-gap-y) / 2))); left: var(--o-wsale-card-pseudobg-x, calc(var(--o-wsale-products-grid-gap) * -0.5)); bottom: var(--o-wsale-card-pseudobg-y, MIN(-0.5rem, calc(var(--o-wsale-products-grid-gap-y) / 2))); right: var(--o-wsale-card-pseudobg-x, calc(var(--o-wsale-products-grid-gap) * -0.5)); background-color: var(--o-wsale-card-pseudobg-color); border-radius: var(--o-wsale-card-pseudobg-radius, var(--o-wsale-card-border-radius, 0)); opacity: var(--o-wsale-card-pseudobg-opacity); transform: var(--o-wsale-card-pseudobg-transform); transition: var(--o-wsale-card-pseudobg-transition); box-shadow: var(--o-wsale-card-pseudobg-shadow); z-index: -1; content: var(--o-wsale-card-pseudobg); } .oe_product_cart:hover, .oe_product_cart:has(:focus-visible) { z-index: 1; border-color: var(--o-wsale-card-border-color-hover, var(--o-wsale-card-border-color, #DEE2E6)); transform: var(--o-wsale-card-transform-hover); box-shadow: var(--o-wsale-card-shadow-hover); } .oe_product_cart:hover:before, .oe_product_cart:has(:focus-visible):before { transform: var(--o-wsale-card-pseudobg-transform); transition: var(--o-wsale-card-pseudobg-transition-hover); opacity: var(--o-wsale-card-pseudobg-opacity-hover); box-shadow: var(--o-wsale-card-pseudobg-shadow-hover); } .oe_product_cart:hover .oe_product_image, .oe_product_cart:has(:focus-visible) .oe_product_image { --o-wsale-card-thumb-shadow: var(--o-wsale-card-thumb-shadow-hover); --o-wsale-card-thumb-transform: var(--o-wsale-card-thumb-transform-hover); transition: var(--o-wsale-card-thumb-transition-hover, var(--o-wsale-card-thumb-transition)); } .oe_product_cart:hover .o_wsale_product_information, .oe_product_cart:has(:focus-visible) .o_wsale_product_information { transform: var(--o-wsale-card-info-transform-hover); transition: var(--o-wsale-card-info-transition-hover); } .oe_product_cart .oe_product_image { min-width: var(--o-wsale-card-thumb-size); width: var(--o-wsale-card-thumb-size); border-radius: var(--o-wsale-card-thumb-border-radius, inherit); box-shadow: var(--o-wsale-card-thumb-shadow); background: var(--o-wsale-card-thumb-background, #F8F9FA); transform: var(--o-wsale-card-thumb-transform); transition: var(--o-wsale-card-thumb-transition); flex-shrink: 0; } .oe_product_cart .oe_product_image:has(.oe_product_image_link:focus-visible) { outline: 1px auto; } .oe_product_cart .oe_product_image_link { display: block; width: 100%; max-height: 80vh; aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1); min-height: var(--o-wsale-card-thumb-min-heigh); } .oe_product_cart .oe_product_image_link .oe_product_image_img_wrapper.oe_product_image_img_wrapper_secondary { display: var(--o-wsale-card-img-wrapper-secondary-display, none); } .oe_product_cart .oe_product_image_link .oe_product_image_img, .oe_product_cart .oe_product_image_link .oe_product_image_img_secondary { position: absolute; object-fit: var(--o-wsale-card-thumb-fill-mode, contain); object-position: var(--o-wsale-card-thumb-position, center); background-size: var(--o-wsale-card-thumb-fill-mode, contain); background-position: var(--o-wsale-card-thumb-position, center); background-repeat: var(--o-wsale-card-thumb-repeat, no-repeat); } @media (min-width: 992px) { .oe_product_cart .oe_product_image_link .oe_product_image_img_wrapper { inset: 0 0; position: absolute; } .oe_product_cart .oe_product_image_link .oe_product_image_img { transform: var(--o-wsale-card-img-transform); transition: var(--o-wsale-card-img-transition); } .oe_product_cart .oe_product_image_link .oe_product_image_img_secondary { transform: var(--o-wsale-card-img-secondary-transform); transition: var(--o-wsale-card-img-secondary-transition); opacity: var(--o-wsale-card-img-secondary-opacity, 0); } .oe_product_cart .oe_product_image_link:hover .oe_product_image_img_wrapper .oe_product_image_img, .oe_product_cart .oe_product_image_link:focus-visible .oe_product_image_img_wrapper .oe_product_image_img { transform: var(--o-wsale-card-img-transform-hover, var(--o-wsale-card-img-transform)); transition: var(--o-wsale-card-img-transition-hover, var(--o-wsale-card-img-transition)); opacity: var(--o-wsale-card-img-opacity-hover, var(--o-wsale-card-img-opacity)); } .oe_product_cart .oe_product_image_link:hover .oe_product_image_img_wrapper .oe_product_image_img_secondary, .oe_product_cart .oe_product_image_link:focus-visible .oe_product_image_img_wrapper .oe_product_image_img_secondary { transform: var(--o-wsale-card-img-secondary-transform-hover, var(--o-wsale-card-img-secondary-transform)); transition: var(--o-wsale-card-img-secondary-transition-hover, var(--o-wsale-card-img-secondary-transition)); opacity: var(--o-wsale-card-img-secondary-hover, var(--o-wsale-card-img-secondary-opacity)); } } .oe_product_cart .oe_product_image_link:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--o-wsale-card-overlay-background); border-radius: var(--o-wsale-card-overlay-radius, inherit); opacity: var(--o-wsale-card-overlay-opacity); transform: var(--o-wsale-card-overlay-transform); transition: var(--o-wsale-card-overlay-transition); content: var(--o-wsale-card-overlay); } .oe_product_cart .o_wsale_product_info_attributes_wrapper { display: var(--o-wsale-card-info-attributes-display, contents); justify-content: var(--o-wsale-card-info-attributes-justify-content); flex-direction: column; padding: 0.5rem 0; margin-right: var(--o-wsale-card-info-attributes-margin-right, auto); } .oe_product_cart .o_wsale_product_information { display: flex; position: var(--o-wsale-card-info-position, relative); inset: var(--o-wsale-card-info-inset); flex-direction: var(--o-wsale-card-info-flex-direction, column); align-items: var(--o-wsale-card-info-flex-align-items); gap: var(--o-wsale-card-info-gap); margin: var(--o-wsale-card-info-margin); padding: var(--o-wsale-card-info-padding, 0.5rem 0); transform: var(--o-wsale-card-info-transform); transition: var(--o-wsale-card-info-transition); font-size: var(--o-wsale-card-info-font-size, clamp(12px, calc(0.5rem + 3.3cqw), 1.2rem)); } .oe_product_cart .o_wsale_attribute_previewer { width: var(--o-wsale-card-attribute-previewer-width, 100%); justify-content: var(--o-wsale-card-attribute-previewer-justify-content); padding: var(--o-wsale-card-attribute-previewer-padding, 0 0 1rem); order: var(--o-wsale-card-attribute-previewer-order, 2); } .oe_product_cart .o_wsale_attribute_previewer a.o_product_variant_preview:has(.btn) { max-width: 40%; } .oe_product_cart .o_wsale_attribute_previewer a.o_product_variant_preview:has(.css_attribute_preview_thumbnail) { width: var(--o-wsale-card-attribute-previewer-thumbnail-width, 14%); min-width: 2.6rem; } .oe_product_cart .o_wsale_attribute_previewer a.o_product_variant_preview:has(.css_attribute_preview_thumbnail) * { width: 100%; height: 100%; } .oe_product_cart .o_wsale_attribute_previewer .css_attribute_preview_thumbnail { border: 1px solid var(--o-border-color); border-radius: var(--o-wsale-card-attribute-previewer-thumbnail-border-radius, 0.25rem); aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1/1); transition: border-color 0.05s ease-in-out; } .oe_product_cart .o_wsale_attribute_previewer .css_attribute_preview_thumbnail:hover { border-color: #0080FF; } .oe_product_cart .o_wsale_attribute_previewer .btn { border: 1px solid var(--o-border-color); } .oe_product_cart .o_wsale_attribute_previewer .btn:hover { border-color: #0080FF; } @media (max-width: 575.98px) { .oe_product_cart .o_wsale_attribute_previewer .css_attribute_color { --o-wsale-css-attribute-color__size: 1.6rem; } } .oe_product_cart .o_wsale_product_information_text { flex: var(--o-wsale-card-info-text-flex); width: var(--o-wsale-card-info-text-width); margin: var(--o-wsale-card-info-text-margin); order: var(--o-wsale-card-info-order, 4); } .oe_product_cart .o_wsale_products_item_title { font-size: var(--o-wsale-card-info-title-font-size, 1.1em); font-weight: var(--o-wsale-card-info-title-font-weight, 500); margin-bottom: var(--o-wsale-card-info-title-margin-bottom, 0.5rem); } .oe_product_cart .o_wsale_products_item_title > a { color: var(--o-wsale-card-cc-link, #0080FF); } .oe_product_cart .oe_subdescription_wrapper { display: var(--o-wsale-card-info-description-display, none); } .oe_product_cart .oe_subdescription { margin-bottom: var(--o-wsale-card-info-description-margin-bottom, 0.5rem); } .oe_product_cart .oe_subdescription div { font-size: var(--o-wsale-card-info-description-font-size, CLAMP(12px, 0.86em, 0.86rem)); } body:not(.editor_enable) .oe_product_cart .oe_subdescription div:empty { display: none; } .oe_product_cart .text-muted { --secondary-color: var(--o-wsale-card-info-muted, var(--o-wsale-card-cc-muted)); } .oe_product_cart .oe_subdescription.text-muted > div { color: var(--o-wsale-card-info-muted, var(--o-wsale-card-cc-muted)) !important; } .oe_product_cart .o_wsale_product_rating_wrapper { --WebsiteRating__star-color: currentColor; display: var(--o-wsale-card-rating-display, none); } .oe_product_cart .o_wsale_product_rating_wrapper .fa-star-o, .oe_product_cart .o_wsale_product_rating_wrapper small.text-muted, .oe_product_cart .o_wsale_product_rating_wrapper .text-muted.small { opacity: 0.5; } .oe_product_cart .o_wsale_product_rating_wrapper small.text-muted, .oe_product_cart .o_wsale_product_rating_wrapper .text-muted.small { font-size: 0.775em; color: currentColor !important; } .oe_product_cart .o_wsale_product_sub { display: var(--o-wsale-card-sub-display, flex); flex-direction: var(--o-wsale-card-sub-flex-direction, row); align-items: var(--o-wsale-card-sub-align-items, end); flex-wrap: var(--o-wsale-card-sub-wrap, wrap); width: var(--o-wsale-card-sub-width); order: var(--o-wsale-card-sub-order, 6); flex-grow: var(--o-wsale-card-sub-flex-grow); } .oe_product_cart .product_price, .oe_product_cart .o_wish_price { display: var(--o-wsale-card-price-display); flex-direction: var(--o-wsale-card-price-flex-direction); flex-basis: var(--o-wsale-card-price-flex-basis); justify-content: var(--o-wsale-card-price-justify-content); gap: 0 0.5rem; min-width: var(--o-wsale-card-price-min-width); font-size: var(--o-wsale-card-price-font-size, 0.94em); order: var(--o-wsale-card-price-order, 6); flex-wrap: wrap; } .oe_product_cart .o_wsale_product_btn { display: flex; white-space: nowrap; inset: var(--o-wsale-card-btns-inset); width: var(--o-wsale-card-btns-width); flex-direction: var(--o-wsale-card-btns-flex-direction, row); justify-content: var(--o-wsale-card-btns-justify-content); align-items: var(--o-wsale-card-btns-align-items); gap: var(--o-wsale-card-btns-gap); margin-bottom: var(--o-wsale-card-btns-margin-bottom, var(--o-wsale-products-grid-gap)); order: var(--o-wsale-card-btns-order, 8); font-size: var(--o-wsale-card-btns-font-size, clamp(12px, 9cqw, 1rem)); } .oe_product_cart .o_wsale_product_btn .btn { --btn-padding-x: 0.8em; flex-grow: var(--o-wsale-card-btns-btn-flex-grow); font-size: var(--o-wsale-card-btns-btn-font-size, var(--btn-font-size)); min-height: var(--o-wsale-card-btns-btn-min-height); align-items: center; justify-content: center; } .oe_product_cart .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { aspect-ratio: var(--o-wsale-card-btn-aspect-ratio); padding-left: var(--o-wsale-card-btn-padding-x, var(--btn-padding-x)); padding-right: var(--o-wsale-card-btn-padding-x, var(--btn-padding-x)); } .oe_product_cart .o_wsale_product_btn .btn:where(.o_wsale_product_btn_primary) { display: var(--o-wsale-card-btn-submit-display, none); order: var(--o-wsale-card-btn-submit-order); flex-grow: var(--o-wsale-card-btn-submit-flex-grow); aspect-ratio: var(--o-wsale-card-btn-submit-aspect-ratio); margin: var(--o-wsale-card-btn-submit-margin); padding-left: var(--o-wsale-card-btn-submit-padding-x, var(--btn-padding-x)); padding-right: var(--o-wsale-card-btn-submit-padding-x, var(--btn-padding-x)); } .oe_product_cart .o_wsale_product_btn .btn:where(.o_wsale_product_btn_primary) .o_label { display: var(--o-wsale-card-btn-submit-label-display, var(--o-wsale-card-btn-label-display)); font-size: var(--o-wsale-card-btn-submit-label-font-size, 0.8em); line-height: 1; } .oe_product_cart .o_wsale_product_btn:empty { display: none !important; } .oe_product_cart .o_wsale_product_action_row { display: contents; padding: var(--o-wsale-card-btns-row-padding, 0.5rem); } .oe_product_cart .o_product_link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .oe_product_cart .btn:focus-visible { outline: 1px auto; } .oe_product_cart .o_label { display: var(--o-wsale-card-btn-label-display); } .oe_product_cart .o_carousel_product_remove { --btn-padding-x: 0.5rem; --btn-padding-y: var(--btn-padding-x); --o-wsale-wishlist-card-offset-top: calc(var(--o-wsale-card-offset-top) + var(--btn-padding-y)); --o-wsale-wishlist-card-offset-x: calc(var(--o-wsale-card-offset-x) + var(--btn-padding-x)); --o-wsale-wishlist-btn-offset-top-default: calc(var(--o-wsale-card-border-radius, 0px) * 0.1 + var(--btn-padding-y)); --o-wsale-wishlist-btn-offset-end-default: calc(var(--o-wsale-card-border-radius, 0px) * 0.2 + var(--btn-padding-x)); position: absolute; top: var(--o-wsale-wishlist-card-offset-top, var(--o-wsale-wishlist-btn-offset-top-default)); left: auto; bottom: auto; right: var(--o-wsale-wishlist-card-offset-x, var(--o-wsale-wishlist-btn-offset-end-default)); --btn-color: #212529; --btn-bg: #FFFFFF; --btn-border-color: #e4e6eb; --btn-hover-color: #212529; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(77, 91, 124, 0.8); --btn-focus-shadow-rgb: 199, 201, 206; --btn-active-color: #212529; --btn-active-bg: white; --btn-active-border-color: #e7e9ed; --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: #e4e6eb; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); aspect-ratio: 1; } .o_wsale_products_opt_has_cta { --o-wsale-card-btn-submit-display: inline-flex; } .o_wsale_products_opt_has_cta.o_wsale_products_opt_actions_onhover { --o-wsale-card-btn-submit-display: flex; } .o_wsale_products_opt_has_description { --o-wsale-card-info-description-display: block; } .o_wsale_products_opt_has_rating { --o-wsale-card-rating-display: block; } .o_wsale_products_opt_layout_catalog, .o_wsale_products_opt_layout_list { --o-wsale-products-grid-gap-y: calc(var(--o-wsale-products-grid-gap, 16px) * var(--o-wsale-products-grid-gap-y-multiplier ,1.25)); --gap: var(--o-wsale-products-grid-gap-y) var(--o-wsale-products-grid-gap, 16px); } @media (min-width: 992px) { .o_wsale_products_opt_layout_catalog .o_has_variations .o_wsale_attribute_previewer { position: absolute; left: calc(var(--o-wsale-card-offset-x) + 0.5rem); transform: translateY(-100%); } .o_wsale_products_opt_layout_catalog .o_has_variations .o_wsale_attribute_previewer.show_on_hover { padding: 1rem 0.25rem; } .o_wsale_products_opt_layout_catalog .o_has_variations:where(:not(:hover)):where(:not(:focus-visible)) .o_wsale_attribute_previewer.show_on_hover { visibility: hidden; pointer-events: none; } } @media (max-width: 991.98px) { .o_wsale_products_opt_layout_catalog.o_wsale_products_opt_actions_onhover .o_wsale_product_btn { visibility: hidden; } } @container (max-width: 180px) { .o_wsale_products_opt_layout_catalog:where(.o_wsale_products_opt_actions_inline:not(.o_wsale_products_opt_wishlist_fixed):not(.o_wsale_products_opt_wishlist_fixed_onhover)):where(:not(.o_wsale_products_opt_has_wishlist)) .o_wsale_product_btn:where(:not(:has(.o_add_compare))) { --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-flex-grow: 0; --o-wsale-card-btn-submit-aspect-ratio: 1; --o-wsale-card-btn-submit-margin: 0 auto 0 0; --o-wsale-card-btn-submit-padding-x: 0; } } @container (max-width: 245px) { .o_wsale_products_opt_layout_catalog:where(.o_wsale_products_opt_actions_inline:not(.o_wsale_products_opt_wishlist_fixed):not(.o_wsale_products_opt_wishlist_fixed_onhover)):where(.o_wsale_products_opt_has_comparison) .o_wsale_product_btn:where(:has(.o_add_compare)), .o_wsale_products_opt_layout_catalog:where(.o_wsale_products_opt_actions_inline:not(.o_wsale_products_opt_wishlist_fixed):not(.o_wsale_products_opt_wishlist_fixed_onhover)):where(.o_wsale_products_opt_has_wishlist) .o_wsale_product_btn:where(:has(.o_add_wishlist)) { --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-flex-grow: 0; --o-wsale-card-btn-submit-aspect-ratio: 1; --o-wsale-card-btn-submit-margin: 0 auto 0 0; --o-wsale-card-btn-submit-padding-x: 0; } } @container (max-width: 265px) { .o_wsale_products_opt_layout_catalog:where(.o_wsale_products_opt_actions_inline:not(.o_wsale_products_opt_wishlist_fixed):not(.o_wsale_products_opt_wishlist_fixed_onhover)):where(.o_wsale_products_opt_has_wishlist.o_wsale_products_opt_has_comparison) .o_wsale_product_btn:where(:has(.o_add_wishlist):has(.o_add_compare)) { --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-flex-grow: 0; --o-wsale-card-btn-submit-aspect-ratio: 1; --o-wsale-card-btn-submit-margin: 0 auto 0 0; --o-wsale-card-btn-submit-padding-x: 0; } } .o_wsale_products_opt_layout_list { --o-wsale-card-flex-direction: row; --o-wsale-card-flex-align-items: start; --o-wsale-card-info-flex-direction: row; --o-wsale-card-info-flex-align-items: center; --o-wsale-card-info-margin: auto 0; --o-wsale-card-info-gap: 1rem; --o-wsale-card-info-padding: 0 1rem; --o-wsale-card-attribute-previewer-width: 14vw; --o-wsale-card-attribute-previewer-justify-content: start; --o-wsale-card-attribute-previewer-padding: 0; --o-wsale-card-attribute-previewer-order: 5; --o-wsale-card-thumb-size: 100px; --o-wsale-card-btns-gap: 0.25rem; --o-wsale-card-btns-margin: 0; --o-wsale-card-btns-margin-bottom: 0; --o-wsale-card-btn-submit-label-display: inline; --o-wsale-comparison-btn-order: -1; } .o_wsale_products_opt_layout_list .oe_product { grid-column: span 12; grid-row: span 1; } @media (max-width: 767.98px) { .o_wsale_products_opt_layout_list { --o-wsale-card-info-flex-direction: column; --o-wsale-card-info-flex-align-items: start; --o-wsale-card-info-gap: 0; --o-wsale-card-info-padding: 0 0 0 0.5rem; --o-wsale-card-attribute-previewer-width: 50vw; --o-wsale-card-sub-width: 100%; --o-wsale-card-attribute-previewer-padding: 0 0 0.5rem; } .o_wsale_products_opt_layout_list .product_price > span, .o_wsale_products_opt_layout_list .product_price > del { display: block; text-align: start; } } .o_wsale_products_opt_design_thumbs { --o-wsale-card-border-width: 0; --o-wsale-card-info-padding: 1rem 0 0; --o-wsale-card-border-radius: 0px; --o-wsale-card-thumb-border-radius: var(--o-wsale-opt-border-radius); --o-wsale-card-offset-top: calc(var(--o-wsale-opt-border-radius, 0px) * 0.1); --o-wsale-card-offset-x: calc(var(--o-wsale-opt-border-radius, 0px) * 0.2); } .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_catalog { --o-wsale-products-grid-gap-y-multiplier: 2; --o-wsale-card-info-padding: 0.5rem 0; } .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-border-width: 0 0 1px; --o-wsale-card-padding: 0 0 var(--o-wsale-products-grid-gap); --o-wsale-card-info-padding: 0 0 0 0.5rem; --o-wsale-card-info-attributes-display: flex; --o-wsale-card-attribute-previewer-width: 100%; --o-wsale-card-sub-display: contents; --o-wsale-card-price-display: flex; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: inline; --o-wsale-card-btn-submit-order: 1; } @media (max-width: 575.98px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-btn-submit-order: 1; } } @media (max-width: 767.98px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-info-attributes-display: contents; } } @media (min-width: 768px) and (max-width: 1199.98px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-info-text-width: 200px; --o-wsale-card-btn-submit-order: -2; --o-wsale-card-btns-flex-direction: column; } } @media (min-width: 768px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list .product_price, .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list .o_wish_price { margin: auto; } } @media (min-width: 1200px) { .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list { --o-wsale-card-info-text-width: 360px; } .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list:where(.o_wsale_products_opt_has_comparison):where(:has(.o_add_compare)), .o_wsale_products_opt_design_thumbs.o_wsale_products_opt_layout_list:where(:has(.o_add_to_compare)) { --o-wsale-comparison-btn-placeholder-display: inline-block; } } .o_wsale_products_opt_design_cards { --_padding-base: 0.5rem; --o-wsale-card-border-width: 1px; --o-wsale-card-info-padding: 0.5rem var(--_padding-base) var(--_padding-base); --o-wsale-card-info-grow: 1; --o-wsale-card-border-radius: var(--o-wsale-opt-border-radius, 0px); --o-wsale-card-pseudobg-y: 0; --o-wsale-card-pseudobg-x: 0; --o-wsale-card-btns-margin-bottom: 0; --o-wsale-card-thumb-border-radius: MAX(0px, calc(var(--o-wsale-card-border-radius) - 1px)) MAX(0px, calc(var(--o-wsale-card-border-radius) - 1px)) 0 0; } .o_wsale_products_opt_design_cards:where(.o_wsale_products_opt_rounded_5) { --_padding-base: min(1rem, max(calc(var(--o-wsale-opt-border-radius) - var(--btn-border-radius)), 0.5rem)); } .o_wsale_products_opt_design_cards:where(.o_wsale_products_opt_rounded_5).o_wsale_products_opt_actions_onhover { --o-wsale-card-info-padding: 0.5rem var(--_padding-base); } .o_wsale_products_opt_design_cards.o_wsale_products_opt_actions_inline:where(:not(.o_wsale_products_opt_rounded_0)) { --o-wsale-card-info-padding: 0.5rem max(var(--_padding-base), calc(var(--o-wsale-opt-border-radius) - max(var(--btn-border-radius), var(--_padding-base)))) var(--_padding-base); } .o_wsale_products_opt_design_cards.o_wsale_products_opt_layout_list { --o-wsale-card-flex-align-items: stretch; --o-wsale-card-padding: 0; --o-wsale-card-thumb-min-heigh: 100%; --o-wsale-card-thumb-size: min(13rem, 30vw); --o-wsale-card-thumb-border-radius: MAX(0px, calc(var(--o-wsale-opt-border-radius, 0px) - 1px)) 0 0 MAX(0px, calc(var(--o-wsale-opt-border-radius, 0px) - 1px)); --o-wsale-card-thumb-position: center; --o-wsale-card-sub-display: contents; --o-wsale-card-info-margin: 0px; --o-wsale-card-info-flex-direction: column; --o-wsale-card-info-flex-align-items: start; --o-wsale-card-info-gap: 0.5rem; --o-wsale-card-info-title-margin-bottom: 0; --o-wsale-card-info-padding: 1rem; --o-wsale-card-btns-flex-direction: row; --o-wsale-card-sub-flex-direction: column; --o-wsale-card-sub-align-items: start; --o-wsale-card-price-display: flex; --o-wsale-card-price-gap: 0.5rem; --o-wsale-card-attribute-previewer-width: 100%; --o-wsale-card-attribute-previewer-order: 7; --o-wsale-card-attribute-previewer-padding: 0 0 0.5rem; --o-wsale-card-attribute-previewer-thumbnail-width: MIN(14%, 3rem); --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: inline; --o-wsale-card-btn-submit-order: -2; } .o_wsale_products_opt_design_cards.o_wsale_products_opt_layout_list .o_wsale_product_btn { margin-top: auto; } .o_wsale_products_opt_design_cards.o_wsale_products_opt_layout_list.o_wsale_products_opt_has_description { --o-wsale-card-info-title-margin-bottom: 0.25rem; --o-wsale-card-info-description-margin-bottom: 0; } .o_wsale_products_opt_design_chips { --_padding-base: calc(0.5rem + calc(var(--o-wsale-products-grid-gap) * 0.25)); --o-wsale-card-info-position: none; --o-wsale-card-border-width: 1px; --o-wsale-card-border-radius: var(--o-wsale-opt-border-radius, 0px); --o-wsale-card-info-padding: 0.5rem 0 0 0; --o-wsale-card-padding: var(--_padding-base); --o-wsale-card-btns-row-padding: 0; --o-wsale-card-btns-margin-bottom: 0; --o-wsale-card-pseudobg-y: 0; --o-wsale-card-pseudobg-x: 0; --o-wsale-card-btns-inset: var(--_padding-base) var(--_padding-base) auto var(--_padding-base); --o-wsale-card-offset-top: var(--_padding-base); --o-wsale-card-offset-x: var(--_padding-base); } .o_wsale_products_opt_design_chips.o_wsale_products_opt_actions_onhover { --o-wsale-card-btns-inset: var(--o-wsale-card-offset-top) var(--o-wsale-card-offset-x) auto var(--o-wsale-card-offset-x); } .o_wsale_products_opt_design_chips:where(:not(.o_wsale_products_opt_rounded_0)) { --o-wsale-card-thumb-border-radius: max(var(--border-radius-sm), calc(var(--o-wsale-opt-border-radius) - var(--_padding-base))); --_offset-top: calc(var(--o-wsale-card-thumb-border-radius) * 0.1); --_offset-h: calc(var(--o-wsale-card-thumb-border-radius) * 0.2); --o-wsale-card-offset-top: calc(var(--_padding-base) + var(--_offset-top)); --o-wsale-card-offset-x: calc(var(--_padding-base) + var(--_offset-h)); --o-wsale-ribbon-badge-offset-x: calc(0.5rem + var(--_offset-h)); } .o_wsale_products_opt_design_chips:where(:not(.o_wsale_products_opt_rounded_0)).o_wsale_products_opt_actions_inline { --o-wsale-card-info-padding: 0.5rem 0 min(0.5rem, calc(var(--o-wsale-opt-border-radius) - calc(var(--_padding-base) + var(--btn-border-radius)))) 0; } @media (min-width: 992px) { .o_wsale_products_opt_design_chips .o_wsale_attribute_previewer { width: calc(100% - (var(--o-wsale-card-offset-x) + 0.5rem) * 2); } } .o_wsale_products_opt_design_grid { --o-wsale-card-height: 100%; --o-wsale-card-border-width: 0 1px 1px 0; --o-wsale-card-info-padding: 0.5rem; --o-wsale-card-info-grow: 1; --o-wsale-card-border-radius: 0px !important; --o-wsale-card-padding: calc(var(--o-wsale-products-grid-gap-y) * 0.5) calc(var(--o-wsale-products-grid-gap, 16px) * 0.5); --o-wsale-topbar-padding-left: 15px; --o-wsale-topbar-padding-right: calc(var(--o-wsale-container-fluid-padding-xl, var(--gutter-x)) * 0.5); --o-wsale-topbar-border-width: 0 0 1px; --o-border-color: #dee2e6; --border-color: #dee2e6; --gap: 0px; --o-wsale-card-attribute-previewer-thumbnail-border-radius: 0; --o-wsale-card-offset-top: 0px; --o-wsale-card-offset-x: 0px; } .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-info-attributes-display: flex; --o-wsale-card-info-margin: 0; --o-wsale-card-attribute-previewer-width: var(--o-wsale-card-info-text-width); --o-wsale-card-sub-display: contents; --o-wsale-card-price-display: flex; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: inline; --o-wsale-card-btns-align-items: center; --o-wsale-card-info-attributes-justify-content: start; } @media (max-width: 767.98px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-info-attributes-display: contents; } } @media (min-width: 768px) and (max-width: 1199.98px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-btns-flex-direction: column; --o-wsale-card-btns-justify-content: center; --o-wsale-card-btns-align-items: none; --o-wsale-card-btn-submit-order: -2; } } @media (min-width: 768px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-info-text-width: 200px; --o-wsale-card-price-flex-basis: 100%; --o-wsale-card-info-attributes-justify-content: center; } .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list .product_price, .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list .o_wish_price { margin: auto; } } @media (min-width: 1200px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-btn-submit-order: 1; --o-wsale-card-info-text-width: 280px; } .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list:where(.o_wsale_products_opt_has_comparison):where(:has(.o_add_compare)), .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list:where(:has(.o_add_to_compare)) { --o-wsale-comparison-btn-placeholder-display: inline-block; } } @media (min-width: 1400px) { .o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list { --o-wsale-card-info-text-width: 360px; } } .o_wsale_products_opt_design_showcase { --o-wsale-card-thumb-size: 100%; --o-wsale-card-border-radius: var(--o-wsale-opt-border-radius, 0); --o-wsale-card-thumb-border-radius: var(--o-wsale-opt-border-radius, 0); --o-wsale-card-img-wrapper-secondary-display: none !important; --o-wsale-card-info-position: absolute; --o-wsale-card-info-muted: var(--o-wsale-card-cc-text, inherit); --o-wsale-card-info-inset: 0; --o-wsale-card-info-padding: clamp(4%, calc((var(--o-wsale-card-border-radius) * .7)), 6rem) clamp(3.2%, calc((var(--o-wsale-card-border-radius) * .56)), 4.8rem); --o-wsale-card-info-description-font-size: MAX(0.86em, 1rem); --o-wsale-card-sub-display: contents; --o-wsale-card-thumb-min-height: 50vh; --o-wsale-card-thumb-border-radius: calc(var(--o-wsale-card-border-radius, 1px) - 1px); --o-wsale-card-btn-submit-order: -1; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-aspect-ratio: 1; --o-wsale-card-btns-align-items: baseline; --o-wsale-card-btns-btn-min-height: calc(1em + 1.6em); --o-wsale-card-btn-padding-x: 0; --o-wsale-card-offset-top: 3%; --o-wsale-card-offset-x: 3%; --o-wsale-card-overlay: ""; --o-wsale-card-overlay-background: linear-gradient(-120deg, rgba(var(--o-wsale-card-cc-bg-rgb), .55), rgba(var(--o-wsale-card-cc-bg-rgb), .55), rgba(var(--o-wsale-card-cc-bg-rgb), .66) ); --o-wsale-card-btn-submit-label-font-size: .8em; } .o_wsale_products_opt_design_showcase .oe_product:has(.o_wsale_products_item_title a:hover) .oe_product_image_img_wrapper img, .o_wsale_products_opt_design_showcase .oe_product:has(.o_wsale_products_item_title a:focus-visible) .oe_product_image_img_wrapper img { transform: var(--o-wsale-card-img-transform-hover); transition: var(--o-wsale-card-img-transition-hover); } .o_wsale_products_opt_design_showcase .oe_product .o_wsale_products_item_title a:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; content: ""; cursor: pointer; } .o_wsale_products_opt_design_showcase .oe_product .oe_subdescription_wrapper, .o_wsale_products_opt_design_showcase .oe_product .o_wsale_product_sub > * { z-index: 2; } .o_wsale_products_opt_design_showcase .oe_product .product_price > span, .o_wsale_products_opt_design_showcase .oe_product .product_price > del { display: inline-block; } .o_wsale_products_opt_design_showcase .o_ribbon { z-index: 1; } .o_wsale_products_opt_design_showcase .o_wsale_product_information { display: grid !important; grid-template-areas: "text text" "price ." "buttons variations"; grid-template-rows: auto auto 1fr; grid-template-columns: 1fr 1fr; } .o_wsale_products_opt_design_showcase .o_wsale_product_information_text { grid-area: text; } .o_wsale_products_opt_design_showcase .product_price { grid-area: price; align-self: start; } .o_wsale_products_opt_design_showcase .o_wsale_product_btn { grid-area: buttons; align-self: end; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer { grid-area: variations; align-self: end; justify-self: end; width: 100%; justify-content: end; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .o_product_variant_preview { display: flex; height: 100%; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .o_product_variant_preview .o_wsale_product_ptav_pill { display: flex; align-items: center; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .o_product_variant_preview .o_wsale_product_ptav_pill .o_wsale_product_ptav_pill_label { font-size: var(--o-wsale-card-btn-submit-label-font-size); } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .css_attribute_color { --o-wsale-css-attribute-color__size: var(--o-wsale-product-variant-preview-height); } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer span[name="hidden_ptavs_count"] { --link-color-rgb: var(--o-wsale-card-cc-text-rgb); --link-hover-color-rgb: var(--o-wsale-card-cc-text-rgb); } @media (max-width: 575.98px) { .o_wsale_products_opt_design_showcase { --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: none; } } @media (max-width: 767.98px) { .o_wsale_products_opt_design_showcase { --o-wsale-card-attribute-previewer-padding: 0; } } @media (max-width: 991.98px) { .o_wsale_products_opt_design_showcase { --o-wsale-card-info-title-font-size: calc(1.09375rem + 1.5vw); --o-wsale-card-btn-submit-label-display: inline; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer { --btn-font-size-rfs: 0.875rem; --o-wsale-product-variant-preview-height: MAX(var(--o-wsale-card-btns-btn-min-height), calc(var(--btn-font-size-rfs) + 0.75rem + var(--border-width) * 2)); height: var(--o-wsale-product-variant-preview-height); font-size: var(--btn-font-size-rfs); } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer .o_product_variant_preview .btn { --btn-padding-y: 0.375rem; --btn-padding-x: 0.75rem; --btn-font-size: 0.875rem; --btn-border-radius: 0.375rem; --btn-padding-x: var(--o-wsale-card-btns-btn-padding-x, 0.8em); font-size: var(--btn-font-size); } } @media (min-width: 992px) { .o_wsale_products_opt_design_showcase { --o-wsale-card-info-title-font-size: calc(1.3125rem + 1.5vw); --o-wsale-card-info-padding: clamp(7%, calc((var(--o-wsale-card-border-radius) * .6)), 8rem) clamp(5.6%, calc((var(--o-wsale-card-border-radius) * .48)), 6.4rem); --o-wsale-card-thumb-aspect-ratio: 16/9 !important; --o-wsale-card-btns-gap: 1rem; } .o_wsale_products_opt_design_showcase .o_wsale_attribute_previewer { --o-wsale-product-variant-preview-height: MAX(var(--o-wsale-card-btns-btn-min-height), calc(1rem + 1.09375rem + var(--border-width) * 2)); height: var(--o-wsale-product-variant-preview-height); font-size: 1.09375rem; } .o_wsale_products_opt_design_showcase .btn { --btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-font-size: 1.09375rem; --btn-border-radius: var(--border-radius-lg); --o-wsale-card-btns-btn-font-size: 1.09375rem; --btn-padding-x: var(--btn-padding-y); } } .o_wsale_products_opt_design_condensed { --o-wsale-card-border-width: 0 0 1px; --o-wsale-card-padding: MIN(0.25rem, 1vw) 0 calc(MIN(0.25rem, 1vw) + var(--o-wsale-products-grid-gap)); --o-wsale-card-thumb-size: 3.375rem; --o-wsale-card-thumb-border-radius: var(--o-wsale-opt-border-radius, 0); --o-wsale-card-info-padding: 0 0 0 0.5rem; --o-wsale-card-info-text-width: auto; --o-wsale-card-info-text-margin: 0 auto 0 0; --o-wsale-card-info-description-margin-bottom: 0; --o-wsale-card-price-display: flex; --o-wsale-card-price-flex-direction: column; --o-wsale-card-price-justify-content: end; --o-wsale-card-price-min-width: MAX(9ch, 12cqw); --o-wsale-card-price-font-size: 1rem; --o-wsale-card-attribute-previewer-width: min(40%, 360px); --o-wsale-card-attribute-previewer-justify-content: end; --o-wsale-card-sub-align-items: center; --o-wsale-card-sub-wrap: nowrap; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-order: 1; --o-wsale-card-offset-top: calc(var(--o-wsale-opt-border-radius, 0px) * 0.1); --o-wsale-card-offset-x: calc(var(--o-wsale-opt-border-radius, 0px) * 0.2); } @media (max-width: 767.98px) { .o_wsale_products_opt_design_condensed { --o-wsale-card-info-text-width: 100%; --o-wsale-card-info-text-margin: 0 0 0.5rem 0; --o-wsale-card-attribute-previewer-justify-content: start; --o-wsale-card-sub-align-items: center; } } @media (min-width: 768px) { .o_wsale_products_opt_design_condensed .o_wsale_product_information_text { --o-wsale-card-info-text-flex: 0 1 40%; } .o_wsale_products_opt_design_condensed:where(.o_wsale_products_opt_has_comparison):where(:has(.o_add_compare)), .o_wsale_products_opt_design_condensed:where(:has(.o_add_to_compare)) { --o-wsale-comparison-btn-placeholder-display: inline-block; } } .o_wsale_products_opt_design_condensed .product_price del { margin-right: 0 !important; } .o_wsale_products_opt_rounded_0 { --o-wsale-opt-border-radius: 0px; } .o_wsale_products_opt_rounded_1 { --o-wsale-opt-border-radius: var(--border-radius-sm); } .o_wsale_products_opt_rounded_2 { --o-wsale-opt-border-radius: var(--border-radius); } .o_wsale_products_opt_rounded_3 { --o-wsale-opt-border-radius: var(--border-radius-lg); } .o_wsale_products_opt_rounded_4 { --o-wsale-opt-border-radius: var(--border-radius-xl); } .o_wsale_products_opt_rounded_5 { --o-wsale-opt-border-radius: var(--border-radius-xxl); } .o_wsale_products_opt_hover_background, .o_wsale_products_opt_hover_background_zoom { --o-wsale-card-pseudobg: ""; --o-wsale-card-pseudobg-color: var(--100); --o-wsale-card-pseudobg-opacity-hover: 1; --o-wsale-card-pseudobg-opacity: 0; } .o_wsale_products_opt_hover_background_zoom { --o-wsale-card-pseudobg-transform-hover: scale(.8); --o-wsale-card-pseudobg-transition-hover: all .1s; --o-wsale-card-pseudobg-transform: scale(1); --o-wsale-card-pseudobg-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) .25s; } .o_wsale_products_opt_hover_border_primary:where(.o_wsale_products_opt_design_cards), .o_wsale_products_opt_hover_border_primary:where(.o_wsale_products_opt_design_chips) { --o-wsale-card-border-color-hover: #0080FF; } .o_wsale_products_opt_hover_shadow_out:where(.o_wsale_products_opt_design_cards), .o_wsale_products_opt_hover_shadow_out:where(.o_wsale_products_opt_design_chips) { --o-wsale-card-shadow: 0px calc(var(--o-wsale-products-grid-gap) * 0.25) calc(var(--o-wsale-products-grid-gap) * 0.5) 0 RGBA(0, 0, 0, .15); --o-wsale-card-transform: translateY(-0.125rem); --o-wsale-card-transform-hover: translateY(0); --o-wsale-card-shadow-hover: 1px 1px 0px 0 rgba(0, 0, 0, 0); --o-wsale-card-transition: all .15s; } .o_wsale_products_opt_hover_shadow_in:where(.o_wsale_products_opt_design_cards), .o_wsale_products_opt_hover_shadow_in:where(.o_wsale_products_opt_design_chips) { --o-wsale-card-shadow: 1px 1px 0px 0 rgba(0, 0, 0, 0); --o-wsale-card-transform: translateY(-0.125rem); --o-wsale-card-shadow-hover: 0px calc(var(--o-wsale-products-grid-gap) * 0.25) calc(var(--o-wsale-products-grid-gap) * 0.5) 0 RGBA(0, 0, 0, .15); --o-wsale-card-transform-hover: translateY(0); --o-wsale-card-transition: all .15s; } .o_wsale_products_opt_img_hover_shadow:where(.o_wsale_products_opt_design_thumbs) { --o-wsale-card-thumb-shadow: 0px calc(var(--o-wsale-products-grid-gap) * 0.5) calc(var(--o-wsale-products-grid-gap) * 0.5) 0 RGBA(0, 0, 0, .15); --o-wsale-card-thumb-shadow-hover: 0 0 0 1px rgba(0, 0, 0, .1); --o-wsale-card-thumb-transform: translateY(-0.125rem); --o-wsale-card-thumb-transform-hover: translateY(0); --o-wsale-card-thumb-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) .25s; } .o_wsale_products_opt_text_align_center:where(.o_wsale_products_opt_layout_catalog) { --o-wsale-card-text-align: center ; } .o_wsale_products_opt_name_color_regular .o_wsale_products_item_title a { --text-opacity: 1; color: inherit !important; } .o_wsale_products_opt_name_weight_bold { --o-wsale-card-info-title-font-weight: bold; } .o_wsale_products_opt_name_size_body { --o-wsale-card-info-font-size: var(--body-font-size); --o-wsale-card-info-title-font-size: 1em; --o-wsale-card-price-font-size: .9em; } .o_wsale_products_opt_img_secondary_show .oe_product_cart { --o-wsale-card-img-wrapper-secondary-display: flex; } @media (max-width: 991.98px) { .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary { overflow-x: scroll; overflow-y: hidden; display: flex; flex-direction: row; scroll-snap-type: x mandatory; scroll-snap-stop: always; scrollbar-color: transparent transparent; scrollbar-width: 0px; scrollbar-width: none; -ms-overflow-style: none; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary ::-webkit-scrollbar { width: 0; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary ::-webkit-scrollbar-track { background: transparent; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary ::-webkit-scrollbar-thumb { background: transparent; border: none; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image_link_has_secondary .oe_product_image_img_wrapper { position: relative; width: 100%; flex-shrink: 0; scroll-snap-stop: always; scroll-snap-align: start; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):before, .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):after { content: ""; position: absolute; top: auto; left: 50%; bottom: 0.5rem; right: auto; display: var(--o-wsale-card-img-wrapper-secondary-display, block); height: .5rem; aspect-ratio: 1; border-radius: 100em; background-color: black; transform: translateX(-80%); outline: 1px solid white; z-index: 1; } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):after { transform: translateX(80%); background-color: rgba(0, 0, 0, 0.5); outline-color: rgba(255, 255, 255, 0.25); } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):has(.o_product_tile_scrolled):before { background-color: rgba(0, 0, 0, 0.5); outline-color: rgba(255, 255, 255, 0.25); } .o_wsale_products_opt_img_secondary_show .oe_product_cart .oe_product_image:has(.oe_product_image_link_has_secondary):has(.o_product_tile_scrolled):after { background-color: black; outline-color: white; } } .o_wsale_products_opt_overlay_opacity_0 { --o-wsale-card-overlay-opacity: 0; } .o_wsale_products_opt_overlay_opacity_1 { --o-wsale-card-overlay-opacity: 0.1; } .o_wsale_products_opt_overlay_opacity_2 { --o-wsale-card-overlay-opacity: 0.2; } .o_wsale_products_opt_overlay_opacity_3 { --o-wsale-card-overlay-opacity: 0.3; } .o_wsale_products_opt_overlay_opacity_4 { --o-wsale-card-overlay-opacity: 0.4; } .o_wsale_products_opt_overlay_opacity_5 { --o-wsale-card-overlay-opacity: 0.5; } .o_wsale_products_opt_overlay_opacity_6 { --o-wsale-card-overlay-opacity: 0.6; } .o_wsale_products_opt_overlay_opacity_7 { --o-wsale-card-overlay-opacity: 0.7; } .o_wsale_products_opt_overlay_opacity_8 { --o-wsale-card-overlay-opacity: 0.8; } .o_wsale_products_opt_overlay_opacity_9 { --o-wsale-card-overlay-opacity: 0.9; } .o_wsale_products_opt_overlay_opacity_10 { --o-wsale-card-overlay-opacity: 1; } .o_wsale_products_opt_img_hover_zoom_in { --o-wsale-card-img-transition: all .25s; --o-wsale-card-img-transform-hover: scale(1.08); --o-wsale-card-img-transition-hover: all .25s; } .o_wsale_products_opt_img_hover_zoom_in.o_wsale_products_opt_img_secondary_show .oe_product_image_link_has_secondary { --o-wsale-card-img-opacity-hover: 0; --o-wsale-card-img-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-opacity-hover: 1; --o-wsale-card-img-secondary-transform-hover: scale(1.08); } .o_wsale_products_opt_img_hover_zoom_in_light { --o-wsale-card-img-transition: all .25s; --o-wsale-card-img-transform-hover: scale(1.04); } .o_wsale_products_opt_img_hover_zoom_in_light.o_wsale_products_opt_img_secondary_show .oe_product_image_link_has_secondary { --o-wsale-card-img-opacity-hover: 0; --o-wsale-card-img-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-transition: all .5s; --o-wsale-card-img-secondary-opacity-hover: 1; --o-wsale-card-img-secondary-transition-hover: all .5s ease-in-out; --o-wsale-card-img-secondary-transform-hover: scale(1.04); } .o_wsale_products_opt_img_hover_zoom_out { --o-wsale-card-img-transform: scale(1.08); --o-wsale-card-img-transition: all .25s; --o-wsale-card-img-transform-hover: scale(1); --o-wsale-card-img-transition-hover: all .1s; } .o_wsale_products_opt_img_hover_zoom_out.o_wsale_products_opt_img_secondary_show .oe_product_image_link_has_secondary { --o-wsale-card-img-opacity-hover: 0; --o-wsale-card-img-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-transform: scale(1.08); --o-wsale-card-img-secondary-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-opacity-hover: 1; --o-wsale-card-img-secondary-transform-hover: scale(1); } .o_wsale_products_opt_img_hover_zoom_out_light { --o-wsale-card-img-transform: scale(1.04); --o-wsale-card-img-transition: all .25s; --o-wsale-card-img-transform-hover: scale(1); --o-wsale-card-img-transition-hover: all .1s; } .o_wsale_products_opt_img_hover_zoom_out_light.o_wsale_products_opt_img_secondary_show .oe_product_image_link_has_secondary { --o-wsale-card-img-opacity-hover: 0; --o-wsale-card-img-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-transform: scale(1.04); --o-wsale-card-img-secondary-transition: all .5s ease-in-out; --o-wsale-card-img-secondary-opacity-hover: 1; --o-wsale-card-img-secondary-transform-hover: scale(1); } .o_wsale_products_opt_thumb_16_9 { --o-wsale-card-thumb-aspect-ratio: 16/9; } .o_wsale_products_opt_thumb_4_3 { --o-wsale-card-thumb-aspect-ratio: 4/3; } .o_wsale_products_opt_thumb_6_5 { --o-wsale-card-thumb-aspect-ratio: 6/5; } .o_wsale_products_opt_thumb_4_5 { --o-wsale-card-thumb-aspect-ratio: 4/5; } .o_wsale_products_opt_thumb_2_3 { --o-wsale-card-thumb-aspect-ratio: 2/3; } .o_wsale_products_opt_thumb_cover { --o-wsale-card-thumb-fill-mode: cover; } .o_wsale_products_opt_actions_inline { --o-wsale-card-btns-btn-min-height: calc(1em + 1.6em); } .o_wsale_products_opt_actions_inline:where(.o_wsale_products_opt_layout_catalog) { --o-wsale-card-height: 100%; --o-wsale-card-sub-flex-direction: column; --o-wsale-card-sub-flex-grow: 1; --o-wsale-card-sub-align-items: baseline; --o-wsale-card-price-min-width: 100%; --o-wsale-card-btns-width: 100%; --o-wsale-card-btns-gap: 0.5rem; --o-wsale-card-btns-flex-direction: column; --o-wsale-card-btns-btn-font-size: inherit; --o-wsale-card-btn-submit-flex-grow: 1; } .o_wsale_products_opt_actions_inline:where(.o_wsale_products_opt_layout_catalog):where(.o_wsale_products_opt_has_cta.o_wsale_products_opt_has_wishlist), .o_wsale_products_opt_actions_inline:where(.o_wsale_products_opt_layout_catalog):where(.o_wsale_products_opt_has_cta.o_wsale_products_opt_has_comparison) { --o-wsale-card-btns-gap: 0.25rem; --o-wsale-card-btns-btn-flex-grow: 0; --o-wsale-card-btns-flex-direction: row; --o-wsale-card-btn-aspect-ratio: 1; --o-wsale-card-btn-label-display: none; --o-wsale-card-btn-padding-x: 0; --o-wsale-card-btn-submit-label-display: inline; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) { --o-wsale-card-info-position: none; --o-wsale-card-price-flex-basis: 100%; --o-wsale-card-btn-label-display: none; --o-wsale-card-btns-width: auto; --o-wsale-card-btns-margin-bottom: 0; --o-wsale-card-btns-inset: 0 0 auto 0; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_wsale_product_btn { position: absolute; display: flex; align-items: end; aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1); overflow: hidden; pointer-events: none; z-index: 2; pointer-events: none; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_wsale_product_btn .btn { --o-wsale-card-btns-btn-flex-grow: 0; --btn-border-radius: 100%; --btn-padding-x: .7rem; --btn-hover-border-color: currentColor; aspect-ratio: 1; align-items: center; justify-content: center; transition: transform .15s ease, opacity .15s ease; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_wsale_product_btn .o_wsale_product_action_row { display: flex; gap: 0.5rem; transform: translateX(var(--o-wsale-card-offset-x)) translateY(calc(var(--o-wsale-card-offset-top) * -1)); } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_wsale_product_btn .o_wsale_product_action_row .btn { opacity: 0; transform: translateY(100%); } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_has_variations .o_wsale_product_action_row { align-self: start; flex-direction: column; transform: translateX(var(--o-wsale-card-offset-x)) translateY(var(--o-wsale-card-offset-top)); } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .o_has_variations .o_wsale_product_action_row .btn { transform: translateX(-100%); } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:hover .o_wsale_product_action_row, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:hover .btn, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:has(:focus-visible) .o_wsale_product_action_row, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:has(:focus-visible) .btn { pointer-events: auto; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:hover .o_wsale_product_action_row .btn, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:has(:focus-visible) .o_wsale_product_action_row .btn { opacity: 1; transform: translate(0, 0); transition: transform .15s ease-out, opacity .35s ease-out; } .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:hover .o_wsale_product_action_row .btn.o_add_compare, .o_wsale_products_opt_actions_onhover:where(.o_wsale_products_opt_layout_catalog) .oe_product_cart:has(:focus-visible) .o_wsale_product_action_row .btn.o_add_compare { transition-delay: .1s; } .o_wsale_products_opt_cc1 { --o-wsale-card-cc-bg: #FFFFFF; --o-wsale-card-cc-bg-rgb: 255, 255, 255; --o-wsale-card-cc-text: #4d5b7c; --o-wsale-card-cc-text-rgb: 77, 91, 124; --o-wsale-card-cc-muted: #828ca3; --o-wsale-card-cc-headings: #232f3e; --o-wsale-card-cc-link: #0080FF; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #212529; --btn-bg: #FFFFFF; --btn-border-color: #e4e6eb; --btn-hover-color: #212529; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(77, 91, 124, 0.8); --btn-focus-shadow-rgb: 199, 201, 206; --btn-active-color: #212529; --btn-active-bg: white; --btn-active-border-color: #e7e9ed; --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: #e4e6eb; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #FFFFFF; --btn-border-color: #e4e6eb; --btn-hover-color: #212529; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(77, 91, 124, 0.8); --btn-focus-shadow-rgb: 199, 201, 206; --btn-active-color: #212529; --btn-active-bg: white; --btn-active-border-color: #e7e9ed; --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: #e4e6eb; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #0080FF; --btn-hover-color: #FFFFFF; --btn-hover-bg: #006dd9; --btn-hover-border-color: #0066cc; --btn-focus-shadow-rgb: 38, 147, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #0060bf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #0080FF; } .o_wsale_products_opt_cc1:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #7bdeff; --btn-border-color: #7bdeff; --btn-hover-color: #212529; --btn-hover-bg: #8fe3ff; --btn-hover-border-color: #88e1ff; --btn-focus-shadow-rgb: 110, 194, 223; --btn-active-color: #212529; --btn-active-bg: #95e5ff; --btn-active-border-color: #88e1ff; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #7bdeff; --btn-disabled-border-color: #7bdeff; } .o_wsale_products_opt_cc2 { --o-wsale-card-cc-bg: #f9fafe; --o-wsale-card-cc-bg-rgb: 249, 250, 254; --o-wsale-card-cc-text: #4d5b7c; --o-wsale-card-cc-text-rgb: 77, 91, 124; --o-wsale-card-cc-muted: #818ba3; --o-wsale-card-cc-headings: #0080FF; --o-wsale-card-cc-link: #0080FF; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #212529; --btn-bg: #f9fafe; --btn-border-color: #dfe2eb; --btn-hover-color: #212529; --btn-hover-bg: rgba(249, 250, 254, 0.8); --btn-hover-border-color: rgba(77, 91, 124, 0.8); --btn-focus-shadow-rgb: 195, 198, 206; --btn-active-color: #212529; --btn-active-bg: #fafbfe; --btn-active-border-color: #e2e5ed; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f9fafe; --btn-disabled-border-color: #dfe2eb; --btn-bg: rgba(249, 250, 254, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #f9fafe; --btn-border-color: #dfe2eb; --btn-hover-color: #212529; --btn-hover-bg: rgba(249, 250, 254, 0.8); --btn-hover-border-color: rgba(77, 91, 124, 0.8); --btn-focus-shadow-rgb: 195, 198, 206; --btn-active-color: #212529; --btn-active-bg: #fafbfe; --btn-active-border-color: #e2e5ed; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f9fafe; --btn-disabled-border-color: #dfe2eb; --btn-bg: rgba(249, 250, 254, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #0080FF; --btn-hover-color: #FFFFFF; --btn-hover-bg: #006dd9; --btn-hover-border-color: #0066cc; --btn-focus-shadow-rgb: 38, 147, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #0060bf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #0080FF; } .o_wsale_products_opt_cc2:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #7bdeff; --btn-border-color: #7bdeff; --btn-hover-color: #212529; --btn-hover-bg: #8fe3ff; --btn-hover-border-color: #88e1ff; --btn-focus-shadow-rgb: 110, 194, 223; --btn-active-color: #212529; --btn-active-bg: #95e5ff; --btn-active-border-color: #88e1ff; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #7bdeff; --btn-disabled-border-color: #7bdeff; } .o_wsale_products_opt_cc3 { --o-wsale-card-cc-bg: #7bdeff; --o-wsale-card-cc-bg-rgb: 123, 222, 255; --o-wsale-card-cc-text: #FFFFFF; --o-wsale-card-cc-text-rgb: 255, 255, 255; --o-wsale-card-cc-muted: #d7f5ff; --o-wsale-card-cc-headings: #FFFFFF; --o-wsale-card-cc-link: #0080FF; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #212529; --btn-bg: #7bdeff; --btn-border-color: #8fe3ff; --btn-hover-color: #212529; --btn-hover-bg: rgba(123, 222, 255, 0.8); --btn-hover-border-color: rgba(255, 255, 255, 0.8); --btn-focus-shadow-rgb: 127, 199, 223; --btn-active-color: #212529; --btn-active-bg: #95e5ff; --btn-active-border-color: #9ae6ff; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #7bdeff; --btn-disabled-border-color: #8fe3ff; --btn-bg: rgba(123, 222, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #7bdeff; --btn-border-color: #8fe3ff; --btn-hover-color: #212529; --btn-hover-bg: rgba(123, 222, 255, 0.8); --btn-hover-border-color: rgba(255, 255, 255, 0.8); --btn-focus-shadow-rgb: 127, 199, 223; --btn-active-color: #212529; --btn-active-bg: #95e5ff; --btn-active-border-color: #9ae6ff; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #7bdeff; --btn-disabled-border-color: #8fe3ff; --btn-bg: rgba(123, 222, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #0080FF; --btn-hover-color: #FFFFFF; --btn-hover-bg: #006dd9; --btn-hover-border-color: #0066cc; --btn-focus-shadow-rgb: 38, 147, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #0060bf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #0080FF; } .o_wsale_products_opt_cc3:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #f9fafe; --btn-border-color: #f9fafe; --btn-hover-color: #212529; --btn-hover-bg: #fafbfe; --btn-hover-border-color: #fafbfe; --btn-focus-shadow-rgb: 217, 218, 222; --btn-active-color: #212529; --btn-active-bg: #fafbfe; --btn-active-border-color: #fafbfe; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f9fafe; --btn-disabled-border-color: #f9fafe; } .o_wsale_products_opt_cc4 { --o-wsale-card-cc-bg: #0080FF; --o-wsale-card-cc-bg-rgb: 0, 128, 255; --o-wsale-card-cc-text: #f9fafe; --o-wsale-card-cc-text-rgb: 249, 250, 254; --o-wsale-card-cc-muted: #aed5fe; --o-wsale-card-cc-headings: #FFFFFF; --o-wsale-card-cc-link: #f9fafe; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #2592ff; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(0, 128, 255, 0.8); --btn-hover-border-color: rgba(249, 250, 254, 0.8); --btn-focus-shadow-rgb: 70, 162, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #1c6ebf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #2592ff; --btn-bg: rgba(0, 128, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #2592ff; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(0, 128, 255, 0.8); --btn-hover-border-color: rgba(249, 250, 254, 0.8); --btn-focus-shadow-rgb: 70, 162, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #1c6ebf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #2592ff; --btn-bg: rgba(0, 128, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #232f3e; --btn-border-color: #232f3e; --btn-hover-color: #FFFFFF; --btn-hover-bg: #1e2835; --btn-hover-border-color: #1c2632; --btn-focus-shadow-rgb: 68, 78, 91; --btn-active-color: #FFFFFF; --btn-active-bg: #1c2632; --btn-active-border-color: #1a232f; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #232f3e; --btn-disabled-border-color: #232f3e; } .o_wsale_products_opt_cc4:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #f9fafe; --btn-border-color: #f9fafe; --btn-hover-color: #212529; --btn-hover-bg: #fafbfe; --btn-hover-border-color: #fafbfe; --btn-focus-shadow-rgb: 217, 218, 222; --btn-active-color: #212529; --btn-active-bg: #fafbfe; --btn-active-border-color: #fafbfe; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f9fafe; --btn-disabled-border-color: #f9fafe; } .o_wsale_products_opt_cc5 { --o-wsale-card-cc-bg: #232f3e; --o-wsale-card-cc-bg-rgb: 35, 47, 62; --o-wsale-card-cc-text: #f9fafe; --o-wsale-card-cc-text-rgb: 249, 250, 254; --o-wsale-card-cc-muted: #b9bdc4; --o-wsale-card-cc-headings: #FFFFFF; --o-wsale-card-cc-link: #f9fafe; --o-wsale-card-bg: var(--o-wsale-card-cc-bg); } .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #FFFFFF; --btn-bg: #232f3e; --btn-border-color: #434d5b; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(35, 47, 62, 0.8); --btn-hover-border-color: rgba(249, 250, 254, 0.8); --btn-focus-shadow-rgb: 95, 104, 116; --btn-active-color: #FFFFFF; --btn-active-bg: #1c2632; --btn-active-border-color: #323a44; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #232f3e; --btn-disabled-border-color: #434d5b; --btn-bg: rgba(35, 47, 62, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #FFFFFF; --btn-bg: #232f3e; --btn-border-color: #434d5b; --btn-hover-color: #FFFFFF; --btn-hover-bg: rgba(35, 47, 62, 0.8); --btn-hover-border-color: rgba(249, 250, 254, 0.8); --btn-focus-shadow-rgb: 95, 104, 116; --btn-active-color: #FFFFFF; --btn-active-bg: #1c2632; --btn-active-border-color: #323a44; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #232f3e; --btn-disabled-border-color: #434d5b; --btn-bg: rgba(35, 47, 62, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .o_wsale_product_btn_primary, .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .o_wsale_product_btn_primary { --btn-color: #FFFFFF; --btn-bg: #0080FF; --btn-border-color: #0080FF; --btn-hover-color: #FFFFFF; --btn-hover-bg: #006dd9; --btn-hover-border-color: #0066cc; --btn-focus-shadow-rgb: 38, 147, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0066cc; --btn-active-border-color: #0060bf; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #FFFFFF; --btn-disabled-bg: #0080FF; --btn-disabled-border-color: #0080FF; } .o_wsale_products_opt_cc5:where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #f9fafe; --btn-border-color: #f9fafe; --btn-hover-color: #212529; --btn-hover-bg: #fafbfe; --btn-hover-border-color: #fafbfe; --btn-focus-shadow-rgb: 217, 218, 222; --btn-active-color: #212529; --btn-active-bg: #fafbfe; --btn-active-border-color: #fafbfe; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #f9fafe; --btn-disabled-border-color: #f9fafe; } :where(.o_wsale_products_opt_layout_catalog, .o_wsale_products_opt_layout_list):not(.o_wsale_products_opt_cc):where(.o_wsale_products_opt_actions_subtle) .o_wsale_product_btn .btn { --btn-color: #212529; --btn-bg: #FFFFFF; --btn-border-color: #e4e6eb; --btn-hover-color: #212529; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(77, 91, 124, 0.8); --btn-focus-shadow-rgb: 199, 201, 206; --btn-active-color: #212529; --btn-active-bg: white; --btn-active-border-color: #e7e9ed; --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: #e4e6eb; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } :where(.o_wsale_products_opt_layout_catalog, .o_wsale_products_opt_layout_list):not(.o_wsale_products_opt_cc):where(.o_wsale_products_opt_actions_promote) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #FFFFFF; --btn-border-color: #e4e6eb; --btn-hover-color: #212529; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(77, 91, 124, 0.8); --btn-focus-shadow-rgb: 199, 201, 206; --btn-active-color: #212529; --btn-active-bg: white; --btn-active-border-color: #e7e9ed; --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: #e4e6eb; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } :where(.o_wsale_products_opt_layout_catalog, .o_wsale_products_opt_layout_list):not(.o_wsale_products_opt_cc):where(.o_wsale_products_opt_actions_theme) .o_wsale_product_btn .btn:where(:not(.o_wsale_product_btn_primary)) { --btn-color: #212529; --btn-bg: #7bdeff; --btn-border-color: #7bdeff; --btn-hover-color: #212529; --btn-hover-bg: #8fe3ff; --btn-hover-border-color: #88e1ff; --btn-focus-shadow-rgb: 110, 194, 223; --btn-active-color: #212529; --btn-active-bg: #95e5ff; --btn-active-border-color: #88e1ff; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: #7bdeff; --btn-disabled-border-color: #7bdeff; } /* /website_sale/static/src/scss/website_sale.scss */ @media (min-width: 1200px) { :where(#o_wsale_container).o_wsale_page_fluid { --o-wsale-sidebar-maxwidth: 18rem; } } :where(#o_wsale_container) #products_grid_before { flex: 0 0 25%; min-width: 15rem; max-width: var(--o-wsale-sidebar-maxwidth, 15rem); --o_ws_sidebar_top_gap: calc(1rem + 1rem + 15px); top: var(--o_ws_sidebar_top_gap); } :where(#o_wsale_container) #products_grid_before .o_wsale_products_grid_before_rail { scrollbar-width: none; -ms-overflow-style: none; } :where(#o_wsale_container) #products_grid_before .o_wsale_products_grid_before_rail::-webkit-scrollbar { width: 0; height: 0; } :where(#o_wsale_container) #products_grid_before #oe_structure_website_sale_sidebar_top:where(:not(:has(div.oe_dropzone))) .s_text_block p:only-child { margin-bottom: 0; } :where(#o_wsale_container) #products_grid_before #oe_structure_website_sale_sidebar_top:where(:has(.s_text_block p:not(:only-child))) { padding-top: 1rem; } :where(#o_wsale_container) #products_grid { overflow: auto; container-type: inline-size; container-name: o-wsale-grid; grid-template-rows: minmax(auto, auto); border-left: var(--o-wsale-sidebar-border); } :where(#o_wsale_container) #o_wsale_products_header { padding-left: var(--o-wsale-topbar-padding-left); padding-right: var(--o-wsale-topbar-padding-right); border: 0px solid var(--o-border-color); border-width: var(--o-wsale-topbar-border-width, 0px); } :where(#o_wsale_container) #o_wsale_products_header .o_wsale_products_header_search_form_container { max-width: 23rem; } :where(#o_wsale_container) #o_wsale_products_header .o_pricelist_dropdown + .o_sortby_dropdown { margin-left: -0.5rem; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(:not(.o_wsale_products_header_show_category_title)) .o_wsale_category_title:where(:not(.o_wsale_category_title_is_search)) { display: none !important; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(:not(.o_wsale_products_header_show_category_description)) .o_wsale_category_description { display: none !important; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(.o_wsale_products_header_category_center_content) .o_wsale_category_title { align-self: center; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(.o_wsale_products_header_category_center_content) .o_wsale_category_description:where(:not(:has(section[class*="s_"]))) { align-self: center; text-align: center; max-width: 38rem; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_category:where(.o_wsale_products_header_category_center_content) #o_wsale_categories_filmstrip { justify-content: center; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_shop:where(:not(.o_wsale_products_header_show_shop_title)) .o_wsale_shop_title { display: none !important; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_shop:where(.o_wsale_products_header_shop_center_content) .o_wsale_shop_title { align-self: center; } :where(#o_wsale_container) #o_wsale_products_header.o_wsale_products_header_is_shop:where(.o_wsale_products_header_shop_center_content) #o_wsale_categories_filmstrip { justify-content: center; } body:where(:not(.oe_dropzone_active)) #oe_structure_products_header_shop:has(> br:first-child:last-child), body:where(:not(.oe_dropzone_active)) #oe_structure_products_header_shop:empty { display: none; } :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container.o_wsale_filmstrip_grid, :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container.o_wsale_filmstrip_tabs { margin-left: calc(var(--o-wsale-topbar-padding-left) * -1); } :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container.o_wsale_filmstrip_grid .o_wsale_filmstrip, :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container.o_wsale_filmstrip_tabs .o_wsale_filmstrip { margin-right: 0; } :where(#o_wsale_container).o_wsale_page_contained .o_wsale_filmstrip_container .o_wsale_filmstrip { margin-right: var(--o-wsale-topbar-padding-right); } :where(#o_wsale_container) .o_wsale_filmstrip_container { transform: translateZ(0); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_default { --o-wsale-filmstrip-item-color: #212529; --o-wsale-filmstrip-item-span-height: 2.5rem; --o-wsale-filmstrip-item-bg-hover: #d6ddf8; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_bordered { --o-wsale-filmstrip-item-border-width: 1px; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-bg: #F8F9FA; --o-wsale-filmstrip-item-span-height: 2.5rem; --o-wsale-filmstrip-item-border-color-hover: color-mix(in srgb, var(--o-border-color), black 30%); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_tabs { --o-wsale-filmstrip-wrapper-border-width: 0 0 1px 0; --o-wsale-filmstrip-wrapper-padding-bottom: 0; --o-wsale-filmstrip-gap: 0; --o-wsale-filmstrip-item-border-width: 0; --o-wsale-filmstrip-item-border-radius: 0; --o-wsale-filmstrip-item-padding-y: 0.5rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-color: inherit; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-display: none; --o-wsale-filmstrip-item-border-color-hover: #0080FF; --o-wsale-filmstrip-item-color-hover: #0080FF; --o-wsale-filmstrip-item-box-shadow-hover: inset 0 -1px 0 #0080FF; --o-wsale-filmstrip-item-border-width-active: 0 0 2px 0; --o-wsale-filmstrip-item-bg-active: transparent; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_tabs .o_wsale_filmstrip_wrapper { min-width: 100%; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_pills { --o-wsale-filmstrip-flex-wrap: wrap; --o-wsale-filmstrip-item-border-width: 1px; --o-wsale-filmstrip-item-border-radius: 50rem; --o-wsale-filmstrip-item-padding-y: 0.5rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-display: none; --o-wsale-filmstrip-item-color-hover: #FFFFFF; --o-wsale-filmstrip-item-bg-hover: #0080FF; --o-wsale-filmstrip-item-color-active: #FFFFFF; --o-wsale-filmstrip-item-bg-active: #0080FF; cursor: auto; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_pills .o_wsale_filmstrip { flex-wrap: nowrap; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_images { --o-wsale-filmstrip-item-direction: column; --o-wsale-filmstrip-item-justify: top; --o-wsale-filmstrip-item-width: 7rem; --o-wsale-filmstrip-item-gap: 0.5rem; --o-wsale-filmstrip-item-border-radius: 0.375rem; --o-wsale-filmstrip-item-padding-y: 0.5rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-font-size: 0.765625rem; --o-wsale-filmstrip-item-text-align: center; --o-wsale-filmstrip-item-text-wrap: wrap; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-bg: transparent; --o-wsale-filmstrip-item-placeholder-display: block; --o-wsale-filmstrip-item-bg-hover: #f9fafe; --o-wsale-filmstrip-item-color-hover: #212529; --o-wsale-filmstrip-item-color-active: #212529; --o-wsale-filmstrip-item-image-width: 75%; --o-wsale-filmstrip-item-span-display: inline-block; --o-wsale-filmstrip-item-span-width: 100%; --o-wsale-filmstrip-item-span-overflow: hidden; --o-wsale-filmstrip-item-span-text-overflow: ellipsis; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid { --o-wsale-filmstrip-wrapper-border-width: 1px 0 1px 0; --o-wsale-filmstrip-wrapper-padding-bottom: 0; --o-wsale-filmstrip-gap: 0; --o-wsale-filmstrip-item-direction: column; --o-wsale-filmstrip-item-justify: center; --o-wsale-filmstrip-item-width: 18rem; --o-wsale-filmstrip-item-border-width: 0 1px 0 0; --o-wsale-filmstrip-item-border-radius: 0; --o-wsale-filmstrip-item-padding-y: 1rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-aspect-ratio: 4/3; --o-wsale-filmstrip-item-font-size: 1.09375rem; --o-wsale-filmstrip-item-font-weight: 500; --o-wsale-filmstrip-item-text-align: center; --o-wsale-filmstrip-item-text-wrap: wrap; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-bg: transparent; --o-wsale-filmstrip-item-placeholder-display: block; --o-wsale-filmstrip-item-border-color-active: var(--o-border-color); --o-wsale-filmstrip-item-color-active: #4d5b7c; --o-wsale-filmstrip-item-bg-active: transparent; --o-wsale-filmstrip-item-text-decoration-active: underline; --o-wsale-filmstrip-item-image-width: 45%; --o-wsale-filmstrip-item-span-display: inline-block; --o-wsale-filmstrip-item-span-width: 100%; --o-wsale-filmstrip-item-span-overflow: hidden; --o-wsale-filmstrip-item-span-text-overflow: ellipsis; } @media (max-width: 1199.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid { --o-wsale-filmstrip-item-width: 14rem; } } @media (max-width: 767.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid { --o-wsale-filmstrip-item-width: 10rem; margin: 0 calc(30px * -1); } } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid li:last-child .o_wsale_filmstrip_item { --o-wsale-filmstrip-item-border-width: 0; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid .o_wsale_filmstrip_link:is(:hover, :focus) .o_wsale_filmstrip_item:not(.active) .o_wsale_filmstrip_image { transform: scale(1.06); overflow: hidden; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images { --o-wsale-filmstrip-item-direction: column; --o-wsale-filmstrip-item-align: start; --o-wsale-filmstrip-item-justify: end; --o-wsale-filmstrip-item-width: 14rem; --o-wsale-filmstrip-item-border-width: 0; --o-wsale-filmstrip-item-border-radius: 0.5rem; --o-wsale-filmstrip-item-padding-y: 1rem; --o-wsale-filmstrip-item-padding-x: 1rem; --o-wsale-filmstrip-item-aspect-ratio: 3/4; --o-wsale-filmstrip-item-font-size: 1.75rem; --o-wsale-filmstrip-item-font-weight: 500; --o-wsale-filmstrip-item-text-wrap: wrap; --o-wsale-filmstrip-item-color: #FFF; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-image-bg: transparent; --o-wsale-filmstrip-item-placeholder-display: block; --o-wsale-filmstrip-item-color-active: #FFF; --o-wsale-filmstrip-item-bg-active: transparent; --o-wsale-filmstrip-item-text-decoration-active: underline; --o-wsale-filmstrip-item-image-position: absolute; --o-wsale-filmstrip-item-image-width: 100%; --o-wsale-filmstrip-item-image-height: 100%; --o-wsale-filmstrip-item-span-display: inline-block; --o-wsale-filmstrip-item-span-width: 100%; --o-wsale-filmstrip-item-span-overflow: hidden; --o-wsale-filmstrip-item-span-text-overflow: ellipsis; } @media (max-width: 1199.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images { --o-wsale-filmstrip-item-width: 12rem; --o-wsale-filmstrip-item-font-size: 1.3125rem; } } @media (max-width: 767.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images { --o-wsale-filmstrip-item-width: 9rem; --o-wsale-filmstrip-item-font-size: 0.875rem; } } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_item { overflow: hidden; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_item:has(.o_wsale_filmstrip_no_image) { --o-wsale-filmstrip-item-bg: #0080FF; --o-wsale-filmstrip-item-bg-active: #0080FF; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_image { margin: calc(var(--o-wsale-filmstrip-item-padding-y) * -1) calc(var(--o-wsale-filmstrip-item-padding-x) * -1); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_image::before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: var(--o-wsale-filmstrip-overlay-bg, linear-gradient(200deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%)); border-radius: 0.375rem; opacity: .8; transition: opacity .2s ease-in-out; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_image.o_wsale_filmstrip_no_image { --o-wsale-filmstrip-overlay-bg: linear-gradient(90deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .1) 100%); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images span { z-index: 1; } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_link:is(:hover, :focus) .o_wsale_filmstrip_item:not(.active) .o_wsale_filmstrip_image { transform: scale(1.02); } :where(#o_wsale_container) .o_wsale_filmstrip_container.o_wsale_filmstrip_large_images .o_wsale_filmstrip_link:is(:hover, :focus) .o_wsale_filmstrip_item:not(.active) .o_wsale_filmstrip_image::before { opacity: 1; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper { margin-bottom: 0.25rem; border-width: var(--o-wsale-filmstrip-wrapper-border-width, 0); border-style: solid; border-color: var(--o-border-color); padding-bottom: var(--o-wsale-filmstrip-wrapper-padding-bottom, 0.25rem); cursor: grab; scroll-snap-type: x mandatory; } @supports (-moz-appearance: none) { :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper { scrollbar-width: thin; scrollbar-color: currentColor transparent; } } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip { gap: var(--o-wsale-filmstrip-gap, 0.5rem); width: max-content; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip li { width: var(--o-wsale-filmstrip-item-width, auto); aspect-ratio: var(--o-wsale-filmstrip-item-aspect-ratio, unset); } @media (max-width: 767.98px) { :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip li { scroll-snap-align: start; } } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item { flex-direction: var(--o-wsale-filmstrip-item-direction); align-items: var(--o-wsale-filmstrip-item-align, center); justify-content: var(--o-wsale-filmstrip-item-justify); gap: var(--o-wsale-filmstrip-item-gap, 1rem); border-width: var(--o-wsale-filmstrip-item-border-width, 0); border-style: solid; border-color: var(--o-wsale-filmstrip-item-border-color, var(--o-border-color)); border-radius: var(--o-wsale-filmstrip-item-border-radius, var(--border-radius)); padding: var(--o-wsale-filmstrip-item-padding-y, 0.5rem) var(--o-wsale-filmstrip-item-padding-x, 1rem) var(--o-wsale-filmstrip-item-padding-y, 0.5rem) var(--o-wsale-filmstrip-item-padding-x, 0.5rem); font-size: var(--o-wsale-filmstrip-item-font-size); font-weight: var(--o-wsale-filmstrip-item-font-weight); text-align: var(--o-wsale-filmstrip-item-text-align); text-wrap: var(--o-wsale-filmstrip-item-text-wrap); color: var(--o-wsale-filmstrip-item-color, #4d5b7c); background-color: var(--o-wsale-filmstrip-item-bg, #f9fafe); transition: all .15s ease-in-out; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item .o_wsale_filmstrip_image { display: var(--o-wsale-filmstrip-item-image-display); position: var(--o-wsale-filmstrip-item-image-position); width: var(--o-wsale-filmstrip-item-image-width, 2.5rem); height: var(--o-wsale-filmstrip-item-image-height); background-color: var(--o-wsale-filmstrip-item-image-bg, #FFFFFF); aspect-ratio: 1/1; transition: all .15s ease-in-out; overflow: hidden; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item .o_wsale_filmstrip_image.o_wsale_filmstrip_placeholder { display: var(--o-wsale-filmstrip-item-placeholder-display, none); background: url("/website_sale/static/src/img/categories/placeholder_thumbnail.png") no-repeat center center/cover; } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item span { display: var(--o-wsale-filmstrip-item-span-display, flex); align-items: center; width: var(--o-wsale-filmstrip-item-span-width); height: var(--o-wsale-filmstrip-item-span-height); overflow: var(--o-wsale-filmstrip-item-span-overflow); text-overflow: var(--o-wsale-filmstrip-item-span-text-overflow); } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item:has(.o_wsale_filmstrip_placeholder) { padding: var(--o-wsale-filmstrip-item-padding-y, 0.375rem) var(--o-wsale-filmstrip-item-padding-x, 1rem); } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item.active { border-color: var(--o-wsale-filmstrip-item-border-color-active, #0080FF); border-width: var(--o-wsale-filmstrip-item-border-width-active, var(--o-wsale-filmstrip-item-border-width, 1px)); background-color: var(--o-wsale-filmstrip-item-bg-active, #f9fafe); } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_item.active span { color: var(--o-wsale-filmstrip-item-color-active, #0080FF); text-decoration: var(--o-wsale-filmstrip-item-text-decoration-active); } :where(#o_wsale_container) .o_wsale_filmstrip_container .o_wsale_filmstrip_wrapper .o_wsale_filmstrip .o_wsale_filmstrip_link:is(:hover, :focus) .o_wsale_filmstrip_item:not(.active) { border-color: var(--o-wsale-filmstrip-item-border-color-hover, var(--o-wsale-filmstrip-item-border-color, var(--o-border-color))); background-color: var(--o-wsale-filmstrip-item-bg-hover, var(--o-wsale-filmstrip-item-bg, transparent)); color: var(--o-wsale-filmstrip-item-color-hover, var(--o-wsale-filmstrip-item-color, inherit)); box-shadow: var(--o-wsale-filmstrip-item-box-shadow-hover, none); } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)) .o_wsale_filmstrip_wrapper::-webkit-scrollbar { height: 2px; } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)) .o_wsale_filmstrip_wrapper::-webkit-scrollbar-thumb { border-radius: var(--border-radius-sm); background: rgba(77, 91, 124, 0.25); } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)) .o_wsale_filmstrip_wrapper::-webkit-scrollbar-track { background: rgba(77, 91, 124, 0.05); } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)):hover .o_wsale_filmstrip_wrapper { margin-bottom: 0; } :where(#o_wsale_container) .o_wsale_filmstrip_container:where(:not(.o_wsale_filmstrip_fancy_disabled)):hover .o_wsale_filmstrip_wrapper::-webkit-scrollbar { height: 6px; } :where(#o_wsale_container) #o_wsale_floating_bar_rail { --_container-gap: calc(var(--gutter-x) * 0.5); right: calc(var(--_container-gap) + 1px); width: 0; } :where(#o_wsale_container) #o_wsale_floating_bar_rail #o_wsale_floating_bar { bottom: var(--_container-gap); z-index: 4; max-width: calc(100vw - calc(var(--_container-gap) * 2)); gap: 0.25rem 0; } body:has(.o-livechat-root.o-livechat-LivechatButton-isVisible) :where(#o_wsale_container) #o_wsale_floating_bar_rail { transition: right .3s, bottom .3s; } body:has(.o-livechat-root.o-livechat-LivechatButton-isVisible) :where(#o_wsale_container) #o_wsale_floating_bar_rail #o_wsale_floating_bar { bottom: 10px; } @media (max-width: 575.98px) { body:has(.o-livechat-root.o-livechat-LivechatButton-isVisible) :where(#o_wsale_container) #o_wsale_floating_bar_rail #o_wsale_floating_bar { bottom: calc(10px + 70px); } } @media (min-width: 576px) { body:has(.o-livechat-root.o-livechat-LivechatButton-isVisible) :where(#o_wsale_container) #o_wsale_floating_bar_rail { --_offset: calc(calc(100vw - 100%) * .5); --_livechat-gap: calc(3vw + 80px); right: calc(0px - calc(var(--_offset) - var(--_livechat-gap))); } } @media (min-width: 992px) { :where(#o_wsale_container)[data-ppr="5"] .o_wsale_products_grid_table { --columns: 10; } } @media (min-width: 768px) and (max-width: 991.98px) { :where(#o_wsale_container)[data-ppr="5"] .o_wsale_products_grid_table_md { --columns: 10; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) { --gap: 0; } @media (max-width: 991.98px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #products_grid { padding: 0; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_fluid #products_grid { padding-left: 0; padding-right: 0 !important; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_fluid #o_wsale_products_grid { box-shadow: inset 0 -1px 0 0px var(--border-color); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained { --o-wsale-topbar-border-width: 0 0 1px 0; } @media (min-width: 576px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained { --o-wsale-topbar-border-width: 0 1px 1px 1px; } } @media (min-width: 576px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained:where(:not(.o_wsale_has_sidebar)) #o_wsale_pager { border-right: 1px solid var(--o-border-color); border-left: 1px solid var(--o-border-color); } } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained:where(:not(.o_wsale_has_sidebar)) { --o-wsale-topbar-border-width: 0 1px 1px 1px; } } @media (min-width: 576px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained.o_wsale_has_sidebar #o_wsale_pager { border-left: 1px solid var(--o-border-color); border-right: 1px solid var(--o-border-color); } } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained.o_wsale_has_sidebar { --o-wsale-topbar-border-width: 0 1px 1px 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained.o_wsale_has_sidebar #o_wsale_pager { border-left: 0; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained #o_wsale_products_grid { box-shadow: inset -1px -1px 0 0px var(--border-color); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained:where(:not(.o_wsale_has_sidebar)) #o_wsale_products_grid { border-left: 1px solid var(--o-border-color); } @media (max-width: 991.98px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained.o_wsale_has_sidebar.o_wsale_products_opt_layout_catalog #o_wsale_products_grid { border-left: 1px solid var(--o-border-color); } } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_has_sidebar { --o-wsale-sidebar-border: 1px solid var(--o-border-color); } } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_has_sidebar #products_grid { padding-left: 0; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #o_wsale_products_header { --o-wsale-topbar-padding-left: 15px; --o-wsale-topbar-padding-right: 15px; padding-right: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #o_wsale_products_header .products_header, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #o_wsale_products_header .o_wsale_filmstrip_container:not(.o_wsale_filmstrip_grid) > li:last-child { padding-right: var(--o-wsale-topbar-padding-right); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) #o_wsale_products_grid { overflow: hidden; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .o_wsale_filmstrip_container.o_wsale_filmstrip_grid { margin-left: calc(var(--o-wsale-topbar-padding-left) * -1); } :where(#o_wsale_container).o_wsale_page_fluid:where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_showcase)) #o_wsale_products_grid { margin-left: -15px; margin-right: -15px; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)) .o_wsale_product_btn_list { display: none !important; } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table { grid-auto-rows: minmax(160px, auto); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product { --o-wsale-card-price-flex-basis: 100%; grid-row: span var(--o-wsale-products-grid-product-col-height, 1); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_size_stretch { --o-wsale-card-border-radius: 0; --o-wsale-card-flex-direction: row; --o-wsale-card-flex-align-items: start; --o-wsale-card-info-padding: 0 1rem; --o-wsale-card-thumb-size: calc( calc(100cqw / var(--o-wsale-ppr)) - calc(var(--o-wsale-products-grid-gap) / 2) ); --o-wsale-card-padding: 0 0 15px; --o-wsale-card-attribute-previewer-padding: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_size_stretch .oe_subdescription div { -webkit-line-clamp: initial; line-height: inherit; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table:not(.o_wsale_products_opt_thumb_cover) .oe_product.oe_product_size_stretch .oe_product_image img { object-position: top left; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch { --o-wsale-card-info-text-grow: 1; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .o_wsale_product_information { height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image_link { height: 100%; max-width: 100%; padding: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_design_cards .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-border-radius: var(--border-radius); --o-wsale-card-info-padding: 1rem; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_design_grid .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-info-padding: 0.5rem 1rem; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table.o_wsale_products_opt_design_grid .oe_product.oe_product_size_stretch[data-colspan="4"] { --o-wsale-card-thumb-size: 50cqw; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_custom_portrait .oe_product_image, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_custom_portrait .oe_product_image_link { min-height: calc( calc(90cqw / var(--o-wsale-ppr)) * var(--o-wsale-card-thumb-aspect-ratio)); height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table .oe_product.oe_product_custom_portrait .oe_product_image_link { --o-wsale-card-thumb-fill-mode: cover; --o-wsale-card-thumb-aspect-ratio: auto; } } @media (min-width: 768px) and (max-width: 991.98px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md { grid-auto-rows: minmax(160px, auto); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product { --o-wsale-card-price-flex-basis: 100%; grid-row: span var(--o-wsale-products-grid-product-col-height, 1); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_size_stretch { --o-wsale-card-border-radius: 0; --o-wsale-card-flex-direction: row; --o-wsale-card-flex-align-items: start; --o-wsale-card-info-padding: 0 1rem; --o-wsale-card-thumb-size: calc( calc(100cqw / var(--o-wsale-ppr)) - calc(var(--o-wsale-products-grid-gap) / 2) ); --o-wsale-card-padding: 0 0 15px; --o-wsale-card-attribute-previewer-padding: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_size_stretch .oe_subdescription div { -webkit-line-clamp: initial; line-height: inherit; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md:not(.o_wsale_products_opt_thumb_cover) .oe_product.oe_product_size_stretch .oe_product_image img { object-position: top left; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch { --o-wsale-card-info-text-grow: 1; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .o_wsale_product_information { height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_thumb_cover .oe_product.oe_product_size_stretch .oe_product_image_link { height: 100%; max-width: 100%; padding: 0; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_design_cards .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-border-radius: var(--border-radius); --o-wsale-card-info-padding: 1rem; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_design_grid .oe_product.oe_product_size_stretch { --o-wsale-card-padding: 0; --o-wsale-card-info-padding: 0.5rem 1rem; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md.o_wsale_products_opt_design_grid .oe_product.oe_product_size_stretch[data-colspan="4"] { --o-wsale-card-thumb-size: 50cqw; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_custom_portrait .oe_product_image, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_custom_portrait .oe_product_image_link { min-height: calc( calc(90cqw / var(--o-wsale-ppr)) * var(--o-wsale-card-thumb-aspect-ratio)); height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_catalog)).o_wsale_products_grid_table_md .oe_product.oe_product_custom_portrait .oe_product_image_link { --o-wsale-card-thumb-fill-mode: cover; --o-wsale-card-thumb-aspect-ratio: auto; } } @media (min-width: 768px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) { --o-wsale-card-price-min-width: MAX(12ch, 16cqw); } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) .product_price > span, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) .product_price > del { display: block; text-align: end; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) .o_wsale_product_btn_catalog { display: none !important; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)) .oe_product:hover .show_on_hover { opacity: 1; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained .oe_product_cart { --o-wsale-card-border-width: 0 1px 1px 1px; } @media (min-width: 992px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_contained .oe_product_cart { --o-wsale-card-border-width: 0 1px 1px 0; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)).o_wsale_page_fluid .oe_product_cart { --o-wsale-card-border-width: 0 0 1px; --o-wsale-card-padding: calc(var(--o-wsale-products-grid-gap-y) * 0.5) 0 calc(var(--o-wsale-products-grid-gap-y) * 0.5) calc(var(--o-wsale-products-grid-gap, 16px) * 0.5); } @media (max-width: 991.98px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid))[style*="--o-wsale-products-grid-gap: 0px"] .oe_product_image_link, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid))[style*="--o-wsale-products-grid-gap:0px"] .oe_product_image_link { height: 100%; transform: translateX(-50%); margin-left: 50%; } } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart { --o-wsale-card-flex-align-items: stretch; --o-wsale-card-info-padding: 0.5rem 15px 0.5rem 0.5rem; --o-wsale-card-info-marign: 0; --o-wsale-card-sub-wrap: nowrap; --o-wsale-card-sub-align-items: start; --o-wsale-card-info-flex-align-items: auto; } @media (min-width: 768px) { :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart { --o-wsale-card-thumb-size: calc(126px * var(--o-wsale-card-thumb-aspect-ratio, 1)); --o-wsale-card-info-padding: 0 15px; --o-wsale-card-sub-align-items: center; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .oe_product_image_link { height: 100%; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .o_wsale_product_information_text { display: flex; flex-direction: column; justify-content: center; padding-right: inherit; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .o_wsale_product_sub { position: relative; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .product_price > span, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .product_price > del { text-align: center; } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .product_price, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .o_wsale_product_btn { --_line-gap: 1rem; padding-left: var(--_line-gap); } :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .product_price:before, :where(#o_wsale_container):where(:has(#o_wsale_products_grid.o_wsale_products_opt_layout_list)):where(:has(#o_wsale_products_grid.o_wsale_products_opt_design_grid)) .oe_product_cart .o_wsale_product_btn:before { position: absolute; top: 0; left: auto; bottom: 0; right: auto; transform: translateX(calc(var(--_line-gap) * -1)); border-left: 1px solid var(--o-border-color); content: ""; } } .oe_website_sale .activeDrag * { cursor: grabbing !important; cursor: -webkit-grabbing; } .oe_website_sale .o_payment_form .card { border-radius: 4px !important; } .oe_website_sale .address-inline address { display: inline-block; } .oe_website_sale h1[itemprop="name"], .oe_website_sale [itemprop="name"].h1 { word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; } .oe_website_sale h1[itemprop="name"], .oe_website_sale [itemprop="name"].h1 { font-size: calc(1.3rem + 0.6vw); font-weight: 600; } @media (min-width: 1200px) { .oe_website_sale h1[itemprop="name"], .oe_website_sale [itemprop="name"].h1 { font-size: 1.75rem; } } .oe_website_sale input.js_quantity { min-width: 48px; text-align: center; } .oe_website_sale input.quantity { padding: 0; } .oe_website_sale .table-striped tbody tr td:nth-of-type(even) { --table-accent-bg: rgba(0, 0, 0, 0.025); } .oe_website_sale .table-striped tbody tr td:nth-of-type(odd) { --table-accent-bg: rgba(0, 0, 0, 0); } .oe_website_sale *:not(#product_attributes_simple) > .table-sm tbody td { padding-top: 0.5rem; padding-bottom: 0.5rem; } .oe_website_sale .o_pricelist_dropdown .o_pricelist_dropdown_span, .oe_website_sale .o_sortby_dropdown .o_pricelist_dropdown_span { max-width: 8em; } .oe_website_sale #o_wsale_pager.o_wsale_pager_accommodate_floating { padding-bottom: 4.5rem !important; } @media (max-width: 991.98px) { .oe_website_sale .o_wsale_breadcrumb .breadcrumb-item { padding-left: 0; } .oe_website_sale .o_wsale_breadcrumb .breadcrumb-item::before { content: ""; } } .oe_website_sale .o_address_card { cursor: pointer; } #product_detail ~ .oe_structure.oe_empty > section:first-child { border-top: 1px solid var(--o-border-color); } .o_alternative_product { margin: auto; } .o_wsale_products_searchbar_form .oe_search_found, #o_wsale_search_modal .oe_search_found { display: none; } div#payment_method div.list-group { margin-left: 40px; } div#payment_method .list-group-item { padding-top: 5px; padding-bottom: 5px; } a.no-decoration { cursor: pointer; text-decoration: none !important; } .o_wsale_image_viewer_ratio_auto, .o_wsale_product_page_opt_image_ratio_auto { --o-wsale-product-image-ratio: auto; } .o_wsale_image_viewer_ratio_21_9, .o_wsale_product_page_opt_image_ratio_21_9 { --o-wsale-product-image-ratio: 2.33333333; } .o_wsale_image_viewer_ratio_16_9, .o_wsale_product_page_opt_image_ratio_16_9 { --o-wsale-product-image-ratio: 1.77777778; } .o_wsale_image_viewer_ratio_4_3, .o_wsale_product_page_opt_image_ratio_4_3 { --o-wsale-product-image-ratio: 1.33333333; } .o_wsale_image_viewer_ratio_6_5, .o_wsale_product_page_opt_image_ratio_6_5 { --o-wsale-product-image-ratio: 1.2; } .o_wsale_image_viewer_ratio_1_1, .o_wsale_product_page_opt_image_ratio_1_1 { --o-wsale-product-image-ratio: 1; } .o_wsale_image_viewer_ratio_4_5, .o_wsale_product_page_opt_image_ratio_4_5 { --o-wsale-product-image-ratio: 0.8; } .o_wsale_image_viewer_ratio_2_3, .o_wsale_product_page_opt_image_ratio_2_3 { --o-wsale-product-image-ratio: 0.66666667; } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_21_9 { --o-wsale-product-image-ratio: 2.33333333; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_16_9 { --o-wsale-product-image-ratio: 1.77777778; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_4_3 { --o-wsale-product-image-ratio: 1.33333333; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_6_5 { --o-wsale-product-image-ratio: 1.2; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_1_1 { --o-wsale-product-image-ratio: 1; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_4_5 { --o-wsale-product-image-ratio: 0.8; } } @media (max-width: 767.98px) { .o_wsale_product_page_opt_image_ratio_mobile_2_3 { --o-wsale-product-image-ratio: 0.66666667; } } .o_wsale_product_page_opt_image_radius_none { --o-wsale-product-image-radius: 0; } .o_wsale_product_page_opt_image_radius_small { --o-wsale-product-image-radius: var(--border-radius-sm); } .o_wsale_product_page_opt_image_radius_medium { --o-wsale-product-image-radius: var(--border-radius); } .o_wsale_product_page_opt_image_radius_big { --o-wsale-product-image-radius: var(--border-radius-lg); } .o_wsale_content_contained { --gutter-x: 0; } #product_detail_main { padding: 0; } @media (min-width: 992px) { #product_detail_main { padding: 0 15px; } } #product_details { flex: 0 0 auto; width: var(--o-wsale-product-col-details-width, 100%); padding-top: 1rem; padding-left: var(--o-wsale-product-col-details-padding-left, calc(var(--gutter-x) * .5)); padding-right: var(--o-wsale-product-col-details-padding-right, calc(var(--gutter-x) * .5)); background-color: #FFFFFF; container: product-details / inline-size; z-index: 0; } @media (min-width: 992px) { #product_details { padding-top: var(--o-wsale-product-col-details-padding-top-lg, 0px); } } .o_wsale_product_images { flex: 0 0 auto; position: var(--o-wsale-product-col-images-position); display: var(--o-wsale-product-col-images-display); width: var(--o-wsale-product-col-images-width, 100%); padding: var(--o-wsale-product-col-images-padding, 0); z-index: 1; } .o_wsale_sticky_object { transition: top 200ms; } @media (max-width: 991.98px) { .o_wsale_sticky_object { top: 0px !important; } } #product_detail.o_wsale_container_lg .o_wsale_product_images { padding: 0; } #product_detail.o_wsale_container_fluid .o_wsale_content_contained { --gutter-x: 0; max-width: none; } @media (min-width: 1400px) { #product_detail.o_wsale_container_fluid:where(.o_wsale_product_page_opt_image_width_33_pc), #product_detail.o_wsale_container_fluid:where(.o_wsale_product_page_opt_image_width_50_pc), #product_detail.o_wsale_container_fluid:where(.o_wsale_product_page_opt_image_width_66_pc) { --o-wsale-product-col-details-padding-left: 60px; } } #product_detail .breadcrumb .breadcrumb-item { padding-top: calc(0.375rem + var(--border-width)); padding-bottom: calc(0.375rem + var(--border-width)); font-size: 0.875rem; line-height: 1.5; } #product_detail_main:where(.flex-lg-row-reverse) #product_details { padding-left: var(--o-wsale-product-col-details-padding-right, calc(var(--gutter-x) * .5)); padding-right: var(--o-wsale-product-col-details-padding-left, calc(var(--gutter-x) * .5)); } .o_wsale_product_page_opt_image_width_none { --o-wsale-product-col-images-display: none; } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_33_pc, .o_wsale_product_page_opt_image_width_50_pc, .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-details-padding-left: 15px; --o-wsale-product-col-details-padding-right: 0; } } @media (min-width: 1200px) { .o_wsale_product_page_opt_image_width_33_pc, .o_wsale_product_page_opt_image_width_50_pc, .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-details-padding-left: 37.5px; } } @media (min-width: 1200px) { .o_wsale_product_page_opt_image_width_33_pc, .o_wsale_product_page_opt_image_width_50_pc, .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-details-padding-left: 60px; } } @media (min-width: 1200px) { .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-details-padding-left: 30px; } } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_33_pc { --o-wsale-product-col-images-position: sticky; --o-wsale-product-col-images-width: 33.3333%; --o-wsale-product-col-details-width: 66.6666%; } } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_50_pc { --o-wsale-product-col-images-position: sticky; --o-wsale-product-col-images-width: 50%; --o-wsale-product-col-details-width: 50%; --o-wsale-product-details-content-max-width: 960px; } } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_66_pc { --o-wsale-product-col-images-position: sticky; --o-wsale-product-col-images-width: 66%; --o-wsale-product-col-details-width: 34%; --o-wsale-product-details-content-max-width: 960px; } } .o_wsale_product_page_opt_image_width_100_pc { --o-wsale-product-col-images-width: 100%; --o-wsale-product-col-details-width: 100%; --o-wsale-product-col-details-padding-top-lg: 1rem; } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_100_pc, .o_wsale_product_page_opt_image_width_none { --o-wsale-product-col-details-padding-left: 0; --o-wsale-product-col-details-padding-right: 0; } } #o_wsale_product_details_content { display: flex; flex-direction: column; } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content { --o-wsale-product-details-content-max-width: 100%; --o-wsale-product-details-content-section-max-width: 640px; } @container product-details (min-width: 727px) { .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content { width: 100%; max-width: var(--o-wsale-product-details-content-max-width, 11040px) !important; margin: 0; } .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content form, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content form { display: grid; grid-template-columns: minmax(412px, 640px) minmax(15px, 10000px) minmax(300px, 400px); grid-auto-rows: auto; align-items: start; } .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content form .o_wsale_product_details_content_section, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content form .o_wsale_product_details_content_section { grid-column: 1; } .o_wsale_product_page_opt_image_width_none #o_wsale_product_details_content form .o_wsale_product_details_content_section_cta, .o_wsale_product_page_opt_image_width_100_pc #o_wsale_product_details_content form .o_wsale_product_details_content_section_cta { --o-wsale-product-details-section-border-width: 0px; --o-wsale-product-details-section-padding-top: 0px; grid-column: 3; grid-row: 1 / -6; align-self: start; } } } @media (min-width: 992px) { @container product-details (min-width: 727px) { .o_wsale_product_page_opt_image_width_33_pc #o_wsale_product_details_content { width: 100%; max-width: var(--o-wsale-product-details-content-max-width, 520pxvar(--o-wsale-product-col-details-padding-left)400px) !important; margin: 0; } .o_wsale_product_page_opt_image_width_33_pc #o_wsale_product_details_content form { display: grid; grid-template-columns: minmax(412px, 520px) minmax(15px, var(--o-wsale-product-col-details-padding-left)) minmax(300px, 400px); grid-auto-rows: auto; align-items: start; } .o_wsale_product_page_opt_image_width_33_pc #o_wsale_product_details_content form .o_wsale_product_details_content_section { grid-column: 1; } .o_wsale_product_page_opt_image_width_33_pc #o_wsale_product_details_content form .o_wsale_product_details_content_section_cta { --o-wsale-product-details-section-border-width: 0px; --o-wsale-product-details-section-padding-top: 0px; grid-column: 3; grid-row: 1 / -6; align-self: start; } } } #o_wsale_product_details_content .o_wsale_product_details_content_section { max-width: var(--o-wsale-product-details-content-section-max-width, 520px); } #o_wsale_product_details_content .o_wsale_product_details_content_section_attributes { display: none; } #o_wsale_product_details_content .o_wsale_product_details_content_section_attributes:where(:has(li.variant_attribute:not(.d-none))), #o_wsale_product_details_content .o_wsale_product_details_content_section_attributes:where(:has(li.o_variant_pills:not(.d-none))) { display: block; } #o_wsale_product_details_content .o_wsale_product_details_content_section_attributes .o_wsale_product_page_variants.d-none + .o_wsale_product_page_variants { margin-top: 0 !important; } .o_wsale_product_page_opt_separators .o_wsale_product_details_content_section:where(:not( .o_wsale_product_details_content_section_title, .o_wsale_product_details_content_section_price, .o_wsale_product_details_content_section_accordion )) { border-top: var(--o-wsale-product-details-section-border-width, 1px) solid var(--o-border-color); padding-top: var(--o-wsale-product-details-section-padding-top, 1.5rem); } .o_wsale_product_page_opt_separators .o_wsale_product_details_content_section:where(.o_wsale_product_details_content_section_cta:has(.o_wsale_cta_wrapper_boxed)) { --o-wsale-product-details-section-border-width: 0; --o-wsale-product-details-section-padding-top: 0.5rem; } #o_wsale_cta_wrapper.o_wsale_cta_wrapper_boxed { max-width: 26rem; } #o_wsale_cta_wrapper.o_wsale_cta_wrapper_large .css_quantity { border-radius: var(--border-radius-lg); } @media (min-width: 992px) { #o_wsale_cta_wrapper:not(.o_wsale_cta_wrapper_boxed) #product_option_block:has(button:only-child) { flex-grow: 0 !important; } } @property --o-wsale-js-grid-product-height { syntax: ""; inherits: true; initial-value: 280px; } #o-grid-product .o_wsale_product_page_grid_row { display: var(--o-wsale-grid-product-row-display, flex); } #o-grid-product .o_wsale_product_page_grid_column { display: var(--o-wsale-grid-product-col-display, flex); flex: 1; } #o-grid-product .o_ribbons:not([data-ribbon-id]) { display: none; } @media (max-width: 991.98px) { #o-grid-product { --o-wsale-grid-product-col-display: contents; } } #o-grid-product.o_grid_solo { --o-wsale-grid-product-col-display: contents; } @media (min-width: 992px) { #o-grid-product.o_grid_solo .o_wsale_product_page_grid_column, #o-grid-product.o_grid_solo .o_product_detail_img_wrapper, #o-grid-product.o_grid_solo .product_detail_img { border-radius: var(--o-wsale-product-image-radius); } } @media (max-width: 991.98px) { #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row { --_lastBlock_margin_bottom: -15px; flex-direction: column; height: var(--o-wsale-js-grid-product-height); min-height: 146px; max-height: 60vh; overflow-y: scroll; overflow-x: hidden; scroll-snap-type: y mandatory; scrollbar-color: currentColor rgba(255, 255, 255, 0.5); padding-bottom: 15px !important; box-sizing: content-box; transition: height .2s ease-out; } #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row:not(.gap-0) { --_lastBlock_margin_bottom: -22.5px; gap: 7.5px 0 !important; padding-right: 15px !important; padding-bottom: 22.5px !important; } #o-grid-product:where(:not(.o_grid_solo)):has(.o_wsale_product_page_grid_row:not(.gap-0)) { padding-left: 15px !important; } #o-grid-product:where(:not(.o_grid_solo)) .o_product_detail_img_wrapper { scroll-snap-align: center; scroll-snap-stop: always; max-height: 60vh; order: var(--o-wsale-grid-product-img-natural-order); width: 100%; } #o-grid-product:where(:not(.o_grid_solo)) .o_product_detail_img_wrapper.o_product_detail_img_wrapper_last { margin-bottom: var(--_lastBlock_margin_bottom); } @keyframes o-produt-grid-loading { 0% { opacity: .25; } 100% { opacity: .5; } } #o-grid-product:where(:not(.o_grid_solo)).o_grid_uses_ratio_auto.o_grid_uses_ratio_mobile_auto .o_product_detail_img_wrapper { animation: o-produt-grid-loading 2s ease-in-out var(--o-wsale-grid-product-images-animation-count, infinite); } #o-grid-product:where(:not(.o_grid_solo)).o_grid_uses_ratio_auto.o_grid_uses_ratio_mobile_auto.o_grid_product_ready { --o-wsale-grid-product-images-animation-count: 1; } } #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_column { gap: inherit; } #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row:where(:not(.gap-0)) .o_wsale_product_page_grid_column, #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row:where(:not(.gap-0)) .o_product_detail_img_wrapper, #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row:where(:not(.gap-0)) .product_detail_img { border-radius: var(--o-wsale-product-image-radius); } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)) { --o-wsale-grid-product-row-display: grid; --o-wsale-grid-product-col-display: contents; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_row { grid-auto-rows: 1fr; grid-template-columns: var(--_grid-colums, 66.666666% 1fr); } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)) .o_product_detail_img_wrapper { order: var(--o-wsale-grid-product-img-natural-order); width: 100%; height: 100%; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)) .o_wsale_product_page_grid_column:first-of-type .o_product_detail_img_wrapper:first-of-type { grid-row: var(--_first-image-grid-row, 1/-3); grid-column: var(--_first-image-grid-column); height: 100%; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)).o_grid_has_more_than_3 { --_grid-colums: 50% 1fr 1fr; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)).o_grid_has_more_than_5 { --_grid-colums: repeat(7, 1fr); --_first-image-grid-row: 1 / -5; --_first-image-grid-column: 1 / -3; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)).o_grid_has_more_than_9 { --_grid-colums: repeat(7, 1fr); --_first-image-grid-row: 1 / -6; --_first-image-grid-column: 1 / -3; } .o_wsale_product_page_opt_image_width_100_pc #o-grid-product:where(:not(.o_grid_solo)).o_grid_has_more_than_11 { --_grid-colums: repeat(9, 1fr); --_first-image-grid-row: 1 / -7; --_first-image-grid-column: 1 / -4; } } .o_wsale_product_page_grid_column .o_product_detail_img_wrapper { aspect-ratio: var(--o-wsale-product-image-ratio); } .o_wsale_product_page_grid_column .o_product_detail_img_wrapper > .product_detail_img { aspect-ratio: inherit; object-fit: cover; } #o-carousel-product { transition: top 200ms; } #o-carousel-product .carousel-inner img { object-fit: cover; } @media (min-width: 992px) { #o-carousel-product .carousel-inner img { border-radius: var(--o-wsale-product-image-radius); } } #o-carousel-product .carousel-outer { aspect-ratio: var(--o-wsale-product-image-ratio); } @media (min-width: 1200px) { #o-carousel-product:not(:hover) .carousel-control-prev, #o-carousel-product:not(:hover) .carousel-control-next { opacity: 0; } } #o-carousel-product .carousel-item, #o-carousel-product .o_carousel_product_indicators { transition: transform 0.2s ease-out; } #o-carousel-product .carousel-indicators { transition: transform 0.3s ease-in-out; } #o-carousel-product .o_carousel_product_indicators { max-height: 400px; } @media (min-width: 992px) { #o-carousel-product .o_carousel_product_indicators .carousel-indicators { justify-content: start; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li { width: 64px; height: auto; text-indent: unset; transition: none; border: 1px solid var(--o-border-color); } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li, #o-carousel-product .o_carousel_product_indicators .carousel-indicators li > div, #o-carousel-product .o_carousel_product_indicators .carousel-indicators li > div > img { border-radius: MIN(var(--o-wsale-product-image-radius), var(--border-radius)); aspect-ratio: var(--o-wsale-product-image-ratio); } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li .o_product_video_thumb { position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 64px; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li.active { border-color: #0080FF; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li:where(:not(:hover)) { opacity: .75; } #o-carousel-product .o_carousel_product_indicators .carousel-indicators li:hover, #o-carousel-product .o_carousel_product_indicators .carousel-indicators li.active { opacity: 1; } } @media (max-width: 991.98px) { #o-carousel-product.o_carousel_product_left_indicators { flex-direction: column-reverse; } #o-carousel-product .carousel-indicators { justify-content: center; } #o-carousel-product .carousel-indicators li { width: 8px; height: 8px; min-width: 8px; border-radius: 50%; border: 2px solid #CED4DA; } #o-carousel-product .carousel-indicators li.active { border-color: #0080FF; background-color: #0080FF; } #o-carousel-product .carousel-indicators li > div { display: none; } } @media (min-width: 992px) { #o-carousel-product .carousel-indicators li { margin: 0; } #o-carousel-product .carousel-indicators li:not(:first-child) { margin-left: 10px; } #o-carousel-product.o_carousel_product_left_indicators .carousel-indicators li { margin: 0; } #o-carousel-product.o_carousel_product_left_indicators .carousel-indicators li:not(:first-child) { margin-top: 10px; } } @media (min-width: 992px) { .o_wsale_product_page_opt_image_width_100_pc #o-carousel-product:not(.o_carousel_product_left_indicators) .o_carousel_product_indicators { position: absolute; top: auto; left: 0; bottom: 0.75rem; right: 0; } } #o-carousel-product .carousel-control-prev, #o-carousel-product .carousel-control-next, .o_wsale_image_viewer .carousel-control-prev, .o_wsale_image_viewer .carousel-control-next { top: auto; bottom: auto; opacity: 0.5; cursor: pointer; transition: opacity 0.8s; } #o-carousel-product .carousel-control-prev:focus, #o-carousel-product .carousel-control-next:focus, .o_wsale_image_viewer .carousel-control-prev:focus, .o_wsale_image_viewer .carousel-control-next:focus { opacity: 0.65; } #o-carousel-product .carousel-control-prev:hover, #o-carousel-product .carousel-control-next:hover, .o_wsale_image_viewer .carousel-control-prev:hover, .o_wsale_image_viewer .carousel-control-next:hover { opacity: 0.8; } #o-carousel-product .carousel-control-prev > i, #o-carousel-product .carousel-control-next > i, .o_wsale_image_viewer .carousel-control-prev > i, .o_wsale_image_viewer .carousel-control-next > i { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.15rem; border-radius: var(--btn-border-radius); } @media (max-width: 991.98px) { #o-carousel-product .carousel-control-prev > i, #o-carousel-product .carousel-control-next > i, .o_wsale_image_viewer .carousel-control-prev > i, .o_wsale_image_viewer .carousel-control-next > i { width: 2rem; height: 2rem; line-height: 2rem; font-size: 1rem; } } .ecom-zoomable[data-ecom-zoom-click] img.product_detail_img { cursor: zoom-in; } .ecom-zoomable img[data-zoom] { cursor: zoom-in; } .ecom-zoomable .o_editable img[data-zoom] { cursor: pointer; } #coupon_box form { max-width: 300px; } .o_website_sale_animate { opacity: 0.7; position: absolute !important; height: 150px; width: 150px; z-index: 1020; } .o_red_highlight { --badge-bg: #dc3545 !important; --badge-border-color: var(--badge-bg); box-shadow: 0 0 0 0 rgba(240, 8, 0, 0.4); transition: all 0.5s linear; } .o_shadow_animation { box-shadow: 0 0 5px 10px rgba(240, 8, 0, 0.4) !important; } .o_mycart_zoom_animation { transform: scale(1.4); transition: all 0.3s ease-in-out; } .o_product_page_reviews_title .oi { font-size: calc(1.265rem + 0.18vw); } @media (min-width: 1200px) { .o_product_page_reviews_title .oi { font-size: 1.4rem; } } .o_product_page_reviews_title .oi:before { content: "\e809"; } .o_product_page_reviews_title:not(.collapsed) .oi:before { content: "\e80b"; } #o_product_page_reviews_content .o_website_rating_avg h1, #o_product_page_reviews_content .o_website_rating_avg .h1 { font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { #o_product_page_reviews_content .o_website_rating_avg h1, #o_product_page_reviews_content .o_website_rating_avg .h1 { font-size: 3.5rem; } } #o_product_page_reviews_content .o_portal_chatter_composer { position: sticky; transition: top 200ms; } #o_product_page_reviews_content .o_portal_chatter_messages > .o_portal_chatter_message { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1rem 0; margin-bottom: 1rem; } #o_product_page_reviews_content .o_portal_chatter_avatar { border-radius: 50%; } .o_product_tag_img { height: 2rem; } .o_wsale_share_menu { min-width: 3em; } .o_website_sale_checkout main { display: flex; flex-direction: column; } .o_website_sale_checkout #cart_products, .o_website_sale_checkout .o_wsale_quick_reorder_line_group { --cart-product-img-size-lg: 6rem; } .o_website_sale_checkout #cart_products .o_cart_product_image img, .o_website_sale_checkout .o_wsale_quick_reorder_line_group .o_cart_product_image img { width: var(--cart-product-img-size-sm, var(--cart-product-img-size-lg)); } @media (max-width: 767.98px) { .o_website_sale_checkout #cart_products .o_cart_product_image img, .o_website_sale_checkout .o_wsale_quick_reorder_line_group .o_cart_product_image img { --cart-product-img-size-sm: 4rem; } } .o_website_sale_checkout .o_cart_item_count { font-variant-numeric: tabular-nums; } @media (max-width: 991.98px) { .o_website_sale_checkout .o_total_card { position: static; border: none; } .o_website_sale_checkout .o_total_card .o_checkout_cart_total { border-top: 1px solid var(--o-border-color); } } .o_website_sale_checkout .o_mobile_summary { margin-left: -15px; margin-right: -15px; padding: 1rem 15px; } @media (max-width: 991.98px) { .o_website_sale_checkout .o_mobile_summary { box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.1); } } .o_website_sale_checkout .o_wsale_scrollable_table { -ms-overflow-style: none; scrollbar-width: none; } .o_website_sale_checkout .o_wsale_scrollable_table::-webkit-scrollbar { display: none; } @media (min-width: 992px) { .o_website_sale_checkout .o_wsale_scrollable_table { overflow-y: scroll; height: 15rem; } } .o_website_sale_checkout div[itemprop="address"] { margin: 0.5rem 0; font-size: 0.765625rem; } .o_website_sale_checkout .o_wsale_address_fill .col-form-label:not(.label-optional)::after { content: " *"; font-weight: normal; } @media (max-width: 767.98px) { .o_website_sale_checkout .o_address_signin { border-radius: 0.375rem; background-color: #F8F9FA; } } .o_website_sale_checkout button[name="o_payment_submit_button"] { margin-left: 0 !important; } .o_website_sale_checkout a.disabled { pointer-events: none; } .o_website_sale_checkout #quick_reorder_sidebar.offcanvas { width: 760px; } .o_website_sale_checkout #quick_reorder_sidebar.offcanvas .o_wsale_quick_reorder_qty_input { width: 7ch; } .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group { --cart-product-img-size-lg: 3rem; } @media (max-width: 767.98px) { .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group .o_cart_product_image img { --cart-product-img-size-sm: 2.6rem; } } .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group .o_wsale_quick_reorder_group_content:not(:last-child) { padding-bottom: 3rem; } .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group .o_wsale_quick_reorder_group_content .o_wsale_quick_reorder_line:not(:last-child) { margin-bottom: 1rem; } @media (max-width: 575.98px) { .o_website_sale_checkout #quick_reorder_sidebar .o_wsale_quick_reorder_line_group .o_wsale_quick_reorder_group_content .o_wsale_quick_reorder_line:not(:last-child) { padding-bottom: 1rem; border-bottom: 1px solid var(--o-border-color); } } .o_sale_product_configurator_img img, .product-card img, .o_cart_product_image img, .o_wsale_products_opt_thumb_2_3 .o_cart_product_image img, .o_wsale_products_opt_thumb_2_3 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_2_3 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_2_3 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_2_3 .product-card img, .o_wsale_products_opt_thumb_4_5 .o_cart_product_image img, .o_wsale_products_opt_thumb_4_5 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_4_5 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_4_5 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_4_5 .product-card img, .o_wsale_products_opt_thumb_6_5 .o_cart_product_image img, .o_wsale_products_opt_thumb_6_5 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_6_5 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_6_5 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_6_5 .product-card img, .o_wsale_products_opt_thumb_4_3 .o_cart_product_image img, .o_wsale_products_opt_thumb_4_3 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_4_3 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_4_3 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_4_3 .product-card img, .o_wsale_products_opt_thumb_16_9 .o_cart_product_image img, .o_wsale_products_opt_thumb_16_9 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_16_9 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_16_9 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_16_9 .product-card img { object-fit: cover; object-position: center; } .o_wsale_products_opt_thumb_16_9 .o_cart_product_image img, .o_wsale_products_opt_thumb_16_9 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_16_9 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_16_9 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_16_9 .product-card img { aspect-ratio: 1.77777778; } .o_wsale_products_opt_thumb_4_3 .o_cart_product_image img, .o_wsale_products_opt_thumb_4_3 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_4_3 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_4_3 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_4_3 .product-card img { aspect-ratio: 1.33333333; } .o_wsale_products_opt_thumb_6_5 .o_cart_product_image img, .o_wsale_products_opt_thumb_6_5 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_6_5 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_6_5 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_6_5 .product-card img { aspect-ratio: 1.2; } .o_wsale_products_opt_thumb_4_5 .o_cart_product_image img, .o_wsale_products_opt_thumb_4_5 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_4_5 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_4_5 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_4_5 .product-card img { aspect-ratio: 0.8; } .o_wsale_products_opt_thumb_2_3 .o_cart_product_image img, .o_wsale_products_opt_thumb_2_3 .o_sale_product_configurator_img img, .o_wsale_products_opt_thumb_2_3 .o_wsale_comparison_bottom_bar img, .o_wsale_products_opt_thumb_2_3 .o_wsale_compare_table_column img, .o_wsale_products_opt_thumb_2_3 .product-card img { aspect-ratio: 0.66666667; } .o_cart_product_image img { max-width: 64px; aspect-ratio: 1/1; } .o_sale_product_configurator_img img, .product-card img { aspect-ratio: 1/1; } .oe_website_sale .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234d5b7c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); } .oe_website_sale #product_accordion, .oe_website_sale #wsale_products_attributes_collapse h6, .oe_website_sale #wsale_products_attributes_collapse .h6, .oe_website_sale #o_wsale_price_range_option h6, .oe_website_sale #o_wsale_price_range_option .h6, .oe_website_sale #o_wsale_total_accordion .accordion-header { --accordion-active-bg: inherit; --accordion-active-color: var(--accordion-btn-color); --accordion-btn-padding-x: 0; --accordion-body-padding-x: 0; } .oe_website_sale #product_accordion .accordion-item, .oe_website_sale #wsale_products_attributes_collapse h6 .accordion-item, .oe_website_sale #wsale_products_attributes_collapse .h6 .accordion-item, .oe_website_sale #o_wsale_price_range_option h6 .accordion-item, .oe_website_sale #o_wsale_price_range_option .h6 .accordion-item, .oe_website_sale #o_wsale_total_accordion .accordion-header .accordion-item { border-top: 1px solid var(--o-border-color); border-bottom: 1px solid var(--o-border-color); } .oe_website_sale #product_accordion .accordion-item:not(:last-child), .oe_website_sale #wsale_products_attributes_collapse h6 .accordion-item:not(:last-child), .oe_website_sale #wsale_products_attributes_collapse .h6 .accordion-item:not(:last-child), .oe_website_sale #o_wsale_price_range_option h6 .accordion-item:not(:last-child), .oe_website_sale #o_wsale_price_range_option .h6 .accordion-item:not(:last-child), .oe_website_sale #o_wsale_total_accordion .accordion-header .accordion-item:not(:last-child) { border-bottom: 0; } .oe_website_sale #product_accordion .accordion-button:not(.collapsed), .oe_website_sale #wsale_products_attributes_collapse h6 .accordion-button:not(.collapsed), .oe_website_sale #wsale_products_attributes_collapse .h6 .accordion-button:not(.collapsed), .oe_website_sale #o_wsale_price_range_option h6 .accordion-button:not(.collapsed), .oe_website_sale #o_wsale_price_range_option .h6 .accordion-button:not(.collapsed), .oe_website_sale #o_wsale_total_accordion .accordion-header .accordion-button:not(.collapsed) { box-shadow: none; } .oe_website_sale #product_accordion.o_accordion_not_initialized > .accordion-item:first-child .accordion-button::after, .oe_website_sale #wsale_products_attributes_collapse h6.o_accordion_not_initialized > .accordion-item:first-child .accordion-button::after, .oe_website_sale #wsale_products_attributes_collapse .o_accordion_not_initialized.h6 > .accordion-item:first-child .accordion-button::after, .oe_website_sale #o_wsale_price_range_option h6.o_accordion_not_initialized > .accordion-item:first-child .accordion-button::after, .oe_website_sale #o_wsale_price_range_option .o_accordion_not_initialized.h6 > .accordion-item:first-child .accordion-button::after, .oe_website_sale #o_wsale_total_accordion .accordion-header.o_accordion_not_initialized > .accordion-item:first-child .accordion-button::after { transform: var(--accordion-btn-icon-transform); } .oe_website_sale #product_accordion.o_accordion_not_initialized > .accordion-item:first-child .accordion-collapse, .oe_website_sale #wsale_products_attributes_collapse h6.o_accordion_not_initialized > .accordion-item:first-child .accordion-collapse, .oe_website_sale #wsale_products_attributes_collapse .o_accordion_not_initialized.h6 > .accordion-item:first-child .accordion-collapse, .oe_website_sale #o_wsale_price_range_option h6.o_accordion_not_initialized > .accordion-item:first-child .accordion-collapse, .oe_website_sale #o_wsale_price_range_option .o_accordion_not_initialized.h6 > .accordion-item:first-child .accordion-collapse, .oe_website_sale #o_wsale_total_accordion .accordion-header.o_accordion_not_initialized > .accordion-item:first-child .accordion-collapse { display: block; } .o_wsale_products_grid_before_rail .accordion { --accordion-btn-icon-width: 1rem; } .products_attributes_filters .wsale_accordion_collapsible div.accordion-item:first-of-type { border-top: none; } #categories_recursive li { width: 100% !important; } .o_categories_recursive_button:after { display: none; } .overflow-hidden { overflow: hidden; } @media (max-width: 767.98px) { .css_quantity > a { --btn-padding-x: 0.6rem; } } body.modal-open:has(.js_sale.o_wsale_product_page) { overflow: hidden; } .oe_website_sale .o_wsale_ribbon { margin: 0; font-size: 0.8rem; white-space: nowrap; text-align: center; pointer-events: none; padding: 0.5rem 100px; transform-origin: top right; z-index: 1; } .oe_website_sale .o_wsale_ribbon:empty { display: none; } .oe_website_sale .o_wsale_badge { margin: 0; font-size: 0.8rem; white-space: nowrap; text-align: center; pointer-events: none; padding: 0.25rem 0.5rem; border-radius: var(--border-radius) !important; } .oe_website_sale .o_wsale_badge:empty { display: none; } .oe_website_sale .o_wsale_ribbon.o_right { position: absolute; top: 0; left: auto; bottom: auto; right: 0; transform: translateX(calc(-0.708 * (100% - 200px))) rotate(45deg) translateX(calc(100% - 100px)); } .oe_website_sale .o_wsale_ribbon.o_left { position: absolute; top: 0; left: 0; bottom: auto; right: auto; transform: translateX(calc(0.708 * (100% - 200px) - 100%)) rotate(-45deg) translateX(100px); } .oe_website_sale .o_wsale_badge.o_left { position: absolute; top: 0.5rem; left: var(--o-wsale-ribbon-badge-offset-x, 0.5rem); bottom: auto; right: auto; } .oe_website_sale .o_wsale_badge.o_right { position: absolute; top: 0.5rem; left: auto; bottom: auto; right: var(--o-wsale-ribbon-badge-offset-x, 0.5rem); } /* /website_sale/static/src/scss/website_sale_frontend.scss */ .o_wsale_image_viewer { z-index: -1; } .o_wsale_image_viewer .o_wsale_image_viewer_header { height: 40px; z-index: 1; } .o_wsale_image_viewer .o_wsale_image_viewer_image .o_wsale_image_viewer_void { z-index: 1; padding-top: 64px; padding-bottom: 156px; } .o_wsale_image_viewer .o_wsale_image_viewer_image img { cursor: zoom-in; } .o_wsale_image_viewer .o_wsale_image_viewer_image img.zoomed-in { cursor: zoom-out; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel { z-index: 1; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol { list-style: none; transition: transform 250ms ease-out; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li > div { background: #FFFFFF; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li > div img.o_wsale_image_viewer_thumbnail { aspect-ratio: var(--o-wsale-product-image-ratio, 1/1); border: 4px solid transparent; height: 128px; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li > div img.o_wsale_image_viewer_thumbnail:not(.active, :hover) { opacity: 0.75; } .o_wsale_image_viewer .o_wsale_image_viewer_carousel ol li > div img.o_wsale_image_viewer_thumbnail.active { border-color: #0080FF; } /* /website_sale/static/src/scss/website_sale_delivery.scss */ @media (max-width: 767.98px) { .o_wsale_delivery_price_badge { max-width: 130px; text-overflow: ellipsis; overflow: hidden; } } /* /website_sale/static/src/snippets/s_dynamic_snippet_categories/000.scss */ .s_dynamic_snippet_category .o_category_container { grid-template-columns: repeat(var(--DynamicCategory-columns), 1fr); } @media (min-width: 768px) and (max-width: 991.98px) { .s_dynamic_snippet_category:not([data-columns="2"]) .o_category_container { grid-template-columns: repeat(calc(var(--DynamicCategory-columns) - 1), 1fr); } } .s_dynamic_snippet_category .all_products { grid-row: span 4; } .s_dynamic_snippet_category .align_category_right > *:not(span) { align-self: flex-end !important; } .s_dynamic_snippet_category .align_category_center { justify-content: center !important; } .s_dynamic_snippet_category .align_category_center > *:not(span) { align-self: center !important; } .s_dynamic_snippet_category .s_dynamic_category_item, .s_dynamic_snippet_category .s_dynamic_category_wrapper_demo { border-radius: inherit; box-shadow: inherit; } .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item:hover .o_category_image, .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item:has(.s_dynamic_category_button:focus-visible) .o_category_image { transform: scale(1.05); } .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item .o_category_filter { opacity: 0; } .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item .s_dynamic_category_arrow { transition: transform .2s ease-in-out; } .s_dynamic_snippet_category.s_dynamic_category_clickable_items .s_dynamic_category_item:hover .s_dynamic_category_arrow { transform: translateX(0.25rem); } .s_dynamic_snippet_category.s_dynamic_category_clickable_items:not(.s_dynamic_category_no_overlay) .s_dynamic_category_item:hover .o_category_filter, .s_dynamic_snippet_category.s_dynamic_category_clickable_items:not(.s_dynamic_category_no_overlay) .s_dynamic_category_item:has(.s_dynamic_category_button:focus-visible) .o_category_filter { opacity: 100%; } .s_dynamic_snippet_category.s_dynamic_category_clickable_items.s_dynamic_category_no_arrows .s_dynamic_category_arrow { display: none; } /* /website/static/lib/multirange/multirange_custom.scss */ input[type="range"][multiple] { pointer-events: none; visibility: hidden; } .multirange-wrapper input[type="range"][multiple] { visibility: initial; } .multirange-wrapper input[type="range"][multiple]::-webkit-slider-thumb { pointer-events: auto; } .multirange-wrapper input[type="range"][multiple]::-moz-range-thumb { pointer-events: auto; } .multirange-wrapper input[type="range"][multiple].reverse { direction: rtl; } .multirange-wrapper input[type="range"][multiple].multirange::-moz-range-track { border-color: transparent; } .multirange-wrapper input[type="range"][multiple].multirange.original::-webkit-slider-thumb { position: relative; z-index: 2; } @media all and (min--moz-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { .multirange-wrapper input[type="range"][multiple].multirange.ghost { margin-inline-start: calc(1rem + (1px * 2)); width: calc(100% - calc(1rem + (1px * 2))); } } .multirange-wrapper input[type="range"][multiple].multirange.ghost::-webkit-slider-runnable-track { background: linear-gradient(to right, transparent var(--low), var(--primary) var(--low) var(--high), transparent 0) no-repeat 50%/100% 100%; } .multirange-wrapper input[type="range"][multiple].multirange.ghost::-moz-range-track { background: linear-gradient(to right, transparent var(--low), var(--primary) var(--low) var(--high), transparent 0) no-repeat 50%/100% 100%; } .multirange-wrapper [x-out-of-boundaries] { display: none; } /* /website_sale/static/src/scss/product_configurator.scss */ .css_attribute_color { --o-wsale-css-attribute-color__size: 1.6rem; position: relative; display: inline-block; height: var(--o-wsale-css-attribute-color__size); width: var(--o-wsale-css-attribute-color__size); border: 1px solid var(--o-wsale-attribute-color-border-color, var(--o-border-color)); border-radius: 50%; transition: all 0.2s ease-in-out; } @media (max-width: 575.98px) { .css_attribute_color { --o-wsale-css-attribute-color__size: 2rem; } } .css_attribute_color input { opacity: 0; } .css_attribute_color:hover, .css_attribute_color.active, .css_attribute_color.active:hover { box-shadow: inset 0 0 0 2px #FFFFFF; } .css_attribute_color:hover { --o-wsale-attribute-color-border-color: #6C757D; --o-wsale-attribute-color-border-color: color-mix(in srgb, currentColor 60%, transparent); } .css_attribute_color.active, .css_attribute_color.active:hover { --o-wsale-attribute-color-border-color: #0080FF; } .css_attribute_color:has(input:focus-visible)::before { position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; content: " "; width: 140%; height: 140%; border-radius: 100%; z-index: -1; background-color: rgba(0, 128, 255, 0.25); transform: translate(-50%, -50%); } .css_attribute_color.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .css_attribute_color.transparent { background-image: url(/web/static/img/transparent.png); } .css_attribute_image { --o-wsale-css-attribute-image__height: 4rem; --o-wsale-css-attribute-image__outline-width: 2px; height: calc(var(--o-wsale-css-attribute-image__height) - var(--o-wsale-css-attribute-image__outline-width)); aspect-ratio: 1; border: 5px solid #FFFFFF; outline: var(--o-wsale-css-attribute-image__outline-width) solid var(--o-border-color); transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } .css_attribute_image:hover, .css_attribute_image.active { outline-color: #0080FF; } .css_attribute_image.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .css_attribute_image.transparent { background-image: url(/web/static/img/transparent.png); } .css_attribute_image.size_small { --o-wsale-css-attribute-image__height: 3rem; --o-wsale-css-attribute-image__outline-width: 1px; } .css_not_available_msg { display: none; } .css_not_available.js_product .css_quantity { display: none !important; } .css_not_available.js_product .css_not_available_msg { display: block; } .css_not_available.js_product .availability_messages { display: none; } .css_not_available.js_product .oe_price, .css_not_available.js_product .oe_default_price { display: none; } .css_quantity { width: initial; border-radius: var(--border-radius); } .css_quantity input { height: auto !important; max-width: 4ch; } @media (min-width: 992px) { .css_quantity.input-group-lg:not(.css_quantity_50) { width: 100%; } } @media (min-width: 1200px) { .css_quantity.input-group-lg:not(.css_quantity_50) { width: auto; } } @media (min-width: 992px) { .css_quantity.input-group-lg:not(.css_quantity_50) input { max-width: 100%; } } @media (min-width: 1200px) { .css_quantity.input-group-lg:not(.css_quantity_50) input { max-width: 4ch; } } .css_quantity.input-group-lg .btn { padding-top: 0.5rem; padding-bottom: 0.5rem; } select.form-select.css_attribute_select { max-width: 26rem; } select.form-select.css_attribute_select:not([multiple]):where(:not([size]), [size="1"]) { background-image: url("data:image/svg+xml;utf8,"); background-size: 20px; background-position: 100% 65%; background-repeat: no-repeat; } select.form-select.css_attribute_select:not([multiple]):where(:not([size]), [size="1"]):disabled, .o_wysiwyg_loader:where(:not([size]), [size="1"]) { background-image: url("data:image/svg+xml;utf8,"); } .modal-content select.form-select.css_attribute_select { background-image: url("data:image/svg+xml;utf8,"); } .variant_attribute .o_variant_pills { border: 1px solid var(--o-border-color); } .variant_attribute .o_variant_pills:has(input:focus-visible) { box-shadow: 0 0 0 0.25rem rgba(0, 128, 255, 0.25); } .variant_attribute label.css_not_available, .variant_attribute .o_variant_pills.css_not_available { opacity: 0.6; } label.css_attribute_color.css_not_available:after { content: ""; position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; width: 2px; height: 110%; background-color: var(--body-bg); rotate: 45deg; transform: translate(-50%, -50%); transform-origin: top; } .js_product .td-product_name { word-wrap: break-word; } .js_product .td-product_name { min-width: 140px; } .js_product .td-img { width: 100px; } .js_product .td-qty { width: 200px; } .js_product .td-qty a.input-group-addon { background-color: transparent; border: 0px; } .js_product .td-qty .input-group { display: inline-flex; } .js_product .td-price { width: 120px; } @media (max-width: 767.98px) { .js_product .td-img { display: none; } .js_product .td-qty { width: 60px; } .js_product .td-price { width: 80px; } } @media (max-width: 476px) { .js_product .td-qty { width: 60px; } } /* /sale/static/src/js/combo_configurator_dialog/combo_configurator_dialog.scss */ @media (max-width: 767.98px) { .sale-combo-configurator-dialog .css_quantity .form-control { max-width: inherit; } } @media (min-width: 992px) { .combo_configurator_quantity { border-left: 1px solid var(--o-border-color); } } /* /sale/static/src/js/product/product.scss */ .table.o_sale_product_configurator_table tr:first-child > td { padding-top: 0 !important; } .table.o_sale_product_configurator_table > :not(caption) > *:last-child > * { border-bottom: 0; } .table.o_sale_product_configurator_table:where(:not(.o_sale_product_configurator_table_optional)) { margin-bottom: 1rem !important; } .o_sale_product_configurator_img { width: 40px; max-height: 240px; } @media (min-width: 768px) { .o_sale_product_configurator_img { width: 120px; } } .o_sale_product_configurator_img img { aspect-ratio: 1; object-fit: cover; object-position: center; } @media (min-width: 768px) { .o_sale_product_configurator_qty, .o_sale_product_configurator_price { width: 160px; } } .product_name_description { max-width: 8rem; } @media (max-width: 991.98px) { .impossible_combination_alert { margin-left: -3rem; margin-right: -9rem; } } .o_sale_product_configurator_uom_choice.active label { background-color: #e6f2f3; border-color: #017e84; color: #000; } /* /sale/static/src/js/product_card/product_card.scss */ .product-card { border: 1px solid var(--o-border-color); transition: border-color 0.2s ease-in-out; } .product-card img { aspect-ratio: 1; object-fit: contain; } .product-card:hover { border-color: #0080FF; } .product-card.selected { border-color: #0080FF; } /* /sale/static/src/js/product_list/product_list.scss */ table.o_sale_product_configurator_table > tbody > tr > td { min-width: 50px; } .o_sale_optional_products { background: #fafafa; } /* /sale/static/src/js/product_template_attribute_line/product_template_attribute_line.scss */ @media (min-width: 992px) { .o_sale_product_configurator_table div[name="ptal"] > div { align-items: center; } } .o_sale_product_configurator_table div[name="ptal"] > div:has(.form-check) { align-items: flex-start; } .o_sale_product_configurator_ptav_color { border: 5px solid var(--o-border-color); transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; } .o_sale_product_configurator_ptav_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader), .o_sale_product_configurator_ptav_color .form-check-input:not(:disabled):not(.o_wysiwyg_loader) + label { cursor: pointer; } .o_sale_product_configurator_ptav_color:hover, .o_sale_product_configurator_ptav_color:hover .form-check-input:not(:disabled):not(.o_wysiwyg_loader) { border-color: #0080FF; } .o_sale_product_configurator_ptav_color:before { content: ""; display: block; position: absolute; top: -3px; left: -3px; bottom: -3px; right: -3px; border: 4px solid white; border-radius: 50%; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .o_sale_product_configurator_ptav_color input { margin: 8px; height: 13px; width: 13px; opacity: 0; } .o_sale_product_configurator_ptav_color.active { border: 5px solid #0080FF; } .o_sale_product_configurator_ptav_color.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .o_sale_product_configurator_ptav_color.transparent { background-image: url(/web/static/img/transparent.png); } .o_sale_product_configurator_ptav_color.css_not_available { opacity: 1; } .o_sale_product_configurator_ptav_color.css_not_available:after { content: ""; position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; border: 2px solid #dc3545; border-radius: 50%; background: url("data:image/svg+xml;utf8,"); background-position: center; background-repeat: no-repeat; } .o_sale_product_configurator_ptav_image { border: 5px solid #FFFFFF; outline: 2px solid var(--o-border-color); transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; height: 62px; aspect-ratio: 1; } .o_sale_product_configurator_ptav_image:hover, .o_sale_product_configurator_ptav_image.active { outline-color: #0080FF; } .o_sale_product_configurator_ptav_image.custom_value { background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600); } .o_sale_product_configurator_ptav_image.transparent { background-image: url(/web/static/img/transparent.png); } .o_sale_product_configurator_ptav_image.css_not_available { opacity: 1; outline-color: #dc3545; } .o_sale_product_configurator_ptav_image.css_not_available:after { content: ""; position: absolute; top: -5px; left: -5px; bottom: -5px; right: -5px; background-image: url("data:image/svg+xml;utf8,"); background-position: center; background-repeat: no-repeat; } .o_sale_product_configurator_ptav_image.css_not_available:hover, .o_sale_product_configurator_ptav_image.css_not_available.active { outline-color: #0080FF; } .o_sale_product_configurator_ptav_pills.active label { background-color: #e6f2f3; border-color: #017e84; color: #000; } .css_not_available { opacity: 0.6; } option.css_not_available { opacity: 1; color: #ccc; } /* /sale/static/src/js/quantity_buttons/quantity_buttons.scss */ input[name="sale_quantity"] { padding: 0; } @media (max-width: 767.98px) { input[name="sale_quantity"] { max-width: 3rem; } } @media (min-width: 768px) { input[name="sale_quantity"] { max-width: 4rem; } } input[name="sale_quantity"]::-webkit-outer-spin-button, input[name="sale_quantity"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[name="sale_quantity"][type=number] { -moz-appearance: textfield; } /* /website_sale/static/src/js/combo_configurator_dialog/combo_configurator_dialog.scss */ .sale-combo-configurator-dialog { --modal-header-border-width: 1px; --modal-footer-border-width: 1px; } /* /website_sale/static/src/js/product_configurator_dialog/product_configurator_dialog.scss */ .o_sale_product_configurator_dialog { --product-configurator-img-size-lg: 6rem; } .o_sale_product_configurator_dialog .modal-header .btn.oi-arrow-left { padding-left: 0; } .o_sale_product_configurator_dialog .o_wsale_product_configurator_vr { background: var(--o-border-color); } .o_sale_product_configurator_dialog .o_sale_product_configurator_img { width: var(--product-configurator-img-size-sm, var(--product-configurator-img-size-lg)); } @media (max-width: 767.98px) { .o_sale_product_configurator_dialog .o_sale_product_configurator_img { --product-configurator-img-size-sm: 4rem; } } .o_sale_product_configurator_dialog .text-muted { color: inherit !important; } /* /web_enterprise/static/src/webclient/home_menu/home_menu_background.scss */ .o_home_menu_background, .o_web_client.o_home_menu_background { background-size: cover; background-attachment: fixed; background-color: var(--homeMenu-bg-color, #e7e9ed); background-image: var(--homeMenu-bg-image, url("/web_enterprise/static/img/background-light.svg")); } /* /web_enterprise/static/src/webclient/navbar/navbar.scss */ .o_main_navbar { --NavBar-entry-color--active: #000; --NavBar-entry-borderColor-active: #017e84; --NavBar-entry-backgroundColor--active: #e6f2f3; --NavBar-entry-backgroundColor--hover: #e7e9ed; --NavBar-entry-backgroundColor--focus: #e7e9ed; --Dropdown_menu-margin-y: 0.25rem; } .o_main_navbar .o_menu_toggle { color: var(--NavBar-menuToggle-color, #714B67); } body.o_is_superuser .o_menu_systray { border-image-outset: 5px; } /* /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 #0080FF; font-size: 0.765625rem; text-transform: uppercase; color: #714B67; font-weight: 600; 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; } /* /website_sale_comparison/static/src/scss/website_sale_comparison.options.scss */ :where(.oe_product_cart) .o_add_compare, :where(.oe_product_cart) .o_add_to_compare { display: var(--o-wsale-comparison-btn-display, none); order: var(--o-wsale-comparison-btn-order); } :where(.oe_product_cart) .o_add_compare_placeholder, :where(.oe_product_cart) .o_add_to_compare_placeholder { display: var(--o-wsale-comparison-btn-placeholder-display, none); order: var(--o-wsale-comparison-btn-order); } :where(.o_wsale_products_opt_has_comparison) :where(.oe_product_cart) { --o-wsale-comparison-btn-display: inline-flex; } :where(.o_wsale_products_opt_has_comparison):where(.o_wsale_products_opt_actions_onhover):where(.o_wsale_products_opt_layout_catalog) :where(.oe_product_cart) { --o-wsale-comparison-btn-display: flex; } /* /website_sale_comparison/static/src/scss/website_sale_comparison.scss */ .oe_website_sale .o_add_compare_dyn.btn-lg, .oe_website_sale .btn-group-lg > .o_add_compare_dyn.btn { aspect-ratio: 1/1; height: calc(0.5rem * 2 + 1.09375rem * 1.5 + var(--border-width) * 2); } :where(main:has(.oe_website_sale.container-fluid)) .o_wsale_comparison_bottom_bar > .container, :where(main:has(.oe_website_sale.container-fluid)) .o_wsale_comparison_bottom_bar > .o_container_small { max-width: unset; } @media screen and (min-width: 1920px) { :where(main:has(.oe_website_sale.container-fluid)) ul { max-width: 75%; } } .o_wsale_comparison_page { --o-website-sale-comparison-table-column-padding-x: 0.5rem; } .o_wsale_comparison_page > .overflow-x-auto { margin: 0 calc(var(--o-website-sale-comparison-table-column-padding-x) * -1); } @media (max-width: 991.98px) { .o_wsale_comparison_page > .overflow-x-auto { margin: 0 calc(var(--gutter-x, 30px) / -2); } } .o_wsale_comparison_page .o_wsale_compare_table_column { --o-website-sale-comparison-table-column-width: 270px; width: var(--o-website-sale-comparison-table-column-width); padding: 0 var(--o-website-sale-comparison-table-column-padding-x); } @media (min-width: 1200px) { .o_wsale_comparison_page .o_wsale_compare_table_column { --o-website-sale-comparison-table-column-width: 25%; } } @media (max-width: 1199.98px) { .o_wsale_comparison_page #o_comparelist_table { min-width: max-content; } } @media (max-width: 991.98px) { .o_wsale_comparison_page #o_comparelist_table { padding: 0 calc(var(--o-website-sale-comparison-table-column-padding-x)); } } .o_wsale_comparison_page .o_wsale_comparison_mini_sticky { transform: translateY(-100%); transition: transform .4s ease-in-out; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); z-index: 1029; } .o_wsale_comparison_page .o_wsale_comparison_mini_sticky.show { transform: translateY(0); } .o_wsale_comparison_page .o_wsale_comparison_mini_sticky .o_mini_product_img_container { width: 2.5rem; } .o_wsale_comparison_page .o_wsale_comparison_mini_sticky .o_wsale_comparison_scroll_container { -ms-overflow-style: none; scrollbar-width: none; margin: 0 calc(var(--o-website-sale-comparison-table-column-padding-x) * -1); } .o_wsale_comparison_page .o_wsale_comparison_mini_sticky .o_wsale_comparison_scroll_container::-webkit-scrollbar { display: none; } .o_wsale_comparison_page .o_wsale_comparison_mini_sticky::after { position: absolute; top: -50vh; left: 0; bottom: 0; right: 0; content: ""; background-color: inherit; height: 50vh; width: 100%; } #product_full_spec { border-top: 1px solid #CED4DA; } #product_full_spec .o_add_compare_dyn { font-size: 1.1rem; } .o_wsale_comparison_bottom_bar { z-index: var(--o-wsale-comparison-bottom-bar-z-index, 3); box-shadow: 0px -12px 32px rgba(0, 0, 0, 0.175); } .o_wsale_comparison_bottom_bar:where(:has(.collapsing, .collapse.show)) { --o-wsale-comparison-bottom-bar-z-index: 4; } .o_wsale_comparison_bottom_bar .btn[data-bs-toggle="collapse"] .oi-chevron-up { transition: transform 0.2s ease-in-out; } .o_wsale_comparison_bottom_bar .btn[data-bs-toggle="collapse"][aria-expanded="true"] .oi-chevron-up { transform: rotate(180deg); } .o_wsale_comparison_bottom_bar .o_wsale_comparison_offcanvas_image { width: 5rem; } .o_wsale_comparison_bottom_bar a[title="Compare products"] .badge { --badge-color: var(--btn-hover-bg); --badge-bg: var(--btn-color); } .o_wsale_comparison_bottom_bar div[name="product_comparison_bottom_bar_row"]:where(:has(button[aria-label="Remove product from comparison"]:hover)) { background: #f9fafe; } .o_wsale_comparison_bottom_bar .o_wsale_comparison_bottom_bar_image { width: 2.5rem; height: fit-content; aspect-ratio: var(--wsale-product-thumb-aspect-ratio, 1/1); object-fit: cover; object-position: center; } :where(main:has(.o_wsale_comparison_bottom_bar)) { --o-wsale-comparison-bottom-bar-height: 80px; position: relative; padding-bottom: var(--o-wsale-comparison-bottom-bar-height); } :where(main:has(.o_wsale_comparison_bottom_bar)) #o_wsale_floating_bar { bottom: calc(var(--_container-gap) + var(--o-wsale-comparison-bottom-bar-height)) !important; } /* /website_sale_wishlist/static/src/scss/website_sale_wishlist.options.scss */ :where(.oe_product_cart) .o_add_wishlist { display: var(--o-wsale-wishlist-btn-display, none); } .o_wsale_products_opt_has_wishlist { --o-wsale-wishlist-btn-display: inline-flex; } .o_wsale_products_opt_has_wishlist .o_add_wishlist:hover .fa-heart-o:before, .o_wsale_products_opt_has_wishlist .o_add_wishlist[disabled] .fa:before { content: "\f004"; color: var(--addWishlist-color-active); } .o_wsale_products_opt_has_wishlist .o_add_wishlist[disabled] .fa { animation: bounceIn 1s; } .o_wsale_products_opt_wishlist_fixed.o_wsale_products_opt_wishlist_fixed_onhover .oe_product_cart:where(:not(:hover):not(:focus-visible):not(:focus-within)) .o_add_wishlist:where(:not([disabled])) { opacity: 0; } .o_wsale_products_opt_actions_subtle .o_wsale_product_btn .o_add_wishlist, .o_wsale_products_opt_actions_promote .o_wsale_product_btn .o_add_wishlist { --addWishlist-color-active: #ff3d3a; } .o_wsale_products_opt_wishlist_fixed:where(:not(.o_wsale_products_opt_design_showcase)) { --o-wsale-card-info-position: none; } .o_wsale_products_opt_wishlist_fixed:where(.o_wsale_products_opt_has_wishlist) { --o-wsale-wishlist-btn-display: flex; } .o_wsale_products_opt_wishlist_fixed .o_wsale_product_btn .o_add_wishlist { --btn-bg: transparent; --btn-border-width: 0; --btn-hover-bg: transparent; --btn-active-bg: transparent; --btn-disabled-opacity: 1; --btn-disabled-bg: transparent; --o-wsale-card-btn-subtle-blur: 0px; --o-wsale-wishlist-btn-offset-top-default: calc(var(--o-wsale-card-border-radius, 0px) * 0.1); --o-wsale-wishlist-btn-offset-end-default: calc(var(--o-wsale-card-border-radius, 0px) * 0.2); position: absolute; top: var(--o-wsale-card-offset-top, var(--o-wsale-wishlist-btn-offset-top-default)); left: auto; bottom: auto; right: var(--o-wsale-card-offset-x, var(--o-wsale-wishlist-btn-offset-end-default)); } /* /website_sale_wishlist/static/src/scss/website_sale_wishlist.scss */ .oe_website_sale .td-wish-btn { width: 140px; } .oe_website_sale div.css_not_available .o_add_wishlist_dyn { display: none; } .oe_website_sale .o_add_wishlist_dyn.disabled i::before { content: "\f004"; } .oe_website_sale .o_add_wishlist_dyn.btn-lg, .oe_website_sale .btn-group-lg > .o_add_wishlist_dyn.btn { aspect-ratio: 1/1; height: calc(0.5rem * 2 + 1.09375rem * 1.5 + var(--border-width) * 2); } @media (max-width: 767.98px) { .oe_website_sale .td-wish-btn { width: 100px; } } #o_comparelist_table.o_wsale_products_opt_layout_catalog, #o_comparelist_table.o_wsale_products_opt_layout_list { --o-wsale-products-grid-gap: var(--o-wsale-wishlist-grid-gap, 16px); --o-wsale-products-grid-gap-y: calc(var(--o-wsale-wishlist-grid-gap, 16px) * var(--o-wsale-products-grid-gap-y-multiplier, 1.25)); --gap: var(--o-wsale-products-grid-gap-y) var(--o-wsale-wishlist-grid-gap, 16px); } #o_comparelist_table.o_wsale_products_opt_layout_catalog.o_wsale_products_opt_design_grid, #o_comparelist_table.o_wsale_products_opt_layout_list.o_wsale_products_opt_design_grid { --gap: 0px; --o-wsale-card-padding: calc(var(--o-wsale-products-grid-gap-y, 0px) * 0.5) calc(var(--o-wsale-wishlist-grid-gap, 0px) * 0.5); } #o_comparelist_table.o_wsale_products_opt_layout_list .o_wishlist_item { grid-column: auto/span 12; } #o_comparelist_table.o_wsale_products_opt_layout_list.o_wsale_products_opt_design_thumbs { --o-wsale-card-padding: 0 0 var(--o-wsale-wishlist-grid-gap, 16px); } #o_comparelist_table.o_wsale_products_opt_layout_catalog { --o-wsale-card-info-position: none; --o-wsale-card-btns-flex-direction: row; grid-template-columns: repeat(2, minmax(0, 1fr)); } #o_comparelist_table.o_wsale_products_opt_layout_catalog .o_wishlist_item { position: relative; grid-column: auto/span 6; } @media (min-width: 768px) { #o_comparelist_table.o_wsale_products_opt_layout_catalog .o_wishlist_item { grid-column: auto/span 4; } } @media (min-width: 992px) { #o_comparelist_table.o_wsale_products_opt_layout_catalog .o_wishlist_item { grid-column: auto/span 3; } } @media (min-width: 1400px) { #o_comparelist_table.o_wsale_products_opt_layout_catalog .o_wishlist_item { grid-column: auto/span 2; } } #o_comparelist_table.o_wsale_products_opt_layout_catalog .o_wishlist_item .o_wish_rm { --btn-color: #212529; --btn-bg: #FFFFFF; --btn-border-color: #e4e6eb; --btn-hover-color: #212529; --btn-hover-bg: rgba(255, 255, 255, 0.8); --btn-hover-border-color: rgba(77, 91, 124, 0.8); --btn-focus-shadow-rgb: 199, 201, 206; --btn-active-color: #212529; --btn-active-bg: white; --btn-active-border-color: #e7e9ed; --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: #e4e6eb; --btn-bg: rgba(255, 255, 255, 0.5); backdrop-filter: blur(var(--o-wsale-card-btn-subtle-blur, 3px)); } #o_comparelist_table.o_wsale_products_opt_layout_catalog[data-wishlist-mobile-columns="1"] { grid-template-columns: 1fr; } #o_comparelist_table.o_wsale_products_opt_layout_catalog[data-wishlist-mobile-columns="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 992px) { #o_comparelist_table.o_wsale_products_opt_layout_catalog[data-wishlist-grid-columns="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } #o_comparelist_table.o_wsale_products_opt_layout_catalog[data-wishlist-grid-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } #o_comparelist_table.o_wsale_products_opt_layout_catalog[data-wishlist-grid-columns="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); } #o_comparelist_table.o_wsale_products_opt_layout_catalog[data-wishlist-grid-columns="5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); } #o_comparelist_table.o_wsale_products_opt_layout_catalog[data-wishlist-grid-columns="6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); } } #o_comparelist_table.o_wsale_products_opt_layout_catalog[data-wishlist-grid-columns] .o_wishlist_item { grid-column: auto/span 1 !important; } @container (max-width: 180px) { #o_comparelist_table.o_wsale_products_opt_actions_inline .o_wsale_product_btn:where(:has(.o_add_to_compare)) { --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-flex-grow: 0; --o-wsale-card-btn-submit-aspect-ratio: 1; --o-wsale-card-btn-submit-margin: 0 auto 0 0; --o-wsale-card-btn-submit-padding-x: 0; } } .o_wish_rm { --btn-padding-x: 0.5rem; --btn-padding-y: var(--btn-padding-x); --o-wsale-wishlist-card-offset-top: calc(var(--o-wsale-card-offset-top) + var(--btn-padding-x)); --o-wsale-wishlist-card-offset-x: calc(var(--o-wsale-card-offset-x) + var(--btn-padding-x)); --o-wsale-wishlist-btn-offset-top-default: calc(var(--o-wsale-card-border-radius, 0px) * 0.1 + var(--btn-padding-y)); --o-wsale-wishlist-btn-offset-end-default: calc(var(--o-wsale-card-border-radius, 0px) * 0.2 + var(--btn-padding-x)); position: absolute; top: var(--o-wsale-wishlist-card-offset-top, var(--o-wsale-wishlist-btn-offset-top-default)); left: auto; bottom: auto; right: var(--o-wsale-wishlist-card-offset-x, var(--o-wsale-wishlist-btn-offset-end-default)); aspect-ratio: 1; } :where(.o_wsale_products_opt_design_showcase) .o_wish_rm { --o-wsale-wishlist-card-offset-x: 3%; --o-wsale-wishlist-card-offset-top: 2.5%; } @media (min-width: 992px) { :where(.o_wsale_products_opt_design_showcase) .o_wish_rm { --btn-padding-y: 0.5rem; --btn-padding-x: 1rem; --btn-font-size: 1.09375rem; --btn-border-radius: var(--border-radius-lg); --o-wsale-card-btns-btn-font-size: 1.09375rem; --btn-padding-x: var(--btn-padding-y); --o-wsale-wishlist-card-offset-x: 5%; } } :where(#o_comparelist_table.o_wsale_products_opt_layout_list):where(:not(.o_wsale_products_opt_design_cards, .o_wsale_products_opt_design_showcase)) .o_wish_rm { --o-wsale-wishlist-card-offset-x: 0; --o-wsale-wishlist-btn-offset-top-default: .5rem; --o-wsale-wishlist-btn-offset-end-default: 0; --btn-padding-x: .7rem; order: 13; } @media (min-width: 768px) { :where(#o_comparelist_table.o_wsale_products_opt_layout_list):where(:not(.o_wsale_products_opt_design_cards, .o_wsale_products_opt_design_showcase)) .o_wish_rm { position: static; align-self: center; } } @media (max-width: 767.98px) { :where(#o_comparelist_table.o_wsale_products_opt_layout_list) .o_wsale_product_information_text { --o-wsale-card-info-text-margin-right: calc((var(--btn-padding-x) * 2) + 0.4375rem); } } .wishlist-section:where(:has(.o_wsale_products_opt_design_grid)) .o_wsale_products_opt_design_grid { border-left: 1px solid var(--o-border-color); } .wishlist-section:where(:has(.o_wsale_products_opt_design_grid)) .o_wishlist_products_header { padding: 0 15px; border: 1px solid var(--o-border-color); border-top: 0; } @media (max-width: 991.98px) { .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list))[style*="--o-wsale-products-grid-gap: 0px"] .oe_product_image_link, .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list))[style*="--o-wsale-products-grid-gap:0px"] .oe_product_image_link { height: 100%; transform: translateX(-50%); margin-left: 50%; } } .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart { --o-wsale-card-flex-align-items: stretch; --o-wsale-card-info-padding: 0.5rem 15px 0.5rem 0.5rem; --o-wsale-card-info-marign: 0; --o-wsale-card-sub-wrap: nowrap; --o-wsale-card-sub-align-items: start; --o-wsale-card-info-flex-align-items: auto; --o-wsale-card-padding: 0; } @media (min-width: 768px) { .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart { --o-wsale-card-thumb-size: calc(126px * var(--o-wsale-card-thumb-aspect-ratio, 1)); --o-wsale-card-info-padding: 0 15px; --o-wsale-card-sub-align-items: center; } .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart .oe_product_image_link { height: 100%; } .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart .o_wsale_product_information_text { display: flex; flex-direction: column; justify-content: center; padding-right: inherit; } .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart .o_wsale_product_sub { position: relative; } .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart .o_wish_price > span, .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart .o_wish_price > del { text-align: center; } .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart .o_wish_price, .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart .o_wsale_product_btn { --_line-gap: 1rem; padding-left: var(--_line-gap); } .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart .o_wish_price:before, .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .oe_product_cart .o_wsale_product_btn:before { position: absolute; top: 0; left: auto; bottom: 0; right: auto; transform: translateX(calc(var(--_line-gap) * -1)); border-left: 1px solid var(--o-border-color); content: ""; } } @media (max-width: 767.98px) { .wishlist-section:where(:has(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list)) .o_wish_rm { margin-right: 15px; } } @media (min-width: 768px) and (max-width: 991.98px) { .wishlist-section :where(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list) .o_wsale_product_btn { --o-wsale-card-btn-submit-label-display: none; --o-wsale-card-btn-submit-flex-grow: 0; --o-wsale-card-btn-submit-aspect-ratio: 1; --o-wsale-card-btn-submit-margin: 0 auto 0 0; --o-wsale-card-btn-submit-padding-x: 0; } .wishlist-section :where(.o_wsale_products_opt_design_grid.o_wsale_products_opt_layout_list) .o_wsale_product_btn .btn { --btn-padding-x: 0 !important; } } /* /website_sale_stock_wishlist/static/src/scss/website_sale_stock_wishlist.scss */ .o_notify_stock { text-align: left; } .o_notify_stock small i, .o_notify_stock .small i { width: 12px; height: 12px; } .o_wsale_stock_badge { --badge-font-size: 0.56875rem; margin-bottom: var(--o-wsale-card-info-description-margin-bottom, 0.5rem); } :where(.o_wsale_products_opt_layout_list.o_wsale_products_opt_design_cards) .o_wsale_stock_badge { margin-top: var(--o-wsale-card-info-gap); } :where(.o_wsale_products_opt_has_rating) .o_wsale_stock_badge { margin-top: var(--o-wsale-card-info-description-margin-bottom, 0.5rem); } /* /theme_prime/static/src/js/sidebar/sidebar.scss */ @media (max-width: 575.98px) { .tp-offcanvas-sidebar { --offcanvas-width: 100%; } } .tp-offcanvas-sidebar .tp-header-icon { font-size: 20px; } .tp-offcanvas-sidebar .btn-close { font-family: 'Droggol-Pack'; color: #232f3e; opacity: 1; transition: 0.2s; font-size: 18px; background-image: none; padding: 0; height: auto; width: auto; } .tp-offcanvas-sidebar .btn-close:before { content: '\e870'; } .tp-offcanvas-sidebar .btn-close:hover { color: #dc3545; } .tp-offcanvas-sidebar .btn-close:focus { box-shadow: none; } .tp-offcanvas-sidebar .tp-scrollable-y { overflow-y: auto; } @media (min-width: 768px) { .tp-offcanvas-sidebar .tp-scrollable-y::-webkit-scrollbar { width: 8px; height: 8px; } .tp-offcanvas-sidebar .tp-scrollable-y::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.07); } .tp-offcanvas-sidebar .tp-scrollable-y::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); } } .tp-cart-sidebar .tp-product-card, .tp-cart-sidebar .tp-proceed-btn { border-radius: 5px; } .tp-cart-sidebar .tp-total-cart-items { font-size: 0.675rem; } .tp-cart-sidebar .tp-total-amount { font-size: 0.975rem; } .tp-cart-sidebar .progress { height: 0.5rem; border-radius: 100rem; } .tp-search-sidebar .dr_search_autocomplete { position: unset !important; transform: none !important; box-shadow: none; } .tp-similar-products-sidebar .tp-product-card { border-radius: 5px; } .tp-similar-products-sidebar .tp-product-card img { max-width: 78px; max-height: 78px; } .tp-menu-sidebar { height: 100dvh; } .tp-menu-sidebar .logo { max-height: 50px; max-width: 110px; object-fit: contain; display: none; } .tp-menu-sidebar .category-img { width: 52px; height: 52px; object-fit: cover; display: none; } .tp-menu-sidebar.show .logo { display: inline-block; } .tp-menu-sidebar.show .category-img { display: inline-block; } .tp-menu-sidebar .category-name { font-size: 0.8rem; } .tp-menu-sidebar ul > .nav-item > .nav-link, .tp-menu-sidebar ul > .nav-item > .dropdown-menu li .dropdown-item, .tp-menu-sidebar ul > .nav-item > .o_dropdown_menu li .dropdown-item { display: flex; align-items: center; justify-content: space-between; font-weight: 500; font-size: 13px; padding: 5px 20px; min-height: 44px; } .tp-menu-sidebar ul > .nav-item > .nav-link { text-transform: uppercase; } .tp-menu-sidebar ul > .nav-item > .dropdown-menu, .tp-menu-sidebar ul > .nav-item > .o_dropdown_menu { position: unset !important; transform: none !important; box-shadow: none; padding: 0px; } @media (max-width: 575.98px) { .tp-menu-sidebar ul > .nav-item > .dropdown-menu, .tp-menu-sidebar ul > .nav-item > .o_dropdown_menu { max-width: 100vw; } } .tp-menu-sidebar ul > .nav-item > .dropdown-toggle:after { content: "\f105"; transition: 0.2s; font-size: 18px; } .tp-menu-sidebar ul > .nav-item > .dropdown-toggle.show:after { transform: rotate(90deg); } .tp-category-sidebar .tp-category-header { z-index: 2; height: 55px; } .tp-category-sidebar .tp-category-header .fa { font-size: 24px; } .tp-category-sidebar .tp-category-link { height: 55px; } .tp-category-sidebar .tp-category-link .fa-angle-right { font-size: 18px; } .tp-category-sidebar .tp-category-link.back { z-index: 2; } .tp-category-sidebar .style-cover .tp-root-category { height: 90px; background-size: cover; background-position-x: right; } .tp-category-sidebar .style-cover .tp-root-category .tp-category-name { font-weight: 500; font-size: 15px; } .tp-category-sidebar .style-cover .tp-root-category .tp-category-name .fa-angle-right { font-size: 15px; } .tp-account-info-sidebar .list-group { border-radius: 5px; } .tp-account-info-sidebar .list-group .list-group-item { height: 55px; } .tp-lazy-content-sidebar { --offcanvas-width: 500px; } /* /theme_prime/static/src/js/dialog/attributes_dialog.scss */ .tp-attribute-dialog .tp-accordion-header { display: none !important; } /* /theme_prime/static/src/js/dialog/cart_confirmation_dialog.scss */ .tp-cart-confirmation-dialog .dr-confim-col { background-color: rgba(0, 128, 255, 0.17); } .tp-cart-confirmation-dialog .dr-confirm-product-image { position: relative; margin-top: 14px; } .tp-cart-confirmation-dialog .dr-confirm-product-image img { border: 2px solid rgba(2, 2, 2, 0.12); object-fit: cover; height: 140px; width: 140px !important; } .tp-cart-confirmation-dialog .dr-confirm-product-image .fa { color: #ffffff !important; position: absolute; top: auto; left: auto; bottom: -2px; right: 12px; position: absolute; background: #22c187; padding: 7px 6px 6px 6px; line-height: 1; border-radius: 20px; font-size: 18px; border: 4px solid #fff; } .tp-cart-confirmation-dialog .s_d_title_text p { font-size: 1.3rem; } .tp-cart-confirmation-dialog .s_d_product_small_block .card { cursor: pointer; } .tp-cart-confirmation-dialog .s_d_product_small_block .d_product_info button { display: none; } /* /theme_prime/static/src/js/dialog/product_share_dialog.scss */ .tp-product-share-dialog .copy-btn { height: 2.5rem; width: 2.5rem; line-height: 2.5rem; padding: 0px; } .tp-product-share-dialog .s_share a { margin-right: .6rem; } .tp-product-share-dialog .s_share .fa.rounded-circle, .tp-product-share-dialog .s_share .fa.rounded-empty-circle { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; } /* /theme_prime/static/src/js/dialog/pwa_prompt_dialog.scss */ .tp-pwa-prompt-dialog .icon { max-height: 16px; display: inline-block; margin-left: 4px; } /* /theme_prime/static/src/js/dialog/quick_view_dialog.scss */ .tp-product-variant-selector-modal-dialog { max-width: 450px; text-align: center; } .tp-product-variant-selector-modal-dialog .modal-body { padding: 0; } .tp-product-variant-selector-modal-dialog .css_attribute_select { margin: auto; } .tp-product-variant-selector-modal-dialog .variant_attribute .align-items-center, .tp-product-variant-selector-modal-dialog .variant_attribute .o_wsale_product_attribute { justify-content: center; } .tp-product-variant-selector-modal-dialog .js_add_cart_variants { padding-right: 10px; padding-left: 10px; } .tp-product-variant-selector-modal-dialog section#product_detail { text-align: center; } .tp-product-variant-selector-modal-dialog section#product_detail .d_shop_product_details_carousel .o_carousel_product_indicators { display: none !important; } .tp-product-variant-selector-modal-dialog section#product_detail .d_shop_product_details_carousel .carousel-outer { height: 250px !important; } .tp-product-variant-selector-modal-dialog .product_price { margin-top: 10px !important; } .tp-product-variant-selector-modal-dialog .product_price .oe_price_h4 { font-size: 1.09375rem; } .tp-product-variant-selector-modal-dialog .product_price .oe_price_h4 .oe_price { color: #0080FF; font-weight: 600; } .tp-product-variant-selector-modal-dialog .o_website_rating_static { margin-bottom: -5px; } /* /theme_prime/static/src/scss/theme.scss */ ::selection { background: rgba(0, 128, 255, 0.2); } .dropdown-toggle::after, .dropup .dropdown-toggle::after, .dropright .dropdown-toggle::after, .dropleft .dropdown-toggle::before { font-family: FontAwesome; border: 0; vertical-align: initial; } .dropleft .dropdown-toggle::before { content: "\f104"; } .dropright .dropdown-toggle::after { content: "\f105"; } .dropup .dropdown-toggle::after { content: "\f106"; } .dropdown-toggle::after { content: "\f107"; } .dropdown-menu, .o_dropdown_menu { box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.1); } .dri { display: inline-block; } .dri-category { transform: scale(1.1); } .btn-primary-soft { --btn-color: #0080FF; --btn-bg: rgba(0, 128, 255, 0.1); --btn-border-color: rgba(0, 128, 255, 0.1); --btn-hover-color: #FFFFFF; --btn-hover-bg: #0080FF; --btn-hover-border-color: #0080FF; --btn-focus-shadow-rgb: 0, 128, 255; --btn-active-color: #FFFFFF; --btn-active-bg: #0080FF; --btn-active-border-color: #0080FF; --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --btn-disabled-color: #212529; --btn-disabled-bg: rgba(0, 128, 255, 0.1); --btn-disabled-border-color: rgba(0, 128, 255, 0.1); border-color: transparent; color: #0080FF; } .btn-primary-soft:hover, .btn-primary-soft:focus { box-shadow: 0 4px 11px rgba(0, 128, 255, 0.35); } .tp-bg-soft-primary { background-color: rgba(0, 128, 255, 0.1) !important; color: #0080FF !important; } .tp-bg-soft-danger { background-color: rgba(220, 53, 69, 0.1) !important; color: #dc3545 !important; } .tp-bg-soft-success { background-color: rgba(40, 167, 69, 0.1) !important; color: #28a745 !important; } .tp-bg-soft-warning { background-color: rgba(255, 193, 7, 0.1) !important; color: #ffc107 !important; } .tp-input-border-radius { border-radius: var(--border-radius); } @media (max-width: 575.98px) { .s_masonry_block .o_grid_mode { padding-left: 8px; padding-right: 8px; } } /* /theme_prime/static/src/scss/rtl.scss */ .o_rtl .drift-zoom-pane.tp-zoom-pane { direction: rtl; } .o_rtl #o-carousel-product .carousel-control-prev > span, .o_rtl #o-carousel-product .carousel-control-next > span { transform: rotate(-180deg) !important; } .swiper-rtl .swiper-slide { float: left !important; } .swiper-rtl { direction: ltr !important; } /* /theme_prime/static/src/scss/variants.scss */ .dr-attribute-item .dr-value-item.circle { padding: 0; height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 50%; } .dr-attribute-item .dr-value-item.default { padding: 6px 12px; border-radius: 0.375rem; } .dr-attribute-item .dr-value-item.circle, .dr-attribute-item .dr-value-item.default { background-color: #FFF; border: 1px solid #DEE2E6; transition: 0.2s; font-weight: 400; cursor: pointer; } .dr-attribute-item .dr-value-item.circle:hover, .dr-attribute-item .dr-value-item.default:hover { border-color: #0080FF; color: #0080FF; } .dr-attribute-item input:checked ~ .radio_input_value .dr-value-item.circle, .dr-attribute-item input:checked ~ .radio_input_value .dr-value-item.default { background-color: #0080FF; border-color: #0080FF; color: #FFFFFF; } .css_attribute_image { --o-wsale-css-attribute-image__outline-width: 1px; } /* /theme_prime/static/src/scss/website.scss */ .o_cc1 .tp-light-bg, .tp-header-box .tp-light-bg, .navbar-light .tp-light-bg, #wrapwrap.o_header_overlay > header:not(.o_header_affixed):not(.o_header_sidebar):not(.o_top_menu_collapse_shown) > .navbar .tp-light-bg { color: #232f3e; background-color: rgba(35, 47, 62, 0.1) !important; } .o_cc2 .tp-light-bg { color: #0080FF; background-color: rgba(0, 128, 255, 0.1) !important; } .o_cc3 .tp-light-bg { color: #000; background-color: rgba(0, 0, 0, 0.1) !important; } .o_cc4 .tp-light-bg, .tp-preheader .tp-light-bg { color: #fff; background-color: rgba(255, 255, 255, 0.1) !important; } .o_cc5 .tp-light-bg, .o_footer .tp-light-bg { color: #fff; background-color: rgba(255, 255, 255, 0.1) !important; } :root { --preheader: 4; --tp-header-box-color: 1; } .o_header_affixed .tp-preheader { display: none; } .tp-preheader { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .tp-account-info .total-block { margin-inline-start: 10px;} .tp-account-info sup { top: -10px; right: -10px; border-radius: 40px; text-align: center; height: 18px; width: 18px; font-size: 9px; line-height: 18px; } .tp-account-info sup.sup-btn { top: -8px; right: -8px; outline: 3px solid #FFFFFF; } #wrapwrap > header .search-query { height: 40px; } #wrapwrap > header #top_menu > .nav-item > .nav-link, #wrapwrap > header #top_menu > .o_extra_menu_items .dropdown-item { position: relative; } @media (max-width: 991.98px) { #wrapwrap > header > .navbar { background-color: #FFFFFF; } .tp-account-info a:not(.dropdown-item) { color: #212529 !important; transition: 0.2s; } .tp-account-info .fa, .tp-account-info .dri { font-size: 1.4rem; } .tp-menu-sidebar-action { font-size: 1.6rem; color: #212529 !important; transition: 0.2s; } } @media (min-width: 992px) { #top_menu > .nav-item > .nav-link { color: #212529; } #top_menu > .nav-item > .nav-link:hover, #top_menu > .nav-item > .nav-link.active { color: #0080FF; } } @media (min-width: 992px) { #wrapwrap > header .tp-header-box { border-bottom: 1px solid rgba(77, 91, 124, 0.12); } #wrapwrap > header .tp-header-box .tp-account-info .fa, #wrapwrap > header .tp-header-box .tp-account-info .dri { font-size: 1.2rem; } #wrapwrap > header .tp-header-box .tp-account-info .my_wish_quantity, #wrapwrap > header .tp-header-box .tp-account-info .my_cart_quantity { position: absolute; top: -5px; left: 30px; bottom: auto; right: auto; padding: 0; border-radius: 40px; vertical-align: top; } #wrapwrap > header > .navbar { padding: 0px; } #wrapwrap > header > .navbar #top_menu > .nav-item > a.nav-link { font-weight: 500; padding: 1rem 1.6rem; position: relative; } #wrapwrap > header > .navbar #top_menu > .nav-item > a.nav-link:before { content: ''; position: absolute; top: auto; left: 50%; bottom: 0; right: 50%; height: 3px; background-color: #0080FF; transition: 0.3s cubic-bezier(0.68, 0, 0.265, 1); transform: translate3d(0, 0, 0); } #wrapwrap > header > .navbar #top_menu > .nav-item > a.nav-link:hover:before { left: 0; right: 0; } #wrapwrap > header > .navbar #top_menu > .nav-item > a.nav-link .tp-menu-label { top: -4px; } #wrapwrap > header.o_header_affixed > .navbar #top_menu > .nav-item > .nav-link { padding: 1.4rem 1.6rem; } #wrapwrap > header.o_header_affixed > .navbar #top_menu > .nav-item > .nav-link .tp-menu-label { top: 6px; } } .o_footer #footer .o_footer_logo img { max-width: 150px; max-height: 150px; } .o_footer #footer .tp-newsletter-block { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .o_footer .o_footer_copyright { border-top: 1px solid rgba(255, 255, 255, 0.12); padding: 0.8rem 0; } .o_notification_manager .o_notification.tp-notification { border: 1px solid #dee2e6; position: relative !important; background-color: white !important; animation-name: o_anim_zoom_in; visibility: visible !important; border-radius: 5px !important; } .o_notification_manager .o_notification.tp-notification .o_notification_progress { bottom: -1px !important; } .tp-product-label-style-1 { position: absolute; top: 18px; left: 0px; bottom: auto; right: auto; font-weight: 500; padding: 0 6px; font-size: 12px; line-height: 18px; } .tp-product-label-style-1 .after { position: absolute; top: 0px; left: 100%; bottom: auto; right: auto; border-style: solid; border-width: 9px; width: 0; height: 0; } .tp-product-label-style-2 { position: absolute; top: 12px; left: 12px; bottom: auto; right: auto; font-weight: 500; padding: 3px 9px; font-size: 12px; line-height: 18px; border-radius: 0.2rem; } .tp-product-label-style-3 { position: absolute; top: 12px; left: 12px; bottom: auto; right: auto; font-weight: 500; font-size: 12px; display: flex; align-items: center; justify-content: center; text-align: center; height: 46px; width: 46px; border-radius: 50rem; } .tp-product-label-style-4 { position: absolute; top: 12px; left: 0; bottom: auto; right: auto; font-weight: bold; padding: 3px 9px; font-size: 12px; line-height: 18px; letter-spacing: 2px; } .tp-product-label-style-5 { position: absolute; top: auto; left: 0; bottom: 0px; right: 0; font-weight: bold; text-align: center; padding: 3px 9px; font-size: 12px; line-height: 18px; letter-spacing: 2px; } .tp-menu-label { position: absolute; top: auto; left: auto; bottom: auto; right: auto; z-index: 1; display: inline-block; margin-left: -20px; padding: 2px 4px; line-height: 12px; letter-spacing: .3px; font-weight: 500; font-size: 9px; text-transform: uppercase; } @media (max-width: 991.98px) { .tp-menu-label { position: relative; margin-left: 6px; } } @media (min-width: 992px) { .tp-menu-label .before { position: absolute; top: 100%; left: 10px; bottom: auto; right: auto; width: 0; height: 0; border-style: solid; border-top-width: 4px; border-bottom-width: 0; border-right-width: 7px; border-left-width: 0; border-top-color: transparent; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } } .d_spinner_loader { min-height: 360px; } .d_spinner_loader.dr_small_loader { min-height: 150px; } .d_spinner_loader > div { width: 18px; height: 18px; background-color: #0080FF; border-radius: 100%; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out both; animation: tp-bouncedelay 1.4s infinite ease-in-out both; } .d_spinner_loader .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .d_spinner_loader .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .tp-svg-image svg { width: 100%; height: auto; } .tp-svg-image path[fill="#6c63ff"], .tp-svg-image path[fill="#6c63ff"], .tp-svg-image polygon[fill="#6c63ff"], .tp-svg-image ellipse[fill="#6c63ff"] { fill: #0080FF; } .tp-all-brands-page .tp-brand-range li { margin-right: -1px; } .tp-all-brands-page .tp-brand-range li a { width: 50px; height: 50px; color: #232f3e; font-size: 12px; } .tp-all-brands-page .tp-brand-range li a.active, .tp-all-brands-page .tp-brand-range li a:hover { color: #0080FF; background-color: rgba(0, 128, 255, 0.1); } .tp-all-brands-page .tp-grouped-brands .tp-brand-wrapper { transition: all 0.2s; } .tp-all-brands-page .tp-grouped-brands .tp-brand-wrapper:hover { border-color: #0080FF !important; } .dr_category_lable { color: #ADB5BD !important; } .dr_category_lable:hover { color: #6C757D !important; } .tp_image_120_contain { height: 120px; width: 120px; object-fit: contain; } .tp-rounded-border { border-radius: 5px !important; } .tp-cover-search-input { max-width: 450px; } .tp-cover-search-input .search-query { border: 0px; background-color: #f5f6fa; padding: 10px; } .tp-gradient-animation { background-size: 200% 200%; animation: tpGradientAnimation 8s infinite linear alternate; } @keyframes tpGradientAnimation { from { background-position: 0 0; } to { background-position: 100% 100%; } } .tp-force-d-block { display: block !important; } .tp-icon-center-1 { text-align: center !important; font-size: 1rem !important; } .tp-icon-center-1:not(.tp-no-padding) { padding: 0; height: 2rem !important; width: 2rem !important; line-height: 2rem !important; } .tp-icon-center-1.tp-no-padding { padding: 0.5rem !important; } .tp-icon-center-1 img.tp-hotspot-media { height: 1rem !important; } .tp-icon-center-2 { text-align: center !important; font-size: 1rem !important; } .tp-icon-center-2:not(.tp-no-padding) { padding: 0; height: 2.5rem !important; width: 2.5rem !important; line-height: 2.5rem !important; } .tp-icon-center-2.tp-no-padding { padding: 0.625rem !important; } .tp-icon-center-2 img.tp-hotspot-media { height: 1rem !important; } .tp-icon-center-3 { text-align: center !important; font-size: 1.4rem !important; } .tp-icon-center-3:not(.tp-no-padding) { padding: 0; height: 3.1rem !important; width: 3.1rem !important; line-height: 3.1rem !important; } .tp-icon-center-3.tp-no-padding { padding: 0.775rem !important; } .tp-icon-center-3 img.tp-hotspot-media { height: 1.4rem !important; } .tp-outline-btn { border: 1px solid white; color: white !important; background: rgba(255, 255, 255, 0.05) !important; transition: background ease 0.3s; } .tp-outline-btn:hover { background: rgba(255, 255, 255, 0.2) !important; } .tp-shining-hover-effect { overflow: hidden; overflow: hidden; position: relative; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease; } .tp-shining-hover-effect::after { content: ''; position: absolute; top: 0; left: -120%; bottom: auto; right: auto; width: 120%; height: 100%; background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0.15) 40%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.15) 60%, rgba(255, 255, 255, 0.05) 80%, transparent 100%); transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); pointer-events: none; z-index: 1; filter: blur(3px); opacity: 0.8; } .tp-shining-hover-effect:hover { transform: scale(1.01) translateY(-2px); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.12); } .tp-shining-hover-effect:hover::after { left: 120%; } .o_table p { margin-bottom: 0 !important; } .tp-content-line-1 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 1; min-height: calc(1.4em * 1); } .tp-content-line-2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2; min-height: calc(1.4em * 2); } .tp-content-line-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3; min-height: calc(1.4em * 3); } .dr-p-icon { color: #0080FF !important; background-color: #FFF !important; } .dr-p-icon:hover { color: #FFFFFF !important; background-color: #0080FF !important; } .dr-d-icon { background-color: #FFF !important; } .dr-d-icon:hover { color: #dc3545 !important; } .shadow-tp { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } .tp-custom-carousel.s_carousel .carousel-indicators:not(.s_carousel_indicators_dots) button { width: 14px; height: 6px; transition: 0.2s; border-radius: 10px; border-width: 0px; } .tp-custom-carousel.s_carousel .carousel-indicators:not(.s_carousel_indicators_dots) button.active { width: 2rem; } .tp-custom-carousel.s_carousel .carousel-indicators:not(.s_carousel_indicators_dots) button.active, .tp-custom-carousel.s_carousel .carousel-indicators:not(.s_carousel_indicators_dots) button:hover { background-color: #0080FF; } .tp-custom-carousel.s_carousel .carousel-indicators.s_carousel_indicators_dots button.active, .tp-custom-carousel.s_carousel .carousel-indicators.s_carousel_indicators_dots button:hover { background-color: #0080FF; } .tp-custom-carousel.s_carousel .carousel-control-prev, .tp-custom-carousel.s_carousel .carousel-control-next { opacity: 1; } .tp-custom-carousel.s_carousel .carousel-control-prev:hover, .tp-custom-carousel.s_carousel .carousel-control-next:hover { background-color: transparent !important; } .tp-custom-carousel.s_carousel .carousel-control-next-icon, .tp-custom-carousel.s_carousel .carousel-control-prev-icon { width: 2.5rem; height: 2.5rem; background-size: 40%; } .o_dialog .modal-header .btn.oi { font-family: 'odoo_ui_icons'; } .o_dialog .modal-header .btn-close { box-shadow: none; } .tp-back-to-top { bottom: 80px; right: 30px; z-index: 1030; font-size: 1.4rem !important; } /* /theme_prime/static/src/scss/website_sale.scss */ .tp-discount-percentage { color: #ff905a; } .tp-rtl-zoom-pane.drift-zoom-pane { direction: rtl; } .tp-zoom-pane.drift-zoom-pane, .tp-rtl-zoom-pane.drift-zoom-pane { z-index: 1056; } .dr_search_autocomplete { margin-top: 10px; } @media (min-width: 768px) { .dr_search_autocomplete.dr_search_wide { width: 130% !important; left: -15%; } } .dr_search_autocomplete .text-muted, .dr_search_autocomplete .btn-link { color: rgba(77, 91, 124, 0.7) !important; } .dr_search_autocomplete .dropdown-item .o_search_result_item { border-radius: 4px; } .dr_search_autocomplete .dropdown-item button.pe-0 { padding-left: 0px !important; } .dr_search_autocomplete .dropdown-item:hover .o_search_result_item, .dr_search_autocomplete .dropdown-item:focus .o_search_result_item { background-color: #F1F1F1; } .o_image_28_contain { width: 28px; height: 28px; object-fit: contain; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_1 { --o-wsale-filmstrip-item-width: 155px; --o-wsale-filmstrip-item-padding-x: 0.3rem; --o-wsale-filmstrip-item-padding-y: 0.3rem; --o-wsale-filmstrip-item-direction: column; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-text-align: center; --o-wsale-filmstrip-item-font-size: 0.875rem; --o-wsale-filmstrip-item-font-weight: 500; --o-wsale-filmstrip-item-image-width: 100px; --o-wsale-filmstrip-item-image-height: 100px; --o-wsale-filmstrip-item-border-color-active: transparent; --o-wsale-filmstrip-item-border-width-active: 0px; --o-wsale-filmstrip-item-bg-active: transparent; --o-wsale-filmstrip-item-span-display: block; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_1 .o_wsale_filmstrip_item { font-family: "Poppins", "Odoo Unicode Support Noto", sans-serif; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_2 { --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-padding-x: 1.2rem; --o-wsale-filmstrip-item-padding-y: 0.4rem; --o-wsale-filmstrip-item-font-size: 0.875rem; --o-wsale-filmstrip-item-font-weight: 500; --o-wsale-filmstrip-item-border-width: 1px; --o-wsale-filmstrip-item-border-radius: 50rem; --o-wsale-filmstrip-item-image-display: none; --o-wsale-filmstrip-item-bg-active: transparent; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_2 .o_wsale_filmstrip_item { font-family: "Poppins", "Odoo Unicode Support Noto", sans-serif; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_3 { --o-wsale-filmstrip-gap: 1rem; --o-wsale-filmstrip-item-gap: 0.5rem; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-padding-y: 0.25rem; --o-wsale-filmstrip-item-border-width: 1px; --o-wsale-filmstrip-item-border-radius: 0.5rem; --o-wsale-filmstrip-item-font-size: 0.875rem; --o-wsale-filmstrip-item-font-weight: 500; --o-wsale-filmstrip-item-image-width: 34px; --o-wsale-filmstrip-item-image-height: 34px; --o-wsale-filmstrip-item-bg-active: transparent; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_3 .o_wsale_filmstrip_item { font-family: "Poppins", "Odoo Unicode Support Noto", sans-serif; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_4 { --o-wsale-filmstrip-item-width: 155px; --o-wsale-filmstrip-item-padding-x: 0.3rem; --o-wsale-filmstrip-item-padding-y: 0.3rem; --o-wsale-filmstrip-item-direction: column; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-text-align: center; --o-wsale-filmstrip-item-font-size: 0.875rem; --o-wsale-filmstrip-item-font-weight: 500; --o-wsale-filmstrip-item-image-width: 100px; --o-wsale-filmstrip-item-image-height: 100px; --o-wsale-filmstrip-item-border-color-active: transparent; --o-wsale-filmstrip-item-border-width-active: 0px; --o-wsale-filmstrip-item-bg-active: transparent; --o-wsale-filmstrip-item-span-display: block; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_4 .o_wsale_filmstrip_item { font-family: "Poppins", "Odoo Unicode Support Noto", sans-serif; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_4 .o_wsale_filmstrip_item .o_wsale_filmstrip_image { border-radius: 50rem !important; transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18) !important; } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_4 .o_wsale_filmstrip_item .o_wsale_filmstrip_image:hover { transform: scale3d(1.1, 1.1, 1); } .o_wsale_filmstrip_container.o_wsale_filmstrip_prime_5 { --o-wsale-filmstrip-gap: 1rem; --o-wsale-filmstrip-item-bg: transparent; --o-wsale-filmstrip-item-padding-x: 0.3rem; --o-wsale-filmstrip-item-padding-y: 0.3rem; --o-wsale-filmstrip-item-border-width: 1px; --o-wsale-filmstrip-item-border-radius: 0.6rem; --o-wsale-filmstrip-item-bg-active: transparent; --o-wsale-filmstrip-item-image-width: 64px; --o-wsale-filmstrip-item-image-height: 64px; --o-wsale-filmstrip-item-span-display: none; } .tp-selected-attributes .tp-attribute { letter-spacing: .3px; color: #232f3e; font-weight: 500; font-size: 13px; } .tp-selected-attributes .tp-attribute:hover { opacity: 0.7; } .tp-selected-attributes .tp-attribute .tp-attribute-color { height: 14px; width: 14px; border-radius: 3rem; vertical-align: middle; background-size: cover; } @media (min-width: 992px) { #wrap.js_sale .oe_website_sale .tp-shop-topbar.bordered { border-bottom: 1px solid var(--o-border-color); } #wrap.js_sale .oe_website_sale .tp-shop-row.bordered #tp_products_grid_before { border-right: 1px solid var(--o-border-color); } #wrap.js_sale .oe_website_sale .tp-shop-row.bordered #tp_products_grid_before.order-1 { border-right-width: 0px; border-left: 1px solid var(--o-border-color); } } #wrap.js_sale .oe_website_sale .tp-rounded-border-radius { border-radius: 6px; } #wrap.js_sale .oe_website_sale .breadcrumb li a { color: rgba(var(--link-color-rgb), var(--link-opacity, 1)); } .o_categories_recursive_button:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234d5b7c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); display: inline-block; height: 16px; width: 16px; background-size: 16px; } .o_categories_recursive_button:not(.collapsed):after { transform: rotate(180deg); } .tp-accordion-item.collapsible .tp-accordion-header { cursor: pointer; } .tp-accordion-item.collapsible .tp-accordion-header h6, .tp-accordion-item.collapsible .tp-accordion-header .h6 { transition: color 0.2s ease; } .tp-accordion-item.collapsible .tp-accordion-header:hover, .tp-accordion-item.collapsible .tp-accordion-header:hover h6, .tp-accordion-item.collapsible .tp-accordion-header:hover .h6 { color: #0080FF; } .tp-accordion-item.collapsible .tp-accordion-body { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; } .tp-accordion-item .tp-accordion-icon i { transition: transform 0.3s ease; } .tp-accordion-item .tp-accordion-icon svg { transition: opacity 0.3s ease; } .tp-accordion-item .tp-accordion-icon svg.bi-dash-lg { display: none; } .tp-accordion-item.expanded .tp-accordion-icon i { transform: rotate(90deg); } .tp-accordion-item.expanded .tp-accordion-icon svg.bi-plus-lg { display: none; } .tp-accordion-item.expanded .tp-accordion-icon svg.bi-dash-lg { display: inline; } .tp-accordion-item .tp-filter-attribute-scrollbar { max-height: 274px; overflow-y: auto; } @media (min-width: 768px) { .tp-accordion-item .tp-filter-attribute-scrollbar::-webkit-scrollbar { width: 5px; height: 8px; } .tp-accordion-item .tp-filter-attribute-scrollbar::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.07); } .tp-accordion-item .tp-filter-attribute-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); } } .tp-accordion-item label.form-check-label { font-weight: normal; cursor: pointer; } .tp-accordion-item label.form-check-label .tp-filter-count { color: rgba(77, 91, 124, 0.7); font-size: 12px; margin-right: 10px; transition: color 0.2s ease, font-weight 0.2s ease; } .tp-accordion-item label.form-check-label:hover { color: #0080FF; } .tp-accordion-item label.form-check-label:hover .tp-filter-count { color: #0080FF; font-weight: bold; } .tp-accordion-item .tp-search-input-group .tp-search-icon { position: absolute; top: 10px; left: auto; bottom: auto; right: 10px; z-index: 5; } .tp-accordion-item .tp-attribute-color-image-box { display: inline-block; height: 20px; width: 20px; border-radius: 3rem; vertical-align: middle; background-size: cover; } .tp-accordion-item .tp-filter-image-style .nav-item { flex: 0 1 25%; } .tp-accordion-item .tp-filter-image-style .nav-item.compact { flex: 0 1 16.66%; } .tp-accordion-item .tp-filter-image-style .nav-item.compact label img { height: 46px; } .tp-accordion-item .tp-filter-image-style .nav-item label { display: block; position: relative; } .tp-accordion-item .tp-filter-image-style .nav-item label img { cursor: pointer; height: 50px; object-fit: contain; border: 1px solid var(--o-border-color); transition: border-color 0.2s ease; } .tp-accordion-item .tp-filter-image-style .nav-item label img:hover { border-color: #0080FF; } .tp-accordion-item .tp-filter-image-style .nav-item :checked + label img { border-color: #0080FF; } .tp-accordion-item .tp-filter-image-style .nav-item :checked + label:before { font-family: "FontAwesome"; content: '\f058'; position: absolute; top: 3px; left: auto; bottom: auto; right: 5px; color: #0080FF; font-size: 14px; z-index: 1; } .tp-range-filter .tp-slider { background: #DEE2E6; border-radius: 0.375rem; border-width: 0px; box-shadow: none; height: 4px; margin: 1rem 0 1.25rem; } .tp-range-filter .tp-slider .noUi-connect { background-color: #0080FF; } .tp-range-filter .tp-slider .noUi-handle { background-color: white; border: 3px solid #0080FF; border-radius: 50%; box-shadow: none; height: 14px; margin-top: -5px; top: 50%; width: 14px; right: -7px; cursor: pointer; } .tp-range-filter .tp-slider .noUi-handle:after, .tp-range-filter .tp-slider .noUi-handle:before { content: none; } .tp-range-filter .tp-slider .noUi-handle.noUi-active { background-color: #0080FF; } .tp-product-preview-swatches { --tp-product-preview-swatch-size: 1.525em; gap: 6px; } .tp-product-preview-swatches a.tp-swatch:has(.btn) { max-width: 40%; } .tp-product-preview-swatches a.tp-swatch:has(.css_attribute_preview_thumbnail) { width: 8%; min-width: 1.8rem; } .tp-product-preview-swatches a.tp-swatch:has(.css_attribute_preview_thumbnail) * { width: 100%; height: 100%; } .tp-product-preview-swatches .css_attribute_preview_thumbnail { border: 1px solid var(--o-border-color); border-radius: var(--o-wsale-card-attribute-previewer-thumbnail-border-radius, 0.25rem); aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1/1); transition: border-color 0.05s ease-in-out; } .tp-product-preview-swatches .css_attribute_preview_thumbnail:hover { border-color: #0080FF; } .tp-product-preview-swatches .btn { border: 1px solid var(--o-border-color); } .tp-product-preview-swatches .btn:hover { border-color: #0080FF; } .tp-product-preview-swatches .css_attribute_color { --o-wsale-css-attribute-color__size: var(--tp-product-preview-swatch-size); border: 1px solid #CCC; padding: 2px; box-shadow: inset 0 0 0 2px #FFFFFF; } .tp-product-preview-swatches .css_attribute_color:hover { border-color: #0080FF; } .tp-dynamic-snippet-prime .tp-product-preview-swatches { --tp-product-preview-swatch-size: 1.9em; } .tp-dynamic-snippet-prime .tp-product-preview-swatches .tp-swatch .btn-sm, .tp-dynamic-snippet-prime .tp-product-preview-swatches .tp-swatch .btn-group-sm > .btn { padding: 0.3rem 0.4rem; } @media (min-width: 992px) { .tp-product-preview-active { transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18); transform: scale(1.09); } } #products_grid.tp-product-image-fill-cover { --tp-product-image-fill: cover; } #products_grid.tp-product-image-fill-fill { --tp-product-image-fill: fill; } #products_grid.tp-product-image-size-widescreen { --tp-product-image-size: 16/9; } #products_grid.tp-product-image-size-landscape { --tp-product-image-size: 4/3; } #products_grid.tp-product-image-size-horizontal { --tp-product-image-size: 6/5; } #products_grid.tp-product-image-size-portrait { --tp-product-image-size: 4/5; } #products_grid.tp-product-image-size-vertical { --tp-product-image-size: 2/3; } .tp-product-item .tp-product-image-container { padding-top: calc(100% / (var(--tp-product-image-size, 1))); } .tp-product-item .tp-product-image-container .tp-product-image { position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: var(--tp-product-image-fill, contain); } .tp-product-item .tp-product-image-container .tp-product-image.tp-secondary-media { opacity: 0; transition: opacity 0.4s ease; } .tp-product-item .tp-product-image-container .tp-product-image:hover.tp-secondary-media { opacity: 1; } .tp-product-item .tp-action-buttons { --tp-action-button-font-size: 16px; --tp-action-button-size: 45px; --tp-action-button-radius: 0; --tp-action-button-margin-bottom: 0; top: 10px; right: 10px; transition: all .3s ease; } @media (max-width: 991.98px) { .tp-product-item .tp-action-buttons { --tp-action-button-font-size: 12px; --tp-action-button-size: 34px; } } @media (max-width: 767.98px) { .tp-product-item .tp-action-buttons { --tp-action-button-size: 30px; } } .tp-product-item .tp-action-buttons.tp-action-buttons-rounded { --tp-action-button-font-size: 14px; --tp-action-button-size: 40px; --tp-action-button-radius: 30rem; --tp-action-button-margin-bottom: 5px; } @media (max-width: 991.98px) { .tp-product-item .tp-action-buttons.tp-action-buttons-rounded { --tp-action-button-font-size: 12px; --tp-action-button-size: 30px; } } @media (max-width: 767.98px) { .tp-product-item .tp-action-buttons.tp-action-buttons-rounded { --tp-action-button-font-size: 10px; --tp-action-button-size: 26px; } } .tp-product-item .tp-action-buttons:not(.tp-action-buttons-rounded) { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } @media (min-width: 992px) { .tp-product-item .tp-action-buttons { opacity: 0; transform: translateX(20px) translateZ(0); } } .tp-product-item .tp-action-buttons > a, .tp-product-item .tp-action-buttons > button { position: relative; display: inline-flex; justify-content: center; align-items: center; background-color: white; border-radius: var(--tp-action-button-radius); font-size: var(--tp-action-button-font-size); width: var(--tp-action-button-size); height: var(--tp-action-button-size); margin-bottom: var(--tp-action-button-margin-bottom); box-shadow: none; opacity: 1; } .tp-product-item .tp-action-buttons > a:not(:disabled):not(.o_wysiwyg_loader), .tp-product-item .tp-action-buttons > button:not(:disabled):not(.o_wysiwyg_loader) { color: #232f3e; } .tp-product-item .tp-action-buttons > a:hover, .tp-product-item .tp-action-buttons > button:hover { color: #0080FF; } .tp-product-item .tp-action-buttons.tp-action-buttons-rounded > a, .tp-product-item .tp-action-buttons.tp-action-buttons-rounded > button { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .tp-product-item .tp-product-rating-count { position: absolute; top: 14px; left: auto; bottom: auto; right: 14px; padding: 0.2rem 0.6rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); color: #EABE12; } .tp-product-item .tp-add-to-cart-btn { position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 1; transition: transform .3s ease, opacity .3s ease; backface-visibility: hidden; transform: translateY(103%) translateZ(0); } .tp-product-item .tp-product-stock-label { transition: transform .3s ease, opacity .3s ease; } @media (max-width: 991.98px) { .tp-product-item .tp-product-title { font-size: 90%; } .tp-product-item .tp-product-stock-label { display: none; } .tp-product-item .tp-product-rating-count { display: none; } } .tp-product-item:hover .tp-product-rating-count { display: none; } .tp-product-item:hover .tp-action-buttons { opacity: 1; transform: translateY(0) translateZ(0); } .tp-product-item:hover .tp-add-to-cart-btn { transform: translateY(0) translateZ(0); } .tp-product-item:hover .tp-product-stock-label { transform: translate(0, 100%); } @media (min-width: 992px) { .tp-product-item.tp-product-item-grid-1 .tp-product-preview-swatches { position: absolute; top: auto; left: -1px; bottom: 0; right: -1px; transition: transform .3s ease, opacity .3s ease; backface-visibility: hidden; visibility: hidden; padding: 4px; z-index: 2; border: 1px solid var(--o-border-color); opacity: 0; border-top-width: 0; transform: translate(0px, 60px); } .tp-product-item.tp-product-item-grid-1:hover .tp-product-preview-swatches { opacity: 1; visibility: visible; transform: translate(0px, calc(100% - 3px)); } } @media (min-width: 992px) { .tp-product-item.tp-product-item-grid-2 .tp-product-preview-swatches { transition: transform .3s ease, opacity .3s ease; backface-visibility: hidden; visibility: hidden; opacity: 0; box-shadow: -10px 0 10px 0px white; } .tp-product-item.tp-product-item-grid-2:hover .tp-product-preview-swatches { opacity: 1; visibility: visible; } } @media (min-width: 768px) { .tp-product-item.tp-product-list-item .tp-product-wrapper { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--o-border-color); display: flex; align-items: center; flex-wrap: nowrap; } .tp-product-item.tp-product-list-item .tp-product-top { flex: 0 0 300px; margin-right: 20px; } .tp-product-item.tp-product-list-item .tp-product-content { flex: 1 1 auto; min-width: 0; } .tp-product-item.tp-product-list-item .tp-product-stock-label { transform: none; } } @media (min-width: 992px) { .tp-product-quick-view-layout #product_details { width: 50%; } } #o_wsale_product_details_content .o_wsale_product_details_content_section { max-width: var(--o-wsale-product-details-content-section-max-width, 624px); } .css_attribute_color { --o-wsale-css-attribute-color__size: 2rem; border: 2px solid var(--o-wsale-attribute-color-border-color, var(--o-border-color)); background-clip: padding-box !important; } .tp-navigation-content img { width: 84px; height: 84px; object-fit: cover; } .tp-navigation-content .flex-grow-1 { min-width: 116px; } #product_details { --WebsiteRating__star-color: #EABE12; } section#product_detail .o_wsale_breadcrumb li a { color: rgba(var(--link-color-rgb), var(--link-opacity, 1)); } section#product_detail #o-carousel-product .carousel-control-prev, section#product_detail #o-carousel-product .carousel-control-next { opacity: 1; } @media (min-width: 992px) { section#product_detail #o-carousel-product .o_carousel_product_indicators .carousel-indicators { justify-content: center; } section#product_detail #o-carousel-product .o_carousel_product_indicators .carousel-indicators li { opacity: 1; border-color: transparent; border-width: 2px; } section#product_detail #o-carousel-product .o_carousel_product_indicators .carousel-indicators li.active { border: 2px solid #0080FF; box-shadow: none; } } section#product_detail #o-carousel-product:not(.o_carousel_product_left_indicators) .o_carousel_product_indicators { margin-top: 1rem; } section#product_detail #o-carousel-product .o_ribbons, section#product_detail #o-grid-product .o_ribbons { display: none; } section#product_detail .oe_default_price, section#product_detail .tp-discount-percentage { font-size: 70%; } section#product_detail .o_wsale_cta_wrapper_boxed_price_label { display: none; } section#product_detail .tp-bulk-price-block:hover { border-color: #0080FF !important; } section#product_detail .tp-product-navigator a .fa { font-size: 20px; } section#product_detail .dr-attribute-instruction-btn { display: block !important; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1rem; font-size: 11px; } section#product_detail .o_add_wishlist_dyn.disabled .fa:before, section#product_detail .o_add_wishlist_dyn.disabled .dri:before, section#product_detail .o_add_wishlist_dyn[disabled] .fa:before, section#product_detail .o_add_wishlist_dyn[disabled] .dri:before, section#product_detail .o_add_wishlist_dyn:hover .fa:before, section#product_detail .o_add_wishlist_dyn:hover .dri:before { content: "\f00c"; } section#product_detail .o_add_compare_dyn:hover .fa:before, section#product_detail .o_add_compare_dyn:hover .dri:before { font-family: "FontAwesome"; content: "\f00c"; } section#product_detail .tp-product-info { --list-group-item-padding-y: 0.8rem; --list-group-item-padding-x: 0.2rem; } section#product_detail .tp-product-info .list-group-item { border-style: dashed; } section#product_detail .tp-product-info .description > p { margin-bottom: 0px; } section#product_detail .tp-product-info .list-icon { width: 24px; height: 24px; } section#product_detail .tp-product-info .list-icon i { font-size: 22px; } section#product_detail .tp-product-info .card-icon { width: 34px; height: 34px; } section#product_detail .tp-product-info .card-icon i { font-size: 32px; } section#product_detail .tp-views-indicator { height: 10px; width: 10px; } section#product_detail .tp-views-indicator .indicator-dot { height: 8px; width: 8px; } @keyframes views_animate { 75%, to { transform: scale(2); opacity: 0; } } section#product_detail .tp-views-indicator .indicator-animate { animation: views_animate 1s cubic-bezier(0, 0, 0.2, 1) infinite; } .tp-sticky-add-to-cart { bottom: 80px; z-index: 1030; left: 3%; background: #FFF; } .tp-sticky-add-to-cart .product-img { object-fit: cover; } .tp-sticky-add-to-cart .product-name { max-width: 180px; min-width: 100px; } .tp-sticky-add-to-cart .product-add-to-cart { font-size: 18px; } .tp-product-details-tab .nav-tabs { border-bottom-width: 0px; } .tp-product-details-tab .nav-tabs li.nav-item .nav-link { margin-bottom: 0px; border-width: 0px; color: #4d5b7c; font-family: "Poppins", "Odoo Unicode Support Noto", sans-serif; font-weight: 500; } @media (max-width: 991.98px) { .tp-product-details-tab .nav-tabs { flex-flow: column; background-color: #F8F9FA; } .tp-product-details-tab .nav-tabs li.nav-item { border-top: 1px solid var(--o-border-color); } .tp-product-details-tab .nav-tabs li.nav-item:last-child { border-bottom: 1px solid var(--o-border-color); } .tp-product-details-tab .nav-tabs li.nav-item .nav-link { padding: 0.8rem; font-size: 0.9rem; } .tp-product-details-tab .nav-tabs li.nav-item .nav-link.active { border-color: #0080FF; color: #FFFFFF; background-color: #0080FF; } } @media (min-width: 992px) { .tp-product-details-tab .nav-tabs { border-top: 1px solid var(--o-border-color); } .tp-product-details-tab .nav-tabs li.nav-item .nav-link { padding: 1.5rem 1.2rem; font-size: 1rem; } .tp-product-details-tab .nav-tabs li.nav-item .nav-link.active { box-shadow: 0px 3px 0px 0px #0080FF inset; } } .tp-product-details-tab .tab-pane { border-bottom: 1px solid var(--o-border-color); } .tp-product-details-tab .tab-pane .o_shop_discussion_rating { border-top-width: 0px; } .tp-product-details-tab .tab-pane .o_shop_discussion_rating > section { padding-top: 1rem; } .tp-product-details-tab .tab-pane .o_shop_discussion_rating hr { display: none; } .tp-suggested-product-slider .tp-slider-controls { position: absolute; top: -2px; left: auto; bottom: auto; right: 0; } .oe_search_found { display: none; } .css_quantity { border-radius: var(--border-radius-lg); background-color: #f9fafe; padding: 3px; } .css_quantity .btn { color: #0080FF; } .css_quantity .btn:focus, .css_quantity .btn:active { box-shadow: none; } .css_quantity input { background-color: #f9fafe !important; } .css_quantity.product-page .btn { padding: 0.5rem 0.8rem; } .css_quantity.input-group-sm .btn { padding: 0.4rem 0.6rem; } .css_quantity.input-group-sm input { padding: 0.2rem; } .o_animate_blink.o_red_highlight { background: #0080FF !important; box-shadow: 0 0 0 0 rgba(0, 128, 255, 0.4); } .o_animate_blink.o_shadow_animation { box-shadow: 0 0 5px 10px rgba(0, 128, 255, 0.4) !important; } /* /theme_prime/static/src/scss/sliders.scss */ .container-fluid .droggol_product_slider .dr-swiper-button-prev, .container-sm .droggol_product_slider .dr-swiper-button-prev, .container-md .droggol_product_slider .dr-swiper-button-prev, .container-lg .droggol_product_slider .dr-swiper-button-prev, .container-xl .droggol_product_slider .dr-swiper-button-prev, .container-xxl .droggol_product_slider .dr-swiper-button-prev { position: absolute; top: auto; left: 0px; bottom: 50%; right: auto; } @media (max-width: 991.98px) { .container-fluid .droggol_product_slider .dr-swiper-button-prev, .container-sm .droggol_product_slider .dr-swiper-button-prev, .container-md .droggol_product_slider .dr-swiper-button-prev, .container-lg .droggol_product_slider .dr-swiper-button-prev, .container-xl .droggol_product_slider .dr-swiper-button-prev, .container-xxl .droggol_product_slider .dr-swiper-button-prev { left: 0px; } } .container-fluid .droggol_product_slider .dr-swiper-button-next, .container-sm .droggol_product_slider .dr-swiper-button-next, .container-md .droggol_product_slider .dr-swiper-button-next, .container-lg .droggol_product_slider .dr-swiper-button-next, .container-xl .droggol_product_slider .dr-swiper-button-next, .container-xxl .droggol_product_slider .dr-swiper-button-next { position: absolute; top: auto; left: auto; bottom: 50%; right: 0px; } @media (max-width: 991.98px) { .container-fluid .droggol_product_slider .dr-swiper-button-next, .container-sm .droggol_product_slider .dr-swiper-button-next, .container-md .droggol_product_slider .dr-swiper-button-next, .container-lg .droggol_product_slider .dr-swiper-button-next, .container-xl .droggol_product_slider .dr-swiper-button-next, .container-xxl .droggol_product_slider .dr-swiper-button-next { right: 0px; } } .droggol_product_slider .dr-swiper-button-prev { position: absolute; top: auto; left: -45px; bottom: 50%; right: auto; } @media (max-width: 991.98px) { .droggol_product_slider .dr-swiper-button-prev { left: 0px; } } .droggol_product_slider .dr-swiper-button-next { position: absolute; top: auto; left: auto; bottom: 50%; right: -45px; } @media (max-width: 991.98px) { .droggol_product_slider .dr-swiper-button-next { right: 0px; } } .droggol_product_slider .swiper-wrapper { display: flex; align-items: stretch; margin-bottom: 1rem; } .droggol_product_slider.tp-show-navigation-on-hover .swiper-navigation > * { opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in, visibility 0.2s ease-in; } .droggol_product_slider.tp-show-navigation-on-hover:hover .swiper-navigation > * { opacity: 1; visibility: visible; } .droggol_product_slider .dr-swiper-button-next, .droggol_product_slider .dr-swiper-button-prev { transition: all 0.3s; background-color: white !important; height: 40px; width: 40px; border: 1px solid #e1e7ec !important; border-radius: 100%; color: #374250 !important; } .droggol_product_slider .dr-swiper-button-next:focus, .droggol_product_slider .dr-swiper-button-prev:focus { outline: none; } @media (max-width: 991.98px) { .droggol_product_slider .dr-swiper-button-next, .droggol_product_slider .dr-swiper-button-prev { height: 30px; width: 30px; } .droggol_product_slider .dr-swiper-button-next .dri, .droggol_product_slider .dr-swiper-button-prev .dri { color: #ADB5BD; height: 27px; width: 27px; line-height: 27px !important; } } .droggol_product_slider .dr-swiper-button-next:hover, .droggol_product_slider .dr-swiper-button-prev:hover { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); color: #0080FF !important; } .droggol_product_slider .dr-swiper-button-next .dri, .droggol_product_slider .dr-swiper-button-prev .dri { line-height: 39px; font-weight: bold; } .droggol_product_slider .dr-swiper-button-next .fa, .droggol_product_slider .dr-swiper-button-next .dri, .droggol_product_slider .dr-swiper-button-prev .fa, .droggol_product_slider .dr-swiper-button-prev .dri { font-size: 1rem; } .swiper-rtl .dri-arrow-left-l, .swiper-rtl .dri-arrow-right-l { transform: rotate(180deg); } /* /theme_prime/static/src/scss/icon-packs/website.scss */ .dri.rounded-circle, .dri.rounded-empty-circle, .dri.rounded, .dri.rounded-0, .dri.rounded-leaf, .dri.img-thumbnail, .dri.shadow { display: inline-block; vertical-align: middle; text-align: center; height: 3rem; width: 3rem; line-height: 3rem; background-color: #F8F9FA; } .dri.rounded-circle.fa-2x, .dri.fa-2x.rounded-empty-circle, .dri.rounded.fa-2x, .dri.rounded-0.fa-2x, .dri.rounded-leaf.fa-2x, .dri.img-thumbnail.fa-2x, .dri.shadow.fa-2x { height: 5rem; width: 5rem; line-height: 5rem; } .dri.rounded-circle.fa-3x, .dri.fa-3x.rounded-empty-circle, .dri.rounded.fa-3x, .dri.rounded-0.fa-3x, .dri.rounded-leaf.fa-3x, .dri.img-thumbnail.fa-3x, .dri.shadow.fa-3x { height: 6rem; width: 6rem; line-height: 6rem; } .dri.rounded-circle.fa-4x, .dri.fa-4x.rounded-empty-circle, .dri.rounded.fa-4x, .dri.rounded-0.fa-4x, .dri.rounded-leaf.fa-4x, .dri.img-thumbnail.fa-4x, .dri.shadow.fa-4x { height: 7rem; width: 7rem; line-height: 7rem; } .dri.rounded-circle.fa-5x, .dri.fa-5x.rounded-empty-circle, .dri.rounded.fa-5x, .dri.rounded-0.fa-5x, .dri.rounded-leaf.fa-5x, .dri.img-thumbnail.fa-5x, .dri.shadow.fa-5x { height: 8rem; width: 8rem; line-height: 8rem; } .dri.img-thumbnail { padding: 0; } .dri.rounded-leaf { border-top-left-radius: 3rem; border-bottom-right-radius: 3rem; } .dri.rounded-empty-circle { border-width: 2px; border-style: solid; background: transparent; } /* /theme_prime/static/src/scss/utils.scss */ .tp-link-dark { color: #232f3e; transition: 0.2s; } .tp-link-dark:hover { color: #0080FF !important; } .tp-link-body { color: #4d5b7c; transition: 0.2s; } .tp-link-body:hover { color: #0080FF !important; } .tp-cursor-pointer { cursor: pointer; } section.tp-hide-block { display: none !important; } .tp-underline-title { position: relative; display: block; margin-bottom: 1.2rem; padding-bottom: 0.8rem; border-bottom: 1px solid var(--o-border-color); } .tp-underline-title:after { content: ''; position: absolute; top: auto; left: 0; bottom: -2px; right: auto; height: 2px; width: 6rem; background-color: #0080FF; } .tp-hover-color-primary > a:not([class^="text-"]) { color: #232f3e !important; transition: color 0.25s ease-in-out; } .tp-hover-color-primary > a:not([class^="text-"]):hover { color: #0080FF !important; text-decoration: none; } .tp-image-150-max { max-width: 150px; max-height: 150px; } .tp-image-100-max { max-width: 100px; max-height: 100px; } .tp-image-128-max { max-width: 128px !important; max-height: 128px !important; } .tp-bg-gradient-50-black:before { content: ''; position: absolute; top: auto; left: 0; bottom: 0; right: 0; height: 50%; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)); background-image: linear-gradient(180deg, transparent, black); z-index: 1; } .tp-animation-scale { overflow: hidden; } .tp-animation-scale img { -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .tp-animation-scale:hover img { transform: scale3d(1.05, 1.05, 1.05); } .tp-animation-lift { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .tp-animation-lift:hover, .tp-animation-lift:focus { transform: translate3d(0, -10px, 0); } body:not(.editor_enable) .tp-animation-layla { position: relative; display: block; overflow: hidden; cursor: pointer; } @media (min-width: 768px) { body:not(.editor_enable) .tp-animation-layla:hover { background: linear-gradient(-45deg, #ffffff 0%, #000000 100%); } body:not(.editor_enable) .tp-animation-layla:hover:before, body:not(.editor_enable) .tp-animation-layla:hover:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.35s,transform 0.35s; -o-transition: opacity 0.35s,transform 0.35s; transition: opacity 0.35s,transform 0.35s; } body:not(.editor_enable) .tp-animation-layla:hover img { opacity: .8; filter: alpha(opacity=80); -webkit-transition: opacity 0.35s,transform 0.35s; -o-transition: opacity 0.35s,transform 0.35s; transition: opacity 0.35s,transform 0.35s; -webkit-transform: scale3d(1.05, 1.05, 1); -moz-transform: scale3d(1.05, 1.05, 1); -ms-transform: scale3d(1.05, 1.05, 1); -o-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } body:not(.editor_enable) .tp-animation-layla:before, body:not(.editor_enable) .tp-animation-layla:after { position: absolute; content: ""; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s,transform 0.35s; -o-transition: opacity 0.35s,transform 0.35s; transition: opacity 0.35s,transform 0.35s; z-index: 1; pointer-events: none; } body:not(.editor_enable) .tp-animation-layla img { background: #FFF; display: block; opacity: 1; filter: alpha(opacity=100); transition: opacity 0.35s,transform 0.35s; } body:not(.editor_enable) .tp-animation-layla:before { position: absolute; top: 30px; left: 20px; bottom: 30px; right: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } body:not(.editor_enable) .tp-animation-layla:after { position: absolute; top: 20px; left: 30px; bottom: 20px; right: 30px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; } } .tp-list-arrow > li, .tp-list-arrow > .nav-link { padding-left: 14px !important; position: relative; } .tp-list-arrow > li::before, .tp-list-arrow > .nav-link::before { content: "\f105"; font-family: FontAwesome; font-size: 14px; position: absolute; left: 0; } .tp-list-dot > li, .tp-list-dot > .nav-link { padding-left: 14px !important; position: relative; } .tp-list-dot > li::before, .tp-list-dot > .nav-link::before { content: "•"; position: absolute; left: 0; } .tp-outline { outline: 1px solid #CED4DA; background-color: white; } /* /theme_prime/static/src/scss/snippets/cards.scss */ .tp-actions i.tp-action-icon, .d_actions i.tp-action-icon, .tp-actions-container i.tp-action-icon { width: 2.5rem !important; height: 2.5rem !important; line-height: 2.5rem !important; font-size: 18px !important; } div[class*=' s_card_style_'] { overflow: initial !important; } .s_card_style_1 { transition: all .3s; } .s_card_style_1:hover { transition: all 0.3s ease 0s; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1); } .s_card_style_1 .d_product_box { flex-grow: 1; } .s_card_style_1 .card-body { flex-grow: 0; } .s_card_style_1 .d_action_btn { border-radius: 0px; } .s_card_style_1 .d_action_btn .d_action_btn_lable { transform: translateY(5px); white-space: nowrap; transition: all .3s; opacity: 0; } .s_card_style_1 .d_action_btn .d_action_btn_icon { transition: all .3s; margin-top: 5px; font-size: 18px; } .s_card_style_1 .d_action_btn:not(.disabled):hover .d_action_btn_lable, .s_card_style_1 .d_action_btn:not(.disabled):hover .d_action_btn_icon { transform: translateY(-10px); opacity: 1; } .s_card_style_1.dr-image-fill-cover { --dr-image-fill-: cover; } .s_card_style_1.dr-image-fill-fill { --dr-image-fill-: fill; } .s_card_style_1.dr-image-size-widescreen { --dr-image-size: 16/9; } .s_card_style_1.dr-image-size-landscape { --dr-image-size: 4/3; } .s_card_style_1.dr-image-size-horizontal { --dr-image-size: 6/5; } .s_card_style_1.dr-image-size-portrait { --dr-image-size: 4/5; } .s_card_style_1.dr-image-size-vertical { --dr-image-size: 2/3; } .s_card_style_1 .d_product_box { padding-top: calc(100% / (var(--dr-image-size, 1))); } .s_card_style_1 .d_product_box .d-product-img { object-fit: var(--dr-image-fill-, contain); } .s_card_style_2:hover .d_card_overlay, .s_card_style_2:hover .d_action_btn { opacity: 1 !important; } .s_card_style_2:hover .d_action_btn { transform: translateY(0); } .s_card_style_2 .card-body { flex-grow: 0; } .s_card_style_2 .d_product_box { flex-grow: 1; } .s_card_style_2 .d_product_box .d_card_overlay { opacity: 0; background: rgba(9, 9, 9, 0.6); transition: all 300ms ease-out 0s; } .s_card_style_2 .d_product_box .d_actions { margin: 0 auto; } .s_card_style_2 .d_product_box .d_actions .d_action_btn { background-color: white; line-height: 40px; height: 40px; width: 40px; padding: 0px; transition: ease .3s all; margin-left: 3px; opacity: 0; transform: translateY(-15px); } .s_card_style_2 .d_product_box .d_actions .d_action_btn:not(.disabled):hover { background-color: #0080FF; color: white; } .s_card_style_2.dr-image-fill-cover { --dr-image-fill-: cover; } .s_card_style_2.dr-image-fill-fill { --dr-image-fill-: fill; } .s_card_style_2.dr-image-size-widescreen { --dr-image-size: 16/9; } .s_card_style_2.dr-image-size-landscape { --dr-image-size: 4/3; } .s_card_style_2.dr-image-size-horizontal { --dr-image-size: 6/5; } .s_card_style_2.dr-image-size-portrait { --dr-image-size: 4/5; } .s_card_style_2.dr-image-size-vertical { --dr-image-size: 2/3; } .s_card_style_2 .d_product_box { padding-top: calc(100% / (var(--dr-image-size, 1))); } .s_card_style_2 .d_product_box .d-product-img { object-fit: var(--dr-image-fill-, contain); } .container-fluid.s_d_products_grids .s_card_style_3.tp-has-count-down .d_img_block > .d-product-img, .s_d_products_grids.container-sm .s_card_style_3.tp-has-count-down .d_img_block > .d-product-img, .s_d_products_grids.container-md .s_card_style_3.tp-has-count-down .d_img_block > .d-product-img, .s_d_products_grids.container-lg .s_card_style_3.tp-has-count-down .d_img_block > .d-product-img, .s_d_products_grids.container-xl .s_card_style_3.tp-has-count-down .d_img_block > .d-product-img, .s_d_products_grids.container-xxl .s_card_style_3.tp-has-count-down .d_img_block > .d-product-img { max-height: 830px !important; } .s_card_style_3 { transition: all .3s; } .s_card_style_3 .tp-actions { z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; -webkit-transform: translateX(20px) translateZ(0); transform: translateX(20px) translateZ(0); } .s_card_style_3 .tp-actions .tp-action-icon { transition: all 0.8s; } .s_card_style_3 .tp-actions .tp-action-icon.disabled { opacity: 0.5 !important; pointer-events: none; } .s_card_style_3 .tp-actions .tp-action-icon:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; } @media (max-width: 991.98px) { .s_card_style_3 .tp-actions { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } } .s_card_style_3:hover .tp-actions { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .s_card_style_3 .d_product_box { flex-flow: column; } .s_card_style_3 .d_product_box .d_img_block { flex-grow: 1; flex-flow: column; } .s_card_style_3:hover { transition: all 0.3s ease 0s; transform: translate3d(0, -3px, 0); box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1); } .s_card_style_3.dr-image-fill-cover { --dr-image-fill-: cover; } .s_card_style_3.dr-image-fill-fill { --dr-image-fill-: fill; } .s_card_style_3.dr-image-size-widescreen { --dr-image-size: 16/9; } .s_card_style_3.dr-image-size-landscape { --dr-image-size: 4/3; } .s_card_style_3.dr-image-size-horizontal { --dr-image-size: 6/5; } .s_card_style_3.dr-image-size-portrait { --dr-image-size: 4/5; } .s_card_style_3.dr-image-size-vertical { --dr-image-size: 2/3; } .s_card_style_3 .d_img_block { padding-top: calc(100% / (var(--dr-image-size, 1))); } .s_card_style_3 .d_img_block .d-product-img { object-fit: var(--dr-image-fill-, contain); } .s_card_style_5 { background-color: transparent; transition: all 0.38s; } .s_card_style_5 .d_product_box { flex-flow: column; } .s_card_style_5 .d_product_box .d_product_info { flex-grow: 0; } .s_card_style_5 .d_product_box .d_img_block { flex-grow: 1; flex-flow: column; } .s_card_style_5 .d_product_box .dr_quick_view_block { transition: all .2s ease; opacity: 0; backface-visibility: hidden; transform: translateX(0px) translateY(30px); } .s_card_style_5 .d_product_box .tp-bottom-to-up { transition: transform .3s ease, opacity .3s ease; opacity: 0; width: 100%; backface-visibility: hidden; transform: translateX(0px) translateY(30px); } @media (max-width: 991.98px) { .s_card_style_5 .d_product_box .tp-bottom-to-up { transform: translateX(0px) translateY(0px); opacity: 1; } } .s_card_style_5 .d_product_box:hover .tp-bottom-to-up { transform: translateX(0px) translateY(0px); opacity: 1; } .s_card_style_5 .d_product_box .d_image_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; -webkit-transform: translateX(20px) translateZ(0); transform: translateX(20px) translateZ(0); z-index: 2; } @media (max-width: 991.98px) { .s_card_style_5 { transition: all 0.3s ease 0s; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1); } .s_card_style_5 .d_product_box { box-shadow: none; } .s_card_style_5 .d_image_container { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .s_card_style_5 .dr_quick_view_block { opacity: 1; transform: translateX(0px) translateY(0px); } } .s_card_style_5:hover { transition: all 0.3s ease 0s; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1); } .s_card_style_5:hover .d_product_box { box-shadow: none; } .s_card_style_5:hover .d_image_container { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .s_card_style_5:hover .dr_quick_view_block { opacity: 1; transform: translateX(0px) translateY(0px); } .s_card_style_5.dr-image-fill-cover { --dr-image-fill-: cover; } .s_card_style_5.dr-image-fill-fill { --dr-image-fill-: fill; } .s_card_style_5.dr-image-size-widescreen { --dr-image-size: 16/9; } .s_card_style_5.dr-image-size-landscape { --dr-image-size: 4/3; } .s_card_style_5.dr-image-size-horizontal { --dr-image-size: 6/5; } .s_card_style_5.dr-image-size-portrait { --dr-image-size: 4/5; } .s_card_style_5.dr-image-size-vertical { --dr-image-size: 2/3; } .s_card_style_5 .d_img_block { padding-top: calc(100% / (var(--dr-image-size, 1))); } .s_card_style_5 .d_img_block .d-product-img { object-fit: var(--dr-image-fill-, contain); } .s_card_style_6 { transition: all .3s; } .s_card_style_6 .tp-actions { z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; -webkit-transform: translateX(20px) translateZ(0); transform: translateX(20px) translateZ(0); } .s_card_style_6 .tp-actions .tp-action-icon { transition: all 0.8s; } .s_card_style_6 .tp-actions .tp-action-icon.disabled { opacity: 0.5 !important; pointer-events: none; } .s_card_style_6 .tp-actions .tp-action-icon:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; } @media (max-width: 991.98px) { .s_card_style_6 .tp-actions { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } } .s_card_style_6:hover .tp-actions { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .s_card_style_6 .card-body { flex-grow: 0; } .s_card_style_6 .d_product_box { flex-grow: 1; flex-flow: column; } .s_card_style_6 .s_add_to_cart_btn { position: absolute; top: -30px; left: auto; bottom: auto; right: 10px; transition: all .3s; } .s_card_style_6 .s_add_to_cart_btn:hover { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); transform: translateY(-3px) translateZ(0); } .s_card_style_6 .tp-product-stock-label { width: 50%; bottom: -0.7rem; z-index: 1; border-bottom-right-radius: 10px; border-top-right-radius: 10px; } .s_card_style_6.dr-image-fill-cover { --dr-image-fill-: cover; } .s_card_style_6.dr-image-fill-fill { --dr-image-fill-: fill; } .s_card_style_6.dr-image-size-widescreen { --dr-image-size: 16/9; } .s_card_style_6.dr-image-size-landscape { --dr-image-size: 4/3; } .s_card_style_6.dr-image-size-horizontal { --dr-image-size: 6/5; } .s_card_style_6.dr-image-size-portrait { --dr-image-size: 4/5; } .s_card_style_6.dr-image-size-vertical { --dr-image-size: 2/3; } .s_card_style_6 .d_img_block { padding-top: calc(100% / (var(--dr-image-size, 1))); } .s_card_style_6 .d_img_block .d-product-img { object-fit: var(--dr-image-fill-, contain); } .s_card_style_4 { transition: all .3s; } .s_card_style_4:hover { transition: all 0.3s ease 0s; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.1); } .s_card_style_4 .d_product_box { flex-grow: 1; } .s_card_style_4 .card-body { flex-grow: 0; } .s_card_style_4 .d_action_btn { border-radius: 0px; } .s_card_style_4 .d_action_btn .d_action_btn_lable { transform: translateY(5px); white-space: nowrap; transition: all .3s; opacity: 0; } .s_card_style_4 .d_action_btn .d_action_btn_icon { transition: all .3s; margin-top: 5px; font-size: 18px; } .s_card_style_4 .d_action_btn:not(.disabled):hover .d_action_btn_lable, .s_card_style_4 .d_action_btn:not(.disabled):hover .d_action_btn_icon { transform: translateY(-10px); opacity: 1; } .s_card_style_4 .d_action_btn.s_add_to_cart_btn { flex-grow: 2; } .s_card_style_4 .d_action_btn.s_add_to_cart_btn .dri-cart { font-size: 18px; margin-right: 4px; } .s_card_style_4.dr-image-fill-cover { --dr-image-fill-: cover; } .s_card_style_4.dr-image-fill-fill { --dr-image-fill-: fill; } .s_card_style_4.dr-image-size-widescreen { --dr-image-size: 16/9; } .s_card_style_4.dr-image-size-landscape { --dr-image-size: 4/3; } .s_card_style_4.dr-image-size-horizontal { --dr-image-size: 6/5; } .s_card_style_4.dr-image-size-portrait { --dr-image-size: 4/5; } .s_card_style_4.dr-image-size-vertical { --dr-image-size: 2/3; } .s_card_style_4 .d_product_box { padding-top: calc(100% / (var(--dr-image-size, 1))); } .s_card_style_4 .d_product_box .d-product-img { object-fit: var(--dr-image-fill-, contain); } .s_card_style_7 { transition: all .3s; } .s_card_style_7 .tp-actions { z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; -webkit-transform: translateX(20px) translateZ(0); transform: translateX(20px) translateZ(0); } .s_card_style_7 .tp-actions .tp-action-icon { transition: all 0.8s; } .s_card_style_7 .tp-actions .tp-action-icon.disabled { opacity: 0.5 !important; pointer-events: none; } .s_card_style_7 .tp-actions .tp-action-icon:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; } @media (max-width: 991.98px) { .s_card_style_7 .tp-actions { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } } .s_card_style_7:hover .tp-actions { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .s_card_style_7 .d_product_box { flex-flow: column; } .s_card_style_7 .d_product_box .d_img_block { flex-grow: 1; flex-flow: column; } .s_card_style_7 .d_product_info { z-index: 10; } .s_card_style_7 .d_product_info .tp-product-preview-swatches { justify-content: center; } .s_card_style_7 .tp-bottom-to-up { transition: transform .3s ease, opacity .3s ease; opacity: 0; width: 100%; backface-visibility: hidden; transform: translateX(0px) translateY(30px); } @media (max-width: 991.98px) { .s_card_style_7 .tp-bottom-to-up { transform: translateX(0px) translateY(0px); opacity: 1; } } .s_card_style_7:hover .tp-bottom-to-up { transform: translateX(0px) translateY(0px); opacity: 1; } .s_card_style_7.dr-image-fill-cover { --dr-image-fill-: cover; } .s_card_style_7.dr-image-fill-fill { --dr-image-fill-: fill; } .s_card_style_7.dr-image-size-widescreen { --dr-image-size: 16/9; } .s_card_style_7.dr-image-size-landscape { --dr-image-size: 4/3; } .s_card_style_7.dr-image-size-horizontal { --dr-image-size: 6/5; } .s_card_style_7.dr-image-size-portrait { --dr-image-size: 4/5; } .s_card_style_7.dr-image-size-vertical { --dr-image-size: 2/3; } .s_card_style_7 .d_img_block { padding-top: calc(100% / (var(--dr-image-size, 1))); } .s_card_style_7 .d_img_block .d-product-img { object-fit: var(--dr-image-fill-, contain); } .s_card_style_8 { transition: all .3s; } .s_card_style_8 .tp-actions { z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; -webkit-transform: translateX(20px) translateZ(0); transform: translateX(20px) translateZ(0); } .s_card_style_8 .tp-actions .tp-action-icon { transition: all 0.8s; } .s_card_style_8 .tp-actions .tp-action-icon.disabled { opacity: 0.5 !important; pointer-events: none; } .s_card_style_8 .tp-actions .tp-action-icon:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; } @media (max-width: 991.98px) { .s_card_style_8 .tp-actions { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } } .s_card_style_8:hover .tp-actions { opacity: 1; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .s_card_style_8.dr-image-fill-cover { --dr-image-fill-: cover; } .s_card_style_8.dr-image-fill-fill { --dr-image-fill-: fill; } .s_card_style_8.dr-image-size-widescreen { --dr-image-size: 16/9; } .s_card_style_8.dr-image-size-landscape { --dr-image-size: 4/3; } .s_card_style_8.dr-image-size-horizontal { --dr-image-size: 6/5; } .s_card_style_8.dr-image-size-portrait { --dr-image-size: 4/5; } .s_card_style_8.dr-image-size-vertical { --dr-image-size: 2/3; } .s_card_style_8 .d_img_block { padding-top: calc(100% / (var(--dr-image-size, 1))); } .s_card_style_8 .d_img_block .d-product-img { object-fit: var(--dr-image-fill-, contain); } .s_two_column_card_wrapper .tp-product-image { max-height: 365px; object-fit: cover; } .tp_two_column_card_style_2 .d_add_to_wishlist_btn { position: absolute; top: 10px; left: auto; bottom: auto; right: 10px; } .tp_two_column_card_style_3 .tp-bg-color-block { position: absolute; top: 0px; left: auto; bottom: auto; right: 0px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='328' height='328' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23cccccc' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23ededed'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E"); } .tp_two_column_card_style_3 .tp-product-stock-label { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 5px; } .tp-preview-element .s_dialog_preview { display: none; } /* /theme_prime/static/src/scss/front_end/dynamic_snippets.scss */ .droggol_product_slider_single_product .dr-swiper-button-next, .droggol_product_slider_single_product .dr-swiper-button-prev { transition: all 0.3s; background-color: white !important; height: 40px; width: 40px; border: 1px solid #e1e7ec !important; border-radius: 100%; color: #374250 !important; } .droggol_product_slider_single_product .dr-swiper-button-next:focus, .droggol_product_slider_single_product .dr-swiper-button-prev:focus { outline: none; } @media (max-width: 991.98px) { .droggol_product_slider_single_product .dr-swiper-button-next, .droggol_product_slider_single_product .dr-swiper-button-prev { height: 30px; width: 30px; } .droggol_product_slider_single_product .dr-swiper-button-next .dri, .droggol_product_slider_single_product .dr-swiper-button-prev .dri { color: #ADB5BD; height: 27px; width: 27px; line-height: 27px !important; } } .droggol_product_slider_single_product .dr-swiper-button-next:hover, .droggol_product_slider_single_product .dr-swiper-button-prev:hover { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); color: #0080FF !important; } .droggol_product_slider_single_product .dr-swiper-button-next .dri, .droggol_product_slider_single_product .dr-swiper-button-prev .dri { line-height: 39px; font-weight: bold; } @media (min-width: 1200px) { .droggol_product_slider_single_product .dr-swiper-button-next, .droggol_product_slider_single_product .dr-swiper-button-prev { height: 55px; width: 55px; } .droggol_product_slider_single_product .dr-swiper-button-next .dri, .droggol_product_slider_single_product .dr-swiper-button-prev .dri { line-height: 55px; font-size: 18px; } } @media (max-width: 991.98px) { .droggol_product_slider_single_product .tp-countdown-container { justify-content: center !important; } .droggol_product_slider_single_product .dr-swiper-button-prev { left: 0px !important; } .droggol_product_slider_single_product .dr-swiper-button-next { right: 0px !important; } } .droggol_product_slider_single_product .dr_product_img { max-height: 500px; object-fit: contain; } .droggol_product_slider_single_product .dr-swiper-button-prev { z-index: 1; position: absolute; top: 50%; left: 15px; bottom: auto; right: auto; } .droggol_product_slider_single_product .dr-swiper-button-next { z-index: 1; position: absolute; top: 50%; left: auto; bottom: auto; right: 15px; } .s_d_single_category_snippet_wrapper .banner-text { position: absolute; top: auto; left: 25px; bottom: 20px; right: 25px; background-color: rgba(255, 255, 255, 0.8); } .s_d_single_category_snippet_wrapper .d_category_image_block { background-size: cover; background-position: center; min-height: 500px; height: 100%; } .tp_category_product_card_style_1 .s_add_to_cart_btn { position: absolute; top: 0.75rem; left: auto; bottom: auto; right: 0.75rem; z-index: 5; height: 40px; width: 40px; } .tp_category_product_card_style_1 .d-product-img { object-fit: cover; height: 250px; } .s_d_single_product_snippet_wrapper .tp-close { display: none; } .s_d_single_product_snippet_wrapper .swiper-wrapper img { object-fit: cover; max-height: 623px; } .s_d_single_product_snippet_wrapper #product_detail_main { padding: 0px !important; } .s_d_single_product_snippet_wrapper #product_details { align-items: center; display: flex; } .s_d_single_product_snippet_wrapper .tp_extra_fields { display: none; } @media (min-width: 992px) { .s_d_single_product_snippet_wrapper .d_single_product_container #product_detail_main > .droggol_product_slider, .s_d_single_product_snippet_wrapper .d_single_product_container #product_details > .js_product { max-height: 490px; } } @media (min-width: 1200px) { .s_d_single_product_snippet_wrapper .d_single_product_container #product_detail_main > .droggol_product_slider, .s_d_single_product_snippet_wrapper .d_single_product_container #product_details > .js_product { max-height: 625px; } } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet { max-width: auto; text-align: center; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet .modal-body { padding: 0; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet .css_attribute_select { margin: auto; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet .variant_attribute .align-items-center, .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet .variant_attribute .o_wsale_product_attribute { justify-content: center; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet .js_add_cart_variants { padding-right: 10px; padding-left: 10px; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet section#product_detail { text-align: center; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet section#product_detail .d_shop_product_details_carousel .o_carousel_product_indicators { display: none !important; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet section#product_detail .d_shop_product_details_carousel .carousel-outer { height: 250px !important; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet .product_price { margin-top: 10px !important; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet .product_price .oe_price_h4 { font-size: 1.09375rem; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet .product_price .oe_price_h4 .oe_price { color: #0080FF; font-weight: 600; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet .o_website_rating_static { margin-bottom: -5px; } .s_d_single_product_cover_snippet_wrapper .s_d_single_product_cover_snippet div[name="product_price_container"] > :not(.oe_default_price, .oe_price) { display: none !important; } .dr_strike_line { position: relative; display: inline-block; padding-left: 85px; padding-right: 85px; } .dr_strike_line:before { content: ""; position: absolute; top: 50%; left: auto; bottom: auto; right: 0px; display: inline-block; width: 5rem; border-top-width: 2px; border-top-style: solid; border-color: #0080FF; } .dr_strike_line:after { content: ""; position: absolute; top: 50%; left: 0px; bottom: auto; right: auto; display: inline-block; width: 5rem; border-top-width: 2px; border-top-style: solid; border-color: #0080FF; } .s_tp_category_style_1 { outline: 1px solid #DEE2E6; padding-top: 1.5rem; padding-bottom: 1.5rem; background-color: white; } .s_tp_category_style_4 .dr-category-card { height: 280px; background-size: cover; background-position: center; } .s_tp_category_style_4 .dr-category-card h3, .s_tp_category_style_4 .dr-category-card .h3 { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.68); } .s_tp_category_style_5 .card, .tp_brand_card_style_1:not(.border-0) .card, .s_category_brands .card { transition: all 0.5s; } .s_tp_category_style_5 .card:hover, .tp_brand_card_style_1:not(.border-0) .card:hover, .s_category_brands .card:hover { border-color: #0080FF !important; transform: translateY(-3px); } .s_tp_category_style_6 img { transition: all 1s; } .s_tp_category_style_6:hover img { transform: scale(1.05); } .tp-category-cover-image { max-height: 300px; object-fit: cover; } .s_tp_hierarchical_category_style_3 div.tp-cate-3-img::before { content: ' '; height: 100%; width: 100%; position: absolute; background-image: linear-gradient(0deg, rgba(16, 17, 18, 0.55) 0%, transparent 40%, transparent 70%, transparent 100%); border-radius: 5px; overflow: hidden; } .s_tp_hierarchical_category_style_3 .tp-category-cover-image { max-height: 150px; object-fit: cover; border-radius: 3px; } .s_tp_hierarchical_category_style_3 .tp-category-name { font-size: 1.1rem; position: absolute; top: auto; left: auto; bottom: 0%; right: auto; text-shadow: 0px 0px 1px #000; padding-bottom: 6px; } .s_tp_hierarchical_category_style_3 ul > li { background: transparent; } .s_tp_hierarchical_category_style_8 .tp-category-info { position: absolute; top: auto; left: auto; bottom: 0; right: auto; background-color: rgba(255, 255, 255, 0.75); border-top-right-radius: 5px; } .s_tp_hierarchical_category_style_9 .tp-category-info { position: absolute; top: 50%; left: 25%; bottom: auto; right: auto; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.85); } .s_tp_hierarchical_category_style_10 .tp-category-cover-image { border-bottom-right-radius: 50% 20% !important; border-bottom-left-radius: 50% 20% !important; } .s_tp_hierarchical_category_style_10 .tp-category-info { position: absolute; top: auto; left: 25%; bottom: 0%; right: auto; } .s_tp_hierarchical_category_style_11 .tp-category-img { position: absolute; top: auto; left: 5%; bottom: -12%; right: auto; height: 100px; width: 100px; border-radius: 5px; z-index: 1; } .s_tp_hierarchical_category_style_11 .tp-category-info { position: absolute; top: auto; left: auto; bottom: -2%; right: 5%; } .tp-show-variant-image .tp-variant-image { max-height: 680px; } .tp-show-variant-image .tp-variant-image.tp-product-image-fade-animation { animation: fadeIn 1s; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .s_d_brand_snippet_wrapper .tp_brand_card_style_1 { margin-top: 0.4rem; } .s_d_brand_snippet_wrapper .tp_brand_card_style_1 img { height: 100px; object-fit: contain; } .s_d_brand_snippet_wrapper .tp_brand_card_style_4 img { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0.5; filter: grayscale(100%); } .s_d_brand_snippet_wrapper .tp_brand_card_style_4 img:hover { opacity: 1; filter: grayscale(0); } .tp_product_list_header_1:after { display: block; position: absolute; top: auto; left: 0px; bottom: -1px; right: auto; width: 90px; height: 2px; background-color: #0080FF; content: ''; } .tp_product_list_cards_3 .s_add_to_cart_btn { position: absolute; top: 7px; left: auto; bottom: auto; right: 10px; color: #6C757D; height: 2.2rem; width: 2.2rem; border-radius: 100%; border: 1px solid #DEE2E6; line-height: 2.2rem; background-color: #f3f5f9; } .tp_product_list_cards_3 .s_add_to_cart_btn:hover { color: #0080FF; } .tp_product_list_cards_4 .tp-product-quick-view-action { position: absolute; top: 0; left: auto; bottom: auto; right: auto; transition: all 0.5s; background-color: rgba(0, 0, 0, 0.28) !important; backdrop-filter: blur(1px); opacity: 0; } .tp_product_list_cards_4 .tp-product-quick-view-action:hover { background-color: rgba(0, 0, 0, 0.48) !important; } .tp_product_list_cards_4 .tp-media:hover .tp-product-quick-view-action { opacity: 1; } .s_category_tabs_snippet_wrapper.tp-side-menu { height: 100% !important; } .s_category_tabs_snippet_wrapper.tp-side-menu .s_category_tabs_snippet { height: 100% !important; } .s_category_tabs_snippet_wrapper .tp_mega_menu_tab_style_1 { border-left: 3px solid transparent; transition: background-color 0.3s; } .s_category_tabs_snippet_wrapper .tp_mega_menu_tab_style_1.tp-active-category { background-color: #f7f8fa; border-left: 3px solid #0080FF; } .s_category_tabs_snippet_wrapper .tp-submenu-float { z-index: 3; } .s_category_tabs_snippet_wrapper .tp_mega_menu_tab_style_2 { transition: all 0.3s; border-left: 3px solid transparent; background-color: #f7f8fa; } .s_category_tabs_snippet_wrapper .tp_mega_menu_tab_style_2.tp-active-category { border-left: 3px solid #0080FF; color: #0080FF; background-color: white; margin-right: -1px; } .s_category_tabs_snippet_wrapper .tp_mega_menu_tab_style_2.tp-active-category h6, .s_category_tabs_snippet_wrapper .tp_mega_menu_tab_style_2.tp-active-category .h6 { color: #0080FF; } .s_category_tabs_snippet_wrapper .tp-tab-container { min-height: 400px; } .tp-dynamic-snippet-prime:not(.o_full_screen_height):not(.o_half_screen_height):not(.cover_full):not(.cover_mid) { min-height: 1px !important; } #wrapwrap.odoo-editor-editable .dr_not_editable > * { pointer-events: none; } .tp-preview-container .dr_not_editable > * { pointer-events: all !important; } /* /theme_prime/static/src/scss/front_end/category_filters.scss */ .d_category_tab { cursor: pointer; } .tp-dynamic-snippet-prime-tab-1 .d_category_tab { margin-bottom: -1px; border-bottom: 3px solid transparent; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; } .tp-dynamic-snippet-prime-tab-1 .d_category_tab.d_active { font-weight: bold; color: black; border-bottom: 3px solid #0080FF; } .tp-dynamic-snippet-prime-tab-1 .d_category_tab:not(.d_active):before { content: ""; position: absolute; top: auto; left: 0px; bottom: -3px; right: auto; width: 100%; height: 3px; background-color: #0080FF; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .tp-dynamic-snippet-prime-tab-1 .d_category_tab:not(.d_active):hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } .tp-dynamic-snippet-prime-tab-2 .d_category_tab:hover, .tp-dynamic-snippet-prime-tab-2 .d_category_tab.d_active { border: 1px solid #0080FF !important; background-color: #0080FF !important; color: white !important; } .tp-dynamic-snippet-prime-tab-3 .d_category_tab { color: #ADB5BD; } .tp-dynamic-snippet-prime-tab-3 .d_category_tab.d_active { border-bottom: 2px solid #0080FF; color: #6C757D; font-weight: 500; } .tp-dynamic-snippet-prime-tab-4 { overflow-x: auto; overflow-y: hidden; } .tp-dynamic-snippet-prime-tab-4 .d_category_tab { border-bottom: 1px solid var(--o-border-color); } .tp-dynamic-snippet-prime-tab-4 .d_category_tab.d_active { border-top-left-radius: 3px; border-top-right-radius: 3px; color: #0080FF; background-color: rgba(0, 128, 255, 0.1) !important; border-bottom: 2px solid #0080FF; } .tp-dynamic-snippet-prime-tab-5 .d_category_tab { border-radius: 3px; border: 1px solid var(--o-border-color); } .tp-dynamic-snippet-prime-tab-5 .d_category_tab:hover, .tp-dynamic-snippet-prime-tab-5 .d_category_tab.d_active { border: 1px solid #0080FF !important; background-color: #0080FF !important; color: white !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .tp-dynamic-snippet-prime-tab-6 .d_category_tab:not(:last-child):after { display: inline-block; content: '|'; margin-left: 12px; margin-right: 12px; color: #4d5b7c; font-size: 16px; } .tp-dynamic-snippet-prime-tab-6 .d_category_tab { font-size: 16px; } .tp-dynamic-snippet-prime-tab-6 .d_category_tab.d_active { color: #0080FF; } /* /theme_prime/static/src/scss/front_end/image_hotspot.scss */ @keyframes pulse-primary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 128, 255, 0.6); -moz-box-shadow: 0 0 0 0 rgba(0, 128, 255, 0.6); box-shadow: 0 0 0 0 rgba(0, 128, 255, 0.6); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(0, 128, 255, 0); -moz-box-shadow: 0 0 0 15px rgba(0, 128, 255, 0); box-shadow: 0 0 0 15px rgba(0, 128, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 128, 255, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 128, 255, 0); box-shadow: 0 0 0 0 rgba(0, 128, 255, 0); } } @keyframes pulse-light { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulse-dark { 0% { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.6); -moz-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.6); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.6); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(33, 37, 41, 0); -moz-box-shadow: 0 0 0 15px rgba(33, 37, 41, 0); box-shadow: 0 0 0 15px rgba(33, 37, 41, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0); -moz-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0); } } @keyframes pulse-light-pointer { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); transform: scale(0.8, 0.8); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); transform: scale(1, 1); } } @keyframes pulse-primary-pointer { 0% { -webkit-box-shadow: 0 0 0 0 rgba(0, 128, 255, 0.6); -moz-box-shadow: 0 0 0 0 rgba(0, 128, 255, 0.6); box-shadow: 0 0 0 0 rgba(0, 128, 255, 0.6); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(0, 128, 255, 0); -moz-box-shadow: 0 0 0 15px rgba(0, 128, 255, 0); box-shadow: 0 0 0 15px rgba(0, 128, 255, 0); transform: scale(0.8, 0.8); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0, 128, 255, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 128, 255, 0); box-shadow: 0 0 0 0 rgba(0, 128, 255, 0); transform: scale(1, 1); } } @keyframes pulse-dark-pointer { 0% { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.6); -moz-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.6); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.6); } 70% { -webkit-box-shadow: 0 0 0 15px rgba(33, 37, 41, 0); -moz-box-shadow: 0 0 0 15px rgba(33, 37, 41, 0); box-shadow: 0 0 0 15px rgba(33, 37, 41, 0); transform: scale(0.8, 0.8); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0); -moz-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0); transform: scale(1, 1); } } .tp_img_hotspot { cursor: pointer; } .tp_img_hotspot:focus { outline: none; } .tp_img_hotspot.tp_img_hotspot_no_effect { transition: transform 600ms cubic-bezier(0.68, -0.55, 0.265, 2.5) !important; } .tp_img_hotspot.tp_img_hotspot_no_effect:hover { transform: scale(1.1, 1.1) !important; -webkit-transform: scale(1.1, 1.1) !important; } .tp_img_hotspot .tp-hotspot-text:empty { display: none; } .tp_img_hotspot_style_1.tp-hotspot-primary { box-shadow: 0 0 0 rgba(0, 128, 255, 0.8); animation: pulse-primary 1.5s infinite !important; } .tp_img_hotspot_style_1.tp-hotspot-dark { box-shadow: 0 0 0 rgba(33, 37, 41, 0.8); animation: pulse-dark 1.5s infinite !important; } .tp_img_hotspot_style_1.tp-hotspot-light { box-shadow: 0 0 0 rgba(255, 255, 255, 0.8); animation: pulse-light 1.5s infinite !important; } .tp_img_hotspot_style_1.tp-hotspot-light:after { border: 2px solid #6C757D !important; } .tp_img_hotspot_style_3 { transition: all .2s ease-out; } .tp_img_hotspot_style_3.tp-hotspot-primary { background: #0080FF; animation: pulse-primary-pointer 2s infinite !important; } .tp_img_hotspot_style_3.tp-hotspot-dark { background: #212529; animation: pulse-dark-pointer 2s infinite !important; } .tp_img_hotspot_style_3.tp-hotspot-light { background: #ffffff; animation: pulse-light-pointer 2s infinite !important; } @keyframes tp-animation-hotspot-4 { 0% { -webkit-transform: scale(0.68); transform: scale(0.68); } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .tp_img_hotspot_style_2.tp-hotspot-primary:after, .tp_img_hotspot_style_2.tp-hotspot-primary:before { border-color: #0080FF !important; } .tp_img_hotspot_style_2.tp-hotspot-dark:after, .tp_img_hotspot_style_2.tp-hotspot-dark:before { border-color: #212529 !important; } .tp_img_hotspot_style_2.tp-hotspot-light:after, .tp_img_hotspot_style_2.tp-hotspot-light:before { border-color: #ffffff !important; } .tp_img_hotspot_style_2:after, .tp_img_hotspot_style_2:before { content: ""; position: absolute; top: -27%; left: -27%; bottom: auto; right: auto; border: 1px solid; border-color: inherit; width: 150%; height: 150%; border-radius: inherit; opacity: 1; -webkit-animation: 1s tp-animation-hotspot-4 linear infinite !important; animation: 1s tp-animation-hotspot-4 linear infinite !important; } .tp_img_hotspot_style_2:before { animation-delay: 0.5s !important; } .tp-hotspot-popover { --popover-max-width: 340px; } @media (max-width: 767.98px) { .tp-hotspot-popover { --popover-max-width: 300px; } } @media (max-width: 575.98px) { .tp-hotspot-popover { --popover-max-width: 300px; } } .tp-hotspot-popover .popover-body { width: var(--popover-max-width); transform-origin: top center; padding: 0 !important; animation: popoverZoom 0.20s ease-out forwards !important; } @keyframes popoverZoom { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } } .tp-compare-img-wrapper { user-select: none; overflow: hidden; } .tp-compare-img-wrapper .tp-primary-comparison-img { width: 100%; } .tp-compare-img-wrapper .tp-compare-img-handle { inset-block: 0; left: calc(var(--tp-compare-handle-position, 50%) - 2px); width: 4px; transition: transform 0.1s ease; } .tp-compare-img-wrapper .tp-compare-img-handle:hover { transform: scale(1.1); color: #0080FF; } .tp-compare-img-wrapper .tp-compare-img-pointer { box-shadow: 0 0 0 rgba(255, 255, 255, 0.8); animation: pulse-light 1.5s infinite !important; } .tp-compare-img-wrapper .tp-compare-img-pointer:after { border: 2px solid #6C757D !important; } /* /theme_prime/static/src/scss/snippets/2_col_deal.scss */ .s_d_product_count_down .d_product_description { clear: both; height: 60px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; } .s_d_product_count_down .d_product_img { max-height: 340px; } .s_d_product_small_block .swiper-wrapper { display: flex; } .s_d_product_small_block .swiper-wrapper .d-product-img { max-height: 215px; } @media (max-width: 991.98px) { .s_d_product_small_block .swiper-wrapper .d-product-img { max-height: 365px; } } .s_d_full_title { position: relative; font-size: 1.71rem; text-transform: capitalize; margin: 0 0 1.2rem; font-weight: 300; letter-spacing: -1px; } .s_d_full_title .s_d_title_text { position: relative; z-index: 1; background: #FFFFFF; padding-right: 18px; } .s_d_full_title:after { content: ""; position: absolute; top: 50%; left: 0; bottom: auto; right: 72px; height: 1px; background: #e4e7f0; } /* /theme_prime/static/src/scss/snippets/image_products.scss */ .s_d_image_products_block_wrapper .tp-block-wrapper { border-radius: 7px; } .s_d_image_products_block_wrapper .tp-block-wrapper .tp-img-container { min-height: 330px !important; } .s_d_image_products_block_wrapper .swiper-navigation { margin-top: -3.3rem; } .s_d_image_products_block_wrapper .s_d_image_products_block .droggol_product_slider_top .d_product_img { max-height: 100px; object-fit: cover; } @media (max-width: 575.98px) { .s_d_image_products_block_wrapper .s_d_image_products_block .droggol_product_slider_top .d_product_img { max-height: 150px; } } .d_all_brands_btn { position: absolute; top: 0px; left: auto; bottom: auto; right: 14px; } /* /theme_prime/static/src/scss/front_end/bottom_bar.scss */ .tp-bottombar-component-style-1 { border-top: 2px solid var(--o-border-color); border-top-right-radius: 1rem; border-top-left-radius: 1rem; } .tp-bottombar-component-style-1 .tp-bottom-action-btn { height: 35px; width: 35px; text-align: center; } .tp-bottombar-component-style-1 .tp-bottom-action-btn.tp-active-btn .tp-action-btn-label { color: #0080FF; } .tp-bottombar-component-style-1 .tp-bottom-action-btn.tp-active-btn .tp-action-btn-icon { color: #0080FF; } .tp-bottombar-component-style-1 .tp-bottom-action-btn sup { position: absolute; top: -4px; left: auto; bottom: auto; right: auto; padding: 0.2em 0.4em; border-radius: 40px; vertical-align: top; font-size: 0.5rem; } .tp-bottombar-component-style-1 .tp-bottom-action-btn:not(:last-child) { margin-right: 0.5rem; } .tp-bottombar-component-style-1 .tp-bottom-action-btn .tp-action-btn-label { font-size: 60%; color: #ADB5BD; } .tp-bottombar-component-style-1 .tp-bottom-action-btn .tp-action-btn-icon { color: #ADB5BD; font-size: 1.2rem; margin-top: 2px; } .tp-bottombar-component-style-1 .tp-bottom-action-btn .dropdown-toggle:after { position: absolute; top: 2px; left: auto; bottom: auto; right: auto; color: #ADB5BD; } .tp-bottombar-component-style-1 .tp-bottom-action-btn .js_language_selector > a { flex-direction: column; } .tp-bottombar-component-style-1 .tp-bottom-action-btn .js_language_selector .tp-action-btn-label { margin-top: 3px; } .tp-bottombar-component-style-1 .tp-bottom-action-btn .js_language_selector .dropdown-toggle:after { top: 4px; right: -6px; } .tp-bottombar-component-style-1 .tp-bottom-action-btn .js_language_selector .o_lang_flag { margin-right: 0; } .tp-bottombar-component-style-1 .tp-bottombar-secondary-element { transition: all 0.4s; -webkit-transition: all 0.4s; transform: translateY(145px); opacity: 0; } .tp-bottombar-component-style-1 .tp-bottombar-secondary-element.tp-drawer-open { opacity: 1; transform: translateY(0px); } .tp-bottombar-component-style-1 .tp-drawer-action-btn { background-color: #343a40; } .tp-bottombar-component-style-1 .tp-drawer-action-btn .tp-drawer-icon { font-size: 1rem; line-height: 1.5rem; color: white; } @media (min-width: 768px) { .tp-bottombar-component-style-1 { display: none; } } @media (max-width: 991.98px) { .tp-bottombar-component-style-1 { display: block; position: fixed; bottom: 0; left: 0; transition: all 0.4s; -webkit-transition: all 0.4s; z-index: 1030; background-color: white; } .tp-bottombar-component-style-1.tp-has-drower-element { bottom: -4rem; } .tp-bottombar-component-style-1.tp-bottombar-not-visible { bottom: -10.6rem; } .tp-bottombar-component-style-1.tp-drawer-is-open { bottom: -1px; } } /* /theme_prime/static/src/snippets/s_blog_posts/000.scss */ .s_blog_post_prime_layout_1 .tp-cover-image { height: 270px; background-size: cover; background-position: center; } .s_blog_post_prime_layout_1 .tp-blog-avatar { height: 25px; width: 25px; } .s_blog_post_prime_layout_2 .tp-blog-container { border-radius: .375rem; } .s_blog_post_prime_layout_2 .tp-blog-container .card-img-top { height: unset; } .s_blog_post_prime_layout_2 .tp-blog-container .tp-cover-image { height: 300px; background-size: cover; background-position: center; } .s_blog_post_prime_layout_2 .tp-blog-container .tp-svg-img { position: absolute; top: -120px; left: 0px; bottom: auto; right: 0px; } .s_blog_post_prime_layout_2 .tp-blog-container .tp-blog-avatar { height: 25px; width: 25px; } .s_blog_post_prime_layout_3 .tp-cover-image { height: 300px; background-size: cover; background-position: center; } .s_blog_post_prime_layout_3 .tp-blog-avatar { height: 30px; width: 30px; } .s_blog_post_prime_layout_4 .tp-cover-image { height: 270px; background-size: cover; background-position: center; } .s_blog_post_prime_layout_4 .tp-blog-avatar { height: 22px; width: 22px; } .s_blog_post_prime_layout_4 .tp-date { position: absolute; top: 15px; left: 15px; bottom: auto; right: auto; min-width: 53px; line-height: 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: "Poppins", "Odoo Unicode Support Noto", sans-serif; font-weight: 500; } .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.765625rem; } .s_alert[data-vcss='001'].s_alert_md { padding: 15px; font-size: 0.875rem; } .s_alert[data-vcss='001'].s_alert_lg { padding: 30px; font-size: 1.09375rem; } .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] { 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 .dri.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: var(--border-radius); } .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: var(--border-radius); 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; } .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: var(--border-radius); } /* /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.1875rem; 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.1875rem; height: 2.1875rem; line-height: 2.1875rem; --background-color: #FFFFFF; --color: #0080FF; background-color: #FFFFFF !important; color: #0080FF; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); cursor: pointer; font-size: 1.09375rem; 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: #4d5b7c; } .s_tabs_common .nav-link:focus-visible { box-shadow: inset 0 0 0 0.25rem rgba(0, 128, 255, 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, #4d5b7c); } .s_tabs_common .s_tabs_main .nav-tabs a.active { color: #4d5b7c; } .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 #0057ad; 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: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .s_tabs_common .s_tabs_main .nav-pills .active:where(:focus-visible) { box-shadow: inset 0 0 0 0.25rem rgba(255, 255, 255, 0.25); } /* /website/static/src/snippets/s_tabs_images/000.scss */ .s_tabs_images .o_nav_tabs_description { display: none; } @media (min-width: 992px) { .s_tabs_images .s_tabs_nav_with_descriptions:where(.s_tabs_nav_vertical) :where(.o_nav_tabs_description), .s_tabs_images .s_tabs_nav_with_descriptions_active:where(.s_tabs_nav_vertical) .active > :where(.o_nav_tabs_description) { display: block; } } .s_tabs_images .s_tabs_pills_template .nav-link.active { background: var(--nav-pills-link-active-bg) !important; color: var(--nav-pills-link-active-color) !important; } /* /website/static/src/snippets/s_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: #0080FF; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar { z-index: 1; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 2rem; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar { display: inline; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item-action { width: auto; } .s_table_of_content:not([data-vcss]) .s_table_of_content_navbar_wrap.s_table_of_content_horizontal_navbar .s_table_of_content_navbar > a.list-group-item { display: inline-block; margin-bottom: 2px; } /* /website/static/src/snippets/s_quotes_carousel/002.scss */ .s_quotes_carousel_wrapper[data-vcss='002'] .s_blockquote { margin-bottom: 0; } @media (max-width: 767.98px) { .s_quotes_carousel_wrapper[data-vcss='002'] .s_blockquote { width: 100% !important; } } /* /website/static/src/snippets/s_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(0, 128, 255, 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.375rem; } .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: 0.875rem; } .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.375rem; } .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(0, 128, 255, 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: #0080FF; background: rgba(0, 128, 255, 0.55); color: #212529; } /* /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(0, 128, 255, 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: #0080FF; background: rgba(0, 128, 255, 0.55); color: #212529; } .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: #0080FF; cursor: pointer; } .s_website_form[data-vcss="001"] div.o_files_zone div.o_file_wrap i.o_file_delete:hover { color: #006dd9; } .s_website_form[data-vcss="001"] .o_add_files_button { background-color: #e7e9ed; width: fit-content; } .s_website_form[data-vcss="001"] .o_add_files_button:hover { background-color: #dadde3; } body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_date:not(.s_website_form_datepicker_initialized) [value], body:not(.editor_enable) .s_website_form[data-vcss="001"] .s_website_form_datetime:not(.s_website_form_datepicker_initialized) [value] { color: transparent; } /* /website/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_payment/static/src/snippets/s_donation/000.scss */ .s_donation:not([data-vcss]) input::-webkit-outer-spin-button, .s_donation:not([data-vcss]) input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .s_donation:not([data-vcss]) input[type=number] { -moz-appearance: textfield; } .s_donation:not([data-vcss]) .s_donation_btn { display: inline-flex; transition: background 0.2s; } .s_donation:not([data-vcss]) .s_donation_btn:focus { box-shadow: none !important; } .s_donation:not([data-vcss]) #s_donation_amount_input { border: none; outline: none; max-width: 145px; background-color: transparent; font-size: inherit; color: inherit; } .s_donation:not([data-vcss]) #s_donation_amount_input::placeholder { opacity: 0.6; color: inherit; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap { width: 90%; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap #s_donation_range_slider { margin-bottom: 50px; } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap .s_range_bubble { position: absolute; left: 0%; margin-top: 28px; padding: 0.5rem 1rem; color: #FFFFFF; background: #0080FF; font-size: 1.15rem; border-radius: 0.3rem; transform: translateX(-50%); } .s_donation:not([data-vcss]) .s_donation_range_slider_wrap .s_range_bubble::after { content: ""; position: absolute; top: -5px; left: 50%; width: 0; border-style: solid; border-color: #0080FF transparent; border-width: 0 5px 5px; margin-left: -5px; } /* /website_sale/static/src/snippets/s_dynamic_snippet_products/000.scss */ .s_dynamic_snippet_products .s_dynamic_snippet_row.row { --gutter-x: var(--o-wsale-products-grid-gap, 16px); } .s_dynamic_snippet_products .carousel-item { padding-top: 1rem; padding-bottom: 1rem; } .s_dynamic_snippet_products.o_wsale_products_opt_design_grid .s_dynamic_snippet_row.row { --gutter-x: 0; --o-wsale-card-border-width: 1px 1px 1px 0; } .s_dynamic_snippet_products.o_wsale_products_opt_design_grid .s_dynamic_snippet_row.row > div:first-of-type { --o-wsale-card-border-width: 1px; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-next, .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-prev { aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1/1); width: var(--o-wsale-dynamic-snippet-col-size) !important; transform: scaleX(0.2); bottom: auto; isolation: isolate; padding-top: 1rem; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-next .oi, .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-prev .oi { transform: scaleX(5); } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-next { transform-origin: center right; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel-control-prev { transform-origin: center left; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel { --o-wsale-dynamic-snippet-col-size: var(--o-carousel-item-width-percentage); } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel:where(:has(.col-6)) { --o-wsale-dynamic-snippet-col-size: 50%; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):not(:has(.s_dynamic_snippet_title_aside)) .carousel:where(:has(.col-3)) { --o-wsale-dynamic-snippet-col-size: 25%; } @media (max-width: 991.98px) { .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-next, .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-prev { aspect-ratio: var(--o-wsale-card-thumb-aspect-ratio, 1/1); width: var(--o-wsale-dynamic-snippet-col-size) !important; transform: scaleX(0.2); bottom: auto; isolation: isolate; padding-top: 1rem; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-next .oi, .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-prev .oi { transform: scaleX(5); } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-next { transform-origin: center right; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel-control-prev { transform-origin: center left; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel { --o-wsale-dynamic-snippet-col-size: var(--o-carousel-item-width-percentage); } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel:where(:has(.col-6)) { --o-wsale-dynamic-snippet-col-size: 50%; } .s_dynamic_snippet_products:where(.o_wsale_products_opt_design_thumbs):has(.s_dynamic_snippet_title_aside) .carousel:where(:has(.col-3)) { --o-wsale-dynamic-snippet-col-size: 25%; } } /* /droggol_theme_common/static/src/snippets/s_mega_menu_prime_3/000.scss */ .s_mega_menu_prime_3 .s_badge { margin: 0; margin-left: 0.4rem; padding: 0.4em 0.6em; font-size: 0.66rem; border-radius: 3px; padding-top: 5px; } .s_mega_menu_prime_3 .s_badge i { margin-right: 0.3rem; } /* /droggol_theme_common/static/src/snippets/s_mega_menu_prime_6/000.scss */ .s_mega_menu_prime_6 .tp-banner-block { min-height: 400px; } .s_mega_menu_prime_6 .tp-banner-block .tp-banner-text { position: absolute; top: auto; left: 18px; bottom: 20px; right: 18px; padding: 1rem; } /* /theme_prime/static/src/snippets/s_banner_1/000.scss */ .s_banner_1 .tp-block-container { min-height: 250px; background-position: center; background-size: cover; overflow: hidden; } .s_banner_1 .tp-block-container .tp-block-content { position: absolute; top: 0; left: 0; bottom: auto; right: auto; padding: 2rem; backface-visibility: hidden; } .s_banner_1 .tp-block-container .tp-block-content .tp-title { position: absolute; top: 50%; left: 0; bottom: auto; right: auto; color: white; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); background: rgba(232, 227, 227, 0.21); text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.32); padding: 10px; } .s_banner_1 .tp-block-container .tp-block-content .tp-subtitle { position: absolute; top: auto; left: 0; bottom: 0; right: auto; padding: 1.7rem; opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .s_banner_1 .tp-block-container .tp-block-content:before { position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 100%; height: 100%; background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.52) 58%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.52) 58%); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } @media (max-width: 991.98px) { .s_banner_1 .tp-block-container .tp-block-content:before { opacity: 1; transform: translate3d(0, 0, 0); } .s_banner_1 .tp-block-container .tp-block-content .tp-title { transform: translate3d(0, -50%, 0) translate3d(0, -45px, 0); } .s_banner_1 .tp-block-container .tp-block-content .tp-subtitle { color: white; opacity: 1; transform: translate3d(0, 0, 0); } } .s_banner_1 .tp-block-container:hover .tp-block-content:before { opacity: 1; transform: translate3d(0, 0, 0); } .s_banner_1 .tp-block-container:hover .tp-block-content .tp-title { transform: translate3d(0, -50%, 0) translate3d(0, -45px, 0); } .s_banner_1 .tp-block-container:hover .tp-block-content .tp-subtitle { color: white; opacity: 1; transform: translate3d(0, 0, 0); } body.editor_enable .s_banner_1 .tp-block-container .tp-block-content:before { opacity: 1; transform: translate3d(0, 0, 0); } body.editor_enable .s_banner_1 .tp-block-container .tp-block-content .tp-title { transform: translate3d(0, -50%, 0) translate3d(0, -45px, 0); } body.editor_enable .s_banner_1 .tp-block-container .tp-block-content .tp-subtitle { color: white; opacity: 1; transform: translate3d(0, 0, 0); } /* /theme_prime/static/src/snippets/s_banner_2/000.scss */ .s_banner_2 .tp-block-wrapper { overflow: hidden; } .s_banner_2 .tp-block-wrapper .tp-block-container { min-height: 260px; background-position: center; background-size: cover; transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content { position: absolute; top: 0; left: 0; bottom: auto; right: auto; padding: 1.1rem; backface-visibility: hidden; } .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content .tp-title { position: absolute; top: 45%; left: 0; bottom: auto; right: auto; color: white; transition: transform 0.35s, color 0.35s; } .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content .tp-subtitle { position: absolute; top: auto; left: 0; bottom: 20px; right: auto; padding: 1.6rem; color: white; margin: 0 auto; -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content:before { position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; border: 1px solid #fff; background-color: rgba(255, 255, 255, 0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 991.98px) { .s_banner_2 .tp-block-wrapper .tp-block-container { -webkit-transform: scale(1); transform: scale(1); } .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content .tp-title { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -35px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -35px, 0); } .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content .tp-subtitle { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .s_banner_2 .tp-block-wrapper:hover .tp-block-container { -webkit-transform: scale(1); transform: scale(1); } .s_banner_2 .tp-block-wrapper:hover .tp-block-container .tp-block-content:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .s_banner_2 .tp-block-wrapper:hover .tp-block-container .tp-block-content .tp-title { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -35px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -35px, 0); } .s_banner_2 .tp-block-wrapper:hover .tp-block-container .tp-block-content .tp-subtitle { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } body.editor_enable .s_banner_2 .tp-block-wrapper .tp-block-container { -webkit-transform: scale(1); transform: scale(1); } body.editor_enable .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content:before { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } body.editor_enable .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content .tp-title { -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -35px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -35px, 0); } body.editor_enable .s_banner_2 .tp-block-wrapper .tp-block-container .tp-block-content .tp-subtitle { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* /theme_prime/static/src/snippets/s_banner_3/000.scss */ .s_banner_3 .tp-banner-content { position: absolute; top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); padding: 0.8rem; min-width: 40%; z-index: 2; } /* /theme_prime/static/src/snippets/s_banner_4/000.scss */ .s_banner_4 .tp-banner-content { position: absolute; top: auto; left: 3.5rem; bottom: 3rem; right: auto; z-index: 2; } /* /theme_prime/static/src/snippets/s_banner_6/000.scss */ @media (min-width: 768px) { .s_banner_6 .tp-banner-content { margin: -50px 50px 0px 50px; } } /* /theme_prime/static/src/snippets/s_banner_8/000.scss */ .s_banner_8 .tp-content { position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 1; } /* /theme_prime/static/src/snippets/s_banner_9/000.scss */ .s_banner_9 .tp-content { position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 1; } /* /theme_prime/static/src/snippets/s_banner_12/000.scss */ .s_banner_12 img { min-height: 16rem; object-fit: cover; } .s_banner_12 .tp-banner-content { position: absolute; top: 50%; left: 15%; bottom: auto; right: auto; transform: translate(-15%, -50%); -webkit-transform: translate(-15%, -50%); z-index: 2; } /* /theme_prime/static/src/snippets/s_banner_13/000.scss */ @media (max-width: 767.98px) { .s_banner_13 img { min-height: 300px; object-fit: cover; } } .s_banner_13 .tp-banner-content { position: absolute; top: auto; left: 50%; bottom: 15%; right: auto; transform: translate(-50%, 15%); -webkit-transform: translate(-50%, 15%); padding: 1rem; } /* /theme_prime/static/src/snippets/s_clients_1/000.scss */ .s_clients_1 .tp-client-list { overflow: hidden; } .s_clients_1 .tp-client-list .tp-client-box { margin-left: -1px; margin-bottom: -1px; border-left: 1px solid; border-bottom: 1px solid; border-color: var(--o-border-color); } .s_clients_1 .tp-client-list .tp-client-box img { width: 120px; } /* /theme_prime/static/src/snippets/s_clients_2/000.scss */ .s_clients_2 .tp-client-box { margin-left: -1px; margin-bottom: -1px; border: 1px solid var(--o-border-color); } .s_clients_2 .tp-client-box .tp-client-image { width: 120px; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0.5; filter: grayscale(100%); } .s_clients_2 .tp-client-box .tp-client-image:hover { opacity: 1; filter: grayscale(0); } /* /theme_prime/static/src/snippets/s_clients_3/000.scss */ .s_clients_3 .tp-client-image { width: 120px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0.6; } .s_clients_3 .tp-client-image:hover { opacity: 1; } /* /theme_prime/static/src/snippets/s_clients_4/000.scss */ .s_clients_4 .tp-client-box img { width: 120px; } /* /theme_prime/static/src/snippets/s_coming_soon_1/000.scss */ body:not(.editor_enable) .s_coming_soon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1030; background-color: #FFF; } .s_coming_soon_1 .tp-coming-soon-container { min-height: 100vh; } .s_coming_soon_1 .tp-coming-soon-container .tp-coming-soon-side-block { min-height: 100vh; } .s_coming_soon_1 .tp-coming-soon-container .tp-coming-soon-side-block .tp-stay-tuned { letter-spacing: 10px; } .o_panel .s_coming_soon { display: none; } html[data-view-xmlid="website.snippets_debug_page_view"] body { overflow: auto !important; } /* /theme_prime/static/src/snippets/s_tp_countdown/000.scss */ .tp-countdown { --justify-content: start; } .tp-countdown.tp-light .s_countdown_1 .tp-counter-block, .tp-countdown.tp-light .s_countdown_4 .tp-counter-block { background: #FFF; } .tp-countdown.tp-light .s_countdown_1 .tp-counter-block .tp-counter-number, .tp-countdown.tp-light .s_countdown_4 .tp-counter-block .tp-counter-number { color: #0080FF; } .tp-countdown.tp-light .s_countdown_1 .tp-counter-block hr, .tp-countdown.tp-light .s_countdown_4 .tp-counter-block hr { border-color: #E9ECEF; } .tp-countdown.tp-light .s_countdown_1 .tp-counter-title { color: #343A40; } .tp-countdown.tp-light .s_countdown_4 .tp-counter-title { color: #6C757D; } .tp-countdown.tp-dark .s_countdown_1 .tp-counter-block, .tp-countdown.tp-dark .s_countdown_4 .tp-counter-block { background: #343A40; } .tp-countdown.tp-dark .s_countdown_1 .tp-counter-block .tp-counter-number, .tp-countdown.tp-dark .s_countdown_4 .tp-counter-block .tp-counter-number { color: #FFF; } .tp-countdown.tp-dark .s_countdown_1 .tp-counter-block hr, .tp-countdown.tp-dark .s_countdown_4 .tp-counter-block hr { border-color: rgba(255, 255, 255, 0.5); } .tp-countdown.tp-dark .s_countdown_1 .tp-counter-title { color: #FFF; } .tp-countdown.tp-dark .s_countdown_4 .tp-counter-title { color: #343A40; } .tp-countdown .s_countdown_1 .tp-counter-block { padding: 16px 22px; flex: 1; border-radius: 0.375rem; min-width: 90px; } .tp-countdown .s_countdown_4 .tp-counter-block { padding: 0; height: 42px; width: 42px; line-height: 42px; text-align: center; border: 1px solid var(--o-border-color); background-color: #f9fafe; border-radius: 50rem; } .tp-countdown.position-center { --justify-content: center; } .tp-countdown.position-right { --justify-content: end; } .tp-countdown .tp-countdown-container { justify-content: var(--justify-content); } /* /theme_prime/static/src/snippets/s_cover_1/000.scss */ /* /theme_prime/static/src/snippets/s_cover_2/000.scss */ /* /theme_prime/static/src/snippets/s_cover_3/000.scss */ .s_cover_3 { width: 100%; vertical-align: middle; background-position: 100%; } .s_cover_3 .tp-cover-icon-container { position: absolute; top: auto; left: 0%; bottom: 30px; right: 0%; z-index: 1; border-radius: 0.375rem; } /* /theme_prime/static/src/snippets/s_gallery_1/000.scss */ .s_gallery .gallery-image { cursor: pointer; } .s_gallery .gallery-zoom-in-effect { overflow: hidden; } .s_gallery .gallery-zoom-in-effect img { object-fit: cover; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .s_gallery .gallery-zoom-in-effect:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .s_gallery .gallery-zoom-out-effect { border: solid 1px transparent; } .s_gallery .gallery-zoom-out-effect img { object-fit: cover; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; filter: gray; -webkit-filter: grayscale(100%); } .s_gallery .gallery-zoom-out-effect:hover img { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); -webkit-filter: grayscale(0%); } .s_gallery .gallery-text-effect { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .s_gallery .gallery-text-effect:hover { background-color: #343A40; color: #FFF; } body:not(.editor_enable) .s_gallery .gallery-overlay-effect:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); } body:not(.editor_enable) .s_gallery .gallery-overlay-effect:hover:after { content: initial; } /* /theme_prime/static/src/snippets/s_heading_1/000.scss */ .s_heading_1 .tp-heading-container.tp-line-bottom:after, .s_heading_1 .tp-heading-container.tp-line-top:before { content: ''; display: inline-block; border-color: #0080FF; } .s_heading_1 .tp-heading-container.tp-line-bottom:after { margin-top: 1rem; border-top-style: solid; } .s_heading_1 .tp-heading-container.tp-line-top:before { margin-bottom: 1rem; border-bottom-style: solid; } .s_heading_1 .tp-heading-container.tp-line-thickness-light:before { border-bottom-width: 2px; } .s_heading_1 .tp-heading-container.tp-line-thickness-normal:before { border-bottom-width: 5px; } .s_heading_1 .tp-heading-container.tp-line-thickness-bold:before { border-bottom-width: 10px; } .s_heading_1 .tp-heading-container.tp-line-thickness-light:after { border-top-width: 2px; } .s_heading_1 .tp-heading-container.tp-line-thickness-normal:after { border-top-width: 5px; } .s_heading_1 .tp-heading-container.tp-line-thickness-bold:after { border-top-width: 10px; } .s_heading_1 .tp-heading-container.tp-line-width-short:after, .s_heading_1 .tp-heading-container.tp-line-width-short:before { width: 2.14rem; } .s_heading_1 .tp-heading-container.tp-line-width-normal:after, .s_heading_1 .tp-heading-container.tp-line-width-normal:before { width: 2.71rem; } .s_heading_1 .tp-heading-container.tp-line-width-long:after, .s_heading_1 .tp-heading-container.tp-line-width-long:before { width: 5rem; } /* /theme_prime/static/src/snippets/s_heading_2/000.scss */ .s_heading_2 .tp-heading-container.tp-line-bottom:after, .s_heading_2 .tp-heading-container.tp-line-top:before { content: ''; display: inline-block; border-color: #0080FF; border-radius: 50%; width: 1rem; } .s_heading_2 .tp-heading-container.tp-line-bottom:after { margin-top: 1rem; border-top-width: 1rem; border-top-style: solid; } .s_heading_2 .tp-heading-container.tp-line-top:before { margin-bottom: 1rem; border-bottom-width: 1rem; border-bottom-style: solid; } /* /theme_prime/static/src/snippets/s_icon_block_9/000.scss */ @media (min-width: 768px) { .s_icon_block_9 .tp-icon-block:not(:last-child) { border-right: 1px solid var(--o-border-color); border-color: var(--o-border-color); } } /* /theme_prime/static/src/snippets/s_icon_block_10/000.scss */ @media (max-width: 1199.98px) { .s_icon_block_10 .tp-icon-block .tp-icon-block-icon { border-right-width: 0px; } .s_icon_block_10 > .container > .row, .s_icon_block_10 > .o_container_small > .row { border-width: 0px !important; } } @media (min-width: 1200px) { .s_icon_block_10 .tp-icon-block:not(:last-child) .tp-icon-block-icon { border-right: 1px solid; border-color: var(--o-border-color); } } /* /theme_prime/static/src/snippets/s_icon_block_11/000.scss */ @media (max-width: 991.98px) { .s_icon_block_11 .tp-icon-block { border-right-width: 0px; } } @media (min-width: 992px) { .s_icon_block_11 .tp-icon-block:not(:last-child) { border-right: 1px solid; border-color: var(--o-border-color); } } /* /theme_prime/static/src/snippets/s_info_block_7/000.scss */ .s_info_block_7 .tp-offer-block .tp-offer-label-lg { line-height: 210px; font-size: 14.2rem; } .s_info_block_7 .tp-offer-block .tp-offer-label-md { line-height: 70px; font-size: 5rem; } .s_info_block_7 .tp-offer-block .tp-offer-label-sm { font-size: 2.8rem; } .s_info_block_7 .tp-badge-container { position: absolute; top: -2.1rem; left: auto; bottom: auto; right: 0.7rem; height: 85px; width: 85px; } .s_info_block_7 .tp-badge { position: absolute; top: 25%; left: 17%; bottom: auto; right: auto; } /* /theme_prime/static/src/snippets/s_shop_offer_4/000.scss */ .s_shop_offer_4 .tp-banner-text { position: absolute; top: 20%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -20%); } /* /theme_prime/static/src/snippets/s_testimonial_3/000.scss */ /* /theme_prime/static/src/snippets/s_testimonial_4/000.scss */ /* /theme_prime/static/src/snippets/s_testimonial_5/000.scss */ .s_testimonial_5 blockquote:after { content: ''; position: absolute; top: auto; left: 50px; bottom: -30px; right: auto; border-style: solid; border-width: 30px 30px 0 0; border-color: #FFF transparent transparent transparent; filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)); } .s_testimonial_5 .tp-author-image { height: 55px; width: 55px; }